Methode "document.getElementById" // Probleme de modification de plusieurs DIV

Bonjour,

Voici mon problème. J'aimerais, au moyen d'un bouton actionné, modifier plusieurs DIV de ma page web. Tout ceci dans le but d'éviter les frames et de recharger ma page complète a chaque fois. Voici mon code, celui-ci fonctionne :

<script type="text/javascript">
<!--
var str1 = "<?php include ('hello.php'); ?>";
var str2 = "I can be some <b>Contents</b> also.";
var str3 = "I can be some <b>Contents</b> also also.";
var titre = "CLICKME3";
var setInnerHTML = function( id, str){
     if(!document.getElementById) return; // Not Supported
     if(document.getElementById){
         document.getElementById(id).innerHTML = str;
        
     }     
}
// -->
</script>

<ul>
      <form name="form1" method="post" action="">
      <li><input type="button" value="::. S'inscrire   .::" onclick="setInnerHTML('feature',str1);"></li>
      <li>  <input type="button" value="::. Consultation .::" onclick="setInnerHTML('feature',str2);"></li>
      <li><input type="button" value="::. Click Me3 .::" onclick="setInnerHTML('feature',str3);"></li>
     </form>
</ul>

J'aimerais cependant, modifier, pas seulement ma DIV "Feature", mais une autre DIV qui s'appelle "content". Pour faire des test, je rajoutais

cette ligne :    document.getElementById("content").innerHTML = titre;
sous la ligne : document.getElementById(id).innerHTML = str;


Ceci fonctionne mal, à savoir que la dernière DIV appelée est modifiée, les autres restent inchangées.

Merci de votre aide :) :)

Salut,

j'avais eu la même idée... je ne l'ai pas appliquée à cause des moteurs de recherches... on serait mal référencés...


<script type="text/javascript">
<!--
var str1 = Faut faire ici une xmlhttprequest, sinon, ta page va faire des centaines de ko... enfin, tfaçon, faut au moins mettre addslashes à cause des "" de ta chaine str1 ;
var str2 = "I can be some <b>Contents</b> also.";
var str3 = "I can be some <b>Contents</b> also also.";
var titre = "CLICKME3";
var setInnerHTML = function( id, str){
     if(!document.getElementById) return; // Not Supported
     if(document.getElementById){
         document.getElementById(id).innerHTML = str;
        
     }     
}
// -->
</script>

si tu veux pas utiliser de xmlhttprequest, alors tu peux dire adeu à ce prioncipe....

In a dream, I saw me, drop dead... U was there, U cried... It was just a dream, if I die, U won't cry, maybe, U'll be happy

Mon site (articles sur la programmation et programmes)

bonjour,

pas sûr de ce qui est fait...

<form name="form1" method="post" action="">
      <li><input type="button" value="::. S'inscrire   .::" onclick="setInnerHTML('feature',str1);"></li>
certes, ça va recharger la page courante,
mais le co,ntenu de var str1 = "<?php include ('hello.php'); ?>"; est inchangé !
le php n'est pas rappelé.

pour communiquer du javascript au php, il faut le relancer
       avec un formulaire, en changeant l'url ou avec ajax

CordialementBul[mon Site][M'écrire]