Javascript, multiplier un div

Répondre

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics


sff
WRInaute impliqué
WRInaute impliqué
 
Messages: 290
Inscription: Mer Fév 02, 2005 23:04

Javascript, multiplier un div

Message le Jeu Avr 03, 2008 21:44

Bonjours à tous, voila depuis 3 jours, j'ai un soucis que j'arrive pas à résoudre.

Pour commencer voila le code en question :

Code: Tout sélectionner
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>test</title>
</head>


<script type="text/javascript">

function getHTTPObject()
{
  var xmlhttp = false;

  /* on essaie de créer l'objet si ce n'est pas déjà fait */
  if (!xmlhttp && typeof XMLHttpRequest != 'undefined')
  {
     try
     {
        xmlhttp = new XMLHttpRequest();
     }
     catch (e)
     {
        xmlhttp = false;
     }
  }

  if (xmlhttp)
  {
 
     /* on définit ce qui doit se passer quand la page répondra */
     xmlhttp.onreadystatechange=function()
       

      {
            if (xmlhttp.readyState == 4) /* 4 : état "complete" */
            {
                if (xmlhttp.status == 200) /* 200 : code HTTP pour OK */
                {
            
             

                    document.getElementById("babble").innerHTML=xmlhttp.responseText;
                 
                    }
            }
        }
    }
    return xmlhttp;
}

function rafraichir() {
        var xmlhttp = getHTTPObject();
        xmlhttp.open('GET','test4.php?'+new Date(), true);       
        xmlhttp.send(null);
    }
   
window.onload = function() { rafraichir(); setInterval(rafraichir, 1000); }
   
</script>

<body>
   


<div id="babble">
<? echo time(); ?>
</div>


</body>
</html>




A la fin du code il y a un <div id='babble'> time </div>



En fait ce code sert a faire un refresh régulier dans la div babble. Ce code fonctionne parfaitement sous Ie et Firefox. Ce que je voudrais faire en fait, c'est de pouvoir mettre plusieurs div dans la page (faisant tous des refresh), du genre <div id='babble1'> time </div> , <div id='babble2'> time </div> ,<div id='babble3'> time </div> etc...



Mais qu'ils utilisent tous le meme code js. Voila sur quoi le bloque. Je sais pas du tout comment faire.

Quelqu'un peut-il m'aider? Merci
Haut

Bacteries
WRInaute accro
WRInaute accro
 
Messages: 1333
Inscription: Jeu Mai 27, 2004 13:04

Message le Ven Avr 04, 2008 8:54

Qu'est ce qui te pose problème exactement?

Tu peux créer des div (fonction js createElement()), leur ajouter des attributs et les ajouter à la page (appendChild()).
Haut
manuura
Nouveau WRInaute
 
Messages: 11
Inscription: Mar Fév 28, 2006 17:31

Message le Ven Avr 04, 2008 15:04

Tu peux rajouter une classe "babble" sur tes div. Après tu les appelles toutes avec un truc du genre :

Code: Tout sélectionner
function all() {

var div = document.getElementsByTagName('div');

   for(var i=0; div.length; i++)
    {
      if(div[i].className == 'babble')
      {
         /* ton action */
         
      }
     }
}
Haut
Répondre

Formation recommandée sur ce thème :

Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :

Consultez la description détaillée des produits ou services de Google suivants : Google Related Links, Google Compute



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group , traduction par phpBB-fr.com, mod SEO par phpbb-seo.com