Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> JavaScript pole Select wybór zdjęć, Problem z pobraniem adresu z tabeli wyświetleniem zdjęcia
Majonez123
post 14.11.2013, 20:26:09
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 31.10.2013
Skąd: Niemcy

Ostrzeżenie: (0%)
-----


Witam exclamation.gif!
Poszukuję informacji i podpowiedzi jak wyświetlić zdjęcie z bazy MySql za pomocą JavaScript.
Stworzyłem coś takiego :
  1. <?php
  2. include 'connection.php';
  3. $material = mysql_query('SELECT id, nazwa, link, opis FROM material');
  4. ?>
  5. <!DOCTYPE HTML >
  6. <html>
  7. <head>
  8. <meta charset=utf-8>
  9. <title>wwwwwwwwwwwwww</title>
  10. <link rel="stylesheet" href="styles.css" type="text/css" />
  11. <script src="jquery.js"></script>
  12. </head>
  13. <body>
  14. <p id="material">
  15. <select id="material-wybor">
  16. <option value="">Prosze wybrac material</option>
  17. <?php while (($row = mysql_fetch_object($material)) !=false): ?>
  18. <option value="<?php echo $row->id; ?>"><?php echo $row->nazwa; ?></option>
  19. <?php endwhile; ?></select>
  20. </p>
  21. <div>
  22. tu potrzebne jest 1 zdjęcie w zależności od opcji select
  23. </div>


Chciałbym w odpowiednim miejscu wyświetlić zdjęcie.
Jak to wykonać?
Proszę o podpowiedź.
Go to the top of the page
+Quote Post
werdan
post 15.11.2013, 08:59:54
Post #2





Grupa: Zarejestrowani
Postów: 354
Pomógł: 100
Dołączył: 14.11.2013
Skąd: Płock

Ostrzeżenie: (0%)
-----


Daj w linii 22
  1. <img src="<?php echo $row->link ?>" />
i dopisz skrypt JS do zmiany obrazków na zdarzenie onchange.
Go to the top of the page
+Quote Post
Majonez123
post 15.11.2013, 19:57:09
Post #3





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 31.10.2013
Skąd: Niemcy

Ostrzeżenie: (0%)
-----


Zmontowałem coś takiego
  1. <?php
  2. include 'connection.php';
  3. $material = mysql_query('SELECT id, nazwa, link, opis FROM material');
  4. ?>
  5. <!DOCTYPE HTML >
  6. <html>
  7. <head>
  8. <meta charset=utf-8>
  9. <title>wwwwwwwwwwwwww
  10. </title>
  11. <link rel="stylesheet" href="styles.css" type="text/css" />
  12. <script type='text/javascript' src='//code.jquery.com/jquery-2.0.2.js'></script>
  13. <script type='text/javascript'>
  14. $(document).ready(function(){
  15. $("#material-wybor")
  16. .change(function () {
  17. var str;
  18. str = $("option:selected").val();
  19. $("#moj_obrazek").html("<img src='"+str+"'/>");
  20. })
  21. .change();
  22. });
  23. </script>
  24. </head>
  25. <body>
  26. <p id="material">
  27. <select id="material-wybor" >
  28. <option value="">Prosze wybrac material</option>
  29. <?php while (($row = mysql_fetch_object($material)) !=false): ?>
  30. <option value="<?php echo $row->link; ?>"> <?php echo $row->nazwa; ?> </option>
  31. <?php endwhile; ?>
  32. </select>
  33. </p>
  34. <div id="obrazek">
  35. <img id="moj_obrazek" src="" alt="">
  36. </div>
  37. </body>
  38. </html>

i niestety nie wiem jak zrobić aby zamiast tego :
  1. <option value="<?php echo $row->link; ?>"> <?php echo $row->nazwa; ?> </option>

było :
  1. <option value="<?php echo $row->id; ?>"> <?php echo $row->nazwa; ?> </option>

i wybierało zdjęcie po linku. Nie wiem jak się odwołać do zmiennej $row->link.
Proszę o ukierunkowanie sekret.gif
Go to the top of the page
+Quote Post
werdan
post 15.11.2013, 20:16:51
Post #4





Grupa: Zarejestrowani
Postów: 354
Pomógł: 100
Dołączył: 14.11.2013
Skąd: Płock

Ostrzeżenie: (0%)
-----


Nie wiem o co biega w twoim pytaniu. biggrin.gif

Zmień w kodzie w linii 19
zamiast:
  1. $("#moj_obrazek").html("<img src='"+str+"'/>");

daj:
  1. $("#moj_obrazek").attr('src', str);
Go to the top of the page
+Quote Post
Majonez123
post 15.11.2013, 20:42:18
Post #5





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 31.10.2013
Skąd: Niemcy

Ostrzeżenie: (0%)
-----


Okej po zmianie działa tylko, że jak zmienię
  1. <option value="<?php echo $row->link; ?>"> <?php echo $row->nazwa; ?> </option>

na
  1. <option value="<?php echo $row->id; ?>"> <?php echo $row->nazwa; ?> </option>

to nie wybierz mi zdjęcia.
potrzebne mi id do powiązanie z innym selectem zależnym od tego id w pliku kolor.php
  1. $kolor = mysql_query('SELECT * FROM kolor WHERE (id_material = '.$_GET['id'].')ORDER BY Nazwa ASC;');

Dlatego na moje nieszczęście upieram się przy id.
Mam nadzieją, że można to jakoś zmontować blink.gif
Go to the top of the page
+Quote Post
werdan
post 15.11.2013, 20:49:09
Post #6





Grupa: Zarejestrowani
Postów: 354
Pomógł: 100
Dołączył: 14.11.2013
Skąd: Płock

Ostrzeżenie: (0%)
-----


To daj ten $row->link gdzie indziej, nie do value a do innego atrybutu, np:

  1. <option value="<?php echo $row->id; ?>" link="<?php echo $row->link?>"> <?php echo $row->nazwa; ?> </option>


i wtedy:

  1. str = $("option:selected").attr('link');
  2. $("#moj_obrazek").attr('src', str);


Go to the top of the page
+Quote Post
Majonez123
post 15.11.2013, 21:01:45
Post #7





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 31.10.2013
Skąd: Niemcy

Ostrzeżenie: (0%)
-----


Dziękuję pomogło yahoo.gif nie wiedziałem, że można nadać inny atrybut

Pozdrowienia exclamation.gif!
Go to the top of the page
+Quote Post
werdan
post 15.11.2013, 21:06:16
Post #8





Grupa: Zarejestrowani
Postów: 354
Pomógł: 100
Dołączył: 14.11.2013
Skąd: Płock

Ostrzeżenie: (0%)
-----


<div mozeszNadacAtrybutJakiChcesz="i_wsadzic_mu_co_chcesz"></div>

Fajnie, że działa. Dzieki biggrin.gif


Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 15.06.2025 - 16:15