Ankündigung

Einklappen
Keine Ankündigung bisher.

[Erledigt] Farben für tabellenzellen

Einklappen

Neue Werbung 2019

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

  • #16
    Ich möchte das aber für divs haben, nicht für tabellen, und wenns geht ohne css3, weil es soll abwärtskompatiel sein. Sorry wenn ich langsam nerve, aber ist echt dringend, sonst macht mir mein chef wieder dampf. Ich will ausdrücklich eine lösung, in der ich die farben abwechselnd, wie oben beschrieben, in schleifendurchläufen per jquery zuweise. In diesem Beispiel also für eine 5x5 tabelle. (Und bitte von Dingen wie: Mit tabellen machen, ... absehen, darum gehts nicht)Meine bisherigen versuche
    Code:
    var b = 1;
        var i = 1;
        while(i <= 25){
            for(b; b <= 5; b++){
                if(b % 2 != 0){
                  $('#div' + b).css({'background-color':'red'});
                }
                else{
                  $('#div' + b).css({'background-color':'blue'});
                }
            }
            i++;
         }

    Kommentar


    • #17
      Dann bau das in jquery nach:
      http://api.jquery.com/odd-selector/
      http://api.jquery.com/even-selector/

      P.S.: Divs sind keine tabellen, es sei denn du baust

      Code:
      div - display:table ( <table> )
         div - display: table-row ( <tr> )
            div - display: table-cell ( <td> )
      even/odd selektion sind jquery basics.
      [URL="https://gitter.im/php-de/chat?utm_source=share-link&utm_medium=link&utm_campaign=share-link"]PHP.de Gitter.im Chat[/URL] - [URL="https://raindrop.io/user/32178"]Meine öffentlichen Bookmarks[/URL] ← Ich habe dir geholfen ? [B][URL="https://www.amazon.de/gp/wishlist/348FHGUZWTNL0"]Beschenk mich[/URL][/B].

      Kommentar


      • #18
        Zitat von coder44 Beitrag anzeigen
        und was sind dann $even und $odd? Die stehen da einfach ohne php tags.
        Mea Culpa. Ich hatte beim Kopieren aus dem Editor die Tags vergessen. So was aber auch.

        Du hättest es ja auch in dieser Form schreiben können.
        PHP-Code:
        $my_var $i !== "even""odd" 
        Eigentlich ging eher darum, wie sich diese Even/Odd Geschichte verarbeiten lässt, ohne auf die internen Funktionen von CSS oder jQuery zurückzugreifen, weil das entsprechende CSS3-Attribut im IE7 nicht greift.

        Und ehe du jetzt du fragst: Ja, das Beispiel kann man auch mit JS nachbilden.

        Kommentar


        • #19
          Ich möchte anmerken das längst ohne LTS dastehender IE7 mit ~5-7% aller genutzten IE Versionen Nutzeranteil übergehbar sind.

          Ungetestet:
          http://ie7-js.googlecode.com/svn/test/index.html ( siehe IE9.js )
          https://code.google.com/p/ie7-js/

          Du kannst ja ausprobieren ob ie*.js dem IE7 beibiegt mit :nth-child(even/odd) umzugehen.

          Edit: Aus meiner Sicht ist es weniger Praktikabel JS mit Style-Änderungen vollzusauen, denn dafür wurde das Cascading Style Sheet ja implementiert.
          [URL="https://gitter.im/php-de/chat?utm_source=share-link&utm_medium=link&utm_campaign=share-link"]PHP.de Gitter.im Chat[/URL] - [URL="https://raindrop.io/user/32178"]Meine öffentlichen Bookmarks[/URL] ← Ich habe dir geholfen ? [B][URL="https://www.amazon.de/gp/wishlist/348FHGUZWTNL0"]Beschenk mich[/URL][/B].

          Kommentar


          • #20
            Der Vollständigkeit halber noch mal:

            Code:
            <div class="parent">
              <div class="child">child</div>
              <div class="child">child</div>
              <div class="child">child</div>
            </div>
            
            <style type="text/css">
              div.even div.odd, div.odd div.even {
                background: red;
              }
              div.even div.even, div.odd div.odd {
                background: blue;
              }
              div.parent {
                clear: both;
              }
              div.parent > .child {
                float: left;
              }
            </style>
            
            <script>
            $('.parent').each(function(parent) {
              $(this)
                .addClass(parent % 2 === 0 ? "even" : "odd")
                .find('.child').each(function(child) {
                    $(this).addClass(child % 2 === 0 ? "even" : "odd");
                  });
            });
            </script>
            @tr0y: Hast recht.

            Kommentar


            • #21
              Das geht auch bedeutend einfacher: http://jsfiddle.net/uKD4N/
              [URL="https://gitter.im/php-de/chat?utm_source=share-link&utm_medium=link&utm_campaign=share-link"]PHP.de Gitter.im Chat[/URL] - [URL="https://raindrop.io/user/32178"]Meine öffentlichen Bookmarks[/URL] ← Ich habe dir geholfen ? [B][URL="https://www.amazon.de/gp/wishlist/348FHGUZWTNL0"]Beschenk mich[/URL][/B].

              Kommentar


              • #22
                @tronje: ich weiss nicht, was du die ganze zeit eigentlich postest, von dir klappt überhaupt nie was.

                Kommentar


                • #23
                  Zitat von coder44 Beitrag anzeigen
                  @tronje: ich weiss nicht, was du die ganze zeit eigentlich postest, von dir klappt überhaupt nie was.
                  Was genau funktioniert hier nicht?

                  http://jsfiddle.net/uAG2U/

                  Wenn du zu blöd zum copy & paste bist, liegt es nicht an mir. Aber trotzdem danke für den Hinweis, ich werde deine posts in Zukunft ignorieren.

                  Kommentar


                  • #24
                    Mea Culpa. Ich hatte beim Kopieren aus dem Editor die Tags vergessen. So was aber auch.
                    Stellt sich nur die frage wer hier saublöd ist.

                    Kommentar


                    • #25
                      Daran bist du natürlich prompt gescheitert.

                      Darf es vielleicht noch etwas sein, damit du beim nächsten mal nicht wieder verzweifelst? Vielleicht der Hinweis darauf, dass so eine Seite auch Doctype und Body-Tag benötig, selbst wenn diese nicht im Snippet stehen sollten? Ich meine, wenn du hier schon einen Premium-Service abonniert hast, dann sollte der auch für dich mitdenken. Nicht dass du wieder die kostenpflichtige Hotline anrufen und dich beschweren musst.

                      Kommentar


                      • #26
                        Ja genau, jetzt nehmt euch beide 'nen Lolli und dann weiter im Text.
                        [URL="https://gitter.im/php-de/chat?utm_source=share-link&utm_medium=link&utm_campaign=share-link"]PHP.de Gitter.im Chat[/URL] - [URL="https://raindrop.io/user/32178"]Meine öffentlichen Bookmarks[/URL] ← Ich habe dir geholfen ? [B][URL="https://www.amazon.de/gp/wishlist/348FHGUZWTNL0"]Beschenk mich[/URL][/B].

                        Kommentar

                        Lädt...
                        X