Ankündigung

Einklappen
Keine Ankündigung bisher.

Tabelle-CSS-Mouseover?

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

  • Tabelle-CSS-Mouseover?

    Ich hatte mir für 2007 auf meiner HP selbst einen Kalender gebastelt (z.B. November).

    Mit JavaScript wird für jede Zeile ein Mouseover erzeugt, was sehr aufwendig ist, weil ich für jeden einzelnen Tag den Code für den Mouseovereffekt eingeben muss (siehe Quelltext bzw. hier kleiner Auszug).
    HTML-Code:
    <script type="text/javascript">
     function ein(x) {document.getElementById(x).style.backgroundColor="#FF9999";}
     function aus(x) {document.getElementById(x).style.backgroundColor="transparent";}
    </script>
     <tr id="1" onMouseOver="ein('1');" onMouseOut="aus('1');">
      <td><div align="center"><strong>01.11.2007</strong></div></td> 
      <td><div align="center"><strong>Do</strong></div></td>
    
      <td><div align="center">305</div></td>
      <td><div align="center">61</div></td>
      <td><div align="center">44</div></td>
      <td>Allerheiligen (BY) </td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    
      <td>&nbsp;</td>
      <td>16:30=ND-LE</td>
     </tr>
     <tr id="2" onMouseOver="ein('2');" onMouseOut="aus('2');">
       <td><div align="center">02.11.2007</div></td>
       <td><div align="center">Fr</div></td>
       <td><div align="center">306</div></td>
    
       <td><div align="center">60</div></td>   <td><div align="center">&nbsp;</div></td><td>&nbsp;</td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
       <td>-06:30=ND-LE</td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
     </tr>
    
     <tr id="3" onMouseOver="ein('3');" onMouseOut="aus('3');">
       <td><div align="center">03.11.2007</div></td>
       <td><div align="center">Sa</div></td>
       <td><div align="center">307</div></td>
       <td><div align="center">59</div></td>   <td><div align="center">&nbsp;</div></td><td>&nbsp;</td>
       <td>&nbsp;</td>
    
       <td>&nbsp;</td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
       <td>16:30=ND-LE</td>
     </tr>
     <tr id="4" onMouseOver="ein('4');" onMouseOut="aus('4');">
       <td><div align="center"><strong>04.11.2007</strong></div></td>
       <td><div align="center"><strong>So</strong></div></td>
    
       <td><div align="center">308</div></td>
       <td><div align="center">58</div></td>   <td><div align="center">&nbsp;</div></td><td>&nbsp;</td>
       <td>Manuela</td>
       <td>&nbsp;</td>
       <td>-06:30=ND-LE</td>
       <td>&nbsp;</td>
    
       <td>&nbsp;</td>
     </tr>
    usw.

    In Vorbereitung des Kalenders für 2008 würde mich interessieren wie kann man das per CSS "automatisieren"?
    LuNe's Blog*Meine Software- und Tippssammlungen *
    Twitter * Meine Tel-Domain

  • #2
    AW: Tabelle-CSS-Mouseover?

    zB

    tr
    {
    background-color:xyz
    }

    tr:hover
    {
    background-color:abc
    }
    nicht von mir gemacht, nur von mir empfohlen:
    Die Goldenen Regeln für Schlechtes HTML
    :gott: SelfHTML
    Farben - Lehre, Wirkung, Harmonie

    Kommentar


    • #3
      AW: Tabelle-CSS-Mouseover?

      Was aber wiederum der IE nicht mitmacht ..

      Kommentar


      • #4
        AW: Tabelle-CSS-Mouseover?

        Zitat von threadi Beitrag anzeigen
        Was aber wiederum der IE nicht mitmacht ..
        dann wäre das von Blues leider keine Alernative
        LuNe's Blog*Meine Software- und Tippssammlungen *
        Twitter * Meine Tel-Domain

        Kommentar


        • #5
          AW: Tabelle-CSS-Mouseover?

          Genau. Daher wäre deine JavaScript-Variante die einzig praktikable. Mittels php oder anderen unterstützenden Programmen könntest du das allerdings auch automatisch generieren lassen.

          Kommentar

          homepage-forum.de - Hilfe für Webmaster! Statistiken

          Einklappen

          Themen: 57.077   Beiträge: 432.004   Mitglieder: 29.246   Aktive Mitglieder: 47
          Willkommen an unser neuestes Mitglied, payais.

          Online-Benutzer

          Einklappen

          212 Benutzer sind jetzt online. Registrierte Benutzer: 5, Gäste: 207.

          Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

          Die neuesten Themen

          Einklappen

          • matze244
            Homepage umziehen
            Hallo liebes Forum,

            ich möchte eine Vorhandene Webseite von T-Online (wurde nicht von mir erstellt, aber ich übernehme den Großteil der Homepage vom Bekannten) zu einen anderen Anbieter umziehen.
            Dabei habe ich bei T-Online den ganzen Ordner kopiert wo die ganzen Unterordner drin...
            20.05.2022, 20:21
          • zfry123
            instagram: Wie kann ich sehen, wer meine Highlights angeschaut hat?
            Liebe Community,

            wie kann man sehen, wer sich die Highlights auf einem Instagram-Profil angeschaut hat? Im Netz finde ich zu diesem Thema zwei Artikel. Im ersten Artikel steht folgendes:
            1. Navigieren Sie zu Ihrem Profil auf Instagram.
            2. Tippen Sie auf das Symbol des Highlight, zu dem Sie
            ...
            20.05.2022, 16:36
          • croxxx69
            Seite nicht von Google indexiert?
            Hallo, wenn ich site:meineseite in google eintippe, ist leider immer noch kein Resultat in Google, also nicht indexiert. Die Seite ist schon paar Monate online, auch in Search Console angemeldet... Kann mir bitte einer helfen? Was kann ich tun? Wenn ich darf, kann ich auch meine Seite hier posten
            18.05.2022, 21:21
          • daniel5959
            Überdachte Pedelecs
            Hallo,

            nachdem ich gut 40 Jahre lang Auto gefahren bin, habe ich seit einigen Jahren kein Auto mehr.

            Für die kurzen Strecken alle 2 Wochen zum Supermarkt oder auch mal in die nächste Stadt (ca. 3,5 km bis zum Stadtrand mit Bau- und Garten- sowie Supermärkten oder ca. 5 km...
            15.05.2022, 21:12
          • Gast-Avatar
            html und css homepage ohne Javascript
            Hallo,
            ich möchte nur in html und css ohne Javascript eine Website erstellen , die laut Anhang ungefähr so aussehen soll. Content diverse Themenbereiche als Blog. Ich habe auch schon angefangen, hochgeladen, das würde eigentlich schon reichen. Aber ich bin haltrnicht zufrieden. Als Hilfe hatte...
            14.05.2022, 09:22

          Die neuesten Beiträge

          Einklappen

          Lädt...
          X