Autre valeur dans input

Bonjour à tous,

J'ai fait un petit moteur de recherches interne qui est totalement opérationnel.

Dans le champ de recherche de mots-clés, à l'affichage il y a de marquer "Recherche" et quand on clique dans ce champ, ça s'efface.
Donc, de ce côté là, c'est OK.

Ce que je voudrais savoir c'est, si à la place du texte on ne pouivait pas y mettre une image; du genre une petite loupe à gauche suivie du texte, et quand on clique le champ, ça s'efface ?

<input type="submit" name="Submit" value="Rechercher" style="cursor:pointer" />

J'ai essayé mais aucun résultat positif.

Merci de votre aide.

Cordialement.
Masterfree
Configuration: Windows XP
Opera
FF
Safari
IE

4 réponses

  • Votes
  • Date
  • Date décroissante
  1. Tu dois rajouter la propriété src="X" où X est le lien de ton image.
    1. Ca, je le sais mais où est la "src=" en question ???
      Parce que dans ce formulaire, j'ai rien vu !!!
  2. Je ne comprend pas ta question.
    rajoute dans ton code src="lien" et tu aura ton image.
    1. Tu comprendras mieux avec le code :

      <?php
      include ('pages/recherches/config/config_inc.php');
      echo'<form method="post" action="index.php?page=5&id=Recherches">

      <input type="text" name="recherches" id="recherches" size="25" value="XXXXXX" onfocus="this.value=\'\';" />
      <input type="submit" name="Submit" id="Submit" value="" style="background:transparent url(images/recherche/ok.gif) no-repeat;width:36px;height:22px;border:none;cursor:pointer" />

      <!-- <input type="submit" name="Submit" value="Rechercher" style="cursor:pointer" /> -->
         <a href="pages/recherches/admin_recherches/" title="">Admin</a>
      </form>';
      ?>


      Tu vois une source ?
  3. <input type="submit" name="Submit" id="Submit" src="X" style="background:transparent url(images/recherche/ok.gif) no-repeat;width:36px;height:22px;border:none;cursor:pointer" /> 


    tu remplace X par ton image, je ne vois toujours pas ton problème :x
    pour ton autre chose, tu dois utiliser le Javascript
    <script type="text/javascript">
    function typing()
    {
    	var Obj = document.getElementById('web');
    	if(Obj.value == "http://")    {
    	Obj.value = "";
    }
    }
    </script>
    <input type="text" name="web" id="web" size="40px" value="<?php if ($donnees['web'] == ''){echo 'http://';}else{echo $donnees['web'];}?>" onclick="typing();" class="galerieBtn">

    C'est un exemple pris de mon code.
    J'ai mi en gras la partie que tu as besoin.
    1. C'est vrai que ton code est un peu plus compliqué, mais je me pose la question : est-ce qu'il ne risque pas d'y avoir prb dans le navigateur avec le JS ?

      Quoiqu'il en soit, je me suis servi du Css et... pour l'instant ça marche !

      En tous cas, merci pour le script, je prends note.

      Bonne soirée.
  4. Le seul problème que tu pourrais avoir c'est que l'utilisateur n'ai pas activé le JS alors évidemment le script ne fonctionnera pas. Mais c'est quand même rare.
    1. Bonjour Okuni,

      La désactivation des JS n'est pas générale, heureusement, mais tout bien réfléchi, je vais me servir de ton code.

      Merci pour tout.