Discussion :

[psychoBob]

Bonjour,

J'ai un petit soucis avec le script suivant :

Code :

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

1
2
3
4
5
6
7
 
<form method="post" id="idformulaire" action="identification.php">
<a href="#" onclick='document.getElementById("idformulaire").submit()'>
Connexion 
</a>
<input type="hidden" name="retourPage" value="'.$retour.'">
</form>

Le but de ce script est de transmettre la variable du champ hidden en cliquant sur le lien connexion au lieu de cliquer sur un bouton submit.
Cela ça fonctionne bien.
Le problème c'est que si le gars a désactivé javascript, il ne peut plus accéder à la page d'identification.php puisque l'url du lien est #.

Donc j'ai essayé de rajouter cette ligne :

Code :

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

1
2
3
4
5
<noscript>
<a href="identification.php">
Connexion 
</a>
</noscript>

Mais alors le problème c'est que si javascript est désactivé, cette ligne s'affiche en plus de celle du premier script. On a donc deux liens connexions.

Alors j'ai essayé de placer cela dans le href du lien

Code :

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

1
2
3
4
5
<a href="#
<noscript>identification.php</noscript> onclick='document.getElementById("idformulaire").submit()'
">
Connexion 
</a>

Bon là j'y croyais pas trop et d'ailleurs le résultat est une horreur dans la barre d'url du navigateur

Comment je fais s'il vous plait ?

[bkill]

une idée comme ca:

le onclick sera toujours traité en premier, avant le href. Donc tu mets dans le href l'url de destination en cas de non javascript, et en cas de javascript, dans le onclick tu mets une fonction javascript qui désactive l'url dans le href avant de processer le reste... C'est peut-être bourrin mais là mon cerveau n'a encore pensé qu'à cette solution

Code :

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

1
2
 
<a href="identification.php" onclick="this.href='javascript:void(0);'; document.forms[0].submit();">test</a>

Au fait, c'est toujours mieux de placer autre chose (qd c'est possible) que le "#", dans le href d'un lien "vide", car le # remonte toujours en haut de page, cherchant après une ancre nomée. En général, je place javascript:void(0), ou encore javascript:;
Lorsque ce sont des liens qui ouvrent des popups par exemple, c'est assez déconcertant pour l'utilisateur de voir sa page remonter tout en haut.

[psychoBob]

Salut Bkill, merci de ta réponse.

Bon ta solution est à testé si personne n'a rien d'autre, mais avant je voudrais essayer un truc plus léger (au moins pour moi qui n'y connais pas lourd en javascript) :

J'écris le texte du lien à l'intérieur des balises

Code :

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

1
2
3
4
5
<script>
<a href="#" onclick='document.getElementById("idformulaire").submit()'>
Connexion 
</a>
</script>

et en dessous j'écris :

Code :

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

1
2
3
4
5
<noscript>
<a href="identification.php">
Connexion 
</a>
</noscript>

Comme cela, sauf erreur de ma part, la première partie n'est même pas interprété et c'est le code normal qui s'affiche.
Si c'est bon, reste à écrire convenablement la chaine à l'intérieur des balises <script></script>. Vous savez faire ?

[bkill]

Ben pour écrire ta chaine entre <script> et </script>, tu vas devoir utiliser document.write() de javascript...
Ca risque d'être assez illisible au final, pour la maintenance de ta page.

[psychoBob]

Ma foi ta solution Bkill est impecable.

J'aimerais bien la comprendre mieux, parce que je suis 0 en javascript (depuis que je le dis faudra que je m'y mette, j'y suis arrrivé pour PHP y'a pas de raison).

Code :

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

1
2
3
4
5
6
7
<a href="identification.php" 
onclick="this.href='javascript:void(0);'; 
document.forms[0].submit();">
 
test
 
</a>

Cela veut dire "en cliquant, la balise href devient javascript:void() et on soumet le formulaire.
Ok super, mais javascript:void(0) ça veut dire quoi au juste ?
Et que veux dire document.forms[0] ?
Que vient faire un tableau là dedans, j'ai qu'un form ?

Histoire de pas utiliser du code bêtement sans comprendre...

[Mobius]

javascript:void(0);
en décomposant, ca veut dire que c'est du javascript (comme http: dans les liens pour dire que c'est du http) et le code javascript qui a deriere (void(0); ) veut dire "ne fait rien" c'est pour ca qu'a la place de "void(0);" tu peux simplement mettre l'instruction vide ";" (un simple point virgule)

Ensuite comme dans un document HTML il est possible de mettre plusieur formulaire "document.forms" désigne l'ensemble des formulaire du document.
Pour acceder au premier (et le seul formulaire de ta page) tu prend le 1° element du tableau, ce qui donne "document.forms[0]"

[psychoBob]

Ok et comment détermine-t'on le premier formulaire de la page, s'il y en avait plusieurs ?
Par exemple juste en dessous de celui-ci j'ai le champ de recherche google, qui est aussi un formulaire.
C'est quand même pas en fonction de l'ordre d'apparition des balises <form></form> dans le code.

[Mobius]

Bah si !! (enfin je crois )
Ceci dit tu peux parconrir tes formulaires et controler leur nom
Tu peux aussi mettre un id et acceder aux elements grace a la fonction getElementById