Sujet Précédent Sujet Suivant

Equivalent echo (php) en javascript

Résolu/Fermé
Oloufemi - 18 mai 2009 à 23:22
 Oloufemi - 19 mai 2009 à 01:45
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

3 réponses

Réponse 1 / 3
PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
18 mai 2009 à 23:47
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
Réponse 2 / 3
Oloufemi
19 mai 2009 à 00:08
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
HostOfSeraphim Messages postés 6750 Date d'inscription jeudi 2 février 2006 Statut Contributeur Dernière intervention 31 juillet 2016 1 608
19 mai 2009 à 00:12
Mais où sont ceux du 100ème type ? :-)

0
Réponse 3 / 3
Oloufemi
19 mai 2009 à 01:45
:)
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