login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Animated Collapsible DIV (Opgelost)

Offline Ellaweb - 06/10/2008 09:42
Avatar van EllawebNieuw lid Ik gebruik een script om een groep van div's dynamisch te openen of te verbergen. De eerste div opent bij de onload en wanneer op de button van de pagina wordt geklikt. Dit werkt prima in alle browers. In Firefox geeft het geen fout aan, en in Chrome krijg je via de debugger tool ook geen fout te zien. Alleen in IE6 en IE7 doet dit script het niet bij de "click". Ik heb al vanalles geprobeerd maar het wil niet lukken. Het probleem is een object dat op dat moment geen object is. Weet iemand hoe ik deze fout kan opvangen, zodat het toch in IE werkt? Het blijft immers spijtig genoeg de meest gebruikte browser...

Hier vind je de pagina:
weekmenu
Het script heb ik voor het gemak even in de pagina opgenomen.

2 antwoorden

Gesponsorde links
Offline BramBo - 06/10/2008 10:09 (laatste wijziging 06/10/2008 10:09)
Avatar van BramBo JS gevorderde Het script voor de animateddivs is nogal een draakje om door te nemen. Ik geloof dat je een plugin van jQuery hebt gebruikt? werkte het voorbeeld wel in IE? Verder lijkt het me verstandig om de initialisatie te doen na het laden van de DOM.

dus
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. animatedcollapse.addDiv('weekmenu1', 'fade=1,speed=500,group=weekmenu,persist=1')
  2. animatedcollapse.addDiv('weekmenu2', 'fade=1,speed=500,group=weekmenu')
  3. animatedcollapse.addDiv('weekmenu3', 'fade=1,speed=500,group=weekmenu')
  4. animatedcollapse.addDiv('weekmenu4', 'fade=1,speed=500,group=weekmenu')
  5.  
  6. animatedcollapse.init()


te vervangen door:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. $(function() {
  2.  
  3. animatedcollapse.addDiv('weekmenu1', 'fade=1,speed=500,group=weekmenu,persist=1');
  4. animatedcollapse.addDiv('weekmenu2', 'fade=1,speed=500,group=weekmenu');
  5. animatedcollapse.addDiv('weekmenu3', 'fade=1,speed=500,group=weekmenu');
  6. animatedcollapse.addDiv('weekmenu4', 'fade=1,speed=500,group=weekmenu');
  7.  
  8. animatedcollapse.init();
  9.  
  10. animatedcollapse.show('weekmenu1'); 
  11. }

Je kunt dant ook de scripts er onder ook verwijderen (onload='fonload') en de init:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. if( document.all ){
  3. .....
Offline Ellaweb - 06/10/2008 10:40
Avatar van Ellaweb Nieuw lid Het werkt foutloos in IE! Dank voor deze zeer snelle oplossing!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.183s