document.name.src ....

document.name.src .... - HTML/CSS - Programmation

Marsh Posté le 28-05-2004 à 13:43:23    

Si je veux qu'une image soit chargée à la place d'une autre (en fonction de parametres).. je voudrais faire une sorte de "swap"...
 
en php je ferais ça :
 

Code :
  1. switch($var)
  2. {
  3. case 1 : $image="<img src=\"toto.gif\">";break;
  4. case 2 : $image="<img src=\"titi.gif\">";break;
  5. case 3 : $image="<img src=\"tata.gif\">";break;
  6. default : $image="<img src=\"toto.gif\">";break;
  7. }
  8. echo $image;


 
en javascript on ferait quoi ?
.. je pensais un truc dans le genre
en melangeant du javascript avec du PHP :
 

Code :
  1. switch($var)
  2. {
  3. case 1 : $script="document.image.src ='toto.gif'";break;
  4. case 2 : $script="document.image.src ='titi.gif'";break;
  5. case 3 : $script="document.image.src ='tata.gif'";break;
  6. default : $script="document.image.src ='toto.gif'";break;
  7. }
  8. <script language="javascript">
  9. <?php echo $script; ?>
  10. </script>
  11. <img name="image" src="tutu.gif">


 
Donc j'aimerai que l'image nommée "image" soit remplacée soit par toto.gif, titi.gif ou tata.gif ...
 
... simplement en javascript j'y connais pas grand chose ! lol !.. alors j'essaie de decortiquer ce que j'ai deja utilisé... et j'essaie de comprendre... mais là ça marche pas !
 
Un petit coup de pouce ???  :jap:

Reply

Marsh Posté le 28-05-2004 à 13:43:23   

Reply

Marsh Posté le 28-05-2004 à 13:45:27    

Tu donnes un ID à chaque image (id="unnomunique" ) et tu fais document.getElementById('lenomunique') pour y accéder
 
a priori tu ne dois pas mélanger de JS et de PHP vu que le JS s'exécute sur le poste client et le PHP sur le serveur.


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 28-05-2004 à 13:48:29    

antp a écrit :

Tu donnes un ID à chaque image (id="unnomunique" ) et tu fais document.getElementById('lenomunique') pour y accéder
 
a priori tu ne dois pas mélanger de JS et de PHP vu que le JS s'exécute sur le poste client et le PHP sur le serveur.


oui mais là le javascript pour moi ne me sert qu'à afficher dynamiquement sur ma page (et uniquement afficher) et le php enregistre les parametres (car j'ai plusieurs pages successives et je veux pouvoir revenir sur les pages precedentes avec les parametres memorisés).. c pourquoi je veux melanger le deux... (au moins pour essayer !)

Reply

Marsh Posté le 28-05-2004 à 13:48:54    

Bah alors je vois pas trop l'intérêt du JS :??:


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 28-05-2004 à 13:55:31    

bah si.. c que ça se change directement sur la page.. sans reloader la page !
 
http://www.clonecopy.net/php/comma [...] etape1.php
(exemple .. avec les erreur JS qui vont avec ! ;) )


Message édité par freed102 le 28-05-2004 à 13:56:10
Reply

Marsh Posté le 28-05-2004 à 14:17:22    

finalement je garde mon switch en PHP.. pas la peine de se compliquer la vie.. ça marche tres bien.. le switch pour afficher l'image en fonction du parametre... et le javascript pour faire le swap en dynamique.. IT WERKS !

Reply

Marsh Posté le 28-05-2004 à 14:23:09    

Tu peux faire une boucle php qui récupére tes images à afficher dynamiquement en les mettant dans un tableau JS et en les chargeants
 

Citation :


var im = new Array();
$i=0;
<boucle qui recupere tes images>
im[$i] = new Image();  
im[$i].src = "../images/$nom";
$i++;
</fin de la boucle qui recupere tes images>


 
apres ca t'à plus qu'a les changer avec du javascript
 

Citation :


<img id="dynamic_img" name="image" src="tutu.gif">
 
var num_img=0;
function NextImg()
{
num_img = num_img + 1;
document.getElementById("dynamic_img" ).src= im[num_img].src;
}


 
Si tu veux faire ca toutes les n secondes tu peux utiliser la fonction javascript setTimeout("NextImg()",n);
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed