Images + champs de formulaire

Eléphant du PHP | 206 Messages

17 janv. 2006, 17:48

Bonjour à tous,

Je me pose une question :

Je souhaite réaliser une page d'authentifcation un peu spéciale.

Je souhaiterai afficher des photos de personnes et lorsque l'on clique dessus cela envoi un paramètre à un champs caché de login.

L'utilisateur n'a plus qu'a taper son mot de passe et cliquer sur valider.

M'avez vous compris ? est-ce possible


Ps : mon formulaire d'authenfication fonctionne à l'heure actuelle en version classic, cad un chamd de login et un de mot de passe.

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 13231 Messages

17 janv. 2006, 17:50

C'est une action qui se passera avec JS et non pas PHP

Mais c'est possible en associant un evenement onClick sur l'image et une fonction remplissant un champ caché
Connaître son ignorance est la meilleure part de la connaissance
Pour un code lisible : n'hésitez pas à sauter des lignes et indenter

twitter - site perso - Github - Zend Certified Engineer

Eléphant du PHP | 206 Messages

17 janv. 2006, 18:16

IL faut donc passer en parametre dans le onclick de l'image, le login qui est déstiné aux champ caché ?
Et tout ça en js...
Ok je vais voir ça mais, je suis aps très fort en js :/

Mammouth du PHP | 19672 Messages

17 janv. 2006, 18:48

Il faut utiliser un gestionnaire d'évènement onclick dans le lien de chaque photo: L'idée consiste à appeler une petite fonction qui va alimenter automatiquement la valeur de ton champ caché pour le nom d'utilisateur qui n'aura que son mot de passe à mettre grosso-modo:
-1- La fonction (dans l'en-tête html);
<script type="text/javascript">
/* <![CDATA[ */
function utilisateur(pseudo)
{
    document.forms['identifier'].elements['pseudonyme'].value=pseudo;
}
/* ]]> */
</script>
-2- le code de ta page;
<a href="#" title="" onclick="utilisateur('<?php echo($pseudo); ?>')"><img src="" style="height: 120px; width: 100px; border: none" alt="<?php echo($pseudo); ?>" /></a>
<form id="identifier" action="" method="post">
  <fieldset>
    <input type="hidden" name="pseudonyme" id="pseudonyme" value="" />
    <label>Votre mot de passe : <input type="password" name="mdp" id="mdp" value="" /></label>
  </fieldset>
</form>
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Eléphant du PHP | 206 Messages

18 janv. 2006, 11:26

Ok merci bcp Cyrano, j'ai réussi avec ta fonction

++