[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

[DannyM]

poszukaj i uzyj jquery

[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>

[bonio89]

thx piotrekkr pobawię się z Twoim kodem;)

... Niestety nakopałem problem;/ nie mam już pomysłów dlaczego nie działa

[PHP] pobierz, plaintext 
<? include("top_gui.php"); ?>
 <form action="dane.php" method="POST">
<table cellpadding="4" cellspacing="4"><tr><td> <select name="jaki_tel" size="20">
<? 
echo($_POST["taryfa"]);
echo($_POST["promocja"]);
 
 
function lacz_bd()
{  
  include("config.php"); 
    if (! $db)
      return false;
   $db->autocommit(TRUE);
   return $db;
}
//połaczenie z bazą
$db = lacz_bd();
//zapytanie sql do bazy określające jakie dane mają zostać pobrane
$taryfa=$_POST["taryfa"];
$promocja=$_POST["promocja"];
$oferta=($promocja. " w abonamencie: " .$taryfa);
 
$zapytanie = "select tel, id," .$taryfa." from ".$promocja;
//pobranie wyniku zapytania
$wynik = $db->query($zapytanie);
//obliczanie ilości rekordów
$it = $wynik->num_rows;
 
$i='0';
#$wiersz=$wynik->fetch_assoc();
#$it=$it-'1';
 
for (;$i<$it;) {
	$wiersz=$wynik->fetch_assoc();
	$do_zaplaty=$wiersz[$taryfa];
	$img=$wiersz["id"];
	$show="'show".$i."()'";
	echo('<option>
	<script type="text/javascript" LANGUAGE="JavaScript" onclick="show'.$i.'()">
	function show'.$i.'()
	{
	var id="'.$img.'"
	var kat="'.$promocja.'"	
	document.getElementById("obrazek").src="images/"+kat+"/"+id+".gif";
	}
	document.write("<span onclick='.$show.'>' .$wiersz['tel']. ' ' .$wiersz[$taryfa].' zł</span>")
	</script>
	</option>');
	$i++;
   }
 
?>
</select>
<input type="hidden" name="oferta" value="<? echo($oferta); ?>" >
<input type="hidden" name="do_zaplaty" value="<? echo($do_zaplaty); ?>" >
</td><td>   
	<script type="text/javascript" language="JavaScript">
       document.write('<img id="obrazek" src="images/'+kat+'/'+id+'.gif" />');
    </script>
    </td></tr></table>
<label>
      <div align="left">
      <table><tr>
      	<td width="230">&nbsp;</td>
        <td><input type="submit" name="submit" id="submit" value="Dalej"></td>
        </tr></table>
      </div>
      </label>
</form>
<? include("bottom_gui.php"); ?>
[PHP] pobierz, plaintext 

po skompilowaniu:

http://astacus.grandhost.pl/po_skompilowaniu.txt


po kliknięciu na pozycje na liście obok powinien pokazać się obrazek telefonu
foty telefonów są w images/rabat_dla_firm(lub inna nazwa promocji)/numer_tel.gif

(IMG:style_emoticons/default/sad.gif)

0 pomysłów??

Ten post edytował bonio89 18.12.2009, 10:28:36