Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html] Wyswietlanie obrazków w <select>
Forum PHP.pl > Forum > Przedszkole
parzygnat
Witam jak można rozwiązać taki problem? Chciałbym wybierać obrazki przy pomocy <select> lub czegoś podobnego, jak to rozwiązać bo mi to nie działa? Oto kod:

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <title>Select</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  5. </head>
  6.  
  7. <select name="kolor">
  8. <option value="granatowy"><img src="granatowy.jpg"></option>
  9. <option value="zielony"><img src="zielony.jpg"></option>
  10. <option value="bordowy"><img src="bordowy.jpg"></option>
  11. <option value="brazowy"><img src="brazowy.jpg"></option>
  12. </body>
  13. </html>
Grzyw
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Select</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
</head>

<body>
<select name="kolor" onSelect="document.getElementById('imageID').src= this.options[this.selectedIndex].value";>
<option value="granatowy"><img src="granatowy.jpg"></option>
<option value="zielony"><img src="zielony.jpg"></option>
<option value="bordowy"><img src="bordowy.jpg"></option>
<option value="brazowy"><img src="brazowy.jpg"></option>
</select>
<img id="imageID" src="blablabla.jpg" />
</body>
</html>
parzygnat
Sorrki Hmm... Moj blad bo teraz widze ze zle przedstawilem swoj problem. Mi chodzilo o to zeby w <option value="granatowy">1</option> zamiast "1" wyswietlalo sie zdjecie "granatowe", zeby mozna bylo podgladnac (zdjece) co sie wybiera, wyswietlanie tego co sie wybierze nie jest istotne.

Czy ktos moze pomoc? Albo powiedziec jaka technike zastosowac?
Grzyw
Aaa... smile.gif Nie załapałem smile.gif
Da się, przez AJAX.
Przykład tutaj
qqrq
Proponuję ci zajrzeć tutaj do sekcji combobox/styled combobox, a ogólnie, w razie potrzeby "wybajerzenia" czegoś na stronie, proponuję szukać na webappers.com.

Pozdrawiam
parzygnat
Dzieki za podpowiedzi chyba bede musial przegrysc sporo lektury jescze zeby to opanowac smile.gif
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.