Zoekformulier

Kevin
(@kmulders)

12 jaren, 2 maanden geleden

Ik heb een zoekformulier op mijn wp-site (dûh!) en de standaardtekst die hierin staat (“zoeken”) blijft staan wanneer je er met de muis op klikt om een nieuwe zoekterm in te vullen. Deze standaardtekst moet dus nog worden verwijderd om een zoekopdracht te plaatsen.

Heeft iemand enig idee hoe ik ervoor kan zorgen dat deze standaardtekst verdwijnt zodra men een persoonlijke zoekopdracht wil intypen?

Bedankt alvast!

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)

Jaja..

(@jaja-1)

12 jaren, 2 maanden geleden

http://bavotasan.com/2011/html5-search-form-in-wordpress/

Marcel Pol

(@mpol)

12 jaren, 2 maanden geleden

Hmm, html5. Interessant.

Wat ik gebruik als mijn standaard searchform.php is het volgende:

<script type='text/javascript'>
	function focus_search() {
		if(document.search.s.value == "Zoeken naar:") {
			document.search.s.value = "";
		}
	}
	function blur_search() {
		if(document.search.s.value == "") {
			document.search.s.value = "Zoeken naar:";
		}
	}
	</script>

	<?php
	$search_query = get_search_query();
	if (empty($search_query)) {
		$search_query = "Zoeken naar:";
	}
	?>

	<form role="search" name="search" method="get" id="searchform" action="/" >
		<div>
			<input type="text" value="<?php echo $search_query; ?>" name="s" id="s" onfocus="focus_search()" onblur="blur_search()" />
			<input type="hidden" value="post" name="post_type" id="post_type" />
			<input type="submit" id="searchsubmit" value=" " />
		</div>
	</form>

Nadeel is alleen dat als je 2 zoekformulieren hebt, bijv. op search.php, dat het javascript dan niet meer werkt. Je zal dan dus een andere naam van het formulier moeten gebruiken.

Thread starter

Kevin

(@kmulders)

12 jaren, 2 maanden geleden

Perfect, het is gelukt!

Heb de werkwijze van mpol gebruikt, maar toch beiden bedankt! 🙂

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)

Het onderwerp ‘Zoekformulier’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven