Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX]Prototype odpowiednik z jquery
Forum PHP.pl > Forum > Przedszkole
Wujeksamodno
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.
pedro84
No ale czego Ty nie rozumiesz? W dokumentacji masz bardzo przyjemny przykład. Pokaż swój kod.
Wujeksamodno
Ok, udało się. tongue.gif
Kod:
Kod
function toggleMsg(){
   $('pokazuj').toggle();
}

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" tongue.gif
pedro84
Proszę, klik!
Wujeksamodno
Dalej niewiem, w jaki sposób do toggle() dodać animacje...
próbowałem tak jak w jaquery, np toggle('slow') ale nic nie daje.
rocktech.pl
No taki ból prototype, że przykładów jak na lekarstwo.

  1. <p id="toogle">Tekst</p>
  2. <a id="go">click</a>
  3. <script type="text/javascript">
  4. //<![CDATA[
  5. $('go').observe('click',respondToClick);
  6. function respondToClick(){
  7. $('toogle').toggle();
  8. }
  9. //]]>
pedro84
Cytat(rocktech.pl @ 5.04.2010, 15:33:10 ) *
No taki ból prototype, że przykładów jak na lekarstwo.

  1. <p id="toogle">Tekst</p>
  2. <a id="go">click</a>
  3. <script type="text/javascript">
  4. //<![CDATA[
  5. $('go').observe('click',respondToClick);
  6. function respondToClick(){
  7. $('toogle').toggle();
  8. }
  9. //]]>

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


@Wujek: http://wiki.github.com/madrobby/scriptaculous/effect-toggle
Wujeksamodno
  1. function toggleMsg(){
  2. $('pokazuj').toggle();
  3. }
  4. <a onclick="toggleMsg();" style="cursor:pointer">click</a>
  5. <div id="pokazuj" style="display:none">ukryty przekaz:></div>

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:
  1. <a onclick="Effect.toggle('pokazuj', 'slide', { delay: 0.5 });" style="cursor:pointer">click</a>
  2. <div id="pokazuj" style="display:none">ukryty przekaz:></div>

i mimo wszystko kaszana
rocktech.pl
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:

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


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

  1. <a id="go">click</a>
  2. <p id="toogle">Tekst</p>
  3.  
  4. <script type="text/javascript">
  5. //<![CDATA[
  6. $('go').observe('click',respondToClick);
  7. function respondToClick(){
  8. Effect.toggle('toogle', 'blind',{ duration: 0.5 });
  9. }
  10. //]]>
Wujeksamodno
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/
pedro84
Cytat(pedro84 @ 5.04.2010, 15:18:15 ) *

Nie widzę tego...

Poza tym, skoro to dla Ciebie takie trudne, czemu nie użyjesz jQuery?
Wujeksamodno
Bo wrzucenie jquery w MyBBoard gryzie się z prototype które jest z nim zintegrowane?
pedro84
Cytat(Wujeksamodno @ 6.04.2010, 17:52:37 ) *
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
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.