Autor | Zpráva | ||
---|---|---|---|
TheRay Profil |
#1 · Zasláno: 3. 3. 2010, 05:08:50 · Upravil/a: TheRay
Zdravím potreboval by som prosím Vás pomoct najetí myšou na položku v selectu by som potreboval aby sa zobrazil obrázok ale normálné velkosti.
Mám takýto selekt používaný javascriptom kde sa mení selectom obrázok ale ja potrwebujem ešte zvačšený náhlad a stále to tam neviem dostať. Skúšal som:boxover, highslide, lightbox, tyny tips:: Tu je kód: <select id="colorplast" name="laminacia" size="1" onchange="Javascript: zmen_obrazek();"> <option value="dub tmavý ST 32140006">dub tmavý ST</option> <option value="dub mooreiche 32052089">dub mooreiche</option> <option value="dub tmavý ST 32140006">dub tmavý ST</option> <option value="dub šedý 32140005">dub šedý</option> <option value="dub rustikálný 33149008">dub rustikálný</option> <option value="dub močiarný 33167004">dub močiarný</option> <option value="sapeli 32065021">sapeli</option> <option value="mahagón 32097013">mahagón</option> <option value="dub zlatý 32178001">dub zlatý</option> <option value="orech 32178007">orech</option> <option value="pruhovaná dúglaska 33152009">pruhovaná dúglaska</option> <option value="horská borovica 33069041">horská borovica</option> <option value="oregon 31192001">oregon</option> <option value="macore 33162002">macore</option> <option value="sierra 32167009">sierra</option> <option value="čerešňa čierna 33202001">čerešňa čierna</option> <option value="čerešňový kvet 33214008">čerešňový kvet</option> <option value="čerešňa rustikálna 33214007">čerešňa rustikálna</option> <option value="dub antický 33211006">dub antický</option> <option value="siena pr49233">siena</option> <option value="šedá achátová 1703883">šedá achátová</option> <option value="signálna šedá 1700483">signálna šedá</option> <option value="bridlicovo šedá 1701583">bridlicovo šedá</option> <option value="antracitovo šedá 1701683">antracitovo šedá</option> <option value="bielá 1915205">bielá</option> <option value="krémovo bielá 1137905">krémovo bielá</option> <option value="achátovo šedá 1703805">achátovo šedá</option> <option value="šedá 1715505">šedá</option> <option value="betónovo šedá 1702305">betónovo šedá</option> <option value="bazaltovo šedá 1701205">bazaltovo šedá</option> <option value="quarz šedá 1703905">quarz šedá</option> <option value="antracitovo šedá AT 1701605">antracitovo šedá AT</option> <option value="maroni dub 1809905">maroni dub</option> <option value="čokoládovo hnedá 1887505">čokoládovo hnedá</option> <option value="čierno hnedá 1851805">čierno hnedá</option> <option value="machovo zelená 1600505">machovo zelená</option> <option value="tmavo zelená 1612505">tmavo zelená</option> <option value="pekelne červená 1305405">pekelne červená</option> <option value="tmavo červená 1308105">tmavo červená</option> <option value="vínovo červená 1300505">vínovo červená</option> <option value="modrá briliantová 1500705">modrá briliantová</option> <option value="modrá kobaltová 1501305">modrá kobaltová</option> <option value="modrá oceľová 1515005">modrá oceľová</option> <option value="žltá 1108705">žltá</option> </select> </td> <div id="obrazek1" style="display: none;"><img src="laminacia/horskydub.jpg" width="198" height="144" border="0"></div><div id="obrazek2" style="display: none;"><img src="laminacia/dubmooreiche.jpg" width="198" height="144" border="0"></div><div id="obrazek3" style="display: none;"><img src="laminacia/dubtmavyST.jpg" width="198" height="144" border="0"></div><div id="obrazek4" style="display: none;"><img src="laminacia/dubsedy.jpg" width="198" height="144" border="0"></div><div id="obrazek5" style="display: none;"><img src="laminacia/dubrustikalny.jpg" width="198" height="144" border="0"></div><div id="obrazek6" style="display: none;"><img src="laminacia/mociarnydub.jpg" width="198" height="144" border="0"></div><div id="obrazek7" style="display: none;"><img src="laminacia/sapeli.jpg" width="198" height="144" border="0"></div><div id="obrazek8" style="display: none;"><img src="laminacia/mahagon.jpg" width="198" height="144" border="0"></div><div id="obrazek9" style="display: none;"><img src="laminacia/zlatydub.jpg" width="198" height="144" border="0"></div><div id="obrazek10" style="display: none;"><img src="laminacia/orech.jpg" width="198" height="144" border="0"></div><div id="obrazek11" style="display: none;"><img src="laminacia/pruhovanaduglaska.jpg" width="198" height="144" border="0"></div><div id="obrazek12" style="display: none;"><img src="laminacia/horskaborovica.jpg" width="198" height="144" border="0"></div><div id="obrazek13" style="display: none;"><img src="laminacia/oregon.jpg" width="198" height="144" border="0"></div><div id="obrazek14" style="display: none;"><img src="laminacia/macore.jpg" width="198" height="144" border="0"></div><div id="obrazek15" style="display: none;"><img src="laminacia/sierra.jpg" width="198" height="144" border="0"></div><div id="obrazek16" style="display: none;"><img src="laminacia/ciernaceresna.jpg" width="198" height="144" border="0"></div><div id="obrazek17" style="display: none;"><img src="laminacia/ceresnovykvet.jpg" width="198" height="144" border="0"></div><div id="obrazek18" style="display: none;"><img src="laminacia/ceresnarustikalna.jpg" width="198" height="144" border="0"></div><div id="obrazek19" style="display: none;"><img src="laminacia/starydub.jpg" width="198" height="144" border="0"></div><div id="obrazek20" style="display: none;"><img src="laminacia/sienapr.jpg" width="198" height="144" border="0"></div><div id="obrazek21" style="display: none;"><img src="laminacia/sedaachatova.jpg" width="198" height="144" border="0"></div><div id="obrazek22" style="display: none;"><img src="laminacia/signalnaseda.jpg" width="198" height="144" border="0"></div><div id="obrazek23" style="display: none;"><img src="laminacia/bridlicovoseda.jpg" width="198" height="144" border="0"></div><div id="obrazek24" style="display: none;"><img src="laminacia/antracitovoseda.jpg <script type="text/javascript"> document.getElementById("obrazek1").style.display = "block"; function zmen_obrazek(){ cozobrazit = document.getElementById("colorplast").value; document.getElementById("obrazek1").style.display = "none"; document.getElementById("obrazek2").style.display = "none"; document.getElement |
||
Časová prodleva: 3 dny
|
|||
Fred Profil |
#2 · Zasláno: 6. 3. 2010, 09:13:30
Pokud si přeložím Tvůj dotaz do srozumitelného jazyka:
TheRay: > Zdravím potreboval by som prosím Vás pomoct najetí myšou na položku v selectu by som potreboval aby sa zobrazil obrázok ale normálné velkosti. > > Mám takýto selekt používaný javascriptom kde sa mení selectom obrázok ale ja potrwebujem ešte zvačšený náhlad a stále to tam neviem dostať. Skúšal som:boxover, highslide, lightbox, tyny tips:: tedy nejspíš: Zdravím potreboval by som aby sa pri najetí myšou na položku v selectu zobrazil obrázok normálné velkosti. Mám selekt ktory mení obrázok, ale ja potrebujem ešte zvačšený náhlad a stále to tam neviem dostať. Skúšal som:boxover, highslide, lightbox, tiny tips: Předpokládám, že potřebuješ po změně v selectu měnit src nějakého obrázku a tento obrázek by měl mít nějaký tooltip s jeho zvětšeným náhledem, nebo nakliknutí zobrazit velký náhled? Tady máš koncept, třeba to z toho dáš dohormady <script type="text/javascript"> function changeImgSrc(){ document.getElementById('colorplast').onchange=function(){ var ar=['horskydub','dubmooreiche','dubtmavyST'] document.getElementById('budeme_menit').src='laminacia/'+ar[this.options[this.selectedIndex].index]+'.jpg'; alert(document.getElementById('budeme_menit').src) }; document.getElementById('budeme_menit').onclick=function(){//nebo onmouseover někde něco zobraz nebo udělěj s obrázky ze složky kde jsou velké obrázky zde velke_obrazky document.getElementById('test').innerHTML='velke_obrazky/'+document.getElementById('budeme_menit').src.substring(document.getElementById('budeme_menit').src.lastIndexOf('\/')+1); }; } if(document.childNodes){window.onload=changeImgSrc;} </script> </head> <body> <select id="colorplast" name="laminacia" size="1"> <option value="dub tmavý ST 32140006">dub tmavý ST</option> <option value="dub mooreiche 32052089">dub mooreiche</option> <option value="dub tmavý ST 32140006">dub tmavý ST</option> </select> <img src="laminacia/pruhledny.gif" id="budeme_menit" width="198" height="144" /> <div id="test"></div> |
||
TheRay Profil |
#3 · Zasláno: 6. 3. 2010, 15:10:30 · Upravil/a: TheRay
Fred:
Ano presne to potrebujem troška som poplietol popis.Aby som to upresnil potrebujem aby sa po kliknutí alebo najetí myšou na obrázok alebo odkaz v selectu zvačšil na náhlad skúšal som už všetko. Po vybratí obrázka v selectu kliknem na ten obrázok vypíše na nom že načítává ale nič sa nedeje. Tu je odkaz na čast tej stránky kde mám problém. http://slavoplast.sweb.cz/kalkulacia/index.php je to druhý list tak treba kliknúť dalej.... PS: Je to troška neprehladné pretože sa mi nezmestil na sklo celý script. Je to celkom dobré funguje to len neviem prečo je tam oznámenie stránky. A keby sa to otváralo v dalšom okne bolo by to super ale aj tak dakujem aspon základ mám skúsim sa stým pohrať. |
||
TheRay Profil |
#4 · Zasláno: 6. 3. 2010, 15:46:58
Práve som našiel niečo čo som tam vložil a je to tak nejako podla mojich predstáv.
Je to tu: http://www.dyn-web.com/code/tooltips/documentation.php volá sa to dynamic web tooltip. Je to jednoduché iba vložíte externé javascripty. A class pri obrázok. |
||
Časová prodleva: 14 let
|
0