Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1520 connectés 

  FORUM HardWare.fr
  Programmation

  [JavaScript] euh enfin, je crôà

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[JavaScript] euh enfin, je crôà

n°79063
xkamui
Their Destiny Was Foreordained
Posté le 07-12-2001 à 00:05:43  profilanswer
 

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

mood
Publicité
Posté le 07-12-2001 à 00:05:43  profilanswer
 

n°79082
wouatouwou​atou
Posté le 07-12-2001 à 08:48:48  profilanswer
 

essaie de mettre dans ton chp txt un onchange
 
du genre :  

Code :
  1. <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 :
  1. function changeImageLargeur(chptxt)
  2. {
  3.    document.images["nomDeLImage"].width = eval(chptxt.value+"%" );
  4. }


 
Mais jsuis pas sur que ca marche. :D

n°79287
xkamui
Their Destiny Was Foreordained
Posté le 07-12-2001 à 18:17:00  profilanswer
 

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:

n°79370
xkamui
Their Destiny Was Foreordained
Posté le 07-12-2001 à 23:39:53  profilanswer
 

:cry:

n°79375
youdontcar​e
Posté le 08-12-2001 à 00:03:14  profilanswer
 

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

n°79422
xkamui
Their Destiny Was Foreordained
Posté le 08-12-2001 à 11:23:21  profilanswer
 

TROP FORT !!!  :sol:  :sol:  
 
merci beaucoup !!!!! :jap:  :jap:  :jap:


Aller à :
Ajouter une réponse
  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 pbJAVASCRIPT HELP very urgent
Plus de sujets relatifs à : [JavaScript] euh enfin, je crôà


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR