Problem z kompatybilnością pod Firefoksem

[TeoTN]

Mam problem: Napisałem stronę internetową, która świetnie chodzi pod IE, ale pod FF już nie. Konkretnie nie reaguje na linijki typu:

<a onMouseOver='lnx1.background="img/menu_button_enter.png";' onMouseOut='lnx1.background="img/menu_button_leave.png"' href="index.html"><p align="center">Strona główna</p></a>

 

oraz np.

a.innerHTML='<a href="#">link</a>;'

 

użycie document.getElementById('a').innerHTML='<a href="#">link</a>;' także nie pomaga. Jakieś pomysły na rozwiązanie problemu??

[Tymon]

<a onMouseOver='lnx1.style.backgroundImage="url(img/menu_button_enter.png)";' onMouseOut='lnx1.style.backgroundImage="url(img/menu_button_leave.png)"' href="index.html"><p align="center">Strona główna</p></a>

I czy wiesz co robi document.getElementById?

[kryniak]

Musisz ustawić atrybut ID dla czego tam chcesz. Jeżeli jednak chcesz wyszukać wszystkie tagi "A" musisz użyć getElementsByTagName(), ta funkcja zwróci tablicę

[Tymon]

Pamiętajmy jednak, że getElementsByTagName zwraca różne wyniki w zależności od przeglądarki.

[TeoTN]

Panowie, ja mam wszystkie id już poustawiane itd. Pod IE działa jak ta lala ale na Mozilla Firefox już nie :/

[Tymon]

Tło pod elementem A ma się zmieniać, tak?

[Nobody]

a.innerHTML='<a href="#">link</a>;'

W odnośniku ma się pojawić kolejny odnośnik?! o.O

innerHTML to zawartość pomiędzy znacznikami, w tym przypadku <a> i </a>...

[gnysek]

A tego nie da się zrobić CSSem ? :P

 

co do drugiego:

 

<div id="xxx">tresc</div>
xxx.innerHTML='<a href="#">link</a>;'

powinno zamienić treść na link.

mówię powinno, bo ja od tego mam jQuery :)

[Tymon]

<div id="xxx">tresc</div>
document.getElementById( 'xxx' ).innerHTML='<a href="#">link</a>;'

o.

[gnysek]

No tak, bo w sumie nie wiem dla czego, ale czasem samo xxx nie wystarczy :P

[TeoTN]

Nie chodzi o link! A to przykładowa nazwa id.

Link do strony: http://www.jedynkagim.cba.pl/

@Tymon: Tak :)

[Tymon]

Jeśli elementy ze zmienianym tłem, to elementy A, a tło to obrazek to:

<a onmouseover="this.style.backgroundImage='url(obrazek1.png)';" onmouseout="this.style.backgroundImage='url(obrazek2.png)';" href="strona.html">zawartość</a>

[Nobody]

LOL! Może to będzie offtopic, ale koleś, co to ma znaczyć?!

// UWAGA: Nazwy uzytkownikow podajemy _wylacznie_ malymi literami... 
var users=new Array
(
  new Array('admin','3890446'),    /// To powtarzamy dla kazdego uzytkownika.
  new Array('lolek','password2'),
  new Array('bolek','password3')     /// Nalezy pameitac aby w ostatniej pozycji zlikwidowac przecinek...
                             // ^ -o tutaj :)
);

Bez przesady :o

[TeoTN]

To akurat był testowany przeze mnie skrypt, z którego nie korzystam ;P

I nie o to mi chodziło :D

Chodzi o sekcje oznaczone:

<!--Menu-->

i

<!--podmenu-->

[gnysek]

Ja nadal optował bym za CSS :)

[TeoTN]

