• Registrierungsdatum: 13-10-2005
  • Beiträge: 7

Thema: onMouseOut="..." hintergrundfarbe "keine?&qu

hallo zusammen

ich versuche im moment einen tabelleneffekt zunutzen,
der die zeile hervorhebt über die man gerade herüber fährt.
gefunden habe ich folgendes skript


<table border="0" width="250">
<tr bgcolor="lightgrey">
  <td>Stadt</td>
  <td>Einwohner</td>
</tr>
<tr bgcolor="lightgrey" onMouseOver="this.bgColor='moccasin';" onMouseOut="this.bgColor='lightgrey';">
  <td>Bocholt</td>
  <td>75.000</td>
</tr>
<tr bgcolor="lightgrey" onMouseOver="this.bgColor='moccasin';" onMouseOut="this.bgColor='lightgrey';">
  <td>Rhede</td>
  <td>18.000</td>
</tr>
</table>

das funktioniert auch wunderbar, nur nutze ich als hintergrund
der tabelle ein bild das auch nach dem herüberfahren wieder angezeigt werden soll. also hab ich erstmal die grundfarbe grau gelöscht, dann wird die zeile noch beige, aber beim verlassen wieder grau...
dann hab ich auch das verlassen-grau gelöscht...und die zeile bleibt beige !

hilfe ?
wie kann ich beim onMouseOut erreichen das der frabige balken überhaupt nicht mehr vorhanden ist ???

DANKE im voraus falls einer rat von euch weiß

die hoffnung stirbt zuletzt
  • Herkunft: Wolfenbüttel & Garching b. M.
  • Registrierungsdatum: 07-11-2000
  • Beiträge: 1.971

Re: onMouseOut="..." hintergrundfarbe "keine?&qu

Hallo!

Setze doch einfach wieder das Hintergrundbild:
onMouseOver="this.backgroundImage='bild.gif'"
sollte funktionieren...

Mamphil

The laws of physics are the canvas God laid down on which to paint his masterpiece. “Leonardo Vetra” in Dan Brown’s “Angels & Demons”

Mamphil's Webseite

  • Registrierungsdatum: 13-10-2005
  • Beiträge: 7

Re: onMouseOut="..." hintergrundfarbe "keine?&qu

hey
müßte es nicht dann
onMouseOut heißen ?
sorry...bin hier als blutiger java-anfänger begeister am werk!


Hier ist ein Beispiel zum funktionsprinzip:
hintergrundbild, beim drüberscrollen farbe..und dann...
klappt ja bekanntlich nicht!...beim verlassen wieder hintergrundbild

http://www.natursteine-schmitz.de/tabelle.html

vieleicht kannst du dir das mal ne sekund anschauen...würd mich freuen !
danke

die hoffnung stirbt zuletzt

4 Antwort von Dino

  • Dino
  • Moderator
  • Offline
  • Herkunft: DE-CIX
  • Registrierungsdatum: 07-12-2000
  • Beiträge: 491

Re: onMouseOut="..." hintergrundfarbe "keine?&qu

müßte es nicht dann
onMouseOut heißen ?

stimmt, Mamphil hat sicht vertippt wink

dein beispiel hat übrigens das problem, dass du einen absoluten pfad angegeben hast, mit dem bild auf deiner platte kann sonst aber niemand was anfangen

Setze doch einfach wieder das Hintergrundbild:
onMouseOver="this.backgroundImage='bild.gif'"
sollte funktionieren...

kann er nicht, weil das bild ja für die ganze tabelle gilt, nicht nur für eine zelle.

So könnte es gehen: nimm ein transparentes bild (gif/png) und setz es bei onMouseOut als hintergrund

Dino

Ceterum censeo Ameriginem esse delendam.
  • Herkunft: Wolfenbüttel & Garching b. M.
  • Registrierungsdatum: 07-11-2000
  • Beiträge: 1.971

Re: onMouseOut="..." hintergrundfarbe "keine?&qu

Hi!

müßte es nicht dann
onMouseOut heißen ?

stimmt, Mamphil hat sicht vertippt wink

Jau. Alternativ könntest du auch folgendes versuchen:
onMouseOut='this.bgColor='none'

Mamphil

The laws of physics are the canvas God laid down on which to paint his masterpiece. “Leonardo Vetra” in Dan Brown’s “Angels & Demons”

Mamphil's Webseite

  • Registrierungsdatum: 13-10-2005
  • Beiträge: 7

Re: onMouseOut="..." hintergrundfarbe "keine?&qu

jau...
das mit dem festplattenpfad war in der tat spitze von mir  roll
ich habs jetzt mit dem dursichtigen hintergrundbild bei onmouseout probiert und auch mit color=none...

leider hats nix gebracht...habs nochmal neu hochgeschoben
www.natursteine-schmitz.de/tabelle.html

hab ich irgendwelche " ´ ; etc vergessen ?
hilfee, war vieleicht für mich nicht das richtige anfangsprojekt um sich
ein wenig mit java zu beschäftigen, aber mich ärgerts immer wenn ich was nicht gelöst bekomm ...grübel..grübel...

