Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]Płynne rozwiniecie diva
-Płynnie wysuwany tekst-
post 29.09.2012, 12:54:18
Post #1





Goście







Szukam i szukam cały dzien i nie moge znaleść nic odpowiedniego.
Potrzebuje skrypt który będzie mi rozwijał "płynnie" tekst po kliknięciu w tekst lub button. Zna ktoś moze taki ? lub coś podobonego ? W każdym razie musi byc to płynne rowiniecie zawartosci diva.
Go to the top of the page
+Quote Post
ixox
post 29.09.2012, 12:58:19
Post #2





Grupa: Zarejestrowani
Postów: 51
Pomógł: 13
Dołączył: 8.09.2012

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


jquery .slideToggle()
http://api.jquery.com/slideToggle/#example-0

o to ci chodzi?
Go to the top of the page
+Quote Post
Hosiek
post 29.09.2012, 13:10:15
Post #3





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 25.11.2010

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


Używałem tego, a dokladnie http://api.jquery.com/slideDown/ bo ma sie to wysuwac w dół, jednak gdy połacze to z mybb odswieza mi cała strone zamiast wysuwac menu
Go to the top of the page
+Quote Post
viking
post 29.09.2012, 13:40:34
Post #4





Grupa: Zarejestrowani
Postów: 6 365
Pomógł: 1114
Dołączył: 30.08.2006

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


Podaj kod, poczytaj o preventDefault()


--------------------
Go to the top of the page
+Quote Post
Hosiek
post 29.09.2012, 13:49:00
Post #5





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 25.11.2010

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


Cytat(viking @ 29.09.2012, 14:40:34 ) *
Podaj kod, poczytaj o preventDefault()

Kod mam podstawowy:
Kod
<!DOCTYPE html>
<html>
<head>
  <style>
.test{ background:#de9a44; margin:3px; width:80px;
height:40px; display:none; float:left; }
</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  Click me!
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<script>
$(document.body).click(function () {
if ($(".test:first").is(":hidden")) {
$(".test").slideDown("slow");
} else {
$(".test").hide();
}
});

</script>

</body>
</html>

Wydaje mi sie ze problem jest w tym iż obojetnie co gdzie wpisze i nie jest w divie test, to go rozwija.
co do preventDefault() to nie widze tam płynnego przejsca

Ten post edytował Hosiek 29.09.2012, 14:00:50
Go to the top of the page
+Quote Post
viking
post 29.09.2012, 14:03:59
Post #6





Grupa: Zarejestrowani
Postów: 6 365
Pomógł: 1114
Dołączył: 30.08.2006

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


Nie, preventDefault ma ci zapobiec wykonaniu domyślen akcji czyli zapewne przejścia do href z linka. Kod który tu wkleiłeś ma niewiele z twoim problemem wspólnego (przynajmniej tak wynika z pierwszego posta).


--------------------
Go to the top of the page
+Quote Post
Hosiek
post 29.09.2012, 15:24:48
Post #7





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 25.11.2010

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


Oj, rozwiąząłem problem, okazało sie ze funkcja dzialala po kliknięciu w obojetnie co co znajduje sie w obszaze w <body>

wystarczylo tekst ktory ma rozwijac umiescic w divie oraz wywołac go po kliknieciu w div - w tym przypadku class="klik"
Kod
$('.klik').click(function () {



Jednak teraz mam kolejny problem, skrypt blokuje mi dzialanie codebuttons na moim forum, błedy jakie pokzuje:

Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 28.04.2024 - 09:30