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

Potrebujem poradiť funkciu ktora by fungovala takto:
mal by som normaly HTML kód : <img src="a.jpg" onmouseover="document.write('ahoj');">
aby to napislo

ahoj

pochopil som to tak že "ahoj" chceš zobraziť nad obrazok a
ja by som to skusil nejako takto:

html

<img class="foto" src="a.jpg" onmouseover="text()"> 

function text() {

	document.write('<div class="text">');

	document.write('ahoj');

	document.write('</div>');

}

div.text{

z-index:2;

position: absolute;

top: 50px;

left: 50px;

}



div.foto{

z-index: 1;

position: absolute;

top: 50px;

left: 50px;

}

To Onsi :
dik ale nefunguje :smile10:
PS: nevie niekto ako vypíšem zdrojový kód napr. po stlacení tlačítka?

no myslím, že pomocou document.write to nepojde tak to skús takto:

html

<div id="foto"><img src="a.jpg" onmouseover="visible('text')"></div>

<div id="text">Ahoj</div>

div#text{

position: absolute;

top: 50px;

left: 50px;

background: #ffffff;

display: none

}



div#foto{

position: absolute;

top: 50px;

left: 50px;

}

function visible(theDiv) {

     var elem = document.getElementById(theDiv);

    elem.style.display = (elem.style.display == "block")?"":"block";

}

To Onsi :
Lenze ja to potrebujem na to ze budem mat obrazok a po prejdeni odkazu sa na suradnice x,y zobrazi dalsi obrázok s textom
myslis ze by to mohlo ist aj tak?

jasné stačí zmeniť len #text top a left na želané súradnice a nastav background: url(b.jpg);

To netman92 : Chceš po přejedení odkazu další nový a nebo nahradit ten starý?