IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Formulaire avec images


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2005
    Messages
    288
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2005
    Messages : 288
    Par défaut Formulaire avec images
    Bonsoir tout l'monde !

    Je suis en train de développer un site Internet pour mon groupe de musique!

    Je fais un formulaire avec des images :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <img src="images/box.gif" class="imagegauche"/>
    <div class="newsletter"><input name="ESSAIS" type="text" /></div>
    <img src="images/ok.gif" class="imagegauche2"/>
    correspond à un bouton pour valider, mais en l'état on ne peut pas cliquer dessus. Comment dois je faire pour qu'il puisse valider le formulaire??

  2. #2
    Membre chevronné Avatar de supernova
    Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2005
    Messages
    447
    Détails du profil
    Informations personnelles :
    Localisation : France, Moselle (Lorraine)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juillet 2005
    Messages : 447
    Par défaut
    Salut,

    Tu peux te servir événement onClick pour mettre du code qui te permette de "submitter" ton formulaire

    <a href onClick="Javascript: envoi();"><img src="....."></a>

  3. #3
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    vu que tu es dans un formulaire, je te conseillerais plutôt d'utiliser un élément de formulaire, qui, de plus, est fait exprès pour ça...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="image" src="images/ok.gif" />
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2005
    Messages
    288
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2005
    Messages : 288
    Par défaut
    ok j'ai retenu cette diée :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href onClick="javascript: envoi();"><img src="....."></a>
    Cependant comment dois je faire après pour la fonction envoi() ?? je ne connais pas trop java script en fait

    pour info :
    - l'utilisateur écrit son adresse mail dans un input,
    - et lorsque le bouton "ok" donc on parle est cliqué, je veux que ça enregistre dans la base de données...


    voilou merci en tout cas

  5. #5
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Ben si c'est ton formulaire que tu envoies il suffit de faire du javascript :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.nomform.submit();

  6. #6
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    mmmh...

    C'est pas pour avoir l'air d'insister...
    Mais la réponse que je t'ai fourni se suffit à elle même.
    La solution que tu as retenu ne marchera que chez les gens qui interpètent javascript (ce qui n'est pas le cas de 10% des internautes d'après ce qu'on peut lire régulièrement)

    ce que tu veux toi, c'est ca:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="javascript:void();" onclick="this.submit()" ><img src="truc.gif" /></a>
    Mais comme déjà dit plus haut, je ne te le conseille pas
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  7. #7
    Membre confirmé
    Inscrit en
    Juin 2005
    Messages
    35
    Détails du profil
    Informations forums :
    Inscription : Juin 2005
    Messages : 35
    Par défaut
    Salut

    Complètement d'accord avec MasterOfChakhaL.

    Pourquoi se compliquer la vie avec du javascript alors qu'une simple balise suffit ?
    La solution js onclick propose (que des ?) beaucoup d'inconvénients.
    - "Lourd à implementer" et tu le dis toi même tu ne maitrise pas javascript
    - inaccessible (quand on utilise pas de souris on valide comment ?)
    - non fonctionelle si js désactivé chez le client

    Enfin, pour l'enregistrement du mail dans une bd, oriente toi vers un langage coté serveur (php par exemple)

Discussions similaires

  1. [XL-2010] Remplir un tableau à l'aide d'un formulaire avec image
    Par soso882 dans le forum Macros et VBA Excel
    Réponses: 2
    Dernier message: 22/08/2014, 09h51
  2. Sécuriser formulaire avec images
    Par cjacquel dans le forum Sécurité
    Réponses: 7
    Dernier message: 08/08/2014, 15h18
  3. Formulaire avec image
    Par alain78 dans le forum Langage
    Réponses: 2
    Dernier message: 07/02/2012, 14h47
  4. [WinForms]Lenteur d'affichage formulaire avec image de fond
    Par olixelle dans le forum Général Dotnet
    Réponses: 2
    Dernier message: 06/09/2006, 14h06
  5. Formulaire et bouton submit avec image mapée
    Par dody dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 06/12/2004, 16h00

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo