Forum PHP.pl > Ładowanie dwóch różnych stron w dwóch różnych ifremach jednym kliknięciem

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Ładowanie dwóch różnych stron w dwóch różnych ifremach jednym kliknięciem

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

gerand

4.10.2009, 13:36:25

Witam
Ostatnio borykam się z pewnym problemem, a mianowicie chcę jednym kliknięciem załadować dwie różne strony do dwóch różnych ramek. Szukałem trochę w necie, ale nic konkretnego nie znalazłem. Mój javascript dopiero raczkuje więc nie potrafię odpowiednio zmodyfikować tego co znalazłem, więc proszę o pomoc.
Moja strona wygląda mniej więcej tak:

<html>
<head>
</head>
<body>
<table>
<tr><td>Baner</td></tr>
<tr>
<td><a href="home.html" >home</a></td>
<td><a href="kontakt.html" >kontakt</a></td>
<td><a href="historia.html" >historia</a></td>
</tr>
<tr>
<td><iframe name="menu" src="menu.html"></iframe></td>
<td><iframe name="tresc" src="startowa.html"></iframe></td>
</tr>
</table>
</body>
</html>

Chcę aby po naciśnięciu jednego z linków otworzyła się odpowiednia strona w ramce "tresc" i odpowiednie podmenu w ramce "menu"

Tutaj jest opisywany sposób ftp://ftp.helion.pl/online/ppjsaj/ppjsaj-5.pdf na str. 21, ale nie mogę tego ogarnąć ;(
Z góry dziękuję za pomoc

vokiel

4.10.2009, 14:20:21

[HTML] pobierz, plaintext 
<a href="home.html" onclick="java script:menu('link1','link2');" />home</a>
[HTML] pobierz, plaintext

[JAVASCRIPT] pobierz, plaintext 
function menu(link1, link2){
document.getElement.byId('menu').src = link1;
document.getElement.byId('tresc').src = link2;
}
[JAVASCRIPT] pobierz, plaintext

Nadaj id dla iframe

gerand

4.10.2009, 15:16:58

niby takie proste ale wyrzuca mi błąd, że w lini

Kod

onclick="java script:menu('menu2.html','kontakt.html');"

Znak 6
Oczekiwnano znaku: ';'
Kod: 0
co z tym jest źle? Czy może moje przeglądarki źle działają, bo już niewiem...

kamil4u

4.10.2009, 16:24:30

Na moje oko nie

Cytat

getElement.byId

, a

Kod

getElementById

(bez kropki) i nie:

Cytat

java script:menu('link1','link2');

, a samo:

Kod

menu('link1','link2');

Edit: przeoczyłem wielkość litery "B" w by:) - poprawione

vokiel

4.10.2009, 17:00:08

Jasne, że

[JAVASCRIPT] pobierz, plaintext 
document.getElementById
[JAVASCRIPT] pobierz, plaintext

, (wielkość liter ma znaczenie), coś się kropka wdarła, interpreter organoleptyczny przeoczył

, ale na szczęście kamil4u czuwał

gerand

4.10.2009, 17:52:40

Dzięki chłopaki, teraz działa:D
Tylko w href trzeba postawić # żeby nie otwierało nowej stronki

Kod

kamil4u

5.10.2009, 14:44:35

Generalnie powinieneś zamiast hiperłącza(<a>) użyć elementu <span> odpowiednio go ostylowując - na wzór zwykłego linku. http://pornel.net/onclick

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.