Image als Submit!?

[seekglobal]

Beste mensen,

Ik ben de laatste tijd bezig geweest met het bouwen van een portal.. http://seek.global

De bedoeling is dat één zoekvenster bij verschillende zoekmachines gebruikt kan worden.

Het probleem is het volgende:

Ik wil liefst geen lelijke submit button maar een mooi logo van de betreffende zoekmachine!

MAAR, blijkbaar is het (met php en html) niet mogelijk dit werkend te krijgen in alle browsers aangezien een image geen 'value' tag mag hebben waar mijn 'seek' script gebruik van maakt.

Zoals je ziet op http://seek.global ziet de Google button er mooi uit maar deze werkt bij mij alleen in Chrome..


Nu heb ik begrepen dat het met Javascript mogelijk is om te maken zoals ik het graag wil zien alleen is het mijzelf totnogtoe niet gelukt.

Dit is mijn form op dit moment:

<div><form action="/seek/" method="post">
<input class="input" type="text" size="28" maxlength="28" name="keyword" />

<br>

<br><br><input type="image" src="image/google.jpg" name="seek" value="Google" alt="Google">
<br><br><input type="submit" src="image/bing.png" name="seek" value="Bing" alt="Bing">
<br><br><input type="submit" src="image/yahoo.png" name="seek" value="Yahoo" alt="Yahoo">
<br><br><input type="submit" src="image/youtube.png" name="seek" value="Youtube" alt="Youtube">
<br><br><input type="submit" src="image/wikipedia.png" name="seek" value="Wikipedia" alt="Wikipedia">
<br><br><input type="submit" src="image/duckduckgo.png" name="seek" value="DuckDuckGo" alt="DuckDuckGo">
<br><br><input type="submit" src="image/twitter.png" name="seek" value="Twitter" alt="Twitter">
</form></div>

Dit is het php script dat ervoor zorgt dat de zoekopdracht uitgevoerd word.

<?php
switch ($_POST[seek]) {
      case 'Google':
            $keyword =($_POST[keyword]);
			$url = "https://www.google.nl/search?q=" . $keyword;
			header('Location: ' . $url);
            break;
      case 'Bing':
            $keyword =($_POST[keyword]);
			$url = "http://www.bing.com/search?q=" . $keyword;
			header('Location: ' . $url);
            break;
}

?>

Ik heb op het php forum al de nodige tips gekregen om het script in te korten maar zolang het werkt wil ik eerst graag even zorgen dat ik een mooie afbeelding als submit button kan gebruiken.

Mijn dank is groot voor een passende oplossing.

 

[stefanz]

zo iets?

<input type="text" id="keyword" />
<img onclick="go('google')" src="http://centraal.helpmij.nl/images/global/logo_klein.jpg" alt="Google">

<script>
	function go(site){
		if(site == 'google'){
			var url = 'https://www.google.nl/search?q=';
		}
		window.location.href = url + document.getElementById('keyword').value;
	}
	
</script>