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: 56.880   Beiträge: 430.743   Mitglieder: 28.628   Aktive Mitglieder: 43
          Willkommen an unser neuestes Mitglied, Nightbird.

          Online-Benutzer

          Einklappen

          175 Benutzer sind jetzt online. Registrierte Benutzer: 1, Gäste: 174.

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

          Die neuesten Themen

          Einklappen

          • basti1012
            Antwort auf Änderung an der CSS macht Probleme
            @-moz-keyframes sowie @-webkit-keyframes brauch man eigentlich nicht.
            Es reicht @keyframes
            Man kann das natürlich ändern mit mehr Bildern , finde das aber etwas kompliziert.
            Da gibt es einfacher Slideshows die sich leichter anpassen lassen.
            Gestern, 17:27
          • Nightbird
            Änderung an der CSS macht Probleme
            Als neues Forumsmitglied möchte ich mich gleich mit einer Frage an Euch wenden.
            Bei der Programmierung von HTML geht's so halbwegs aber bei einer CSS habe ich so meine Schwieriegkeiten.
            Dashalb suche ich mir im Web hauprsächlich Templates zusammen, die meinen Vorstellungen entsprechen....
            Gestern, 17:01
          • arnego2
            Spammer in Editoren
            Wer hat es gewußt? Das Nulled Wordpress Themes, so einige Plugins die modifiziert wurden auch Ostereier haben war bekannt.
            Die
            • html-cleaner.com
            • html-online.com/editor/
            • html5-editor.net
            • htmlg.com
            • … and others
            Sind hier genannt: https://casparwre.de/blog/seo-scam/...
            18.06.2021, 17:41
          • Fridolin
            Passendes Programm/Plugin für online Buchung
            Hallo zusammen, ich brauche eure hilfe - und zwar baue ich eine Webseite für einen Freund. Es geht um eine Vermietung/ Verleih tageweise. Aktuell verwende ich Wix, überlege aber zu Wordpress zu wechseln. Mein Problem ist das passende Programm/Plugin für die online Buchung und Zahlung zu finden. Wix...
            18.06.2021, 09:43
          • daniel5959
            Antwort auf htaccess - aus txt eine htaccess datei erstellen
            Hallo,

            falls der Server des Webspaces dem User die Rechte an der Datei entzogen hat, dann kann man ja den Support um Hilfe bitten.

            Ich habe hin und wieder den Support bemühen müssen, wenn ich ein Problem nicht selber lösen konnte.

            daniel5959
            14.06.2021, 16:56

          Die neuesten Beiträge

          Einklappen

          Lädt...
          X