 Div i z-index |
  |
| Div i z-index |
 3.10.2003, 07:22:15
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 
-------------------- |
 |
 
|
|
3.10.2003, 08:18:29
Post
#2
|
|
 Grupa: Przyjaciele php.pl Postów: 701 Pomógł: 0 Dołączył: 26.06.2002 Skąd: Londyn Ostrzeżenie: (0%) 
|
ee... na mozilli nie dziala :?
-------------------- |
|
|
|
|
3.10.2003, 08:21:05
Post
#3
|
|
|
Grupa: Zarząd Postów: 3 503 Pomógł: 28 Dołączył: 17.10.2002 Skąd: Wrocław |
nie działa Gemius? - tam jest strasznie dużo JS.
A mi chodzi tylko o wstawienie w jedno miejsce kilku DIVow i manipulację Z-Indexem
-------------------- |
|
|
|
|
3.10.2003, 08:54:43
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 407 Pomógł: 0 Dołączył: 24.10.2002 Skąd: warszawa Ostrzeżenie: (0%)
|
Kod function blerg(warstwa) {
for (i=0; i=3; i++) { divek = 'v' + i; if (i=warstwa) { document.getElementsById.divek.style.z-index = 4; } else { document.getElementsById.divek.style.z-index = 0; } } } Kod <a href="javascript:blerg(1);">arghee</a>
Kod <div id="v1" style="z-index: 0">argh<div>
<div id="v2" style="z-index: 0">kof<div> <div id="v3" style="z-index: 0">plegh<div> pisze z pamieci ale powinno chodzic. ew. z jakimis modyfikacjami malymi -------------------- Zalew :: http://jakubzalewski.info
|
|
|
|
|
3.10.2003, 11:07:46
Post
#5
|
|
|
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] -------------------- |
|
|
|
|
3.10.2003, 12:16:51
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 407 Pomógł: 0 Dołączył: 24.10.2002 Skąd: warszawa Ostrzeżenie: (0%)
|
no nie leza, domyslnie divy sobie wedruja jeden pod drugi zawsze.. musisz zdefiniowac posisition: absolute (u ciebie relative bo w srodku czego innego robisz) i ustalic wspolrzedne oraz dac indexy (moj blad pozyzej ze dalem je na 0 wszsytkie)... co do bledu skladni js - mozliwe, nie mam teraz czasu sprawdzac wiec z glowy napisalem, ale chcialem przedstawic moja koncepcje ogolna rozwiazania, bo podobne cos robilem, tyle ze nie bawilem sie zindexami tylko visibility... pozniej moze przejrze co tam nie tak..
na razie chwycilem: 1. == to porownanie a nie = .. bledzik dalem az wstyd :) 2. getElementById a nie elements chyba :/ tak to jest w pospiechu :) pobawie sie w domu tez po randce ;) -------------------- Zalew :: http://jakubzalewski.info
|
|
|
|
|
3.10.2003, 12:19:15
Post
#7
|
|
|
Grupa: Zarząd Postów: 3 503 Pomógł: 28 Dołączył: 17.10.2002 Skąd: Wrocław |
musze sobie kupoić laptopa.. pobaweiłbym się przez weekend... a tak musze czekac do poniedziałku...
Ale coż.. kobieta też człowiek, swoje prawa ma, odwiedzić ją czasem trza
-------------------- |
|
|
|
|
3.10.2003, 12:20:43
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 407 Pomógł: 0 Dołączył: 24.10.2002 Skąd: warszawa Ostrzeżenie: (0%)
|
heheh to w tym czasie pewnie to napisze bo i mi sie ta zabawka przyda ;)
milego weekendu :D -------------------- Zalew :: http://jakubzalewski.info
|
|
|
|
|
3.10.2003, 12:28:09
Post
#9
|
|
|
Grupa: Zarząd Postów: 3 503 Pomógł: 28 Dołączył: 17.10.2002 Skąd: Wrocław |
Dzięki.
A zabawka jest mi potrzebna do tego: Na stronie piłkarskiej ma być możliwość oglądania statystyk zawodników, drużyn itp. Obmyśliłem sobie, zę zamiast pakowac tabelki jedna pod drugą albo zmuszać lusera do przeładowywania strony, odpowiednie statystyki powstawiam do layerów - w jednym bramki, w kolejnym kartki, w jeszcze innym lista druzn w ktorych zawodnik gra itp. Caly problem jest taki, ze layery powinny byc jeden na drugim, klikanie na linki wywoluje odpowiedni "do frontu". Dzieki temu praktycznie oszczedamy na transferze, bo user nie musi za kazdym razem ladowac topa, menu itp, tylko raz laduje calosc. -------------------- |
|
|
|
|
3.10.2003, 15:09:15
Post
#10
|
|
|
Grupa: Zarejestrowani Postów: 407 Pomógł: 0 Dołączył: 24.10.2002 Skąd: warszawa Ostrzeżenie: (0%)
|
lecz nie oszczedzasz usera ktorego nie interesuja inne dzialy :/
bo do przegadary leci kod kartek, wynikow, druzyn, statystyk itp :/ ja to uzyje, lecz do bardzo malego kodu, mianowicie dzialu 'kontakt'.. zakladki 'info' 'telefon' 'email' , gdzie dane sa tak znikome ze nie oplaca sie przeladowywac sajtu a daje to uzyteczny i ladny gadzet... w twoim wypadku katujesz uzyszkodnika ladowaniem 3 razy wiecej tabel niz mu potrzeba ... przemysl.. tak czy siak w weekend zrobie ten kodzik na indexach lub na visible, zobacze..
pozdro -------------------- Zalew :: http://jakubzalewski.info
|
|
|
|
|
6.10.2003, 06:39:42
Post
#11
|
|
|
Grupa: Zarząd Postów: 3 503 Pomógł: 28 Dołączył: 17.10.2002 Skąd: Wrocław |
Przemyśleć oczywiście - chwilke potrwa, zanim dojdę do tego etapu prac. Jednak aby "przemyśliwać", trzeba mieć jakąś podstawę praktyczną, na której można by potestować
Cała kwesta w tym, ile więcej danych user przy moim pomyśle będzie musiał przyjąć jednorazowo. Wydaje mi się, że mogę spokojnie przesłać o 2KB więcej niż standardowo - pozatym tak czy siak, rozdrabnianie linków na "zawodnik - bramki", "zawodnik kartki" itp. jest jednak mniej ekonomiczne niz ladowanie od razu calości Ale najpierw oczywiście testy )
-------------------- |
|
|
|
|
6.10.2003, 15:32:38
Post
#12
|
|
 Grupa: Zarejestrowani Postów: 87 Pomógł: 0 Dołączył: 13.04.2003 Skąd: Poznan Ostrzeżenie: (0%)
|
co do okna z wykresami to jest aplet javy... - te zakladki w nim tez
@scener - chodzi Ci o cos takiego: http://son.quake2.org/test/div.html ? nie jest to eleganckie(malo czasu w pracy...) ale dziala nawet pod IE 5.0
|
|
|
|
|
6.10.2003, 16:59:09
Post
#13
|
|
|
Grupa: Zarząd Postów: 3 503 Pomógł: 28 Dołączył: 17.10.2002 Skąd: Wrocław |
Cytat co do okna z wykresami to jest aplet javy... - te zakladki w nim tez Wiem Cytat scener scannerCytat chodzi Ci o cos takiego: Dokładnie )) Ladne czy nie ladne, wazne ze jest i dziala
Teraz tylko doradzcie, jak to wpasowac w przykladowa tabelke: http://217.96.197.200/test.htm -------------------- |
|
|
|
|
6.10.2003, 23:33:59
Post
#14
|
|
|
Grupa: Zarejestrowani Postów: 87 Pomógł: 0 Dołączył: 13.04.2003 Skąd: Poznan Ostrzeżenie: (0%)
|
Cytat Cytat scener scannersorka
Cytat Dokładnie
)) Ladne czy nie ladne, wazne ze jest i dziala
Teraz tylko doradzcie, jak to wpasowac w przykladowa tabelke: http://217.96.197.200/test.htm a ma byc wszystko w jednej komorce czy zakladki w poszczegolnych komorkach a content ponizej w jednej? Pozdrawiam |
|
|
|
|
7.10.2003, 13:20:29
Post
#15
|
|
|
Grupa: Zarząd Postów: 3 503 Pomógł: 28 Dołączył: 17.10.2002 Skąd: Wrocław |
Cytat zakladki w poszczegolnych komorkach a content ponizej w jednej? Dokładnie w ten sposób. Niekoniecznie to muszą też być zakładki - mogą to być też zwykłe linki tekstowe, czy cokolwiek innego, do czego da się dopiąć JS
Update: ciekawe czy zalew miał czas sie tym zając
-------------------- |
|
|
|
|
7.10.2003, 19:43:49
Post
#16
|
|
|
Grupa: Zarejestrowani Postów: 87 Pomógł: 0 Dołączył: 13.04.2003 Skąd: Poznan Ostrzeżenie: (0%)
|
OK poprawilem, uproscilem:
http://quake2.org/temp/table.html *nie mam dostepu do IE teraz ale mam nadzieje ze wyglada tam ok tez Pozdrawiam |
|
|
|
|
7.10.2003, 19:51:18
Post
#17
|
|
|
Grupa: Zarząd Postów: 3 503 Pomógł: 28 Dołączył: 17.10.2002 Skąd: Wrocław |
No jest po prostu wspaniale
)
Wielkie dzieki za pomoc. Może jak juz bede na emeryturze kiedys to i na JS i Designing znbajde czas, hih )
-------------------- |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 19.07.2025 - 17:15 |
