Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Wysuwane menio, ma ktoś linka?
TomASS
post 11.09.2008, 13:09:55
Post #1





Grupa: Zarejestrowani
Postów: 1 660
Pomógł: 13
Dołączył: 9.06.2004
Skąd: Wrocław i okolice

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

Szukam linka do strony (albo lepiej do miejsca skąd można ściągnąć) do wysuwanego menu np. lewje strony smile.gif Chciałbym aby to użytkownik decydował kiedy ma się schować a kiedy zamykać.... gdzieś kiedyś widziałem, ale teraz za Chiny Ludowe nie mogę znaleźć :/


--------------------
www.fajrant.pl/
Go to the top of the page
+Quote Post
Jabol
post 11.09.2008, 13:27:19
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 467
Pomógł: 13
Dołączył: 22.02.2003

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

robisz małego js z onClick w którym w którym szukasz elemntu poprzez jakoś elementgetbyid i zmieniasz display pomiędzy none a block
Go to the top of the page
+Quote Post
TomASS
post 11.09.2008, 13:30:47
Post #3





Grupa: Zarejestrowani
Postów: 1 660
Pomógł: 13
Dołączył: 9.06.2004
Skąd: Wrocław i okolice

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

Ehhh....

Ja mówię o wysuwaniu/wsuwaniu a nie o znikaniu i pojawianiu się smile.gif


--------------------
www.fajrant.pl/
Go to the top of the page
+Quote Post
bim2
post 11.09.2008, 13:37:42
Post #4





Grupa: Zarejestrowani
Postów: 1 873
Pomógł: 152
Dołączył: 9.04.2006
Skąd: Berlin

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

no to
Kod
width = document.getElementById('id').style.width;
while(true) // nie wiem czy tak jest w javascript, ale daj byle jaka petle
{
if(width >=180)
{
break;
}
width++;
}


--------------------
» Hern.as
» Move to Apple Music
Go to the top of the page
+Quote Post
NuLL
post 11.09.2008, 13:59:28
Post #5





Grupa: Zarejestrowani
Postów: 2 262
Pomógł: 21
Dołączył: 3.05.2004
Skąd: Sopot, Krakow, W-wa

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

http://dynamicdrive.com/dynamicindex1/slideinmenu.htm


--------------------
Javascript, Coffeescript, Node.js, Mongo, CouchDb, chmury, workery & inne bajery - zycie jest zbyt krotkie aby miec nudna prace :)
Go to the top of the page
+Quote Post
Jabol
post 11.09.2008, 14:40:13
Post #6





Grupa: Przyjaciele php.pl
Postów: 1 467
Pomógł: 13
Dołączył: 22.02.2003

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

Cytat(Jabol @ 11.09.2008, 14:27:19 ) *
robisz małego js z onClick w którym w którym szukasz elemntu poprzez jakoś elementgetbyid i zmieniasz display pomiędzy none a block

Sory, racja. Po prostu w czasach jak się jeszcze w to bawiłem to miałem wolnego kompa, który tak mulił, że osiągał efekt w/wysuwania tongue.gif.
Go to the top of the page
+Quote Post
Cysiaczek
post 11.09.2008, 16:21:31
Post #7





Grupa: Moderatorzy
Postów: 4 465
Pomógł: 137
Dołączył: 26.03.2004
Skąd: Gorzów Wlkp.
@TomASS - ponad tysiąc postów i nie wiesz, że jest odpowiedni dział od tego? Łamiesz mi serce worriedsmiley.gif
Przenoszę na subforum szukam


--------------------
To think for yourself you must question authority and
learn how to put yourself in a state of vulnerable, open-mindedness;
chaotic, confused, vulnerability, to inform yourself.
Think for yourself. Question authority.
Go to the top of the page
+Quote Post
TomASS
post 11.09.2008, 19:39:48
Post #8





Grupa: Zarejestrowani
Postów: 1 660
Pomógł: 13
Dołączył: 9.06.2004
Skąd: Wrocław i okolice

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

Cysiaczku drogi - jakie to szukam? smile.gif Gdzieś to mam, tylko wskażcie mi gdzie tongue.gif

Z taką głupotą to tylko na hydepark! Chcesz aby później ludzie mówili, że nabiliśmy posty na takich bredniach?

Ten post edytował TomASS 11.09.2008, 19:50:25


--------------------
www.fajrant.pl/
Go to the top of the page
+Quote Post
Cienki1980
post 12.09.2008, 13:05:43
Post #9





Grupa: Przyjaciele php.pl
Postów: 1 590
Pomógł: 40
Dołączył: 11.01.2007
Skąd: Centrum

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

A ja bym sugerował zrobienie tego w jQuery o wiele krótszy kod niż ten podany przez NuLL'a
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. </head>
  4. <script type="text/javascript" src="jquery-1.2.3.min.js"></script>
  5. <style type="text/css">
  6. <!--
  7.  
  8. #menu {
  9.  position:absolute;
  10.  height:200px;
  11.  width:150px;
  12.  background-color:red;
  13.  top:30px;
  14. }
  15.  
  16. .hideMenu {
  17.  left: -150px;
  18. }
  19.  
  20. -->
  21. </style>
  22.  
  23. <script type="text/javascript">
  24. $(document).ready(function () {
  25.     $('span.menu-tab').toggle(
  26.         function () { $('#menu').animate({left: "10px"}) },
  27.         function () { $('#menu').animate({left: "-150px"}) }
  28.     );
  29. });
  30. </script>
  31.  
  32. <body>
  33. <span class="menu-tab">pokaz/ukryj menu</span>
  34. <div id="menu" class="hideMenu">tekst menu</div>
  35. </body>
  36. </html>
[HTML] pobierz, plaintext


EDIT: Oczywiście sam się z tym męczyłem dłuugo ale od czego ma się szefa który zna jQuery jak własną kieszeń i zaproponował powyższe rozwiązanie. Niniejszym rozwiązanie jest jego pomysłem biggrin.gif.

Ten post edytował Cienki1980 12.09.2008, 13:11:18


--------------------
404
Go to the top of the page
+Quote Post
« Następny starszy · Szukam · Następny nowszy »
 

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

 

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

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

RSS Wersja Lo-Fi Aktualny czas: 1.06.2024 - 14:32
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn