Tabelle-CSS-Mouseover?

LuNeX

Pharao

Dabei seit: 03.03.2006
Beiträge: 3305

30.10.2007, 02:26

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

Stichworte: -

Blues

König

Dabei seit: 20.06.2007

Beiträge: 504
- Share
- Tweet
#2

30.10.2007, 02:56

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
threadi

Pharao

Dabei seit: 03.06.2006

Beiträge: 4489
- Share
- Tweet
#3

30.10.2007, 16:16

AW: Tabelle-CSS-Mouseover?

Was aber wiederum der IE nicht mitmacht ..
Kommentar
LuNeX

Pharao

Dabei seit: 03.03.2006

Beiträge: 3305
- Share
- Tweet
#4

30.10.2007, 16:37

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
threadi

Pharao

Dabei seit: 03.06.2006

Beiträge: 4489
- Share
- Tweet
#5

30.10.2007, 16:47

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

Vorherige template Weiter

htaccess Weiterleitung

Hallo zusammen.

Ich bin glaube ich etwas zu blöd dafür. Ich möchte werde eine Weiterleitung einrichten von meiner Domain " xxxxx.at " nach einer neuen Domain samt Port. " xxx.neu.at:PORT "
Wie muss ich das eintragen in der htaccess Datei?
Könnte mir...
- Kanal: 2.1 - Webhoster, Webspace, Server
Heute, 05:19
WooCommerce Payments patched kritische Schwachstelle :: Übernahme der Site möglich

....jetzt, da die Schwachstelle öffentlich gemacht wurde, ist es zwingend erforderlich, dass alle Stores, auf denen Version 4.8.0+ des Plugins ausgeführt wird, so schnell wie möglich manuell aktualisiert werden. WooCommerce-Sites, die auf WordPress.com, Pressable und WPVIP gehostet werden, wurden...
- Kanal: 2.6 - Smalltalk
24.03.2023, 00:18
Bard - Googles Antwort auf ChatGPT geht ins Rennen

Try Bard and share your feedback Mar 21, 2023 - so der Aufruf vor wenigen Stunden.

und weiter: We’re starting to open access to Bard, an early experiment that lets you collaborate with generative AI. We're beginning with the U.S. and the U.K., and will expand to more countries and languages...
- Kanal: 2.6 - Smalltalk
22.03.2023, 23:20
Eine horizontale Linie mit <hr> in css als bild mit wiederholung anzeigen?
Hallo,

ich bin neu hier und Webseiten-Anfänger. Trotzdem möchte ich in einem HR-Tag mit Css ein Bild anzeigen, dass nur horizontal über die gesamte Seite wiederholt wird.
HTML-Code:
```
  <!--<div id="bild2">      
<img src="..\Bilder\TrennungTranparentQuer.jpeg">
```
...
- Kanal: 1.2.2 - HTML, CSS & JavaScript
22.03.2023, 15:44
CloudFest Hackathon 2023 noch bis 23 März- mit innovativen Projekten

Hi liebe Homepage-Foren-Feunde,

hier ein kurzer Hinweis auf das CloudFest 2023

wie immer gibts eine Fülle von Angeboten am Fest. Da ist ganz ganz viel dabei!
...unter anderem auch mit innovativen WordPress-Projekten: VS Code-Erweiterung für In-Browser-Entwicklung...
- Kanal: 2.6 - Smalltalk
21.03.2023, 12:41

Antwort auf htaccess Weiterleitung

ohne port xxx.neu.at:PORT das geht eh nicht glaube ich
redirect 302 xxx.alt.at zu https://xxx.neu.at wenn es geht dann zu 301 abändern. ohne das zu
Wo bist du denn mit der Seite, welcher Server?...
- Kanal: 2.1 - Webhoster, Webspace, Server
Heute, 21:05
htaccess Weiterleitung

Hallo zusammen.

