kostenloser Webspace werbefrei: lima-city

Slide für mehrere Objekte (class statt id?)

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   keingerede

   

   keingerede hat kostenlosen Webspace.

   15:51, 25.8.2008

   Schönen Tag! Habe erneut ein Problem mit dem Fx.Slide auf meinem Blog-Projekt (http://blog.sowizo.de).
   
   Und zwar ist es so, dass, wenn zwei oder mehr Einträge existieren, dass nur für den Obersten der Slide funktioniert.
   
   Ich vermute mal, dass es daraus resultiert, dass für die divs und die Links nur eine id definiert wurde:
   

   <div id="short_slide">{short-story}<br />
   <a id="full_slidein" href="#">Mehr lesen...</a>
   </div><div id="full_slide">{full-story}<br />
   <a id="full_slideout" href="#">Weniger lesen...</a>
   </div>

   
   
   Wenn ich aber daraus Klassen mache funktioniert der JS-Code logischerweise nicht mehr:
   

   window.addEvent('domready', function() {
           var status = {
                   'true': 'open',
                   'false': 'close'
           };
          
           var fullSlide = new Fx.Slide('full_slide').hide();
           var shortSlide = new Fx.Slide('short_slide');
   
           $('full_slidein').addEvent('click', function(e){
                   e.stop();
                   shortSlide.slideOut();
                   fullSlide.slideIn();
           });
   
           $('full_slideout').addEvent('click', function(e){
                   e.stop();
                   fullSlide.slideOut();
                   shortSlide.slideIn();
           });

   
   
   Kann ich in JS irgendwie div/a-Klassen zuweisen, soll ich das ganz anders angehen oder geht das überhaupt nicht?
   
   Vielen Dank im Voraus! :)
   
   
   Beitrag geändert: 25.8.2008 15:52:00 von keingerede

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?