Myślałem o tym. Ale CSSa mam ledwie podstawy opanowane. Czyli jakieś tam najważniejsze atrybuty i tyle ;(

[Tymon]

Dla Ciebie mój drogi tylko 3 rzeczy z CSS:

a {
     background-image:url('obrazek1.png');
}
a:hover {
     background-image:url('obrazek2.png');
}

[TeoTN]

O! To już mi pomoże. Ale jak zrobic, żeby najeżdżajac/klikając na link 1 zmienić "zawartość" i tło linku 2???

 

coś takiego:

id:hover {
     id2.background-image:url('obrazek1.png');
}

????

[Tymon]

CSS nie modyfikuje zawartości.

 

Nie, nie tak. I nie wiem o co Ci chodzi.

[TeoTN]

Załóżmy, że masz link 1:

<a href="#">Na bieżąco</a>

i to jest link z menu. Kategoria.

I po kliknięciu zmienia się zawartość (patrz: "Aktualności" w kodzie poniżej :D) z np. "Aktualności" na "Kalendarium" oraz przeznaczenie linku: z "aktualnosci.html" na "kalendarium.html", czyli zmieniają się linki z podmenu:

<a href="aktualności.html">Aktualności</a>

 

Trochę to zagmatwane, ale prościej chyba nie potrafię. W praktyce można zobaczyć jak działa strona http://www.jedynkagim.cba.pl/ <- po kliknięciu np. "na bieżąco" zmieniają się podkategorie na szarym pasku.

[Nobody]

<a onmouseover="document.getElementById( 'ajdi' ).style.background='costam';">Tekst</a>

? :)

[TeoTN]

Tylko nie wiem dlaczego, w FF to nie działa ;((

[Tymon]

Wiesz, nie dziwię się że nie działa jak FF raportuje tyle błędów w JS.

 

Co chcesz zrobić? By po kliknięciu na przycisk w menu zmieniała się zawartość w tym szarym pasku i żeby podświetliło przycisk, tak?

[TeoTN]

:)

Tylko dobrze by było, żeby ta strona była uniwersalna i to w tej postaci co teraz :D Bo ja mam plugina ze zmianą na żądanie silnika renderującego na tridenta, ale nie każdy to ma i nie każdy potrafiłby coś takiego użyć... Stąd taki fajny komunikacik w przeglądarkach poza IE. Nie wiem tylko jak strona działa pod Operą...

 

Podświetlać się ma po najechaniu na link. A co do reszty to się zgadzam ^^

[Tymon]

http://hurkel.gmclan.org/teotn/

Proszę, na ID wszystko. Zaraz zrobię jeszcze bez ID.

[TeoTN]

niezłe :o

Rozumiem nawet kod, ale sam bym czegoś takiego nie napisał - brak znajomości js :D Dzięki :D

[Tymon]

Proszę http://hurkel.gmclan.org/teotn_noid/ generuje się automatycznie. Mam też zrobić podświetlenie za pomocą JS?

 

EDIT

Proszę, zero CSSa http://hurkel.gmclan.org/teotn_noidcss/ sam JS.

[TeoTN]

hmmm... w tym już się gubię ^^ Dzięki za obydwa, muszę powiedzieć, że zazdroszczę Ci umiejętności. Chyba skorzystam z pierwszego, bo ten drugi na prawdę tyć za trudny jak na mnie, a obydwa działają ^^

[Tymon]

Już Ci tłumaczę, napisałem sobie 2 funkcje które szukają elementu/ów według ich klasy, czyli czegoś co przypisujesz przy elementach jako "class". No. I teraz używam ich by znaleźć wszystkie elementy z daną klasą w określonych elementach, o podanym id przekazanym przez argumenty funkcji menuSetup. Dalej to nic nowego, w pętli for przypisuję każdemu linkowi jego "dzieciaka" z zawartością w zmiennej menu_content i dodaję zdarzenie onclick tak aby przy kliknięciu pojawiał się element ze zmiennej menu_content.

 

W sumie nie wiem po cholere mi getChildByClass, ale niech już będzie.

[TeoTN]

Czyli każdy element z klasą "menu_content" na początku ma przypisane id?? Za pomocą pętli??