Autor Zpráva
TheRay
Profil
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
Fred
Profil
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
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
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.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0