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
  HTML a Wordpress Majki_77 3 12166 10.02.2019, 13:17
Ostatni post: Ajgor
Ściana Dynamiczne pobieranie html PHP kamiltu 0 10339 23.06.2018, 15:53
Ostatni post: kamiltu
  Pytanie - 12 lat html,css ivall 1 6029 21.10.2017, 22:40
Ostatni post: Ajgor

Skocz do:


Wybrane wątki (HTML jak dodać zdjęcie)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  wyswietlanie pliku w php roxses 0 3253 07.10.2019 14:43
Ostatni post: roxses
  Content Management System thinkPL 6 3598 06.10.2019 22:08
Ostatni post: thinkPL
  PHP - przycisk wykonujący równanie SalyWan 1 3252 03.10.2019 16:11
Ostatni post: Szachista
  Skopiowanie strony forum przez program HTTrack Website Copier ANDREAN 9 6312 06.09.2019 21:51
Ostatni post: ANDREAN
  Poszukuję skryptu ogłoszeń / Joomla. dongtuuyen 2 5682 25.07.2019 09:56
Ostatni post: Spidi
  Upload pliku na serwer i do bazy danych mati514 3 6360 16.05.2019 17:12
Ostatni post: mati514
Big Grin [PHP] Rotator linków, który nie wyświetli danego linka. semozo 1 7374 13.04.2019 10:29
Ostatni post: wlisik
  Wywołanie diva funkcją SebastianF 3 7794 25.03.2019 10:55
Ostatni post: hydr4x
Scared front-end czy back-end gbr 7 12900 23.03.2019 16:56
Ostatni post: luciussulla
  Gdzie odpłatnie wypozycjonować swoją stronę w html5 w google za 100zł? aktywny27 13 26127 17.02.2019 21:44
Ostatni post: SEMPIRE
  xampp konwersja video milutki182 3 13266 10.02.2019 13:18
Ostatni post: Ajgor
  HTML a Wordpress Majki_77 3 12166 10.02.2019 13:17
Ostatni post: Ajgor
  Gotowe klasy xCart 0 7068 08.02.2019 17:16
Ostatni post: xCart
  Jak ustawić tekst na środku ekranu buzek1 4 3213 08.02.2019 17:07
Ostatni post: xCart
Ściana Problem a zaktualizacją Joomla 3.6.5 do 3.8.8 CREATIVE_ 14 26261 13.01.2019 06:00
Ostatni post: CREATIVE_