Ich bin glaube ich etwas zu blöd dafür. Ich möchte werde eine Weiterleitung einrichten von meiner Domain " xxxxx.at " nach einer neuen Domain samt Port. " xxx.neu.at:PORT "
Wie muss ich das eintragen in der htaccess Datei?
Könnte mir...
- Kanal: 2.1 - Webhoster, Webspace, Server
Heute, 05:19
Antwort auf htaccess Weiterleitung

Hallo, was hast denn schon probiert?
vielleicht die Seite mal durchlesen https://seo-summary.de/301-redirect/...
- Kanal: 2.1 - Webhoster, Webspace, Server
Heute, 18:44
Antwort auf WooCommerce Payments patched kritische Schwachstelle :: Übernahme der Site möglich

Getreu der Antiviren Software erst danach nachzusehen, dass ein neuer Admin da ist, nun da ist der Zug schon abgefahren.

Erster Schritt ist ein Backup. Dann das Plugin deaktivieren....
- Kanal: 2.6 - Smalltalk
Gestern, 23:35
WooCommerce Payments patched kritische Schwachstelle :: Übernahme der Site möglich

....jetzt, da die Schwachstelle öffentlich gemacht wurde, ist es zwingend erforderlich, dass alle Stores, auf denen Version 4.8.0+ des Plugins ausgeführt wird, so schnell wie möglich manuell aktualisiert werden. WooCommerce-Sites, die auf WordPress.com, Pressable und WPVIP gehostet werden, wurden...
- Kanal: 2.6 - Smalltalk
24.03.2023, 00:18
Design Hilfe zu einer Form die ein PHP Script triggert

Ich würde mich über eure Meinung zu dem folgenden Szenario freuen:

Ich möchte ein Formular einrichten, das im Wesentlichen die folgenden Schritte triggert:
- Ein PHP-Skript ausführen
- Formulardaten in die WordPress-Datenbank meiner Website speichern
- KEINE anderen...
- Kanal: 1.2.2 - HTML, CSS & JavaScript
21.03.2023, 07:20
Antwort auf Design Hilfe zu einer Form die ein PHP Script triggert

Erstmal vielen Dank euch beiden Localfu & arnego2 !

Ich bin relativ unbedarft was Web Development betrifft.
Prinzipiell nutze ich WordPress (mit Astra oder Elementor) um Websites zu erstellen.
Coding mache ich mit Python / JavaScript aber normalerweise nicht im Context...
- Kanal: 1.2.2 - HTML, CSS & JavaScript
25.03.2023, 17:24
Antwort auf Bard - Googles Antwort auf ChatGPT geht ins Rennen

Na schön dann können sich die Internauten daran vergnügen die Voraussehende Software zu nutzen, wobei man sieht dass keiner der beiden Firmen seine Schöpfung KI nennt.
- Kanal: 2.6 - Smalltalk
23.03.2023, 15:39
Bard - Googles Antwort auf ChatGPT geht ins Rennen

Try Bard and share your feedback Mar 21, 2023 - so der Aufruf vor wenigen Stunden.

und weiter: We’re starting to open access to Bard, an early experiment that lets you collaborate with generative AI. We're beginning with the U.S. and the U.K., and will expand to more countries and languages...
- Kanal: 2.6 - Smalltalk
22.03.2023, 23:20
Antwort auf Eine horizontale Linie mit <hr> in css als bild mit wiederholung anzeigen?
Das liegt daran, dass Du einige Syntaxfehler in deinem CSS hast. Ich nutze ebenfalls VS-Code und der zeigt den Code so an:

Dieses funktioniert jedoch einwandfrei:
Code:
```
    <style>
        hr {
            background: url("images/busleft.png");
```
...
- Kanal: 1.2.2 - HTML, CSS & JavaScript
23.03.2023, 14:25

Ankündigung

Tabelle-CSS-Mouseover?

Tabelle-CSS-Mouseover?

Kommentar

Kommentar

Kommentar

Kommentar

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

Online-Benutzer

Die neuesten Themen

Die neuesten Beiträge