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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  document.name.src ....

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

document.name.src ....

n°743328
freed102
Arayashiki
Posté le 28-05-2004 à 13:43:23  profilanswer
 

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:

mood
Publicité
Posté le 28-05-2004 à 13:43:23  profilanswer
 

n°743333
antp
Super Administrateur
Champion des excuses bidons
Posté le 28-05-2004 à 13:45:27  profilanswer
 

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
n°743343
freed102
Arayashiki
Posté le 28-05-2004 à 13:48:29  profilanswer
 

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 !)

n°743346
antp
Super Administrateur
Champion des excuses bidons
Posté le 28-05-2004 à 13:48:54  profilanswer
 

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


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°743361
freed102
Arayashiki
Posté le 28-05-2004 à 13:55:31  profilanswer
 

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
n°743408
freed102
Arayashiki
Posté le 28-05-2004 à 14:17:22  profilanswer
 

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 !

n°743433
fxoxo
Posté le 28-05-2004 à 14:23:09  profilanswer
 

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);
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  document.name.src ....

 

Sujets relatifs
IE affiche aléatoirement la page xhtml comme un document xmllein vers un document
document a la valeur null ou n'est pas un objet???[J2ME] affichage d'un document dans un navigateur Palm ?
parser un document xml[C#] Afficher un document word dans une page
écrire dans un document excel[Java]Imprimer un document (doc, xml,...) via un bouton
comment avoir un name space local pour un schema xml?MSXML ne reconnaît pas la structure de mon document...
Plus de sujets relatifs à : document.name.src ....


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