Forum PHP.pl

Witam, mam następujący problem.
Jestem zmuszony do używania prototype przez skrypt MyBB.
Znalazłem bardzo fajnego exapla ukrywającego jakiś tekst(toggle()) w jquery.
http://ferrante.pl/examples/jquery/jQuery_1d.html - coś takiego chciałbym osiągnąć za pomocą prototype. Znazłem w doc coś takiego http://www.prototypejs.org/api/element/toggle lecz niewiele mi to mówi i szczerze mówiąc gubię się w tym...

Pozdrawiam
W.

No ale czego Ty nie rozumiesz? W dokumentacji masz bardzo przyjemny przykład. Pokaż swój kod.

Ok, udało się. (IMG:style_emoticons/default/tongue.gif)
Kod:

Tylko pytanie, jak teraz dodać jakiś efekt? w tej chwili po prostu coś się pokazuje i znika, a ja bym chciał aby to chodziło "płynnie" (IMG:style_emoticons/default/tongue.gif)

Proszę, klik!

Dalej niewiem, w jaki sposób do toggle() dodać animacje...
próbowałem tak jak w jaquery, np toggle('slow') ale nic nie daje.

No taki ból prototype, że przykładów jak na lekarstwo.

[HTML] pobierz, plaintext 
<p id="toogle">Tekst</p>
<a id="go">click</a>
<script type="text/javascript">
//<![CDATA[
$('go').observe('click',respondToClick);
function respondToClick(){
    $('toogle').toggle();
}
//]]>
</script>
[HTML] pobierz, plaintext 

Przecież toggle Mu działa, poza tym, co to za udziwnienia?


@Wujek: http://wiki.github.com/madrobby/scriptaculous/effect-toggle

Ten post edytował pedro84 5.04.2010, 14:38:03

[HTML] pobierz, plaintext 
<script>
function toggleMsg(){
$('pokazuj').toggle();
}
</script>
<a onclick="toggleMsg();" style="cursor:pointer">click</a>
<div id="pokazuj" style="display:none">ukryty przekaz:></div>
[HTML] pobierz, plaintext 

pogubiłem się już, do jquery miałem gotowy skrypt który dodawał fajne przejście a tutaj już połapać się nie moge...
@edit
@up.
robie tak:

[HTML] pobierz, plaintext 
<a onclick="Effect.toggle('pokazuj', 'slide', { delay: 0.5 });" style="cursor:pointer">click</a>
<div id="pokazuj" style="display:none">ukryty przekaz:></div>
[HTML] pobierz, plaintext 

i mimo wszystko kaszana

Ten post edytował Wujeksamodno 5.04.2010, 14:48:39

Jeżeli chcesz twoim sposobem. Musisz umieścić zawartość diva slide w innym divie.

Keep in mind, like individual Effects, you must include a second DIV element, wrapping the contents of the outer DIV. So, if you call new Effect.Slide Down(‘x’), your element must look like this:

[HTML] pobierz, plaintext 
      <a onclick="Effect.toggle('pokazuj', 'slide', { delay: 0.5 });" style="cursor:pointer">click</a>
 
      <div id="pokazuj" style="display:none"><div>ukryty przekaz</div></div>
[HTML] pobierz, plaintext 

Proponuję rozwiązanie bez szpecenia sobie HTML'a z efektem blind którego możesz użyć zamiast slide .

[HTML] pobierz, plaintext 
<a id="go">click</a>
<p id="toogle">Tekst</p>
 
<script type="text/javascript">
//<![CDATA[
$('go').observe('click',respondToClick);
function respondToClick(){
    Effect.toggle('toogle', 'blind',{ duration: 0.5 });
}
//]]>
</script>
[HTML] pobierz, plaintext 

Ten post edytował rocktech.pl 5.04.2010, 15:18:01

http://www.reksio-cs.pl/mail/zwijacz.html :|
Daje tutaj cały szablon jaki mam, bo już nic nie kapuje... http://www.wklej.org/id/310143/

Ten post edytował Wujeksamodno 5.04.2010, 15:20:05

Nie widzę tego...

Poza tym, skoro to dla Ciebie takie trudne, czemu nie użyjesz jQuery?

Bo wrzucenie jquery w MyBBoard gryzie się z prototype które jest z nim zintegrowane?

Ty chcesz to zrobić na forum czy na jakiejś stronie? Jeśli na forum to Prototype & Scriptaculous