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 :

Modifier le bouton submit tout moche [Fait]


Sujet :

HTML

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Janvier 2008
    Messages : 18
    Points : 19
    Points
    19
    Par défaut Modifier le bouton submit tout moche
    Bonsoir, j'ai créée un petit formulaire de recherche assez simple en suivant divers tutos, de là tout est ok! (pas encore operationnel)

    Pour inserer ce moteur de recherche j'insére ce lien à l'endroit désiré
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <form action="search_engine.php3" method="post" name="search" id= "search">
    		  <input type="text" name="Mot" size="15">
    	  <input type="submit" value="Rechercher" alt="Lancer la recherche!"></form>
    	</ul>
    Mons soucis est que je souhaite virer le bouton traditionnel submit rechercher par une simple écriture de ma speedbarre "Rechercher", voyez par vous même pour vous faire une idée:

    http://finalfantasymadness.ifrance.com/

    En vous remerciant par avance

  2. #2
    Membre éclairé Avatar de Dsphinx
    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2005
    Messages
    1 082
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 082
    Points : 884
    Points
    884
    Par défaut
    Salut tu peux personaliser ton formulaire avec ce tuto en CSS & Javascript !
    Les cours: XHTML, CSS, PHP, Flash et Javascript
    Expliquez votre problème clairement et pensez à remercier ceux qui vous ont aidé.
    N'oubliez pas : Le tag résolu est la meilleure des satisfactions sur developpez.com
    Aucune question technique par MP.

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

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

    Tu peux aussi utiliser une image.

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 868
    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 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Citation Envoyé par Dsphinx Voir le message
    Salut tu peux personaliser ton formulaire avec ce tuto en CSS & Javascript !
    Ou celui-ci :

    http://a-pellegrini.developpez.com/t...ss/formulaire/

  5. #5
    Membre à l'essai
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Janvier 2008
    Messages : 18
    Points : 19
    Points
    19
    Par défaut
    Je voulais dire le bouton submit, désolé, enfin je pense qu'il est possible en suivant le tuto indiqué.

    P.S: ce site m'épate il est très complet :l)

    Comment puis je dissocier les deux parties de mon formulaire de recherche afin que input réponde à une commande de position css et que submit réponde indépendamment à une position css.

    Voilà ce que j'avais mis dans ma layout css
    #search{
    position: absolute;
    top: 157px;
    height:23px;
    right: 5px;
    }

    Mais cette commande que j'avais mis était pour la globalité du scripte formulaire de recherche, il faut donc pouvoir dissocier cette commande en deux parties pour pouvoir mettre une image à la place du traditionnel submit!

    Si quelqu'un a la solution, merci par avance

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

Discussions similaires

  1. [Drupal] modifier le bouton submit
    Par matshi4 dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 1
    Dernier message: 18/03/2014, 13h31
  2. Réponses: 4
    Dernier message: 21/02/2014, 10h53
  3. cliquer sur le bouton submit tout en appuyant sur le bouton entree
    Par supupoff dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 14/04/2010, 17h01
  4. demande d'aide pour modifier un bouton submit avec rollover
    Par carmen256 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 18/12/2008, 17h01
  5. Javascript bouton submit
    Par lilou0210 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 05/11/2004, 11h40

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