Onmouseover – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Čauka :))

Potřeboval bych vyřešit takovou blbostičku. Když najedu na text, tak potřebuju, aby mi vyjel div (a v něm obrázek).

Však znáte to ze serverů třeba libimseti.cz, nebo xchat.cz. Potřebuju prostě, když najedu na danej nick (text), aby se mi zobrazila fotka...

Nechci to řešit Ajaxem, chci to vyřešit prostě jednoduše... Napíšete mi pár tipů, jak na to? (onmouseover, onmouseout)

Díky. ;) češtinář aka. programmer RePRO. :D

Vedle textu vložíž DIV s nějakým ID, daný DIV bude skrytý a napozicovaný absolutně. Při přejezdu kurzorem nad textem (který bude mít onmouseover) se daný DIV zobrazí.

HTML

můj text <span onmouseover="zobraz('muj_div');" onmouseout="skryj('muj_div');">klikací text</span> a tak dále

<div id="muj_div" class="muj_div"><img src="..." alt="..."></div>

.muj_div { display:none; position:absolute; margin:0px 0px 0px 0px; } /* margin si nastav dle přání, aby to vypadalo jak má */

function zobraz(idd)

{

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

	return false;

}

function skryj(idd)

{

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

	return false;

}

To Curo : Děkuji moc Curo, akorát mi nějak nevyjelo to CSS, co jsi mi napsal, ale i bez toho to jde směle udělat. ;)

Jojo, tak to funguje. Jinak jaké parametry mám nastavit tomu divu? Nějakej block? určitě i position: absolute a vrstvy (z-index).

Všechno tedy jde, ale potřebuji, aby se mi na začátku ten <img> nezobrazoval... až vlastně po "prvním" najetím na text...

On se implicitně zobrazuje...

Tak už to funguje, stačilo k tomu divu dát display:none;

:o))