Autor | Zpráva | ||
---|---|---|---|
silverback Profil |
#1 · Zasláno: 5. 6. 2009, 11:46:01
Dobrý den. Mám takový problém. Potřebuju vytvořit několik selectboxů, když si zákazník vybere jakýkoli prvnek z nich měl by se změnit obrázek na stránce. Našel jsem takovýto jeden příklad:
http://jdstiles.com/java/imagelinker.html což částečně řeší můj problém, ale funguje to jen s jedním Select boxem. Já bych potřeboval, aby ten script fungoval na všechny SB které budu na stránce mít. Jelikož se v JS moc nevyznám, potřeboval bych nějak tento script modifikovat. Případně pokud znáte nějaký tutoriál který konkrétně tohle řeší, byl bych vděčný za každou radu. Předem díky |
||
vynalezce Profil |
#2 · Zasláno: 5. 6. 2009, 11:53:53
chcete vice selectu ktere meni jeden obrazek nebo vice selectu pricemz kazdy zmeni jiny obrazek
|
||
silverback Profil |
#3 · Zasláno: 5. 6. 2009, 12:01:10
více selectů které mění jeden jediný obrázek
|
||
vynalezce Profil |
#4 · Zasláno: 5. 6. 2009, 12:23:39 · Upravil/a: vynalezce
<script> var adresaa=new Array() adresaa[1]="http://www.google.com" adresaa[2]="http://www.seznam.cz" adresaa[3]="http://www.atlas.cz" adresaa[4]="http://www.centrum.cz" </script> <select onchange="ima.src=this.value+'.gif'; odka.href=adresaa[this.value]"> <option value="1" selected>1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> <a href="http://www.google.com" id="odka"><img id="ima" src="1.gif"></a> <select onchange="ima.src=this.value+'.gif'; odka.href=adresaa[this.value]"> <option value="1" selected>1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> snad je to ok jedinej problem je to ze obrazek musi mit v nazvu cislo a zbytek musi byt stejny, kdyby to hodne vadilo lze pouzit pole do script var adresaimga=new Array() adresaimga[1]="adresa obrazku" adresaimga[2]="adresa obrazku" adresaimga[3]="adresa obrazku" adresaimga[4]="adresa obrazku" do on change misto ima.src=this.value+'.gif' dat ima.src=adresaimga[this.value] napsal jsem to znova je to lepsi aspon pro me |
||
silverback Profil |
#5 · Zasláno: 5. 6. 2009, 12:47:45
Tak to je naprosto výborné - a mnohem jednodušší, než to co jsem měl předtím. Děkuji ti mnohokrát, jsi fakt machr. ;)
|
||
silverback Profil |
#6 · Zasláno: 5. 6. 2009, 14:04:39
Tak problémek :) Opravdu je to vynikající, ale bohužel script nefunguje v Safari :p Všude jinde - dokonce i v opeře funguje bez problémů, ovšem Safari ... :-/ Takže kdyby jste si s tím chtěl z profesionálního zájmu pohrát ... :)
|
||
silverback Profil |
#7 · Zasláno: 5. 6. 2009, 14:23:47
jen doplním, že jsem zcela vypustil script na odkaz - nepotřebuji obrázky nikam odkazovat - pro úplnost používám tuto techniku například zde: (nefungují všechny části, jde jen o zkoušku)
http://www.ultrasport.cz/_pages/ultrasport_kolanazakazku.html |
||
Witus Profil * |
#8 · Zasláno: 5. 6. 2009, 18:00:21
Neozkouším, ale v případě že safari nepodporuje onchange na <select> by to šlo ošetřit takto:
<script> var adresaa=new Array(); adresaa[1]="http://www.google.com"; adresaa[2]="http://www.seznam.cz"; adresaa[3]="http://www.atlas.cz"; adresaa[4]="http://www.centrum.cz"; </script> <select onclick="ima.src=this.value+'.gif'; odka.href=adresaa[this.value];"> <option value="1" selected>1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> <a href="http://www.google.com" id="odka"><img id="ima" src="1.gif"></a> <select onclick="ima.src=this.value+'.gif'; odka.href=adresaa[this.value];clicked=false;"> <option value="1" selected>1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> Ozkoušej, dalším problémem mohlo být vynalezcovo vynechávání středníků na začátku, taky jsem je tam raději doplnil. |
||
Časová prodleva: 3 dny
|
|||
silverback Profil |
#9 · Zasláno: 8. 6. 2009, 09:40:00 · Upravil/a: silverback
Tak bohužel - zdá se, že safari nepodporuje ani onclick Středníky to taky nejsou. Pro jistotu doplním kód formuláře, ktzerý používám, jestli nedělám něco špatně (ale jak řikám, všude jinde to funguje). Bohužel jeden z nadřízených safari používá :D ...
<form style="text-align:left;" action="spocitej.php" method="post"> <h3>Rámy:</h3> <select name="ramy" onclick="ima.src=this.value+'.jpg'; "> <option value="1">- Žádný -</option> <option value="2">RM - Element Team</option> <option value="3">Yeti - Asr Carbon</option> <option value="4">Yeti - Asr Alloy</option> <option value="5">Yeti - 575</option> <option value="6">Niner - JET9</option> <option value="7">Niner - RIP9</option> <option value="8">Niner - Air</option> </select> <img id="ima" src="0.jpg"> Skript na adresu vůbec nepoužívám, nepotřebuji, aby obrázky někam odkazovaly. |
||
Bubák Profil |
#10 · Zasláno: 8. 6. 2009, 10:39:44
Co ti na výše uvedeném kódu v Safari nefunguje po přepsání z onclick na onchange?
<select name="ramy" onchange="ima.src=this.value+'.jpg'; "> Pokud to v Safari nefunguje onchange ani v tomto příkladu, máš Safari rozbité: www.jakpsatweb.cz/priklady/select_prejdi.html |
||
silverback Profil |
#11 · Zasláno: 8. 6. 2009, 11:13:47
Bubák: nemění se obrázek - a je jedno jestli mám onclick nebo onchange. Ten příklad mi v Safari funguje, takze chyba musi byt nekde v mem kodu - ten je na teto strance. Jediny rozdil ktery vidim je, ze tam nemam "jalový" option. Ale tím by to být nemělo. Vážně nevím ... :(
|
||
Bubák Profil |
#12 · Zasláno: 8. 6. 2009, 12:43:27
Mi to na mé pokusné stránce jde:
http://teststranek.kvalitne.cz/onchange-obrazek/ „Jediny rozdil ktery vidim je, ze tam nemam "jalový" option“ Nevím, co přesně máš ta mysli, tohle? http://teststranek.kvalitne.cz/onchange-obrazek/index-2.html Zkus zjistit, v čem je oproti tvé stránce rozdíl. A nepoužívej na toto onclick, onchance je výhodnější. |
||
Časová prodleva: 15 let
|
0