Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Div i z-index
scanner
post
Post #1





Grupa: Zarząd
Postów: 3 503
Pomógł: 28
Dołączył: 17.10.2002
Skąd: Wrocław




Załóżmy, ze mamy komórkę tabeli, do której włożyliśmy <div> (na podstawie informacji z tego wątku).

Pytanie:
Czy istnieje możliwość umieszczenia w tej samej komórce tabeli kilku DIV'ów tak, aby zajmowały tą samą powierzchnię, leżały jeden na drugim i aby można było klikając na odpowiednioi spreparowane zakładki wymuszać wychodzenie na pierwszy plan odpowiedniego z tych DIV?

Chciałbym uzyskać efekt taki jak na statystykach Gemiusa w oknie z wykresami.

Jade na weekend w miejsce bez komputera, więc nie będę miał okazji sam się tym pobawić, więc może Wy coś w między czasie doradzicie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
scanner
post
Post #2





Grupa: Zarząd
Postów: 3 503
Pomógł: 28
Dołączył: 17.10.2002
Skąd: Wrocław




Próbowąłem skonstruować coś, listing poniżej.
Problemy:
- Błąd składni w JS
- layery nie leza jeden na drugim

Znajdzie się na to jakaś rada?
[xml:1:c113004fde]<HTML>
<HEAD>
<TITLE></TITLE>
<style type="text/css">
<!--
.layer1 {
background-color: #CCCCCC;
z-index: 0;
height: 150px;
width: 150px;
}
.layer2 {
background-color: #00CCCC;
z-index: 0;
height: 150px;
width: 150px;
}
.layer3 {
background-color: #99CC66;
z-index: 0;
height: 150px;
width: 150px;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function blerg(warstwa) {
for (i=0; i=3; i++) {
divek = 'Layer' + i;
if (divek=warstwa){
document.getElementsById.divek.style.z-index = 4;
} else {
document.getElementsById.divek.style.z-index = 0;
}
}
}
//-->
</script>
</HEAD>

<BODY>
<table width="500" border="1">
<tr>
<td><a href="java script:blerg(Layer1);">Layer1</a></td>
<td><a href="java script:blerg(Layer2);">Layer2</a></td>
<td><a href="java script:blerg(Layer3);">Layer3</a></td>
</tr>
<tr>
<td colspan="3">
<div class="layer1" id="Layer1">Layer1</div>
<div class="layer2" id="Layer2">Layer2</div>
<div class="layer3" id="Layer3">Layer3</div>
</td>
</tr>
</table>
</BODY>
</HTML>[/xml:1:c113004fde]
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 5.10.2025 - 05:06