Forum PHP.pl > JavaScript pole Select wybór zdjęć

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: JavaScript pole Select wybór zdjęć

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Majonez123

14.11.2013, 20:26:09

Witam

!
Poszukuję informacji i podpowiedzi jak wyświetlić zdjęcie z bazy MySql za pomocą JavaScript.
Stworzyłem coś takiego :

[PHP] pobierz, plaintext 
<?php
include 'connection.php';
$material = mysql_query('SELECT id, nazwa, link, opis FROM material');
?>
<!DOCTYPE HTML >
<html>
<head>
	<meta charset=utf-8>
   <title>wwwwwwwwwwwwww</title>
          <link rel="stylesheet" href="styles.css" type="text/css" />
  <script src="jquery.js"></script>
  </head>
   <body>
  	<p id="material">
		<select id="material-wybor">
			<option value="">Prosze wybrac material</option>
			<?php while (($row = mysql_fetch_object($material)) !=false): ?>
			<option value="<?php echo $row->id; ?>"><?php echo $row->nazwa; ?></option>
	<?php endwhile; ?></select>
 </p>
<div>
tu potrzebne jest 1 zdjęcie w zależności od opcji select
</div>
[PHP] pobierz, plaintext

Chciałbym w odpowiednim miejscu wyświetlić zdjęcie.
Jak to wykonać?
Proszę o podpowiedź.

werdan

15.11.2013, 08:59:54

Daj w linii 22

[PHP] pobierz, plaintext 
<img src="<?php echo $row->link ?>" />
[PHP] pobierz, plaintext

i dopisz skrypt JS do zmiany obrazków na zdarzenie onchange.

Majonez123

15.11.2013, 19:57:09

Zmontowałem coś takiego

[PHP] pobierz, plaintext 
<?php
include 'connection.php';
$material = mysql_query('SELECT id, nazwa, link, opis FROM material');
?>
<!DOCTYPE HTML >
<html>
  <head>
    <meta charset=utf-8>
    <title>wwwwwwwwwwwwww
    </title>
    <link rel="stylesheet" href="styles.css" type="text/css" />
<script type='text/javascript' src='//code.jquery.com/jquery-2.0.2.js'></script>
   <script type='text/javascript'>
    $(document).ready(function(){
    $("#material-wybor")
        .change(function () {
        var str;
        str = $("option:selected").val();
    $("#moj_obrazek").html("<img src='"+str+"'/>");
    })
        .change();
    });
</script>
 </head>
  <body>
    <p id="material">
      <select id="material-wybor" >
        <option value="">Prosze wybrac material</option>
        <?php while (($row = mysql_fetch_object($material)) !=false): ?>
        <option  value="<?php echo $row->link; ?>"> <?php echo $row->nazwa; ?> </option>
        <?php endwhile; ?>
      </select>
    </p>
    <div id="obrazek">
      <img id="moj_obrazek" src="" alt="">
    </div>
  </body>
</html>
[PHP] pobierz, plaintext

i niestety nie wiem jak zrobić aby zamiast tego :

[PHP] pobierz, plaintext 
<option  value="<?php echo $row->link; ?>"> <?php echo $row->nazwa; ?> </option>
[PHP] pobierz, plaintext

było :

[PHP] pobierz, plaintext 
<option  value="<?php echo $row->id; ?>"> <?php echo $row->nazwa; ?> </option>
[PHP] pobierz, plaintext

i wybierało zdjęcie po linku. Nie wiem jak się odwołać do zmiennej $row->link.
Proszę o ukierunkowanie

werdan

15.11.2013, 20:16:51

Nie wiem o co biega w twoim pytaniu.

Zmień w kodzie w linii 19
zamiast:

[HTML] pobierz, plaintext 
$("#moj_obrazek").html("<img src='"+str+"'/>");
[HTML] pobierz, plaintext

daj:

[HTML] pobierz, plaintext 
$("#moj_obrazek").attr('src', str);
[HTML] pobierz, plaintext

Majonez123

15.11.2013, 20:42:18

Okej po zmianie działa tylko, że jak zmienię

[PHP] pobierz, plaintext 
<option value="<?php echo $row->link; ?>"> <?php echo $row->nazwa; ?> </option>
[PHP] pobierz, plaintext

[PHP] pobierz, plaintext 
<option value="<?php echo $row->id; ?>"> <?php echo $row->nazwa; ?> </option>
[PHP] pobierz, plaintext

to nie wybierz mi zdjęcia.
potrzebne mi id do powiązanie z innym selectem zależnym od tego id w pliku kolor.php

[PHP] pobierz, plaintext 
$kolor = mysql_query('SELECT * FROM kolor WHERE (id_material = '.$_GET['id'].')ORDER BY Nazwa ASC;');
[PHP] pobierz, plaintext

Dlatego na moje nieszczęście upieram się przy id.
Mam nadzieją, że można to jakoś zmontować

werdan

15.11.2013, 20:49:09

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

[HTML] pobierz, plaintext 
<option value="<?php echo $row->id; ?>" link="<?php echo $row->link?>"> <?php echo $row->nazwa; ?> </option>
[HTML] pobierz, plaintext

i wtedy:

[HTML] pobierz, plaintext 
str = $("option:selected").attr('link');
$("#moj_obrazek").attr('src', str);
[HTML] pobierz, plaintext

Majonez123

15.11.2013, 21:01:45

Dziękuję pomogło

nie wiedziałem, że można nadać inny atrybut

Pozdrowienia

werdan

15.11.2013, 21:06:16

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

Fajnie, że działa. Dzieki

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.