Changer le fond de la page selon lien choisi

**amani1** · 27/01/2014, 12h36

bonjour
je travaille aves jsp et servlet et j'aime bien changer la couleur d'arriere plan de ma page selon la valeur des deux variables qui sont groupe et annee

Code JSP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<%
Iterator itAnnees = llAnnees.iterator();
while(itAnnees.hasNext())
{
        HashMap hAnnee = (HashMap)itAnnees.next();
        String anne = (String)hAnnee.get("annee");
        String groupe = (String)hAnnee.get("groupe");
%>
	<li><a href="authentification?groupe=<%=groupe%>&amp;annee=<%=anne%>" target="_self"><%=groupe%> / <%=annee%></a></li>  
 
 
<%

j'applique le style qui existe dans mon fichier css monstyle.css

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<link href="css/monstyle.css" rel="stylesheet" type="text/css" />

et j'ai ajouter des classes a mon style css

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.groupe1{
	background: blue;
}
 
.groupe2{
	background: green;
}
.annee1{
	background: blue;
}
 
.annee2{
	background: green;
}

je cherche a tester la valeur de groupe et annee au niveau de la page jsp pour qu'a chaque fois j'appelle la classe approprié selon le groupe et l'année . quelqu'un a une idée comment je peut faire ça . Merci d'avance

**amani1** · 28/01/2014, 14h25

bonjour,
je cherche a changer le fond de ma page jsp mais je voudrais que ce dernier change si je clique sur un autre lien

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<li><span>pays</span>
	<ul id="bg_menu"> 
	<li><a href="auth?pays=pays&amp;nationalite=fr" target="_self">france</a> </li>  
 
 
 
	<li><a href="auth?pays=italie&amp;nationalite=it" target="_self">italie</a></li>

mais lorsque j'ajoute a chaque balise <li> une balise de style

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<style type="text/css">
  body {background-color: blue}
</style>

il execute selement la couleur de la 1ere balise < li > avez vous une idée

**VirgApps** · 28/01/2014, 16h07

Bonjour,
il me semblerait plus judicieux d'ajouter une classe à la balise body

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body class="it">

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body class="fr">

et de changer la couleur dans par une feuille de style.
Avec un if en JSTL il serait facile de choisir quelle classe lui appliquer suivant ton paramètre "nationalité".

**-Dici-** · 01/02/2014, 17h59

Bonjour,

Déjà je me demande pourquoi il y a 4 classes CSS alors qu'il n'y a que deux styles. Que doit-il se passer pour le groupe 2 de l'année 1 ? De plus, que contient exactement l1Annees ?

Je n'aime pas utiliser les scriptlets alors je le ferai en JSTL (et je recommande de faire de même car ça se marie très bien avec la technologie JSP). Ce que je ferais, c'est que mes classes CSS seraient de la forme .ai-gj.

Dans ce cas, il faudrait déterminer i et j, faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<c:set var="i" value="${maValeurI}" scope="page"/>
<c:set var="j" value="${maValeurJ}" scope="page"/>

pour rentrer ces variables dans l'environnement, puis (si on veut par exemple changer le fond d'un paragraphe) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<p class="a${i}-g${j}">Contenu</p>

A noter que si annee ou groupe varient dans de larges intervalles il faut que les classes CSS soient "périodiques" (par exemple a0-g0 = a9-g0 donc inutile d'écrire a9-g0 et calculer maValeurI modulo 10...).

Changer le fond de la page selon lien choisi

Servlets/JSP Java

Discussions similaires

Partager

Partager