Szukam pomocy w zakresie hover i AJAX


(Entero Rbm) #1

Witam.

Chwile szukałem na Google, ale wątpię żebym znalazł dokładnie to co potrzebuje. Więc proszę aby jak ktoś wie jak to zrobić niech mi napiszę. Będę wdzięczny.

A mianowicie szukam skryptu, który spełni taką funkcje:

Obrazek pomocniczy: http://pokazywarka.pl/i8kr6m/

Jeżeli w div1 będzie znajdował się text (menu) to po najechaniu na niego chcę ażeby w div2 pokazał się obrazek (a nawet "chmurka"), a po kliknięciu na owy text żeby w div3 wyświetliła się treść.

Proszę o konkrety. Dziękuje.

Pozdrawiam. Entero.


(Pablo_Wawa) #2

http://www.kurshtml.boo.pl/html/wstep,ramki.html


(Entero Rbm) #3

Stronę chcę tak zrobić ze nie mogą być ramki.

Z tym iframe to sobie w sumie poradzę. To może powiem tak: Jak po najechaniu na text skierować opis (lub obrazek) do innego div-a?


(Airborn) #4

entero , proszę poprawić tytuł tematu na konkretny, mówiący o problemie. W przeciwnym razie temat zostanie przeniesiony do kosza.


(Zbyszekborkowski) #5

Kod JavaScript (pisany na sucho, nie testowany):

document.getElementById('div1').onmouseover = return function() {

    document.getElementById('div2').innerHTML = 'jakiś fajny tekst, ewentualnie link do div3';

}

document.getElementById('div2').onclick = return function() {

    document.getElementById('div3').innerHTML = 'jakiś fajny tekst';

}

Chociaż innerHTML chyba nie jest poprawne przy dodawaniu np. linków czy obrazków. Lepiej użyć appendChild().


(mario@) #6

Luknij tutaj http://www.dynamicdrive.com/dynamicindex17/indexb.html

Poczytaj o JS, a dokładniej o:

onmouseover/onmouseout (zdarzenia wywołane przy konkretnym tekście)

document.getElementById('').innerHTML="" (dla zmiany zawartości podanego elementu)

document.getElementById('').src = "" (dla podmiany grafiki)

Co z czym i jak połączyć znajdziesz w pierwszym lepszym kursie js.