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 :

Remplacement d'un bouton submit


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    302
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 302
    Par défaut Remplacement d'un bouton submit
    Bonsoir comment fait-on pour mettre une image "rechercher.jpeg" pour remplacer l'image qui se met automatiquement pour :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="submit" value="Rechercher" />
    Merci

  2. #2
    Membre expérimenté
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    247
    Détails du profil
    Informations personnelles :
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Mars 2007
    Messages : 247
    Par défaut
    slt,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="ton_image.jpeg" alt="" title="" onclick="document.forms["id_de_ton_formulaire"].submit();">

  3. #3
    Membre Expert Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Par défaut
    Salut,

    Tu as l'élément button ou alors input avec un attribut type="image"

  4. #4
    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 : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Citation Envoyé par jeje13009 Voir le message
    slt,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="ton_image.jpeg" alt="" title="" onclick="document.forms["id_de_ton_formulaire"].submit();">
    Pas super pour la navigation sans Javascript ou pour l'accessibilité.

    Le mieux reste, comme l'a dit franculo_caoulene, le input de type image, qui fait lui-même office de submit.

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    302
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 302
    Par défaut
    Merci voila mon code marche :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="image" src="buttons_rect_blue_020.JPG" title="buttons_rect_blue_020" />

  6. #6
    Membre expérimenté
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    247
    Détails du profil
    Informations personnelles :
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Mars 2007
    Messages : 247
    Par défaut
    Citation Envoyé par Bisûnûrs Voir le message
    Pas super pour la navigation sans Javascript ou pour l'accessibilité.

    Le mieux reste, comme l'a dit franculo_caoulene, le input de type image, qui fait lui-même office de submit.
    slt,

    est-ce que les gens sont toujours autant terrorisés par Javascript ??

    j'avoue que la solution de franculo_caoulene est meilleure, mais ma réponse aura quand même le mérite de montrer qu'il y a plus d'une solution.. non?

  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 : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Citation Envoyé par jeje13009 Voir le message
    est-ce que les gens sont toujours autant terrorisés par Javascript ??
    Le Javascript doit rester minime sur un site. Il est bon à faire quelques vérifications côté client (qu'on doit systématiquement faire côté serveur aussi), juste pour rendre une application plus conviviale pour l'utilisateur.

    Un site marchand dont on est obligé d'avoir Javascript activé pour passer une commande parce que la soumission des formulaires requiert Javascript est un très mauvais site.

  8. #8
    Membre expérimenté
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    247
    Détails du profil
    Informations personnelles :
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Mars 2007
    Messages : 247
    Par défaut
    slt,

    pour l'exemple de ton site marchand, je te l'accorde... mais tous ces propos concernant Javascript incite à dire qu'il est inutile ; alors pourquoi continuer à parler de javascript ?? pourquoi ne dit-on pas la même chose d'autre langage ??

    Je pense que javascript offre des possibilités (en terme de convivialité, comme tu dis, notamment) et que ce serait dommage de ne pas s'en servir... par défaut il me semble que les navigateurs ont javascript activé, et je reste persuadé que 80% (au moins !) des surfeurs ne sait pas comment on le désactive...

    Ceci étant, il est vrai que quant à l'accessibilité, c'est une autre histoire...

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

Discussions similaires

  1. Réponses: 3
    Dernier message: 10/05/2008, 12h55
  2. Remplacer un bouton submit (bbcode) par une jolie icone
    Par Bruno.C dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 25/01/2008, 13h24
  3. Réponses: 3
    Dernier message: 27/07/2007, 14h01
  4. Problème pour remplacer le bouton submit par une image
    Par Leena666 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 14
    Dernier message: 24/06/2007, 16h30
  5. [Struts] Remplacer le bouton submit typique par une image
    Par olivangel dans le forum Struts 1
    Réponses: 5
    Dernier message: 04/08/2005, 12h29

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