[JavaScript] euh enfin, je crôà

Marsh Posté le 07-12-2001 à 00:05:43

je voudrais changer la valeur en pourcentage de la hauteur de mon image, le tout en entrant seulement une valeur dans un champ txt genre :

si, dans mon champ, je tape 15 :
ma ligne d'iamge devient alors
<IMG src="mon_image.jpg" width="15%" height="300">
et ce sans rafraichir...

par contre si, dans la même session internet je met 45
ma ligne deviendrais alors
<IMG src="mon_image.jpg" width="45%" height="300">

je crois que c'est du javascript, mais je suis
1. pas sur
2. pas compétent pour le programmer

qq1 pour m'aider ??

@+
KAMUI

Reply

Marsh Posté le 07-12-2001 à 00:05:43

Reply

Marsh Posté le 07-12-2001 à 08:48:48

essaie de mettre dans ton chp txt un onchange

du genre :

Code :

<input type=text onchange="changeImageLargeur(this);">

Et tu appelles une fonction javascript que tu codes.

ou tu mets directement le code a la suite du onchange.

fonction du genre :

Code :

function changeImageLargeur(chptxt)
{
document.images["nomDeLImage"].width = eval(chptxt.value+"%" );
}

Mais jsuis pas sur que ca marche.

Reply

Marsh Posté le 07-12-2001 à 18:17:00

bah euh.. moi g fait ça donc, et ça marche pas...

<HTML>
<HEAD>
<SCRIPT>

function changeImageLargeur(chptxt)
{
document.images["01.jpg"].width = eval(chptxt.value+"%" );
}

</SCRIPT>
</HEAD>
<BODY>

<input type=text onchange="changeImageLargeur(this);">

<IMG src="01.jpg" width".changeImageLargeur">

</BODY>
</HTML>

comme dit avant... je sais pas le javascript :cry: :cry: :cry:

Reply

Marsh Posté le 07-12-2001 à 23:39:53

:cry:

Reply

Marsh Posté le 08-12-2001 à 00:03:14

<HTML>
<HEAD>
<SCRIPT>

function changeImageLargeur(chptxt)
{
myImage.width = myInput.value * document.body.offsetWidth / 100;
}

</SCRIPT>
</HEAD>
<BODY>

<input id="myInput" type=text onpropertychange="changeImageLargeur(this);"> <br>
<IMG id="myImage" width="50%" src="textest.jpg">

</BODY>
</HTML>

// commentaires :

pour accéder directement aux balises en script, le plus simple est de leur donner un id (tu mets ce que tu veux du moment qu'il est le seul à avoir cet id dans la page) :

<input id='myInput' type='text' .....

* ensuite en script, myInput.var accède à la variable var de l'input :

<script>
alert(myInput.value); // affiche la valeur de l'input
</script>

* pour changer la taille de l'image, on lui donne aussi un nom :

<img id='myImage' ....

pour changer la taille en script :

<script>
myImage.width = 400;
</script>

* l'événement de changement de la balise est onpropertychange, pas onchange.

* donc pour changer la taille de l'image, c'est juste

myImage.width = myInput.value;

ça donnera une taille absolue à ton image (ie si l'input vaut 400, la largeur sera changée à 400 pixels).

tu veux le faire en pourcentage, ça ne marche qu'à la lecture de la page. pas grave, on a la taille de la page dans document.body.offsetWidth

donc si tu rentres un pourcentage dans l'input, la taille est juste myInput.value * document.body.offsetWidth / 100.

Reply

Marsh Posté le 08-12-2001 à 11:23:21

TROP FORT !!! :sol: :sol:

merci beaucoup !!!!! :jap: :jap: :jap:

Reply

[JavaScript] euh enfin, je crôà

Sujets relatifs:

Leave a Replay