Default tekst in zoekvak plaatsen

Als je graag een default tekst in het zoekvak plaatst kan je dit doen op de volgende manier:

  • Maak een nieuw .js bestand aan waarin je volgende code plaatst:
    (Als je gebruik maakt van een zoekvak rechtstreeks in je template ipv een block, vervang je in onderstaande code "search-block-form" door "search-theme-form".) In het volgende voorbeeld heb ik het script  "defaultsearch.js" genoemd en het in mijn template folder in een mapje "scripts" gestoken.
     if (Drupal.jsEnabled) {
    $(document).ready(function(){

    $('form#search-block-form input.form-text').example('doorzoek deze site...', {className: 'searchdefault'});

    });
    }

  • Open je .info bestand van je template en voeg het script toe zodat het steeds geladen word:

    scripts[] = scripts/defaultsearch.js

  • Om dit alles te doen werken heb je het Jquery script "jquery.search.js" nog nodig, voeg het opnieuw toe aan je .info bestand van je template, de code voor dit bestand vind je als bijlage onderaan de post terug.

    scripts[] = scripts/jquery.search.js 

BijlageGrootte
jquery.search.js.txt1.94 KB
Labels: 

Geen reacties beschikbaar.

Reactie toevoegen