Forum PHP.pl > Wysuwane menio

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Gotowe rozwiązania > Szukam

TomASS

11.09.2008, 13:09:55

Szukam linka do strony (albo lepiej do miejsca skąd można ściągnąć) do wysuwanego menu np. lewje strony

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źć :/

Jabol

11.09.2008, 13: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

TomASS

11.09.2008, 13:30:47

Ehhh....

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

bim2

11.09.2008, 13:37:42

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++;
}

NuLL

11.09.2008, 13:59:28

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

Jabol

11.09.2008, 14:40:13

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

Cysiaczek

11.09.2008, 16:21:31

@TomASS - ponad tysiąc postów i nie wiesz, że jest odpowiedni dział od tego? Łamiesz mi serce

Przenoszę na subforum szukam

TomASS

11.09.2008, 19:39:48

Cysiaczku drogi - jakie to szukam?

Gdzieś to mam, tylko wskażcie mi gdzie

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

Cienki1980

12.09.2008, 13:05:43

A ja bym sugerował zrobienie tego w jQuery o wiele krótszy kod niż ten podany przez NuLL'a

[HTML] pobierz, plaintext 
<html>
<head>
</head>
<script type="text/javascript" src="jquery-1.2.3.min.js"></script>
<style type="text/css">
<!--
 
#menu {
 position:absolute;
 height:200px;
 width:150px;
 background-color:red;
 top:30px;
}
 
.hideMenu {
 left: -150px;
}
 
-->
</style>
 
<script type="text/javascript">
$(document).ready(function () {
    $('span.menu-tab').toggle(
        function () { $('#menu').animate({left: "10px"}) },
        function () { $('#menu').animate({left: "-150px"}) }
    );
});
</script>
 
<body>
<span class="menu-tab">pokaz/ukryj menu</span>
<div id="menu" class="hideMenu">tekst menu</div>
</body>
</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

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.