Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> ukrywanie i pokazywanie warstw
wassago
post
Post #1





Grupa: Przyjaciele php.pl
Postów: 701
Pomógł: 0
Dołączył: 26.06.2002
Skąd: Londyn

Ostrzeżenie: (0%)
-----

I znow problemy. Cala moja przygoda z JS zaczela sie kilka postow nizej, wiec delikatnie i lopatologicznie prosze (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Problem jest nastepujacy: mamy 3 div'y o display'u default'owym, ulozone jeden pod drugim - schematycznie wyglada to tak:

Kod
+--------------------------------+
|                                | <- div #1
+--------------------------------+
|                                | <-|
|                                | <-|- div #2
|                                | <-|
+--------------------------------+
|                                | <- div #3
+--------------------------------+


W duzym uproszczeniu: potrzebuje skryptu, ktory pokazywalby div'a #2 po nacisnieciu div'a #1. Dodatkowo gdy nacisne drugi raz na div'a #1 - div'a #2 powinien sie schowac.

Idac tropem, ktory mi podal Paul w moim poprzednim poscie doszedlem do takiego momentu:
[HTML] pobierz, plaintext 
  1. <div style="background-color: yellow;" onClick="d2.style.height = 'auto';">a</div>
  2. <div id="d2" style="background-color: orange; height: 1px; overflow: hidden;">b</div>
  3. <div style="background-color: red;">c</div>
[HTML] pobierz, plaintext


Kod teoretycznie powinien dzialac pod IE jak i MOZ lecz dziala tylko pod IE, na dodatek nie tak jak bym sobie to wymazyl, potrzebuje aby div #2 byl calkowicie schowany, a w kodzie widac "height: 1px" - gdy ustawie "height: 0px", div #2 wogole nie jest chowany. No i jak juz wczesniej wspomnialem potrzebuje jeszcze akcje schowania div'a #2 po nastepnym kliknieciu.

Jako kompletny JSnewbie, prawdopodobnie zabralem sie do pisania tego od dupy stony, ale zeby nie bylo, ze nie probowalem (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Zreszta, przyznaje sie do tego, ze pomysl z ukrywaniem tresci poprzez overflow jest dosc sredni, ale jakos nie mam innego pomyslu jak na razie.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
cagrET
post
Post #2





Grupa: Zarejestrowani
Postów: 90
Pomógł: 0
Dołączył: 3.04.2003
Skąd: Opole

Ostrzeżenie: (0%)
-----

Kod
<html>
<head>
    <style type="text/css">
    #d1 {
        background: yellow;
    }
    #d2 {
        background: orange;
        display: none;
    }
    #d3 {
        background: red;
    }
    </style>
</head>
<body>

    <div id="d1">a</div>
    <div id="d2">b</div>
    <div id="d3">c</div>

    <script type="text/javascript">
    document.getElementById("d1").onclick = function() {
        el = document.getElementById("d2");
        if (el.style.display == "block") {
            el.style.display = "none";
        } else {
            el.style.display = "block";
        }
    }
    </script>

</body>
</html>


Działa na IE, Mozilli, Operze
Go to the top of the page
+Quote Post

Posty w temacie
- wassago   ukrywanie i pokazywanie warstw   18.06.2004, 10:55:44
- - cagrET   Kod<html> <head> <style type=...   18.06.2004, 15:02:40
- - Rush   A jak przerobic ten kod aby dzialal na ponizszej z...   28.09.2007, 19:29:53
- - spit   W twoim przypadku lepiej będzie skorzystać z jQuer...   28.09.2007, 22:50:36

« Następny starszy · JavaScript · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 4.10.2025 - 03:24
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn