11548 sujets

JavaScript, DOM et API Web HTML5

Probleme avec javacript

Bonjour a tous,

j'ai un petit souci avec un script "javascript", jespere que vous pourrez m'aider..

Et je remercie d'avance celui ou celle qui m'aidera........

Voici le script en question:

<html>
<head>
		<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="menu.css" />

<title>demo</title>
<script language="javascript" type="text/javascript">
var nb=9; // nombre de bouton
var aff=5; // nombre de bouton affichés
var top=1;
function menu(i)
{
    var nouveau=top+i;
    if(nouveau>0 && nouveau<=nb-aff+1)
    {
        top=nouveau;
        for(a=1;a<=nb;a++)
        {
            if(a>=top && a<top+aff)
            document.getElementById('bouton'+a).style.display='block';
            else
            document.getElementById('bouton'+a).style.display='none';
        }
    }
}
</script>
</head>
<body>


	<div style=" width:33px; height:50px; position:absolute; left:120; top:330; border-left:0px solid #000;">
		<img onclick="menu(-1);" src="image004.png?w=&h=&cache=cache" style="cursor:pointer; position:absolute; right:0;">
	</div>
	
	
<div id="support" style="position:relative; width:250px; height:180px; top:350; overflow:hidden; border:0px solid #000;">	
	<div id="contenu" style="position:absolute; top:0;">
	
	
	
		<ul id="menug">

			<li id="bouton1"><a href="bleach.html" alt="section bleach" title=""><span>bleach</span></a></li>
	        <li id="bouton2"><a href="dragon_ball.html" alt="" title=""><span>dragon_ball</span></a></li>
	        <li id="bouton3"><a href="death_note.html" alt="" title=""><span>death_note</span></a></li>
	        <li id="bouton4"><a href="full_metal.html" alt="" title=""><span>full_metal</span></a></li>
	        <li id="bouton5"><a href="nana.html" alt="" title=""><span>nana</span></a></li>
			<li id="bouton6" style="display:none;"><a href="narutoo.html" alt="" title=""><span>naruto</span></a></li>
			<li id="bouton7" style="display:none;"><a href="saint_seiya.html" alt="" title=""><span>saint_seiya</span></a></li>
			<li id="bouton9" style="display:none;"><a href="recherche.html" alt="" title=""><span>recherche</span></a></li>
		</ul> 
	</div>
	
	
</div>
	<div style=" width:33px; height:50px; position:absolute; left:120; top:550; border-left:0px solid #000;">
		<img onclick="menu(1);" src="image005.png?w=&h=&cache=cache" style="cursor:pointer; position:absolute; right:0; bottom:0;">		
	</div>
</body>
</html>


et voici un screen ce que ça donne

upload/17434-menuderoul.JPG

Il devrait y avoir 5 boutons d'afficher comme preciser dans le code "javascript" mais il n'y en a que 3, la fonction "ascenceur" fonctionne bien, mais ne va pas jusqu'au dernier bouton, de plus le premier bouton affiché devrait etre "bleach" mais ça commence au deuxieme, je sais pas pourquoi....

Voila mes probleme, j'esper que vous pourrez m'aidez !!!! Smiley cligne
Ton code javascript est cohérent, le problème n'est pas là.

C'est dans le positionnement/css que ça cloche. Je pense que tes flèches cachent chacune un bouton en dessous d'eux...

Utiliser Firefox et Firebug pour inspecter tes objets et leur style.
Merci de ta réponse, mais j'utilise déjà firebug, et je m'en-mêler les pinceaux, j'ai trouver une solution en remplaçant par un autre script où j'avais un problème pour bien mettre mes flèches que j'ai résolu.
Sujet clos
Aller à