Ajouter une classe CSS

bonjour tout le monde,

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

Code:

---

<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:

---

1 2 3 4 5

<script> function addClass() { $("#content1").addClass("anotherclass"); } </script>

---

Code:

---

<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 :D

Rien de plus normal, un lien href recharge la page

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

Code:

---

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 ...

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

Code:

---

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

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

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

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