Page 1 sur 1

Images + champs de formulaire

Posté : 17 janv. 2006, 17:48
par betman
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.

Posté : 17 janv. 2006, 17:50
par zeus
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é

Posté : 17 janv. 2006, 18:16
par betman
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 :/

Posté : 17 janv. 2006, 18:48
par Cyrano
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>

Posté : 18 janv. 2006, 11:26
par betman
Ok merci bcp Cyrano, j'ai réussi avec ta fonction

++