[JQuery] Du texte dans une div lors du clique sur un lien

Bonjour,

J'utilise la bibliotheque JQuery pour diverse tâches. Dont l'une est de remplir une div d'un certain contenu lorsque qu'un utilisateur clique sur un lien html.
Voici mon code :

Code:

---

1 2 3 4 5 6 7 8 9

<script> function getParams(){ if(document.getElementById("Ftitre").value == ""){ $("#Errortitre").html("<font color=red><I>Ce champ est obligatoire.</I></font>"); } } </script> <div class='subcontent-box' id='Errortitre'></div> <a class='load' id='save' href='{$mh_config.MH_URL}/mymobilehealth/index.php?action=brick.newsletters.getWebInterface&tab=RedigerArticle&addArticle=true&'+getParams());'>Ajouter un article</a>

---

Ma fonction getParams() s'execute bien lors du clique sur le lien, je vois apparaitre le texte dans la div, mais celle-ci disparait lors du rechargement de la page. Comment je pourrais m'employer pour garder le texte dans la div apres le rechargement de la page ??

Merci

Cordialement, Nimo

Bonjour,

Citation:

---

Envoyé par Nimothenicefish

je vois apparaitre le texte dans la div, mais celle-ci disparait lors du rechargement de la page.

---

tout à fait normal, donc :mrgreen:

Il suffit de re-créer ce texte à la génération de la nouvelle page ...
Tu peux le passer en paramètre dans l'url, par exemple ...

A+

Code:

---

1 2 3 4 5 6 7

// lors du clic sur le lien $(#save").click(function(){ if($("#Ftitre").val() == null || $("#Ftitre").val() == ''){ // si le champ est vide $("#Errortitre").html("<font color=red><I>Ce champ est obligatoire.</I></font>"); // on affiche l'erreur return false; } }

---

Citation:

---

Envoyé par Nimothenicefish

Comment je pourrais m'employer pour garder le texte dans la div apres le rechargement de la page ??

---

@Spir : ce n'est pas le changement de page, qui pose problème. Il est visiblement souhaité.

A+

A mon humble avis il veut faire ce que j'ai fait : valider le champs avec un JS sans recharger la page.
Parce que là il confond plein de truc. Le getParam met du code HTML dans une div et ne revoi rien donc former une URL avec le resultat de get Param c'est pas bon.

Explique nous ce que tu veux faire Nimothenicefish.
Surtout que jQuery est fait pour faire du JS non intrusif...

et

Code:

---

if(document.getElementById("Ftitre").value == ""){

---

en jQuery ca s'écrit;

Code:

---

if($("#Ftitre").val() == null || $("#Ftitre").val() == ''){

---

Si tu fais du jQuery fait le jusqu'au bout. A mon avis tu debutes.
Explique mieux ce que tu veux faire exactement pour qu'on t'aide.

Non mais j'ai résolue mon pb autrement :)

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

function getParams(){ var str = ""; str += $("form").serialize();   if(document.getElementById("Ftitre").value == ""){ str += "&Errortitre=true"; } if(document.getElementById("Fdate").value == ""){ str += "&ErrorDate=true"; } if(encodeURIComponent((FCKeditorAPI.GetInstance('Fheader').GetData())) == ""){ str += "&Errorheader=true"; } if(encodeURIComponent((FCKeditorAPI.GetInstance('Ffooter').GetData())) == ""){ str += "&Errorfooter=true"; } return str;

---

J'effectue une sérialisation de mes données, et si certains champs ne sont pas remplie als j'envoie un certain paramètre. Après dans mon page, je verifie si le parametre a été envoyé, si oui als j'affiche un message d'erreur.

Ca marche nikel, bon ya peut etre d'autre moyen de procéder mais déjà j'ai le resultat voulu ^^

Merci à vous ;)