11548 sujets

JavaScript, DOM et API Web HTML5

bonjour tout le monde,
je debute en js et jai un probleme avec mon DOM Smiley confus

jai créé un arbre:

 <div id="main_list">
	<div class="main_item">
		<div class="name" onclick="go_down(this);" >CD/Multimedia</div>
		<div class="sub_item">
			<div class="name" onclick="go_down(this);" >CD/DVD</div>
			<div class="subsub_item">
				<div class="name" onclick="go_down(this);">CD</div>
				<div class="name" onclick="go_down(this);" >DVD</div>
			</div>
		</div>
		<div class="sub_item">
			<div class="name" onclick="go_down(this);" >Fonction externe</div>
		</div>
		<div class="sub_item">
			<div class="name" onclick="go_down(this);">TV</div></div>
		</div>
	<div class="main_item">
		<div class="name" onclick="go_down(this);" >Radio</div>
		<div class="sub_item">
			<div class="name" onclick="go_down(this);" >FM</div>
		</div>
		<div class="sub_item">
			<div class="name" onclick="go_down(this);" >AM</div>
		</div>
	</div>

	<div class="main_item">
		<div class="name" onclick="go_down(this);" >Telefon</div>
	</div>	
	</div>


avec la fontion go_down qui permet d'acceder a un sous menu:

function go_down(Element)
	{

		var parent = Element.up();
		var parent_siblings = parent.siblings();

		for(var i = 0; i<parent_siblings.size(); i++)
		{
			parent_siblings[i].hide();
		}

		Element.hide();
		currentElement = Element;

		var siblings = Element.siblings();

		for(var i = 0; i<siblings.size() ; i++)
		{
			if(siblings[i].hasClassName('name'))
			{
				siblings[i].hide();
			}
			else
			{		
				make_visible(siblings[i]);

				siblings[i].show();
			}
		}
	}  


le probleme c'est que je dois attribuer une image à chaque element, pour le 'main_item' une certaine image et pour chaque 'sub_item' une image. Smiley sweatdrop

est ce que qqun pourrait me dire comment je doit faire?[/i][/i][/i][/i][/i]
Modifié par sonialand (01 May 2009 - 14:20)
Hello sonialand et bienvenue Smiley smile ,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace après le crochet ouvrant).

upload/1-code.gif

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

Bonne continuation Smiley smile