Menu simple

Commenter

Contenu du snippet

Petit menu pour Java Server Page. La source est composé de commentaire
pouvant aider la compréhention au débutant. Pour créer ce menu, vous devez créer vos images et vos pages.

Source / Exemple : 


<%
/* Petit menu très simple. Très important que la variable numString recoive une valeur la premiere
fois lors d'une redirection de page */

int nbBouton = 8; // Nombre de pages et de choix dans le menu
String numMenu = request.getParameter( "num" ); // Entré de la valeur
String [] [] nomMenu =
{
	/* Représente le contenu du menu. Ne pas oublier que les pages et les images
	 doivent porter le même nom */

	{"accueil"},
	{"catalogue"},
	{"details"},
	{"panier"},
	{"politiques"},
	{"membre"},
	{"contact"},
	{"securite"}
};

%>

<table>
<tr>
	<!--Boucle pour le Menu -->
	<%
	for (int i = 0; i<nbBouton; i++)
	{
	%>
		<!-- <%=nomMenu[i][0]%> -->
		<td  class="menu">
	<%	
		if ( i != Integer.parseInt( numMenu ))
		{
	%>		
			<!-- le nom des images bouton doivent commencer par rol. Attention deux images 
			différentes pour chaque bouton du menu-->
			<a href="<%=nomMenu[i][0]%>.jsp?num=<%=i%>"><img src="../images/<%=nomMenu[i][0]%>.jpg" width="84" height="24" 
			alt="" onmouseover="src='../images/rol<%=nomMenu[i][0]%>.jpg'" onmouseout="src='../images/<%=nomMenu[i][0]%>.jpg'" /></a>
	<%
		}
		else
		{
	%>
			<!-- le nom des images bouton doivent commencer par sel. Représente le bouton sélectionné -->
			<img src="../images/sel<%=nomMenu[i][0]%>.jpg" width="84" height="24" alt=""  />
	<%
		}
	%>
		</td>
	<%	
	}
	%>
</tr>
</table>

Conclusion :


Bientot, je mettrai des pages et des images dans un fichier zip pour vous faciliter la tâche et pour pouvoir vous démontrer son bon fontionnement.

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.