login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[mootools] twee scripts tegelijk?

Offline dekraan - 14/06/2008 13:02 (laatste wijziging 14/06/2008 13:38)
Avatar van dekraanNieuw lid Hey allemaal,

hopelijk is er hier iemand bekend met mootools, aangezien hun eigen forum momenteel plat ligt wegens een update oid. Ik ben in ieder geval (ik heb er niet veel verstand van) aan de slag gegaan met hun accordion (http://demos.mootools.net/Accordion) en hun fx.scroll (http://demos111.mootools.net/Fx.Scroll). Alles gevolgd zoals het bij hun ook werkt, en het werkt ook! Dat is het probleem niet. Nu heb ik ze beide op 1 pagina geplaatst: http://www.manenburg.nl/la/test/scroll.htm en dan blijkt dat er maar 1 functie werkt, namelijk de accordion.

Het probleem zit volgens mij in de js/accordion/demo.js, of in de js/demos.js. Wanneer ik de eerste weghaal, werkt de accordion niet, maar de scroll wel. Wanneer ik de tweede weghaal of ze alletwee gebruik, werkt de accordion wel en de scroll niet. Dit zijn de codes, eerst van de accordion:

  1. window.addEvent('domready', function() {
  2.  
  3. //create our Accordion instance
  4. var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
  5. opacity: false,
  6. onActive: function(toggler, element){
  7. toggler.setStyle('color', '#41464D');
  8. },
  9. onBackground: function(toggler, element){
  10. toggler.setStyle('color', '#528CE0');
  11. }
  12. });
  13.  
  14. //add click event to the "add section" link
  15. $('add_section').addEvent('click', function(event) {
  16. event.stop();
  17.  
  18. // create toggler
  19. var toggler = new Element('h3', {
  20. 'class': 'toggler',
  21. 'html': 'Common descent'
  22. });
  23.  
  24. // create content
  25. var content = new Element('div', {
  26. 'class': 'element',
  27. 'html': '<p></p>'
  28. });
  29.  
  30. // position for the new section
  31. var position = 0;
  32.  
  33. // add the section to our myAccordion using the addSection method
  34. myAccordion.addSection(toggler, content, position);
  35. });
  36. });




en dan van de scrollfunctie:

  1. window.addEvent('domready', function(){
  2. var divs = $$(['docs', 'js', 'html', 'css']);
  3. divs.each(function(div){
  4. var link = $(div.id + 'code');
  5. div.setStyle('display', 'none');
  6. link.addEvent('click', function(e){
  7. e = new Event(e);
  8. divs.each(function(other){
  9. if (other != div) other.setStyle('display', 'none');
  10. });
  11. div.setStyle('display', (div.getStyle('display') == 'block') ? 'none' : 'block');
  12. e.stop();
  13. });
  14. });
  15. });



Wat zit hier fout?

3 antwoorden

Gesponsorde links
Offline dekraan - 14/06/2008 13:38
Avatar van dekraan Nieuw lid gedaan, excuus! Maar weet je wat het probleem is?
Offline vinTage - 14/06/2008 13:46
Avatar van vinTage Nieuw lid Volgens firebug heb je een error, als je die eerst eens oplost.

Citaat:
$("add_section") has no properties
http://www.mane...on/demo.js
Line 15
Offline dekraan - 14/06/2008 14:20
Avatar van dekraan Nieuw lid enig idee hoe? (ik niet namelijk...) En zou dat verschil kunnen maken, aangezien de accordion het los van de scroll wel doet?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.31s