JS namísto hover – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Dobrý večer,
nedávno jsem někde na internetu nalezl návod na javascript, který dokázal totéž co hover. Samozřejmě ten js fungoval i v IE a za jakýchkoliv okolností naprosto spolehlivě. Samozřejmě, zapomněl jsem si označit, kde jsem ho nalezl..

Fungovalo to tak, že po najetí na určitý text se bez kliknutí zobrazí text ve zbytku stránky.

Pomůže mi někdo? Děkuju Vám.

myslis metoda visibility = none / visibility = visible ?

alebo presnejsie nieco taketo (asi lepsie s display)?

<div onmouseover="document.getElementById('idecko').style.display='block';" onmouseout="document.getElementById('idecko').style.display='none';">Rozpravka</div>



<div id="idecko" style="display:none;">Janko a Marienka isli do lesa ... </div>

Ano, tohle se dá taky použít, i když ne jako menu.

V tamtom bylo deklarovaný pole (array), ve kterém byli objekty, které se zobrazí po najetí. Bylo to použitý jako menu vlevo, ve zbytku stránky se zobrazovaly obrázky, podle toho na kterej ten řádek v levo jsem najel myší..

Možná by stálo za to prohledat historii navštívených stránek...?

Alebo precitat par tutov a spravit si take menu sam, hmm? :)

vsak som ti napisal presne ako sa to robi..

newiem teda ake objekty tam boli... :) ... ale predstavujem si to nejak takto:

jednoduchy JScript:

function zobraz(idecko) {

document.getElementById(idecko).style.display='block';

}

function skry(idecko) {

document.getElementById(idecko).style.display='none';

}

<div style="float:left;">

 <div onmouseover="zobraz('obr1')" onmouseout="skry('obr1')">Prve obrazky</div>

 <div onmouseover="zobraz('obr2')" onmouseout="skry('obr2')">Druhe obrazky</div>

 <div onmouseover="zobraz('obr3')" onmouseout="skry('obr3')">Tretie obrazky</div>

</div>



<div style="float:right;">

 <div id="obr1">Obsah prveho <img ... > </div>

 <div id="obr2">Obsah prveho <img ... > </div>

 <div id="obr3">Obsah prveho <img ... > </div>

</div>

JannBaill: Bez obav, tam jsem to hledal, ale nenašel

Wizard: Když byste mi poslal odkazy na stránky, kde se lze naučit HTML, CSS a JS efektivně a od základů, byl bych Vám vděčný

marioff: Děkuji, to už se blíží tomu, co jsem si představoval :). Jenom ještě mi nevyhovuje, že hned od začátku se zobrazují všechy 3 ty obrázky - až po najetí myší na odkaz zmizí a po opětovném najetí se teprve objevují. Také bych potřeboval, aby se po najetí myší objevil, ale po odjetí kurzorem aby zůstal..
Vím, že toho chci příliš mnoho a takto se to velmi těžko popisuje, rád bych se to tedy naučil sám, ale bohužel nevím kde :(
Ale děkuji Vám za ty scripty.

Aha, asi taketo daco myslis?:

JS:

function zobraz(idecko) { 

var idecka=new Array("obr1","obr2","obr3"); // pole s pouzitymi ideckami

var poli=idecka.length;

for(i=0;i<poli;i++) {

document.getElementById(idecka[i]).style.display='none'; 

}

document.getElementById(idecko).style.display='block'; 

} 

<div style="float:left;"> 

<div onmouseover="zobraz('obr1')">Prve obrazky</div> 

<div onmouseover="zobraz('obr2')">Druhe obrazky</div> 

<div onmouseover="zobraz('obr3')">Tretie obrazky</div> 

</div> 



<div style="float:right;"> 

<div id="obr1" style="display:none;">Obsah prveho <img ... > </div> 

<div id="obr2" style="display:none;">Obsah prveho <img ... > </div> 

<div id="obr3" style="display:none;">Obsah prveho <img ... > </div> 

</div>

marioff: Děkuji, o mnoho lepší. Zatím jsem tam nenašel žádné nedostatky :). Až na nějaký narazím, tak se zase ozvu :)

Zatím děkuju.