Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] Tabelka z Hooverami - pomozcie lamerowi :)
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Yacho
29.04.2004, 19:10:27
Wiec tak - zaznaczam ze w temacie JS jestem ciemny jak..... nie wiem co smile.gif Wiec wybaczcie ze nie przedstyawiam juz jakiegos kodu a tylko to co chcialbym osiagnac
Chodzi mi o takie cus :

Kod
+--------+---------+

|komorka1|komorka2|

|komorka3|komorka4|

+--------+---------+



Wiec tak - komorki w kolumnie 1szej maja bgcolor powiedzmy $a
komorki w drugiej $b
i teraaz chce zeby po najechaniu myszka na konkretny RZĄD
bgcolor komorki w kolumnie 1 zmienial sie na $c a w kolumnie 2 na $d

Wiem ze proszac o takie cos jestem troche jak darmozjad ale naprawde pilna sprawa a z JS jestem noga :/

Dziekuje wszystkim za pomoc
Zajec
29.04.2004, 21:03:02
Szukanie nie boli
Zamiast this.style uzyj ID.
Paul
29.04.2004, 21:36:03
Napisalem takie cos (testowalem z pomyslnym skutkiem na IE, Mozilli i Operze):
[xml:1:414c674fd3]<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<script type="text/javascript">
<!--
function zmien_kolor(komorki, kolory){
komorki = komorki.split(',');
kolory = kolory.split(',');
for(i=0; i < komorki.length; i++){
document.getElementById('komorka'+komorki[i]).style.backgroundColor = kolory[i];
}
}
// -->
</script>
</head>
<body>
<table width="500" cellspacing="0" cellpadding="0">
<tr onmouseover="zmien_kolor('1,2','#3BB200,#5AD680');" onmouseout="zmien_kolor('1,2','#339900,#33CC66');"><td bgcolor="#339900" id="komorka1">komorka1</td><td bgcolor="#33CC66" id="komorka2">komorka2</td></tr>
<tr onmouseover="zmien_kolor('3,4','#3BB200,#5AD680');" onmouseout="zmien_kolor('3,4','#339900,#33CC66');"><td bgcolor="#339900" id="komorka3">komorka3</td><td id="komorka4" bgcolor="#33CC66">komorka4</td></tr>
</table>
</body></html> [/xml:1:414c674fd3]
Yacho
29.04.2004, 21:42:41
Super dziekuje wam obu smile.gif
JEszcze jedno male lamowate pytanko smile.gif

Jesli chce wywolac po kliknieciu na komorke jakis url to powinienem uzyc :

[xml:1:4ee649e9f5]onClick="tu cos dalej"[/xml:1:4ee649e9f5]

moze ktos podpowiedziec co ? smile.gif wiem ze to juz maly problem ale tak bede miec wszystko w 1 watku smile.gif
Paul
29.04.2004, 21:59:16
to otworzy w bierzacej ramce / oknie dany adres:
[xml:1:8f8ed075dd]<td onclick="window.location = 'http://www.onet.pl';" style="cursor:pointer;">[/xml:1:8f8ed075dd]
Yacho
3.05.2004, 19:56:49
[xml:1:5cb9f5c3b9]<html>
<script type="text/javascript">
<!--
function zmien_kolor(komorki, kolory){
komorki = komorki.split(',');
kolory = kolory.split(',');
for(i=0; i < komorki.length; i++){
document.getElementById('komorka'+komorki[i]).style.backgroundColor = kolory[i];
}
}
// -->
</script>
[/xml:1:5cb9f5c3b9][/quote]

Niestety - ten kod wywala sie na tym bloku z bledem - oczekiwano obiektu.... plz help :/
Paul
3.05.2004, 20:08:36
Na jakiej przegladarce ci sie tak dzieje (takiej jak masz w userAgencie :?: ) ? Bo jeszcze raz przetestowalem na IE 6.0, Mozilli 1.6 i Operze 7.23 i jakos dziala....

Jak co taki blad moze sie dzialc jak zrobic takie cos - zostawisz na koncu przecinek:
[quote]zmien_kolor('1,2[b],
Yacho
3.05.2004, 20:12:13
sprawdzalem na IE6 - operze

a kod wyglada tak :

(cala strona)
[xml:1:a81b00eb9a]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />


<link rel="stylesheet" href="../css/main.css" type="text/css" />

<script type="text/javascript">
<!--
function zmien_kolor(komorki, kolory){
komorki = komorki.split(', ');
kolory = kolory.split(', ');
for(i=0; i < komorki.length; i++){
document.getElementById('komorka'+komorki[i]).style.backgroundColor =
kolory[i];
}
}
// -->
</script>
</head>

<body>
<center>
<TABLE id="container01">
<TR>
<TD>
<TABLE id="container_main1">
<TR>
<!-- komorka od logo -->
<TD id="td_logo"><IMG SRC="../images/logo_small.png" /></TD>
<!-- komorka z topem -->
<TD>TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP </TD>
</TR>
<TR>
<!-- komorka z menu -->
<TD id="td_menu">
<TABLE id="menu_table">
<tr onmouseover="zmien_kolor('home_menu, fake1', '#E69303, #FFFFFF');" onmouseout="zmien_kolor('home_menu, fake1', '#935905, #FFFFFF');" >
<TD id="fake1"></TD>
<TD id="home_menu">Strona główna</TD>
</TR>
<TR>
<TD id="fake2"></TD>
<TD id="ofirmie_menu">O Firmie</TD>
</TR>
<TR>
<TD id="fake3"></TD>
<TD id="galeria_menu">Galeria Produktów</TD>
</TR>
<TR>
<TD id="fake4"></TD>
<TD id="nowosci_menu">Nowe Produkty</TD>
</TR>
<TR>
<TD id="fake5"></TD>
<TD id="kontakt_menu">Kontakt</TD>
</TR>
</TABLE>



</TD>
<!-- a tu mamy tresc -->
<TD>TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC TRESC</TD>
</TR>
</TABLE>

</TD>
</TR>
</TABLE>
</center>
</body>
</html>
[/xml:1:a81b00eb9a]

nie wiem dlaczego nie chodzi :/
Paul
3.05.2004, 20:19:15
zmien to:
Kod
document.getElementById('komorka'+komorki[i]).style.backgroundColor = kolory[i];


na to:
Kod
document.getElementById(komorki[i]).style.backgroundColor = kolory[i];
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.