Jquery & searchbox
Posted: Mon Oct 12, 2009 2:14 pm
Make an search box like here on this forum.
When you click on input text box "Search..." dissapears, when you click out it appears again.
Open: Panels/Header.Search.html
Find:
Change:
Add at the end of document, after </script>:
Now you can remove h2 label tag, because you have it now inside of search box.
When you click on input text box "Search..." dissapears, when you click out it appears again.
Open: Panels/Header.Search.html
Find:
Code: Select all
<input type="text" name="search_query"Code: Select all
value="%%LNG_Search%%..."Code: Select all
<script type="text/javascript">
$(document).ready(function() {
$("#search_query").click(function(e) {
$("#search_query").attr({ value: '' });
});
$("#search_query").blur(function(){
if($(this).attr("value") == "") $(this).attr("value", " %%LNG_Search%%...");
});
$(".Button").click(function(e) {
if($("#search_query").attr("value") == " %%LNG_Search%%...") $("#search_query").attr("value", "");
});
});
</script>