Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

HTML jak dodać zdjęcie

#1
HTML jak dodać zdjęcie
Witam. Mam pytanie jak dodać zdjęcie do swojej strony w HTML-u, ale nie tak zwyczajnie. Chodzi mi o to, że gdy wybiorę z listy rozwijanej daną wartość z boku pojawi się jakaś grafika.
Czyli coś takiego:
<p>Proszę wybrać jedno z dań</p>
<select name="dania główne">
<option> ----
<option> Kawa
<option> Sok
<option> Cola
<option> Wino
<option> Herbata
<option> Nesti
I tu z boku przy wybranej opcji powinien się pojawić obrazek, automatycznie po jej wybraniu.
P.S mam mało czasu prosił bym o szybką pomoc.
 System operacyjny: windows_seven Przeglądarka: firefox
#2
RE: HTML jak dodać zdjęcie
Kod:
<select name="dania_glowne" onChange="generateimage(this.options[this.selectedIndex].value)">
<option value="kawa.gif">Kawa</option>
</select>
<ilayer id="dynamic1" width=100% height=178><layer id="dynamic2" width=100% height=178><div id="dynamic3"></div></layer></ilayer>


<script>
var ie4=document.all
var ns6=document.getElementById
var tempobj=document.dynamicselector.dania_glowne
if (ie4||ns6)
var contentobj=document.getElementById? document.getElementById("dynamic3"): document.all.dynamic3
function generateimage(which){
if (ie4||ns6){
contentobj.innerHTML='Ładowanie tła...'
contentobj.innerHTML='<img src="KATALOG_OBRAZKOW/'+which+'" width="150px" height="150px" style="border:1px solid white;margin-left:2px;">'
}
else if (document.layers){
document.dynamic1.document.dynamic2.document.write('<img src="KATALOG_OBRAZKOW/'+which+'" width="150px" height="150px" style="border:1px solid white;margin-left:2px;">')
document.dynamic1.document.dynamic2.document.close()
}
else
alert('You need NS 4+ or IE 4+ to view the images!')
}

function generatedefault(){
generateimage(tempobj.options[tempobj.options.selectedIndex].value)
}

if (ie4||ns6||document.layers){
if (tempobj.options.selectedIndex!=-1){
if (ns6)
generatedefault()
else
window.onload=generatedefault
}
}

</script>
 System operacyjny: windows_vista Przeglądarka: chrome
Programy: Polecane / Nowe / Inne




Podobne wątki (HTML jak dodać zdjęcie)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
Exclamation [HTML JS PHP] Jak zrobić czat internetowy? toslaw1 0 6528 18.03.2017, 13:54
Ostatni post: toslaw1
  Jak dodać wordpress do cba.pl? gamepad 5 7698 12.02.2017, 17:03
Ostatni post: ewelinaaa92
Ściana Jak zrobić forum [HTML PHP MYSQL] toslaw1 13 16039 04.02.2017, 15:38
Ostatni post: toslaw1

Skocz do:


Wybrane wątki (HTML jak dodać zdjęcie)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  skalowanie elementów do wielkości ekranu szakal87 1 9710 11.09.2018 05:36
Ostatni post: Michu_PL
  Formularz do zgłaszania błędów na stronie-pomoc w przeróbce. raxer 0 8920 10.09.2018 18:51
Ostatni post: raxer
  Layout Strony Majki_77 2 10377 28.08.2018 16:27
Ostatni post: gentleman
  Wyszukiwanie na urządzenich mobilnych broda99 4 2783 22.08.2018 13:14
Ostatni post: grzegorzkrk
  Zmiana rozmiaru okna przeglądarki a marginesy Wacho 0 9298 09.08.2018 23:15
Ostatni post: Wacho
  Stworzenie nowej strony na Wordpressie Majki_77 8 10555 22.07.2018 22:21
Ostatni post: ada1986
Ściana Dynamiczne pobieranie html PHP kamiltu 0 9900 23.06.2018 15:53
Ostatni post: kamiltu
  Tworzenie stron (Usługa) Majki_77 2 9965 21.06.2018 08:13
Ostatni post: Michu_PL
Ściana HTML5, CSS, Jak ustawić logo strony ze zdjecia jootiii 1 1738 10.06.2018 14:40
Ostatni post: raxer
  Przypisanie hostingu ma7 do domeny home.pl Eleven315 1 9498 10.06.2018 14:38
Ostatni post: raxer
  Xampp sieć lokalna milutki182 8 9023 07.06.2018 19:58
Ostatni post: raxer
  Zbyt duży zrzut bazy MySQL z!pper 6 9765 04.06.2018 19:18
Ostatni post: z!pper
  Hosting + domena, gdzie? :) DewaaStacjaa 34 62989 23.05.2018 09:33
Ostatni post: dk2591
  Favicon, icon - problem z Safari kamil656 2 9668 18.05.2018 16:31
Ostatni post: kamil656
  Obowiązki twórcy stron (tworzenie stron, domena, hosting) Majki_77 3 9659 30.04.2018 17:49
Ostatni post: Ajgor