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 le bouton rechercher par une image de loupe


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Décembre 2008
    Messages
    60
    Détails du profil
    Informations forums :
    Inscription : Décembre 2008
    Messages : 60
    Par défaut remplacer le bouton rechercher par une image de loupe
    salut à tous, je tiens à m'excusez au cas où j'ai pas posté sur le bon endroit.
    je fais une application en php et j'ai un petit problème au niveau de mon formulaire. j'aimerai qu'au lieu du bouton rechercher afficher une image de loupe comme j'en voit sur beaucoup d'application.voici une partie du code:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <b>Recherche du faisceau par nom</b><br/>
    			  Nom Faisceau: <input type="text" name="faisceau" />
    			  <input type="submit" value="rechercher"/>

  2. #2
    Membre chevronné
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    498
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 498
    Par défaut
    Il faut utiliser un tout petit peu de javascript :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="javascript:document.forms.nomdetonform.submit();"><img src="chemindetaloupe"></a>

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Pas tout à fait...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="chemindetaloupe" alt="Submit" onclick="document.forms['nomdetonform'].submit();" />
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  4. #4
    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
    Pourquoi jamais personne ne veut utiliser l'élément button? C'est un vrai bouton et tellement simple à personnaliser.

  5. #5
    Membre Expert
    Avatar de pc75
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    3 662
    Détails du profil
    Informations personnelles :
    Âge : 70
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Septembre 2004
    Messages : 3 662
    Par défaut
    Bonjour,

    Et un <input type="image"....> ça le fait pas ?

  6. #6
    Membre averti
    Inscrit en
    Mai 2008
    Messages
    17
    Détails du profil
    Informations forums :
    Inscription : Mai 2008
    Messages : 17
    Par défaut
    parfaitement si mais de la sorte :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="image" src="img/valider.gif" name="mon_image" onclick="submit" />

    et dans ton php

    ne pas oublier de mettre $_POST['mon_image_x'] et non $_POST['mon_image'] sinon ca ne fonctionnera pas

    x pour après dépendra si tu répètes ton image en ligne tu mettras x et en colonne y.
    Si tu la mets une seule fois x marchera très bien

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

Discussions similaires

  1. bouton caché par une image
    Par raimo dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 19/05/2008, 10h29
  2. Réponses: 3
    Dernier message: 10/05/2008, 12h55
  3. 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
  4. Remplacer un bouton parcourir avec une image
    Par karibouxe dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 06/06/2006, 14h06

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