Equivalent echo (php) en javascript

Résolu
Oloufemi -  
 Oloufemi -
Bonjour,
Je suis actuellement entrain de modifier un script caroussel ecrit en javascript.
Les lignes permettant d'afficher le caroussel sont:

<div class="box box-inner">
<div class="box box-primary">
<div class="carousel example-1" id="caroussel1">
<ul>
<li><a href="#" onClick="load_video('flv/bercy')">bercy</a></li>
<li><a href="#" onClick="load_video('flv/bilan')">bilan</a></li>
<ul>
</div>
</div>
</div>

J'aimerais pouvoir afficher dynamiquement les lignes li, c'est a dire un equivalent du code php:

while(..){echo '<li><a href="#" onClick="load_video('flv/bercy')">bercy</a></li>';}

J'aimerais le faire en javascript, j ai utilisé document.write mais cela m'affiche rien, innertHTML ne s'affiche pas non plus quand j essaie de réécrire tout le bloc dans un div.

Avez vous une idée?

Merci
Configuration: Windows Vista
Firefox 3.0.10

3 réponses

  1. PhP Messages postés 1774 Statut Membre 606
     
    Bsr

    Je ferais comme ceci :

    <html>
    <head>
    	<script>	
    		var listItems=new Array();
    		listItems.push({video : "flv/bercy", text : "bercy"});
    		listItems.push({video : "flv/bilan", text : "bilan"});
    	
    		function loadCaroussel(divId)
    		{			
    			var elt = document.getElementById(divId);
    			var codeHTML = '';
    			for (var i = 0; i < listItems.length; i++)
    			{
    				var item = listItems[i];
    				codeHTML += '<li><a href="#" onClick="load_video(\''+item.video+'\')">'+item.text+'</a></li>';
    			}
    			elt.innerHTML = '<ul>'+codeHTML+'<ul>'; 
    		}
    		
    		function start()
    		{
    			loadCaroussel('caroussel1');
    		}
    		
    		window.onload=start;
    	</script>
    </head>
    <body>
    	<div class="carousel example-1" id="caroussel1"> 
    	</div> 
    </body>
    </html>
    --

    PhP  
    Il y a 10 types de personnes dans le monde : ceux qui comprennent le binaire et les autres ...
    5
  2. Oloufemi
     
    Merci d'avoir répondu si vite!!

    J'ai ajouté

    <div class="carousel example-1" id="caroussel1" style="height:130px;">
    <script>
    window.onload=loadCaroussel('caroussel1');
    </script>
    </div>

    et l'affichage est nickel.

    Apparemment tu appartiens au 11eme type de personne, ceux qui comprennent le binaire et comprennent les autres ... ;)

    Thanks a lot
    0
    1. HostOfSeraphim Messages postés 7340 Statut Contributeur 1 609
       
      Mais où sont ceux du 100ème type ? :-)

      0
  3. Oloufemi
     
    :)
    Je suis de retour.
    Cette fois ci je peine a importer les paramètres depuis un fichier xml.

    var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
    function loadXML(xmlFile)
    {
    xmlDoc.load(xmlFile);
    xmlObj=xmlDoc.documentElement;
    }
    loadXML('doc.xml');

    var listItems=new Array();
    for (var i = 0; i < xmlObj.childNodes.length; i++)
    {
    listItems.push({video : xmlObj.childNodes(i).getAttribute("url"), text : xmlObj.childNodes(i).getAttribute("nom")});
    }

    Mais il ne m'affiche rien, l'erreur se situerait ou?

    Thanks a lot
    0