[JavaScript] euh enfin, je crôà

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [JavaScript] euh enfin, je crôà

xkamui

Their Destiny Was Foreordained

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

Publicité

wouatouwouatou

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.

xkamui

Their Destiny Was Foreordained

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:

xkamui

Their Destiny Was Foreordained

:cry:

youdontcare

<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.

xkamui

Their Destiny Was Foreordained

TROP FORT !!! :sol: :sol:

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

FORUM HardWare.fr

Programmation

[JavaScript] euh enfin, je crôà

Sujets relatifs
[javascript] savoir de quel page l on, viens...	Javascript : comment faire ?
[JAVASCRIPT] Date et comparaison	[JavaScript] Une fonction pour attendre?
Javascript / balise INPUT : comment faire?	[javascript] rollover
[HTML] sites donnant les compatibilités des balises javascript...	[Javascript] Valider un formulaire
JAVASCRIPT modif du pb	JAVASCRIPT HELP very urgent
Plus de sujets relatifs à : [JavaScript] euh enfin, je crôà

Page générée en 0.055 secondes