18041 sujets

Questions générales et questions de débutants

Intégration d'une galerie en javascript

Bonjour,

En grand débutant je m'adresse à vous car je suis coincé...

avant tout, voilà en gros ce que je cherche à réaliser :
(aller dans la rubrique galerie)


J'ai déjà trouvé un petit script sympa pour gérer les menu titres de la galerie.

Voici donc mon souci :
Lorsque je clique sur l'un des liens, je souhaite qu'un script s'execute et affiche la gallerie correspondant au lien sur la même page sans pour autant que mon menu se replie...
Je cherche depuis quelques jours mais je ne trouve ni le script ni la méthode pour réaliser tout çà...

Si çà peux aider, voici mon code html :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
	
	<head>
		<title>ESSAI Switch Menu</title>
		
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		
		<link rel="stylesheet" media="screen" type="text/css" title="style1" href="styles\Style1.css" />
				
		<script type="text/javascript" src="menu.js"></script>
		
</head>
<body>

<h2>requinaxesopefuvi</h2>

	<div id="menuderoulant">
	<p id="menu1" class="menuOut" onclick="SwitchMenu('sub1')" onmouseover="ChangeClass('menu1','menuOver')" onmouseout="ChangeClass('menu1','menuOut')">Codes Samples</p>
	
	<div class="submenu" id="sub1" style="display:none;">
		<a href="#" title="Scrolling Text">Scrolling Text</a><br/>
		<a href="javascript:galerie()" onclick="galerie()" title="Static Ticker">Static Ticker</a><br/>
		<a href="#" title="Zoom Intro">Zoom Intro</a>
	</div>

	<p id="menu2" class="menuOut" onclick="SwitchMenu('sub2')" onmouseover="ChangeClass('menu2','menuOver')" onmouseout="ChangeClass('menu2','menuOut')">Tutorials</p>
	
	<div class="submenu" id="sub2" style="display:none;">
		<a href="#" title="InnerHTML">InnerHTML</a><br/>
		<a href="#" title="Document Size">Document Size</a>
	</div>

	<p id="menu3" class="menuOut" onclick="SwitchMenu('sub3')" onmouseover="ChangeClass('menu3','menuOver')" onmouseout="ChangeClass('menu3','menuOut')">Help Forum</p>
	
	<div class="submenu" id="sub3" style="display:none;">
		<a href="#" title="Javascript">Javascript</a><br/>
		<a href="#" title="DHTML">DHTML</a><br/>
		<a href="#" title="Off-topic">Off-topic</a>
	</div>
	
	<p id="menu4" class="menuOut" onclick="SwitchMenu('sub4')" onmouseover="ChangeClass('menu4','menuOver')" onmouseout="ChangeClass('menu4','menuOut')">Cool Links</p>
	
	<div class="submenu" id="sub4" style="display:none;">
		<a href="#" title="Google">+Google</a><br/>
		<a href="#" title="Altavista">Altavista</a><br/>
		<a href="#" title="Yahoo">Yahoo</a><br/>
		<a href="#" title="Lycos">Lycos</a>
	</div>
	
	<p id="menu5" class="menuOut" onclick="SwitchMenu('sub5')" onmouseover="ChangeClass('menu5','menuOver')" onmouseout="ChangeClass('menu5','menuOut')">Contact Us</p>
	<div class="submenu" id="sub5" style="display:none;">
		<a href="#" title="Email">Email</a><br/>
		<a href="#" title="Location">Location</a>
	</div>
</div>
	
	<a class="retour_accueil" title="accueil" href="#"></a>
	

	
	</body>
	
</html>


....

çà, c'est le script :


/*  
Script made by Martial Boissonneault © 2001-2003  http://getElementById.com/
 
This script may be used and changed freely as long as this msg is intact
Visit  http://getElementById.com/  for more free scripts and tutorials.
*/
function SwitchMenu(obj){
	if(document.getElementById){
	var el = document.getElementById(obj);
	var ar = document.getElementById("menuderoulant").getElementsByTagName("DIV");
		if(el.style.display == "none"){
			for (var i=0; i<ar.length; i++){
				ar[i].style.display = "none";
			}
			el.style.display = "block";
		}else{
			el.style.display = "none";
		}
	}
}
function ChangeClass(menu, newClass) { 
	 if (document.getElementById) { 
	 	document.getElementById(menu).className = newClass;
	 } 
} 
document.onselectstart = new Function("return false");


Merci d'avance pour votre aide et votre temps [/i]
Modifié par julien8 (24 Nov 2006 - 14:15)
Bonjour,

toutes mes excuses pour cette erreur polluante!
Voilà qui est corrigé !

Je continue d'expérimenter...
Et j'espère que mon cas pourra servir aux autres.

Merci d'avance pour votre aide !
Sujet clos
Aller à