Ergebnis 1 bis 10 von 10
  1. #1
    mobilat ist offline Jungspund
    registriert
    26-07-2011
    Beiträge
    16

    mootools verständnisfrage: FX.slide Toggle

    Hallo zusammen,
    ich habe einen kleinen Toggle gebastelt. Es funktioniert auch .. fast

    Woher kommt im HTML-Quelltext (firebug) dieser zusätzliche <div>-Container:
    HTML-Code:
    <div style="margin: 0px; position: static; overflow: hidden; height: 14px;">
    Irgendetwas muss mit meinem JS-Code noch nicht stimmen?!

    HTML-Code:
     <div class="mi_getmore">
    				<a href="#" id="mi_moreinfo"><img src="img/icons/mi_arrow_down.png" alt="Mehr Information" title="Mehr Information" /></a>
                </div><!-- / mi_getmore -->
    			
                <div id="mi_morecontainer">
    ...Inhalt der dann zu sehen ist</div>
    Hier mein Code von meinem Toggle:
    HTML-Code:
    window.addEvent('domready',function() {
    	
      var mySlider1 = new Fx.Slide('mi_morecontainer').hide();
      var myArrowUp = new Fx.Slide('mi_lessinfo').hide();
      var myArrowDown = new Fx.Slide('mi_moreinfo').show();
      
    
      $('mi_moreinfo').addEvent('click', function(e1){
    	e1.stop();
    	mySlider1.toggle();
    	myArrowDown.hide();
    	myArrowUp.show();
    	
    	$('mi_lessinfo').addEvent('click', function(e2){
    	e2.stop();
    	mySlider1.toggle();
    	myArrowDown.show();
    	myArrowUp.hide();
    	});	
      }); // toggle function
      
      
    });
    Am besten sieht man mein "Werk" auf diesem Link.
    Unterhalb von der Grafik und dem Text, kann man mithilfe eines Pfeil-Icons weiteren Inhalt darstellen.

    INFO: DIESE FRAGE HABE ICH AUCH IN EINEM ANDEREN FORUM GEPOSTET, WEIL ICH KEINE LÖSUNG FÜR MEIN PROBLEM FINDE.
    Geändert von mobilat (10-01-2012 um 14:37 Uhr)

  2. #2
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: mootools verständnisfrage: FX.slide Toggle

    Ein "zusätzlicher" (also nicht von dir definierter) HTML container wird wohl aus dem Skript kommen. Man kann mit JS HTML Elemente erzeugen und in eine Seite einfügen.

  3. #3
    mobilat ist offline Jungspund
    registriert
    26-07-2011
    Beiträge
    16

    AW: mootools verständnisfrage: FX.slide Toggle

    Nee, in meinem Skript steht kein zusätzlicher DIV-Container .. daher kapiere ich nicht wo der herkommt?

    Hier der FireBug Screenschot:
    Bild 3.png
    der blau hinterlegte DIV Container kommt irgendwo her .. ? Keine Ahnung

  4. #4
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: mootools verständnisfrage: FX.slide Toggle

    Zitat Zitat von mobilat Beitrag anzeigen
    Nee, in meinem Skript steht kein zusätzlicher DIV-Container ..
    Woher weißt du das so genau?
    http://shop.stefansajok.de/test/index.html
    Wenn ich mir den Quellcode anschaue ist da sehr viel, wo zusätzliche Elemente erzeugt werden können.

  5. #5
    mobilat ist offline Jungspund
    registriert
    26-07-2011
    Beiträge
    16

    AW: mootools verständnisfrage: FX.slide Toggle

    Leider bin ich noch nicht so fit in JS ... wo erzeuge ich mehr Code als nötig. Das verstehe ich nicht

  6. #6
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: mootools verständnisfrage: FX.slide Toggle

    Du erzeugst doch gar nichts und ob da mehr Code als nötig ist, läßt sich auch nicht sagen.

    Aber du bindest Mootools ein und das Plugin, deren Code ist komprimiert, d.h. so gut wie unlesbar und von daher läßt sich die Frage woher das Element kommt kaum beantworten.

  7. #7
    mobilat ist offline Jungspund
    registriert
    26-07-2011
    Beiträge
    16

    AW: mootools verständnisfrage: FX.slide Toggle

    So, ich bin leider auf die veralteten Mootools-libs abhängig, um aber zu sehen woran es liegen könnte, habe ich mal die akteullen, unkomprimierten Mootools -Dateien eingebunden: Ich verstehe nicht, wie durch eine Framework-Datei ein zusätzlicher <div- eingebunden werden kann?

    http://shop.stefansajok.de/test/index.html

  8. #8
    Avatar von miniA4kuser
    miniA4kuser ist offline Lounge-Member
    registriert
    12-07-2006
    Beiträge
    3.034

    AW: mootools verständnisfrage: FX.slide Toggle

    Soweit ich das weis ist das so:

    Du selektierst ein Element, welches du toggeln willst und übergibst diese an Mootools.
    Mootools baut um dieses übergebene Element einen "Hilfskontainer (<div>)" mit overflow hidden und verkleinert dieses. Dadurch wird der darin enthaltene originale Inhalt (Kontainer) Stück für Stück "ausgeblendet" (durch overflow hidden im sichtbaren Bereich ausgeblendet). Der origiale Inhalt bleibt also unverändert. Beim "einblenden" passiert dann genau das umgekehrte.
    Hoffe ich konnte helfen

  9. #9
    mobilat ist offline Jungspund
    registriert
    26-07-2011
    Beiträge
    16

    AW: mootools verständnisfrage: FX.slide Toggle

    Super, danke für deine Erklärung. Das war doch mal wenigstens ne Erklärung. Habe meiner Grafik, die das toggeln auslöst ein display:block gegeben, jetzt passt es.

  10. #10
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: mootools verständnisfrage: FX.slide Toggle

    Zitat Zitat von mobilat Beitrag anzeigen
    Super, danke für deine Erklärung. Das war doch mal wenigstens ne Erklärung. Habe meiner Grafik, die das toggeln auslöst ein display:block gegeben, jetzt passt es.
    Entnehme ich der Aussage, dass es ein Problem gab? Warum hast du das nicht gesagt?

Ähnliche Themen

  1. Fx.Slide.toggle() nach HTML Request (mootools)
    Von Sven87 im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 27-12-2009, 03:14
  2. mootools Verständnisfrage
    Von wumble im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 02-12-2009, 16:48
  3. Mootools removeEvents Verständnisfrage
    Von Duke79 im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 22-10-2009, 14:43
  4. mootools div slide toggle
    Von mulix im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 12-10-2009, 22:51
  5. slide toggle funkktion
    Von papajava im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 22-08-2009, 20:52

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •