Posted by SpiffBB on August 26, 2010 at 12:02pm
Hejsan
Skulle vilja ha en liten sökruta där det står något i stil med "Sök här...." och gärna någon hjälptext när man hovrar över sökruten. För detta hittade jag nedanstående bit kod (mestadels stulet från temat 960robots har jag för mig) och det fungerar nästan som jag vill... Det står "Sök här...." (var tvungen att använda ascii-tecken) och det finns hovertext.
Problem: Det som är dumt är att om man trycker på sökknappen utan att ha fyllt i något så söker den efter "Sök här..." men jag skulle vilja att den sökte "blankt" (alltså inga tecken alls). Någon som har något förslag?!
Läggs i filen: search-theme-form.tpl.php (och sen lämpli CSS i style.css):
<?php
/* Set search form label values and functions */
?><?php
$search_label = t('Sök här...');
?><?php
$search_phrase = t('Skriv vad sjutton du vill här!!!');
?><?php
$on_blur = "if(this.value=='') this.value='" . $search_label . "';";
?><?php
$on_focus = "if(this.value=='" . $search_label . "') this.value='';";
?>
<?php
print $search['hidden']
?>
Comments
Placera denna jQuery-kod i
Placera denna jQuery-kod i din javascript-fil för temat, byt ut search_form_ID och input_ID mot rätt id bara.
// Bind för form submit$('#search_form_ID').bind('submit', function() {
// Om input innehåller placeholdern
if ($('#input_ID').val() == "Sök här...") {
// Töm i så fall fältet för att skicka en tom sträng
$('#input_ID').val("");
}
});
--
fyrkantigt.se av Niklas Brunberg