Autor Zpráva
Jakub Žáček
Profil *
#1 · Zasláno: 30. 5. 2005, 16:33:44
Odpovědět Citovat
Ahoj, potřeboval bych poradit. Chtěl bych aby se např. v elementu <div> zobrazoval určitý text a obrázek podle výběru ve výběrovém poli. Mohl by mi prosím někdo poradit? Potřeboval bych celý kód. Předem Děkuji
Yuhů
Profil
#2 · Zasláno: 30. 5. 2005, 16:40:50
Odpovědět Citovat
<select onchange="document.getElementById('oddil').innerHTML = this.value">
<option>vyber</option>
<option value="nějakej text">možnost</option>
</select>

<div id="oddil">
</div>

psáno z hlavy, netestováno!

ten obrázek nevím, to by se muselo nějak namlátit do pole nebo místo div a innerHTML použít img a src.
Jakub Žáček
Profil *
#3 · Zasláno: 30. 5. 2005, 16:43:33
Odpovědět Citovat
Moc děkuji. Vyzkouším a napíšu jak jsem pochodil.
Jakub Žáček
Profil *
#4 · Zasláno: 30. 5. 2005, 16:50:19
Odpovědět Citovat
Tak to funguje a je to přesně to co chci, ale kdyby někdo věděl ještě jak tam dostat ten obrázek, byl bych rád.
habendorf
Profil
#5 · Zasláno: 30. 5. 2005, 17:20:32 · Upravil/a: habendorf
Odpovědět Citovat
Nedávno jsem tu pro někoho psal něco podobného. Takže:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
div {display:none; margin-top:100px}
</style>
<script type="text/javascript">
var posledni = "volba0";
function vypis(volba)
{
document.getElementById(posledni).style.display='none';
document.getElementById(volba).style.display='block';
posledni = volba;
}
</script>
</head>
<body>
<form>
<select name="platba" size="1" onchange="vypis(this.options.value);">
<option value="volba0">Vyberte si
<option value="volba1">Hotově
<option value="volba2">Výměnný obchod
<option value="volba3">Převodem
</select>
</form>
<div id="volba0"></div>
<div id="volba1">Nasypte peníze do nůše a přineste nám je. Sem si dopiš obrázek, normálně <img src=...> </div>
<div id="volba2">Přineste nám metr piv a pět bublifuků Sem si dopiš obrázek, normálně <img src=...> </div>
<div id="volba3">Poukažte na konto č. 123456789/0007 Sem si dopiš obrázek, normálně <img src=...> </div>
</body>
</html>

Testováno, šlape dobře.
Jakub Žáček
Profil *
#6 · Zasláno: 31. 5. 2005, 17:49:02
Odpovědět Citovat
To je dobré, dík takto to funguje, jenže pokud přidám, další položku tak se mi to nějak kupí na sebe a je tam jakoby několik z těch položek. Nechápu to.
Jakub Žáček
Profil *
#7 · Zasláno: 31. 5. 2005, 17:51:31
Odpovědět Citovat
Už to mám, jen jsem nezkpíroval CSS styl. Ještě jednou moc děkuji.
mila
Profil
#8 · Zasláno: 31. 5. 2005, 18:01:28
Odpovědět Citovat
Obávám se, že to neběhá ve FF.
habendorf
Profil
#9 · Zasláno: 31. 5. 2005, 18:55:08
Odpovědět Citovat
Pravda. FF nebere vypis(this.options.value);, je třeba to nahradit vypis(this.options[selectedIndex].value); a je to v suchu.
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0