login  Naam:   Wachtwoord: 
Registreer je!
 Forum

moo.fx (Opgelost)

Offline mathiasB - 09/08/2007 23:02 (laatste wijziging 09/08/2007 23:04)
Avatar van mathiasBHTML interesse Ok ik heb dringend hulp nodig. (ik en een vriend  )
We wouden het moo.fx script uitproberen maar het is ons tot heden nog niet gelukt. We lazen deze tutorial maar we geraken er nog steeds niet uit.
Dit zijn de codes: (blijkbaar biedt plaatscode geen html dus..)
Index.html:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  3. <title>Untitled Document</title>
  4. <script type="text/javascript" src="prototype.lite.js"></script>
  5. <script type="text/javascript" src="moo.fx.js"></script>
  6. <script type="text/javascript" src="moo.fx.pack.js"></script>
  7.  
  8. <script type="text/javascript">
  9. window.onload = function() {
  10. //fader effect
  11. fader = new fx.Opacity('box');
  12. $('fade').onclick = function() {
  13. fader.toggle();
  14. };
  15. #box
  16. {
  17. background-color:#FF0000;
  18. color:#FFFFFF;
  19. }
  20. </head>
  21.  
  22.  
  23. <div id="box">
  24. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  25. </div>
  26.  
  27. <p><a id="fade" href="#">Hier nog iets zetten ^^</a></p>
  28. </body>
  29. </html>

moo.fx.js
moo.fx.pack.js
prototype.lite.js

help???

13 antwoorden

Gesponsorde links
Offline Stijn - 10/08/2007 01:13
Avatar van Stijn PHP expert
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
Zet dit eens op regel 2. Werkt het nog niet? Wat zegt de JS console in firefox?
Offline mathiasB - 10/08/2007 08:54 (laatste wijziging 22/08/2007 20:23)
Avatar van mathiasB HTML interesse nee, werkt ook niet, de tutorial zegt dat het minimum xhtml versie 1.0 zijn... wss ligt daar de fout ergens wel, maar dw plaatste het automatisch (werkte ook niet) en bij het kopieren van de tut ook niet. En uit die js console raak ik niet echt wijs uit   

Edit: Dit is wat mijn JS console zegt:
Citaat:
fx.Opacity is not a constructor
Offline BramBo - 23/08/2007 09:38
Avatar van BramBo JS gevorderde Aangezien ik zelf nooit met Moo gewerkt hebt is het nogal moeilijk om mijn vinger op de pols te leggen. Ik zag bij de tut die je gepost hebt dat er een werkend voorbeeld bijzat. bekijk deze anders eens, controleer op wat er anders is..

http://www.nyokiglitter.com/tutorials/moofxtests#
Offline mathiasB - 23/08/2007 09:50
Avatar van mathiasB HTML interesse Dat is juist het probleem, er is niets!!! anders, ik heb zelfs de code eens gekopieert en geplakt (en links naar js veranderd) dan werkt het zelfs niet
Offline BramBo - 23/08/2007 10:05
Avatar van BramBo JS gevorderde Je kan me vanalles maar niet A!=A ! dus ik ben zelf maar even gaan rondneuzen. Nu is je init code het zelfde. Maar zijn moo.fx.js is op een of andere manier groter. (zijn er meer packages beschikbaar?)

anyway, kijk eens in : http://www.nyokiglitter.com/scripts/moo.fx.js

(kopieer deze en ik wed dat het werkt )
Offline mathiasB - 23/08/2007 10:30 (laatste wijziging 23/08/2007 18:42)
Avatar van mathiasB HTML interesse Oke, bedankt ik kijk vanavond even (ben nu op het werk  EN DE FTP WORDT GEBLOKKEERD -zucht- )

Geprobeerd...

BEDANKT!! u ruled
Resultaat (klik op download #1]
 maar...

Er staat nog een script op die pagina (qTip) en nu werkt dat niet meer  
scripts:
  1. <script language="JavaScript" src="JS/qTip.js" type="text/JavaScript"></script>
  2. <script type="text/javascript" src="JS/prototype.lite.js"></script>
  3. <script type="text/javascript" src="JS/moo.fx.js"></script>
  4. <script type="text/javascript" src="JS/moo.fx.pack.js"></script>
  5. <script type="text/javascript">
  6. window.onload = function() {
  7.  
  8. //height effect
  9. myHeight = new fx.Height('box');
  10. $('height').onclick = function() {
  11. myHeight.toggle();
  12. };
  13.  
  14. };
  15. </script>

De qTip zorgt ervoor dat er een eigen gemaakte box komt wanneer je over een link gaat.

Pagina waar het niet op werkt.
Pagina waar het wel op werkt.
(ga over de register link op beide pagina's)
Offline bertmelis - 23/08/2007 19:27 (laatste wijziging 23/08/2007 19:28)
Avatar van bertmelis PHP interesse heb totaal geen idee wat er fout zou kunnen zijn, maar:

bij qtip gebruik je het language attribuut en staat er bij type Javascript met hoofdletter en bij de andere scripts geen language en alles in kleine letters.

long shot?
Offline mathiasB - 23/08/2007 19:46 (laatste wijziging 23/08/2007 20:41)
Avatar van mathiasB HTML interesse Had ik ook al gezien   maar geen van beiden maakt een verschil.

Maar kheb het verwijderd, alhoewel ik het nog steeds op de info.php pagina gebruik, ook al werkt het niet, misschien kom ik het ooit nog te weten.

Bedankt iedereen  
Offline BramBo - 24/08/2007 13:27
Avatar van BramBo JS gevorderde In je <a> van register in de pagina die niet werkt heb je geen title geset. In de andere pagina wel. Als ik dan in qtip.js kijk zie ik dat deze werkt met de title van het a element:

  1. sTitle = a.getAttribute("title");
  2. if(sTitle) { // !! dit is false op de pagina die niet werkt


succes 
Offline mathiasB - 24/08/2007 14:28
Avatar van mathiasB HTML interesse Ja ik had hem even verwijderd  
Nu staat hij er weer maar het werkt nog steeds niet  
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2019 Sitemasters.be - Regels - Laadtijd: 0.236s