die hoffnung stirbt zuletzt
  • Herkunft: Wolfenbüttel & Garching b. M.
  • Registrierungsdatum: 07-11-2000
  • Beiträge: 1.971

Re: onMouseOut="..." hintergrundfarbe "keine?&qu

Just do it: wink

<html><head><meta http-equiv="content-type" content="text/html;charset=iso-8859-1"></head>
<body><table background="tabelle_dateien/diekunst2.jpg" border="0" height="100" width="500">
    <tbody><tr>
        <td><font color="white"><b>Stadt</b></font></td>
        <td><font color="white"><b>Einwohner</b></font></td>
    </tr>
    <tr onmouseover="this.bgColor='moccasin';" onmouseout="this.bgColor=''">
        <td>Bocholt</td>
        <td>75.000</td>
    </tr>
    <tr onmouseover="this.bgColor='moccasin';" onmouseout="this.bgColor=''">
        <td>Rhede</td>
        <td>18.000</td>
    </tr>
</tbody></table></body></html>

Ich habe einfach beim onmouseout "this.bgColor='';" geschrieben...

Mamphil

The laws of physics are the canvas God laid down on which to paint his masterpiece. “Leonardo Vetra” in Dan Brown’s “Angels & Demons”

Mamphil's Webseite

  • Registrierungsdatum: 13-10-2005
  • Beiträge: 7

Re: onMouseOut="..." hintergrundfarbe "keine?&qu

AAHHH
lol  Da bekomm ich noch die Lustige Krise,
ich hab mir echt Mühe gegeben und mit all meinem Unwissen versucht die Lage in den Griff zu bekommen...und jetzt wo ich die Lösung sehe, liegt sie so nah ...einfach genial.
SUPER !
Echt ein dreifaches Danke an Dich.

die hoffnung stirbt zuletzt
  • Registrierungsdatum: 13-10-2005
  • Beiträge: 7

Re: onMouseOut="..." hintergrundfarbe "keine?&qu

Ach ...ähhh.....schäm
nochwas:

gibts ne Möglichkeit hierbei am Alphawert der Farbe zu drehen ?
Ihn, sagen wir mal, auf 50% zu setzen um eine halbtransparenz des beigen Balkens zu erreichen ???
ich hab da mal was über CSS versucht,
was auch ansatzweise funktioniert, leider nur ansatzweise, d.h. der balken ist zwar dann transparent, nur die schrift in der tabelle auch  big_smile

die hoffnung stirbt zuletzt

10 Antwort von Mamphil

  • Herkunft: Wolfenbüttel & Garching b. M.
  • Registrierungsdatum: 07-11-2000
  • Beiträge: 1.971

Re: onMouseOut="..." hintergrundfarbe "keine?&qu

Hi!

Bzgl. halbtransparenter Hintergrund:
Ich wüsste nicht, dass das geht. Du könntest aber ein 24Bit-PNG-Bild in der gewünschten Farbe mit der gewünschten Transparenz verwenden. Allerdings wird das im IE nicht wirklich funktionieren  roll

Mamphil

The laws of physics are the canvas God laid down on which to paint his masterpiece. “Leonardo Vetra” in Dan Brown’s “Angels & Demons”

Mamphil's Webseite

11 Antwort von Dino

  • Dino
  • Moderator
  • Offline
  • Herkunft: DE-CIX
  • Registrierungsdatum: 07-12-2000
  • Beiträge: 491

Re: onMouseOut="..." hintergrundfarbe "keine?&qu

Allerdings wird das im IE nicht wirklich funktionieren

geht über Umwege, brauchst aber für transparente png's im ie das hier:
http://sourceforge.net/projects/ie7/

Dino

Ceterum censeo Ameriginem esse delendam.
  • Registrierungsdatum: 13-10-2005
  • Beiträge: 7

Re: onMouseOut="..." hintergrundfarbe "keine?&qu

jo...
Irgendwie läßt sich das nicht wirklich verwirklichen...

also die Variante heir kann wirklich sehr stylisch aussehen,
mit dem richtigen Hintergrundbild und dem durchscheinenden
Balken ein echter Hingucker, jedoch verwandelt dieses skript
auch die Schrift der Tabelle mit, wobei aus schwarz, dann ein
eher zartes grau wird,
das läßt sich vollkommen ok benutzen wenn man eh eine graue
Schrift auf den restlichen Seiten wählt:


datei: styles.css
----
.Ftrans
{
width: 100%;
filter:alpha(Opacity=50, FinishOpacity=50,,,,,);
-moz-opacity: 50%
}

--<ende>---


HTML Datei:
----
<HTML>
<HEAD>
<LINK REL=stylesheet TYPE="text/css" HREF="styles.css">
</HEAD>

<BODY>
</BODY>

<SPAN CLASS="Ftrans">
<TABLE>
.
.
.
.
</TABLE>
</SPAN>
</HTML>

die hoffnung stirbt zuletzt