Ankündigung

Einklappen
Keine Ankündigung bisher.

jQuery toggle

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • #16
    jQuery-Animationen basieren nicht direkt auf display: none, aber auf Inline-Stylings. display: none ist aber der Endzustand der meisten hide()/toggle() usw. -Funktionen.

    Naja, statt Beschriftung kann es ja auch beliebig komplexer werden. Noch mit nem Image oder so..
    Wwenn es drauf ankommt, lässt sich der DOM-Knoten vor dem Austausch noch duplizieren. Ich bin da bei solchen Sachen immer sehr vorsichtig, bevor ich sie im Markup hardcode. Das ist nämlich reiner JS-Kram, der andere Inhalt hat vorher eigentlich noch nichts im Markup verloren, Eintragung erst per Site-Refresh oder Ajax.
    Refining Linux: “[url=http://www.refining-linux.org/archives/65/Performing-push-backups-Part-1-rdiff-backup/]Performing Push Backups – Part 1: rdiff-backup[/url]”

    Kommentar


    • #17
      Hmm, das sehe ich etwas anders. Je nach Wichtigkeit kann man die JS-Funktionalität ja durchaus auch über nen Request mit PHP als Fallback abbilden. Was man in CSS machen kann, soll man auch ruhig dort machen. Den Rest finde ich, kann man dann schon im Template verdrahten.
      [COLOR="#F5F5FF"]--[/COLOR]
      [COLOR="Gray"][SIZE="6"][FONT="Georgia"][B]^^ O.O[/B][/FONT] [/SIZE]
      „Emoticons machen einen Beitrag etwas freundlicher. Deine wirken zwar fachlich richtig sein, aber meist ziemlich uninteressant.
      [URL="http://www.php.de/javascript-ajax-und-mehr/107400-draggable-sorttable-setattribute.html#post788799"][B]Wenn man nur Text sieht, haben viele junge Entwickler keine interesse, diese stumpfen Texte zu lesen.“[/B][/URL][/COLOR]
      [COLOR="#F5F5FF"]
      --[/COLOR]

      Kommentar


      • #18
        Der Meinung bin ich aber nicht in einem solchen Fall. Solange es sich nicht bloß um Boxen handelt, die man aus Platzgründen einklappen kann, sondern um rotierende Inhalte bin ich der Meinung, dass die gleichzeitig im Markup nichts verloren haben. Immerhin würden sie auf diese Weise von den Benutzeragenten erfasst. Screenreader und Textbrowser-Nutzer aber auch Suchmaschinen bekommen beide Inhalte gleichzeitig, was aber bei rotierenden Inhalten selten erwünscht ist. Deshalb aktualisiere ich solche Daten immer per Page-Reload, welcher in Form der progressiven Erweiterung dann per JavaScript/Ajax erledigt werden kann.
        CSS ist für die Anordnung und Formatierung der vorhandenen Inhalte da, nicht für die inhaltliche oder strukturelle Organisation.
        Refining Linux: “[url=http://www.refining-linux.org/archives/65/Performing-push-backups-Part-1-rdiff-backup/]Performing Push Backups – Part 1: rdiff-backup[/url]”

        Kommentar


        • #19
          Um das mal aufzuklären - ich habe Chriz' Aufgabe so verstanden:

          2 Handler schalten einen gemeinsamen Inhalt
          1 Handler (Opener) schaltet ihn sichtbar und ist danach nicht mehr sichtbar
          1 Handler (Closer) schaltet ihn unsichtbar und ist danach nicht mehr sichtbar
          Die Handler schalten jeweils den anderen sichtbat.

          Ich glaube Du, Manko, hast verstanden, dass ein Link mehrere Inhalte schalten soll.
          Da ist das Argument „Deshalb aktualisiere ich solche Daten immer per Page-Reload“ natürlich berechtigt, außer, die stetes Anzeige aller Elemente für nicht-visuelle Nutzer ist gewünscht. Ein Beispiel dafür wäre ein Navigationsbaum, den man immer komplett als Code bereitstellt, auch wenn der Großteil optisch „eingeklappt ist“.
          [COLOR="#F5F5FF"]--[/COLOR]
          [COLOR="Gray"][SIZE="6"][FONT="Georgia"][B]^^ O.O[/B][/FONT] [/SIZE]
          „Emoticons machen einen Beitrag etwas freundlicher. Deine wirken zwar fachlich richtig sein, aber meist ziemlich uninteressant.
          [URL="http://www.php.de/javascript-ajax-und-mehr/107400-draggable-sorttable-setattribute.html#post788799"][B]Wenn man nur Text sieht, haben viele junge Entwickler keine interesse, diese stumpfen Texte zu lesen.“[/B][/URL][/COLOR]
          [COLOR="#F5F5FF"]
          --[/COLOR]

          Kommentar


          • #20
            Jain. So wie du habe ich ihn auch verstanden. Die Idee der verschiedenen Inhalte habe ich dann erst im Laufe der Diskussion geschildert und meine Meinung dazu kundgetan.
            Wenn es sich aber lediglich um einen Open-Trigger und einen Close-Trigger handelt, sehe ich den Grund, zwei verschiedene Strukturknoten zu setzen erst recht nicht. Logisch gesehen ist das ein und dasselbe Steuerelement, das seinen Status verändert hat.
            Vielleicht sollten wir aber mal auf Chriz warten, damit er sagen kann, was er wirklich will.

            Beitrag editiert:
            […] Sonst wird wieder so etwas draus: http://andinspired.wordpress.com/200...really-needed/
            Refining Linux: “[url=http://www.refining-linux.org/archives/65/Performing-push-backups-Part-1-rdiff-backup/]Performing Push Backups – Part 1: rdiff-backup[/url]”

            Kommentar


            • #21
              Einverstanden.
              [COLOR="#F5F5FF"]--[/COLOR]
              [COLOR="Gray"][SIZE="6"][FONT="Georgia"][B]^^ O.O[/B][/FONT] [/SIZE]
              „Emoticons machen einen Beitrag etwas freundlicher. Deine wirken zwar fachlich richtig sein, aber meist ziemlich uninteressant.
              [URL="http://www.php.de/javascript-ajax-und-mehr/107400-draggable-sorttable-setattribute.html#post788799"][B]Wenn man nur Text sieht, haben viele junge Entwickler keine interesse, diese stumpfen Texte zu lesen.“[/B][/URL][/COLOR]
              [COLOR="#F5F5FF"]
              --[/COLOR]

              Kommentar


              • #22
                Fuck, ewig Text geschrieben, der jetzt weg ist. Lange Rede kurzer Sinn: Danke fuer die aufgebrachte Muehe + morgen mehr dazu von mir.
                "[URL="http://www.youtube.com/watch?v=yMAa_t9k2VA&feature=youtu.be&t=25s"]Mein Name ist Lohse, ich kaufe hier ein.[/URL]"

                Kommentar


                • #23
                  @ Manko: deine Lösung aus #4 ist elegant
                  Alternativ kannst du auch die jquery callbacks verwenden
                  Code:
                  $(".link").click(function () {
                      if ($(".container2").is(":hidden")) {
                          $(".container1").fadeOut(200, $(".container2").fadeIn(300));
                      } else {
                          $(".container2").fadeOut(200, $(".container1").fadeIn(300));
                      }
                  });
                  Anstelle von is() könntest du hasClass verwenden oder auch mit jquery animate arbeiten (die ansprechendste Lösung). Würde auch nur einen einzigen Link verwenden wie von Manko vorgeschlagen.
                  I like cooking my family and my pets.
                  Use commas. Don't be a psycho.
                  [URL="http://jscouch.de"]Blog[/URL] - [URL="http://coverflowjs.github.io/coverflow/"]CoverflowJS[/URL]

                  Kommentar

                  Lädt...
                  X