[PHP][HTML][JavaScript] Dynamicznie przydzielany obrazek w tabeli, po kliknięciu na tekst ma wyświetlać się obrazek w kolumnie obok Opcje

[bonio89]

Witam!
Mój problem polega na tym, że chciałbym wyświetlić obrazek w drugiej kolumnie, po kliknięciu w pierwszej kolumnie, w formularzu daną pozycję.
Formularz jest generowany z pętli, która pobiera dane z mysql.
Kiedyś chyba miał coś takiego plus na swojej stronie, w sklepie: po kliknięciu na nazwę telefonu pojawiało się obok jego zdjęcie.

tutaj kod na którym próbuje otrzymać efekt, tzn po najechaniu na napis powinien pojawić się obrazek w divie na dole ale nie wiem czemu nie działa;/

[HTML] pobierz, plaintext 
<script type="text/javascript" LANGUAGE="JavaScript">
	function show()
	{
	var id="2"
	var kat="as"
	}
		function show2()
	{
	var id="3"
	var kat="as"
	}
	</script>
 
    <div><a href="#" onmouseover="show()">aaaaaaaaaa</a></div>
    <div><a href="#" onmouseover="show2()">bbbbbbbbbb</a></div>
	<div>
	<script type="text/javascript" LANGUAGE="JavaScript"> 
   	document.write("<img src='" +kat+ "/" +id+ ".gif'>") 
	</script>
    </div> 
[HTML] pobierz, plaintext 

myślę że po dopracowaniu tego kodu będę mógł analogicznie odtworzyć go w pętli w innym skrypcie. zależy mi na tym aby w skrypcie w js były zmienne kat i id ponieważ będą nadawane z db mysql w pętli.
Nie wiem czy jasno opisałem swój problem. Proszę o pomoc

Ten post edytował bonio89 17.12.2009, 14:00:22

[piotrekkr]

Spróbuj czegoś takiego:

Kod

<script type="text/javascript" LANGUAGE="JavaScript">
var id="2";
var kat="as";
function show()
{
id="2";
kat="as";
document.getElementById('obrazek').src=kat+'/'+id+'.gif';
}
function show2()
{
id="3"
kat="as"
document.getElementById('obrazek').src=kat+'/'+id+'.gif';
}
</script>

    <div><a href="#" onmouseover="show()">aaaaaaaaaa</a></div>
    <div><a href="#" onmouseover="show2()">bbbbbbbbbb</a></div>
    <div>
    <script type="text/javascript" language="JavaScript">
       document.write('<img id="obrazek" src="'+kat+'/'+id+'.gif" />');
    </script>
    </div>