[PHP] Startwert bei Scriptaculous setzen

Dieses Thema im Forum "Webentwicklung" wurde erstellt von x69, 9. März 2011 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 9. März 2011
    Startwert bei Scriptaculous setzen

    Hiiighhh~

    ich verwende in meinem Script den Fade Effekt von Scriptaculous, indem ich mit diesen Links DIV-Container aus- und wieder einblenden kann:
    PHP:
    < a href = "#"  onclick = "$('inhalt').fade(); return false;" > Ausblenden </ a >
    <
    a href = "#"  onclick = "$('inhalt').show(); return false;" > Reset </ a >
    Der DIV-Container "inhalt" ist bereits eingeblendet beim Start der Seite - Ich will aber nun das der Effekt schon beim laden der Seite einsetzt, und beim Laden der Seite soll der DIV-Container "inhalt" bereits ausgeblendet sein.

    Danke für eure Hilfe
     
  2. 9. März 2011
    AW: Startwert bei Scriptaculous setzen

    dann mach das doch? wo ist das problem?
     
  3. 9. März 2011
    AW: Startwert bei Scriptaculous setzen

    Code:
    document.observe("dom:loaded", function(){
     $('inhalt').hide();
     $('inhalt').fade();
    });
    
    oder du machst dein div von anfang an nicht sichtbar:

    Code:
    <div style="display:none;"></div>
    gruß
     
  4. 10. März 2011
    AW: Startwert bei Scriptaculous setzen

    Tut mir leid falls meine Frage nicht ersichtlich war, wenn ich das könnte hätte ich hier keinen Thread eröffnet .

    Wenn man die Seite besucht sind alle DIV-Container eingeblendet, nur der Inhalt-Container kann durch 2 Links aus und eingeblendet werden.

    Ziel ist es aber das der Container beim Besuch der Seite, bereits ausgeblendet ist, und dann über die 2 Links gesteuert werden kann.

    Mit den Tipps von wollknoll bin ich leider nicht weitergekommen.
     
  5. 10. März 2011
    AW: Startwert bei Scriptaculous setzen

    Einfach das div von Anfang an auf display: none setzen? Wie der über dir schon gesagt hat...

    MfG, Chrisomator
     
  6. 10. März 2011
    AW: Startwert bei Scriptaculous setzen

    Ja, dann ist der DIV-Container zwar weg, aber lässt sich nicht durch Links oder Scriptaculou's-Funktionen wieder einblenden. Deswegen die diarrhoe'sen vorschläge?
     
  7. 10. März 2011
    AW: Startwert bei Scriptaculous setzen

    Klar geht das. Wenn das nicht gehen würde, wofür sollte es dann Scriptaculous geben?

    Code:
    <script type="text/javascript">
     function foo(div,action){
     if(action==1){$(div).show();}
     else if(action==2){$(div).fade();}
    }
    </script>
    
    <div id="test" style="display:none;">Bla<br>bla<br>Bla<br>bla<br>Bla<br>bla<br>Bla<br>bla<br></div>
    
    
    <a href="javascript:;" onclick="foo('test',1)">Show</a>
    <a href="javascript:;" onclick="foo('test',2)">Fade</a>
    
    So willst du das doch oder?


    Dein Fehler wird sein, dass du es in CSS verankerst dein display:none.
    Aber:
     
  8. 10. März 2011
    AW: Startwert bei Scriptaculous setzen

    Code:
    var e = $("element");
    
    if (e.getStyle("display") === "none")
     e.style.display = "block";
    else
     e.fade();
    Element.getStyle() ermittelt den berechneten style. Element.show() entfernt hingegen nur "display:none;" vom element-inlinestyle, was bedeutet, dass über externes css "display:none;" NICHT entfernt wird.

    das hat auch einen grund, denn Prototype weiß nicht welches element "block" und welches element "inline" dargestellt werden soll, deswegen wird die display-eigenschaft einfach nur entfernt falls sie gesetzt wurde.
     
  9. 10. März 2011
    AW: Startwert bei Scriptaculous setzen

    Danke euch schonmal für eure Antworten.

    Die Funktion von hacker5 hätte ich natürlich auch so verwenden können, nur dachte ich das es möglich wäre die fade();-Funktion (aus script.aculo.us) beim Laden der Seite schon aktivieren zu können - Das war mein Ziel.

    Gruß

    x69
     
  10. 10. März 2011
    AW: Startwert bei Scriptaculous setzen


    Das geht natürlich auch. Du möchtest also, dass das Div beim Seitenladen angezeigt wird und dann gefadet wird?

    Dann machst du das ganze einfach mit dem dom:ready Event.
     
  11. 10. März 2011
    AW: Startwert bei Scriptaculous setzen

    würde auf onload warten, denn dom:ready feuert wenn der quelltext geladen wurde, onload feuert wenn alle grafiken usw. geladen wurden. am besten noch in nem defer damits flüssig läuft.
     
  12. 10. März 2011
    AW: Startwert bei Scriptaculous setzen

    Ach logisch, mein Fehler. Hast Recht, macht kein großen Sinn dom:ready zu benutzen.
    Sorry, also auf Murdoc hören ^^

    Außer es ist ihm egal, wann das ganze passiert, hauptsache es passiert. ^^
     
  13. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.