Bonjour chez vous,

Voila je rencontre un petit problème avec mon code.

Ce que je fais

Prestashop 1.6.1.3 / Mac OS El Capitan / Textedit / FileZilla / TextWrangler

Création d'un site e-commerce

Décrivez ici votre code ou ce que vous cherchez à faire

J'ai créé un bonton recherche en combinant 2 codes ( j'apprends en faisant )
Le résultat est pas mal. J'ai mon bloc recherche dans ma barre de menu avec l'icone qui va bien et le mot "rechercher"dedans ( pour ceux qui ne comprennent pas ).

Entourez votre code avec ce symbole

    <!-- Menu -->
    <div id="block_top_menu" class="sf-contener clearfix col-lg-12">
        <div class="cat-title">{l s="Menu" mod="blocktopmenu"}</div>
        <ul class="sf-menu clearfix menu-content">
            {$MENU}
            {if $MENU_SEARCH}
                <li class="sf-search noBack" style="float:right">
                    <form id="searchbox" action="{$link->getPageLink('search')|escape:'html':'UTF-8'}" method="get">
            <p class="block_content clearfix">
            <input type="hidden" name="orderby" value="position" />
            <button type="submit" id="search_button" class="btn btn-default button button-small"><span><i class="icon-search"></i></span></button>
            <input type="" name="controller" value="Rechercher" />
            <input type="hidden" name="orderway" value="desc" />
                        </p>
                    </form>
                </li>
            {/if}
        </ul>
    </div>
    <!--/ Menu -->
{/if}

Ce que je veux

Décrivez ici ce que vous cherchez à obtenir : Je voudrais que le mot "Rechercher" qui se trouve dans le bloc s'efface quand on commence à taper les termes recherchés.

Ce que j'obtiens

Décrivez ici vos erreurs ou ce que vous obtenez à la place de ce que vous attendez :(

Les lettres du mot rechercher restent au milieu de celles du mot que l'on tape.

HELP

Merci

5 réponses


elhebert
Réponse acceptée

Salut,

C'est normal, tu utilise l'attribut value, cet attribut définit une valeur. Tu devrait à la place utiliser le placeholder, qui te permet de mettre du texte dans ton input tant qu'il ne contient rien.

Tu peux faire des tests ici : http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_placeholder

En espérant que ça t'aide.

caoua
Réponse acceptée

C'est aussi une histoire de bouton sur lequel il faut cliquer et en l'occurrence tu peux cliquer sur le bouton du premier message d'elhebert qui permet d'indiquer que ce message t'a aidé à résoudre ton problème. Seul l'auteur du sujet a accès à ce bouton.

Super !

Merci!

Impec !

Ça marche

Oublie pas de valider la réponse (pour clore le sujet) ;)

Certes

Mais comment fait on ?