Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][HTML][JavaScript] Dynamicznie przydzielany obrazek w tabeli
Forum PHP.pl > Forum > Przedszkole
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;/
  1. <script type="text/javascript" LANGUAGE="JavaScript">
  2. function show()
  3. {
  4. var id="2"
  5. var kat="as"
  6. }
  7. function show2()
  8. {
  9. var id="3"
  10. var kat="as"
  11. }
  12. </script>
  13.  
  14. <div><a href="#" onmouseover="show()">aaaaaaaaaa</a></div>
  15. <div><a href="#" onmouseover="show2()">bbbbbbbbbb</a></div>
  16. <div>
  17. <script type="text/javascript" LANGUAGE="JavaScript">
  18. document.write("<img src='" +kat+ "/" +id+ ".gif'>")
  19. </script>
  20. </div>


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
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
  1. <? include("top_gui.php"); ?>
  2. <form action="dane.php" method="POST">
  3. <table cellpadding="4" cellspacing="4"><tr><td> <select name="jaki_tel" size="20">
  4. <?
  5. echo($_POST["taryfa"]);
  6. echo($_POST["promocja"]);
  7.  
  8.  
  9. function lacz_bd()
  10. {
  11. include("config.php");
  12. if (! $db)
  13. return false;
  14. $db->autocommit(TRUE);
  15. return $db;
  16. }
  17. //połaczenie z bazą
  18. $db = lacz_bd();
  19. //zapytanie sql do bazy określające jakie dane mają zostać pobrane
  20. $taryfa=$_POST["taryfa"];
  21. $promocja=$_POST["promocja"];
  22. $oferta=($promocja. " w abonamencie: " .$taryfa);
  23.  
  24. $zapytanie = "select tel, id," .$taryfa." from ".$promocja;
  25. //pobranie wyniku zapytania
  26. $wynik = $db->query($zapytanie);
  27. //obliczanie ilości rekordów
  28. $it = $wynik->num_rows;
  29.  
  30. $i='0';
  31. #$wiersz=$wynik->fetch_assoc();
  32. #$it=$it-'1';
  33.  
  34. for (;$i<$it;) {
  35. $wiersz=$wynik->fetch_assoc();
  36. $do_zaplaty=$wiersz[$taryfa];
  37. $img=$wiersz["id"];
  38. $show="'show".$i."()'";
  39. echo('<option>
  40. <script type="text/javascript" LANGUAGE="JavaScript" onclick="show'.$i.'()">
  41. function show'.$i.'()
  42. {
  43. var id="'.$img.'"
  44. var kat="'.$promocja.'"
  45. document.getElementById("obrazek").src="images/"+kat+"/"+id+".gif";
  46. }
  47. document.write("<span onclick='.$show.'>' .$wiersz['tel']. ' ' .$wiersz[$taryfa].' zł</span>")
  48. </script>
  49. </option>');
  50. $i++;
  51. }
  52.  
  53. ?>
  54. </select>
  55. <input type="hidden" name="oferta" value="<? echo($oferta); ?>" >
  56. <input type="hidden" name="do_zaplaty" value="<? echo($do_zaplaty); ?>" >
  57. </td><td>
  58. <script type="text/javascript" language="JavaScript">
  59. document.write('<img id="obrazek" src="images/'+kat+'/'+id+'.gif" />');
  60. </script>
  61. </td></tr></table>
  62. <label>
  63. <div align="left">
  64. <table><tr>
  65. <td width="230">&nbsp;</td>
  66. <td><input type="submit" name="submit" id="submit" value="Dalej"></td>
  67. </tr></table>
  68. </div>
  69. </label>
  70. </form>
  71. <? include("bottom_gui.php"); ?>


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

sad.gif

0 pomysłów??
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.