|
|||
Fx.Slide auf mehrere Tabellenreihen anwenden
Hallo,
ist es möglich mit Fx.Slide bestimmte Tabellenreihen ein/auszublenden? Wenn Ja, wie bekomme ich es hin das ich eine Klasse ansprechen kann? Code:
window.addEvent('domready', function(){ var mySlide = new Fx.Slide('row_1', {mode: 'vertical'}).hide(); $('toggle').addEvent('click', function(e){ e = new Event(e); mySlide.toggle(); e.stop(); }); }); Die Anzahl weiß ich vorher nicht, die liefert php. Ich könnte natürlich auch allen Tabellenreihen die getoggelt werden sollen eine Klasse geben z.B. hidden, die sollten aber dann wie ein gesamtes Element ein/ausgeblendet werden. Viele Grüße rocco Geändert von rocco (29.12.2011 um 05:28 Uhr) |
Sponsored Links |
Sponsored Links |
|
|||
Hallo Scheppertreiber,
habe jetzt allen Tabellenreihen die getoggelt werden sollen die classe fx_slide gegeben aber es funktioniert leider nicht. Code:
window.addEvent('domready', function(){ var mySlide = new Fx.Slide $('.fx_slide', {mode: 'vertical'}).hide(); $('toggle').addEvent('click', function(e){ e = new Event(e); mySlide.toggle(); e.stop(); }); }); Code:
<div><a id="toggle" href="#">Toggle</a></div> Code:
new Fx.Slide $('.fx_slide', {mode: 'vertical'}).hide(); HTML-Code:
new Fx.Slide ('gallery', {mode: 'vertical'}).hide(); Warum geht es mit einer Klasse nicht? |
|
||||
Ihr sprecht da ein wenig aneinander vorbei, rocco nutzt Mootools, Joe hat Beispielcode für jQuery gezeigt.
Ein Beispiel mit Mootools könnte so aussehen: Code:
$('toggle').addEvent('click', function() { $$('.wechmit').set('slide').slide(); }); Du kannst natürlich auch mit den Fx-Klassen direkt arbeiten rocco, aber du scheinst Javascript mehr zu raten als zu beherrschen, daher solltest du zu der einfacheren Lösung greifen oder/und dich mit den Grundlagen beschäftigen. |
|
||||
Siehe auch: MooTools Docs - Element/Element
|
|
|||
Danke für die Antworten.
Es funktioniert, freu. @inta: ja das stimmt, bin nicht wirklich fit in Javascript, ist ne ewige probiererei.. Jetzt habe ich noch das Problem das beim Aufruf der Seite die Elemente eingeklappt sein sollen. Wie kann ich das lösen? |
|
||||
Wirf doch mal einen Blick in die Dokumentation zu Fx.Slide.
Wie du dort lesen kannst, können die Element auch ohne Effekt ausgeblendet werden, das tust du einfach bei domready, zum Beispiel so: Code:
$$('.wechmit').set('slide').slide('hide'); $('toggle').addEvent('click', function() { $$('.wechmit').slide(); }); |
|
|||
Vielen Dank inta,
bin am Docu lesen aber ist nicht ganz einfach zu verstehen... Der Slider funktioniert wie gewünscht, nur die nicht slidebaren Reihen werden teilweise verschoben. Dieses HTML wird erzeugt: HTML-Code:
<tbody> <tr> <td style="width: 33%;"></td> <td style="width: 33%;"></td>//wird nach rechts geschoben <td style="width: 33%;"></td>//wird nach rechts geschoben </tr> <div style="margin: 0px; position: static; overflow: hidden; height: 129px;"> <tr class="wechmit" style="margin: 0px;"> <td style="width: 33%;"></td> <td style="width: 33%;"></td> <td style="width: 33%;"></td> </tr> </div> <div style="margin: 0px; position: static; overflow: hidden; height: 129px;"> <tr class="wechmit" style="margin: 0px;"> <td style="width: 33%;"></td> <td style="width: 33%;"></td> <td style="width: 33%;"></td> </tr> </div> </tbody> In der ersten Reihe die nicht slidbar sein soll werden das zweite und dritte <td> nach rechts geschoben. Das verstehe ich nicht, warum ist das so? |
|
||||
Das steht aber auch da:
Zitat:
Kennst Du die Artikelserie »Mootools für die Massen« von Peter Kröner? Die könnte für dich interessant sein. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
mootools Fx.Slide: ohne Mausklick öffnen | hailander | Javascript & Ajax | 4 | 28.01.2010 16:23 |
Problem mit Breite&Anordnung von DIVs in Kombi mit fx.slide | BoScH | CSS | 0 | 12.08.2009 13:23 |
FX.Slide von MooTools - Erfahrungen? | charlie | Javascript & Ajax | 3 | 06.09.2008 14:09 |
MooTools: Fx.Slide - konfiguration | img | Javascript & Ajax | 0 | 27.06.2008 14:19 |