| Autor | Zpráva | ||
|---|---|---|---|
| Musilda Profil |
#1 · Zasláno: 2. 3. 2011, 19:31:27
Vzhledem k tomu, že jsem začátečník a javascriptu moc nerozumím, hledal jsem řešení a "splácal" paskvil.
Potřebuji při kliknutí na odkaz menu, aby se změnilo podmenu. Když kliknu na odkaz v podmenu, změní se zobrazený obrázek. Problém je v tom, že potřebuji, aby se změnil obrázek i když kliknu na odkaz v hlavním menu. Nedokážu ty dvě funkce spojit. <script>
function klik1(zdroj) {projekt_big_img.src=zdroj}//funkce pro přepínání obrázku
var zobrazena = "prvni"; // pomocna promenna, na zacatku nastavena na jmeno zobrazene polozky
function zobraz(polozka){
if (document.getElementById){
document.getElementById(zobrazena).style.display = "none"; // skryje předchozí polozku
document.getElementById(polozka).style.display = "block"; // zobrazi se nakliknuta polozka
zobrazena = polozka; // aktualne zobrazena polozka se ulozi do globalni promenne, aby se pozdeji dala skryt
return false; // odkaz neproklikne na href
}
else {
if(document.stylesheets) document.stylesheets["zalozky"].disabled = true; // v nekterych browserech (IE 4) vypne styl nezobrazovani, aby se polozky alespon zobrazily
return true; // odkazy budou proklikavat na href
}
}
</script>
<ul id="projekt_top_menu">
<li><a href="#prvni" onclick="return zobraz('prvni');" ><span>Vizualizace</span></a></li>
<li><a href="#druha" onclick="return zobraz('druha');" ><span>Půdorysy</span></a></li>
<li><a href="#treti" onclick="return zobraz('treti');"><span>Pohledy</span></a></li>
</ul>
<ul id="prvni" class="polozka">
<li onclick="klik1('projekty/anna_104/anna_104_vizualizace.jpg')">Hlavní vizualizace</li>
<li onclick="klik1('projekty/anna_104/anna_104_vizualizace_2.jpg')">Druhá vizualizace</li>
</ul>
<ul id="druha" class="polozka">
<li onclick="klik1('projekty/anna_104/pudorys-prizemi-barevny-anna-104.gif')">Půdorys přízemí</li>
<li onclick="klik1('projekty/anna_104/pudorys-1-patro-barevny-anna-104.gif')">Půdorys 1. patro</li>
</ul>
<ul id="treti" class="polozka">
<li onclick="klik1('projekty/anna_104/predni-pohled-anna-104.jpg')">Přední pohled</li>
<li onclick="klik1('projekty/anna_104/zadni-pohled-anna-104.jpg')">Zadní pohled</li>
<li onclick="klik1('projekty/anna_104/levy-pohled-anna-104.jpg')">Levý pohled</li>
<li onclick="klik1('projekty/anna_104/pravy-pohled-anna-104.jpg')">Pravý pohled</li>
</ul>
<img id="projekt_big_img" src="projekty/anna_104/anna_104_vizualizace.jpg">
Když kliknu na vizualizace, aby zobrazila hlavní vizualizace, když kliknu půdorys, aby zobrazil půdorys přízemí, když kliknu na pohledy, aby se zobrazil přední pohled. Budu rád za každou radu. |
||
| Camo Profil |
#2 · Zasláno: 2. 3. 2011, 23:56:00
Optimalizuješ pre IE4?...
Ten projekt_big_img na riadku 3. podĺa mňa bude undefined |
||
| _es Profil |
#3 · Zasláno: 3. 3. 2011, 06:24:16
Camo:
„Ten projekt_big_img na riadku 3. podĺa mňa bude undefined“ V rôznych prehliadačoch to môže byť niečo rôzne, viď aj tu - posledné dva body. Musilda: Ovládače udalosti môžeš priradiť aj v <script>e, nemusíš používať HTML atribút:
element.onclick = názovFunkcie; // alebo:
element.onclick = function(){nejaký kód}; |
||
|
Časová prodleva: 13 let
|
|||
0