Discussion :

[allayahassine]

bonjour tout le monde,

Je désire ajouter une classe CSS à un <div> lors du click d'un lien <a>

Code :

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

<a id="arId" onClick="addClass()" href="<%= request.getAttribute('javax.servlet.forward.request_uri') %>?lang=ar"><img style="height: 28px; width: 30px" src="${assetPath(src: 'gateway/arab.png')}"/></a>

Code :

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

1
2
3
4
5
<script>
		function addClass() {
			$("#content1").addClass("anotherclass");
		}
	</script>

Code :

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

<div id="content1" class="row createContent">

Le problème est que la classe ajoutée ne persiste pas, çàd elle disparait dès que la redirection du lien s'effectue

Aidez-moi à trouver une solution svp..merci bien

[SpaceFrog]

Rien de plus normal, un lien href recharge la page

les modifications effectuées coté client ne sont pas sauvegardées ...

Code :

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

1
2
3
4
$("#arId").on('click', function(e){ 
e.preventDefault();// inhibe le href
addClass();
 })

mais le href ne se déclenchera pas ...
Tout dépend de l'ergonomie voulue ...
Tu peux eventuellement rajouter un paramètre dans le lien href pour passer le choix à la page suivante, ou stocker ce choix en cookie, localStorgae ou sessionStorage ...

[allayahassine]

En effet, je veux ajouter la classe CSS "anotherclass" pour effectuer le traitement ci-dessous après rechargement de la page:

Code css :

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

1
2
3
4
5
6
.anotherclass {
  display: -webkit-flex;
  -webkit-flex-direction: row-reverse;
  display: flex;
  flex-direction: row-reverse;
}

et je veux que ces traitement persistent

[NoSmoking]

Bonjour,
si ta page est rechargé, alors ajoutes la « class » coté serveur, cela sera persistant.

[allayahassine]

comment je peux faire ça, sachant que je travaille avec Grails 3.1.1 ?

[SpaceFrog]

Dans ton lien rajoute un paramètre que tu récupèreras coté serveur pour appliquer la class