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 :

Remplacer un bouton par une image


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Novembre 2006
    Messages
    30
    Détails du profil
    Informations forums :
    Inscription : Novembre 2006
    Messages : 30
    Par défaut Remplacer un bouton par une image
    Salut,

    J'ai Un Problème Quand Je Veux remplacer Un Boutton Par Une Image de Mon Choix, Voici Le Code du Boutton :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="submit" name="Submit" value="<?php echo _VRECOMMEND_SUBMIT; ?>" class="button" onClick="MM_validateForm('emailsender','','RisEmail');return document.MM_returnValue">
    et Voici Mon Code Que J'ai Modifier :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img style="cursor:pointer" src="images/envoyer.gif" onClick="MM_validateForm('emailsender','','RisEmail');return document.MM_returnValue">
    mais ça marche pas c quoi le problème :S

    Merci D'avance

  2. #2
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Salut,

    c quoi le problème :S
    Le problème est que tu as remplacé un bouton de type submit par une simple image. Tu dois soit utiliser un lien href englobant l'image soit utiliser un bouton de type="button". Un petit tout dans les cours ou la FAQ pourrait aider...

    Plusieurs façons de faire...
    As-tu essayé :

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <a href="#" onClick="MM_validateForm('emailsender','','RisEmail');return document.MM_returnValue">
    <img style="border:none;" src="images/envoyer.gif" />
    </a>
    ?
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  3. #3
    Membre averti
    Inscrit en
    Novembre 2006
    Messages
    30
    Détails du profil
    Informations forums :
    Inscription : Novembre 2006
    Messages : 30
    Par défaut
    Citation Envoyé par HiRoN Voir le message
    Salut,



    Le problème est que tu as remplacé un bouton de type submit par une simple image. Tu dois soit utiliser un lien href englobant l'image soit utiliser un bouton de type="button". Un petit tout dans les cours ou la FAQ pourrait aider...

    Plusieurs façons de faire...
    As-tu essayé :

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <a href="#" onClick="MM_validateForm('emailsender','','RisEmail');return document.MM_returnValue">
    <img style="border:none;" src="images/envoyer.gif" />
    </a>
    ?
    Merci Aussi Pour ton Aide Mais ça n'as Pas Marché, C'est pas le lien Href qui controle le boutton mais c'est le paramètre "OnClick" ça veut dire que que ton code c'est le même que j'ai mis et merci quand même a vous tous

  4. #4
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    C'est pas le lien Href qui controle le boutton mais c'est le paramètre "OnClick" ça veut dire que que ton code c'est le même que j'ai mis
    Bah non... Tu avais mis directement le onCLick sur une balise img ...
    Alors que je te l'ai donnée avec le onCLick sur la balise a...

    Issue de la FAQ :
    Dans une balise <A>, vous pouvez rajouter les instructions JavaScript (onFocus, onClick, onMouseOver...) pour produire des effets graphiques ou sonores en tout genre qui surprendront vos visiteurs.
    Tu devrais utiliser une input de type image comme te le recommande Bisûnûrs.

    EDIT : Un petit tour ici te serait sûrement utile...
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  5. #5
    Membre averti
    Inscrit en
    Novembre 2006
    Messages
    30
    Détails du profil
    Informations forums :
    Inscription : Novembre 2006
    Messages : 30
    Par défaut
    Citation Envoyé par HiRoN Voir le message
    Bah non... Tu avais mis directement le onCLick sur une balise img ...
    Alors que je te l'ai donnée avec le onCLick sur la balise a...

    Issue de la FAQ :


    Tu devrais utiliser une input de type image comme te le recommande Bisûnûrs.

    EDIT : Un petit tour ici te serait sûrement utile...
    Même si j'ai utiliser le parametre onClick sur la balise a ça na pas marché, et ça a bien marché sur la balise input, je sait pas pourquoi lol

  6. #6
    Membre chevronné
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2005
    Messages
    357
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 62
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Janvier 2005
    Messages : 357
    Par défaut
    Salut,
    Tu peux tout simplement utiliser un style pour ton bouton en mettant ton image en background. de cette manière tu n'as rien à changer à ton code.

  7. #7
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Ou mieux, la balise faite pour : un input de type image.

  8. #8
    Membre chevronné
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2005
    Messages
    357
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 62
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Janvier 2005
    Messages : 357
    Par défaut
    Citation Envoyé par Bisûnûrs Voir le message
    Ou mieux, la balise faite pour : un input de type image.
    Oui mais alors il faut gérer le submit.

  9. #9
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Il avait un input de type submit avant, donc ça ne change rien pour lui.

  10. #10
    Membre averti
    Inscrit en
    Novembre 2006
    Messages
    30
    Détails du profil
    Informations forums :
    Inscription : Novembre 2006
    Messages : 30
    Par défaut
    Citation Envoyé par Bisûnûrs Voir le message
    Ou mieux, la balise faite pour : un input de type image.
    Merci Pour Ton Aide lol, C'est ça Ce Que Je Voulais c'est de mettre une image dans la balise input et ça a marché

    Merci Encore Une Fois

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Remplacer radio bouton par une image
    Par xave dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 11/03/2015, 11h24
  2. Remplacer le curseur par une image
    Par CyberTwister dans le forum Windows
    Réponses: 2
    Dernier message: 10/05/2007, 20h31
  3. Remplacer du texte par une image en css
    Par Seth77 dans le forum Mise en page CSS
    Réponses: 12
    Dernier message: 03/04/2006, 11h57
  4. Remplacer un caractère par une image
    Par mr.t dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 27/10/2005, 09h18
  5. Réponses: 2
    Dernier message: 26/07/2005, 21h44

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