nicht angemeldet
Alle Input-Felder in Tabellenzeile ansprechen
Hallo!
Ich habe ein Formular, darin ist eine Tabelle, die in jeder Zeile eine variable Anzahl an Text-Eingabefeldern enthält. Jetzt würde ich gerne mit einem Javascript den gesamten Zeilenhintergrund anders färben.
Hat jemand ne Idee wie man das machen könnte?
HTML und Javascript werden durch PHP erzeugt, das heißt ich weiß in PHP wieviele Input-Felder das sind.
Die Zeilen sehen so aus:
<tr>
<td><input type="text" name="data[1][1]"></td>
<td><input type="text" name="data[1][2]"></td>
<td><input type="text" name="data[1][3]"></td>
</tr> <tr>
<td><input type="text" name="data[2][1]"></td>
<td><input type="text" name="data[2][2]"></td>
<td><input type="text" name="data[2][3]"></td>
</tr>
Wie gesagt wird das von PHP erzeugt, die Anzahl der Zeilen und Spalten ist variabel.
Leider kann man AFAIK die Eingabefelder nicht als "durchsichtig" definieren, so dass eine Änderung an <tr> sich durchgängig auswirkt.
Daher suche ich nach einer Möglichkeit, mit Javascript alle Felder in einer Zeile anzusprechen, und dort, sowie in <tr> per CSS die Hintergrundfarbe zu ändern.
In jeder Zeile sind immer gleich viele Felder.
Hat da jemand nen Tipp? Oder kann ich das vergessen?
Viele Grüße
Andreas
--
SELFHTML Linkverzeichnis: http://aktuell.de.selfhtml.org/links/
SELFHTML Linkverzeichnis: http://aktuell.de.selfhtml.org/links/
-
Hallo Andreas!
es keimt in mir Das Fragezeichen. Wieso mittels JS? Der Code legt die Vermutung nahe, daß er über eine Schleife erzeugt wird und Deiner Beschreibung zwar nicht zu entnehmen, aber vermutlich soll nun jede zweite Zeile eine Schattierung bekommen:
<?php
$b=0;
deine_schleife()
{
if(b==0)
{
$b=1;
$c=" class='mit_hintergrund'";
}
else $b=0;
echo "<tr$c>";
foreach([~]) /*oder for()*/
{
echo "<td><input$c ~></td>";
}
echo '</tr>';
unset($c);
}
?>Sollte jede Zeile eine eigene Farbe kekommen, wird sich dies sicher über ein Datenfeld realisieren lassen, was die einzelnen CSS-Klassen mit ihren Definitionen in Abfolge des zu generierenden HTML nebenher bereitstellt.
Mit JS hättest Du die Möglichkeit über node auf die einzelnen Zeilen und dann deren Inhalt zuzugreifen. Allerdings würde das die Dokumente unnötig aufblähen.
Die IDs solltest Du in dem Falle durchlaufend als (str) "tr".$i für $i++ mit PHP erstellen.
<table>
<tr id="tr0">
<td><input type="text" name="data[1][1]"></td>
<td><input type="text" name="data[1][2]"></td>
<td><input type="text" name="data[1][3]"></td>
</tr>
<tr id="tr1">
<td><input type="text" name="data[2][1]"></td>
<td><input type="text" name="data[2][2]"></td>
<td><input type="text" name="data[2][3]"></td>
</tr>
</table>Für DIESES Konstrukt würde folgendes Javascript funktionieren:
for(i=0;document.getElementById('tr'+i);i++)
{
for(j=1;document.getElementById('tr'+i).childNodes[j];j+=2)
{
document.getElementById('tr'+i).childNodes[j].firstChild.style.background='#808080'
}
}ACHTUNG: Für <tr><td></td></tr> (ohne Leerräume) gilt dies nicht mehr! Im Zweifel mit dem Dom Inspector arbeiten.
Gruß aus Berlin!
eddi-
Nachtrag:
Es gibt noch eine weitere Möglichkeit, dies mit CSS zu bewerkstelligen:
<style type="text/css">
.tr0 > td > input {background:black}
</style>
</head>
<body>
<table>
<tr class="tr0">
<td><input type="text" name="data[1][1]"></td>
<td><input type="text" name="data[1][2]"></td>
<td><input type="text" name="data[1][3]"></td>
</tr>
<tr>
<td><input type="text" name="data[2][1]"></td>
<td><input type="text" name="data[2][2]"></td>
<td><input type="text" name="data[2][3]"></td>
</tr>Gruß aus Berlin!
eddi-
Hi XaraX!
<style type="text/css">
.tr0 > td > input {background:black}
</style>
</head>
<body>
<table>
<tr class="tr0">
<td><input type="text" name="data[1][1]"></td>
<td><input type="text" name="data[1][2]"></td>
<td><input type="text" name="data[1][3]"></td>
</tr>
<tr>
<td><input type="text" name="data[2][1]"></td>
<td><input type="text" name="data[2][2]"></td>
<td><input type="text" name="data[2][3]"></td>
</tr>Also das wäre wirklich ideal - wenn das denn auch dynamisch per Javascript möglich ist.
<html>
<head>
<style type="text/css">
.hover > td > input {background:black}
.hover-tr {background:black}
.normal > td > input {background:green}
.normal-tr {background:green}
</style>
</head>
<body>
<form>
<table cellspacing="0">
<tr class="normal" onmouseover="this.className = 'hover hover-tr'" onmouseout="this.className = 'normal normal-tr'">
<td><input type="text" name="data[1][1]"></td>
<td><input type="text" name="data[1][2]"></td>
<td><input type="text" name="data[1][3]"></td>
</tr>
<tr class="normal" onmouseover="this.className = 'hover hover-tr'" onmouseout="this.className = 'normal normal-tr'">
<td><input type="text" name="data[2][1]"></td>
<td><input type="text" name="data[2][2]"></td>
<td><input type="text" name="data[2][3]"></td>
</tr>
<tr class="normal" onmouseover="this.className = 'hover hover-tr'" onmouseout="this.className = 'normal normal-tr'">
<td><input type="text" name="data[3][1]"></td>
<td><input type="text" name="data[3][2]"></td>
<td><input type="text" name="data[3][3]"></td>
</tr>
</table>
</form>
</body>
</html>Das funktioniert soweit im Mozilla. Aber leider kümmert sich der IE kein Stück um sowas.
Wie oben gezeigt ist aber genau das was ich suche. Wenn das jetzt im IE 5 gehen würde wäre ich glücklich ;-)
Viele
Grüße
Andreas--
SELFHTML Feature Artikel: http://aktuell.de.selfhtml.org/artikel/
-
-
Hallo,
wie Du schon bemerkt hast, ist der Zugriff auf Tabellenfelder über firstChild kritisch, da die Zeilenumbrüche zwischen den Tags in einigen Browsern auch Knoten sind. Ich benutze daher:
var tab=document.getElementById("ID_der_Tabelle");
var tbdy=tab.getElementsByTagName("tbody")[0];
var zeile=tbdy.getElementsByTagName("tr")[z].getElementsByTagName("td");
zeile[s].innerHTML="irgendwas"; oder zeile[s].firstChild.nodeValue="irgendwas";
zeile[s].style.color="irgendeineFarbe";siehe auch:
http://home.vrweb.de/j.berkemeier/TableSort.html
http://home.vrweb.de/j.berkemeier/uebersetzungsrechner.htmlGruß, Jürgen
-
Hi!
wie Du schon bemerkt hast, ist der Zugriff auf Tabellenfelder über firstChild kritisch, da die Zeilenumbrüche zwischen den Tags in einigen Browsern auch Knoten sind. Ich benutze daher:
Ja, das ist blöd, auch zählen IE und Mozilla nicht gleich:
<html>
<head>
<script type="text/javascript">
<!--function sethover(id) {
for(j=1;document.getElementById(id).childNodes[j];j+=2) {
document.getElementById(id).childNodes[j].firstChild.style.background='#808080'
}}
function setnormal(id) {for(j=1;document.getElementById(id).childNodes[j];j+=2) {
document.getElementById(id).childNodes[j].firstChild.style.background='#FFFFFF'
}}
//-->
</script>
</head>
<body>
<form>
<table>
<tr id="tr0" onmouseover="sethover('tr0');" onmouseout="setnormal('tr0');">
<td><input type="text" name="data[1][1]"></td>
<td><input type="text" name="data[1][2]"></td>
<td><input type="text" name="data[1][3]"></td>
</tr>
<tr id="tr1" onmouseover="sethover('tr1');" onmouseout="setnormal('tr1');">
<td><input type="text" name="data[2][1]"></td>
<td><input type="text" name="data[2][2]"></td>
<td><input type="text" name="data[2][3]"></td>
</tr>
<tr id="tr2" onmouseover="sethover('tr2');" onmouseout="setnormal('tr2');">
<td><input type="text" name="data[3][1]"></td>
<td><input type="text" name="data[3][2]"></td>
<td><input type="text" name="data[3][3]"></td>
</tr>
</table>
</form>
</body>
</html>Das funktioniert so wie ich es will, aber wieder nur im Mozilla.
Wenn ich statt:
for(j=1;document.getElementById(id).childNodes[j];j+=2) {
sowas mache:
for(j=0;document.getElementById(id).childNodes[j];j+=1) {
dann geht es im IE, aber nicht mehr im Mozilla.
Gut, da könnte man jetzt eine Browserweiche bauen, aber ich finde es nicht so sauber. Nicht jede Zelle enthält ein Input-Feld, das kommt noch erschwerend hinzu. In jedem Fall würde ich noch <tr> in den Funktionen komplett einfärben, aber wie kann ich am sichersten, sowohl in IE5 als auch Mozilla, zusätzlich noch alle <input type="text"> einfärben?
var tab=document.getElementById("ID_der_Tabelle");
var tbdy=tab.getElementsByTagName("tbody")[0];braucht man tbody?
var zeile=tbdy.getElementsByTagName("tr")[z].getElementsByTagName("td");
zeile[s].innerHTML="irgendwas"; oder zeile[s].firstChild.nodeValue="irgendwas";
zeile[s].style.color="irgendeineFarbe";Hm, aber ich habe ja eine variable Anzahl an Input-Feldern, eine typische Zeile sieht so aus:
<tr id="tr3">
<td>123</td>
<td><input id="td31" type="text" name="data[3][1]"></td>
<td><input id="td32" type="text" name="data[3][2]"></td>
<td><input id="td33" type="text" name="data[3][3]"></td>
<td><input id="td34" type="text" name="data[3][4]"></td>
<td>&nbrs;</td>
<td>&nbrs;</td>
</tr>In einer Tabelle sieht jede Zeile gleich aus. Das heißt sie haben gleich viele Felder, und die Input-Felder an den selben Positionen.
Das ganze wird wie gesagt dynamisch generiert, beim nöchsten mal können es z.B. 10 Input-Felder und nur 2 "normale" Felder sein.Ich könnte also auch die Javascript-Funktion dynamisch generieren, oder sowas:
z.B. ein Aufruf per
onmouseover="sethover('3','4')"
function sethover(zeile,anzahl) {
for(i=1;i<=4;i++) {
feld = 'td' + zeile + i;
document.Formular.feld.style.background = '#000000';
}
}
Sowas in der Art, aber "schön" ist das auch nicht, wenn das überhaupt geht... ;-)Viele Grüße
Andreas--
SELFHTML Tipps & Tricks: http://aktuell.de.selfhtml.org/tippstricks/-
Hallo,
function sethover(id) {
for(j=1;document.getElementById(id).childNodes[j];j+=2) {
document.getElementById(id).childNodes[j].firstChild.style.background='#808080'
}}
versuch mal
for(j=0;j<document.getElementById(id).getElementsByTagName("input").length;j++)
document.getElementById(id).getElementsByTagName("input")[j].style.background='#808080';
Diese Schleife bearbeitet alle inputs im Element mit der ID id. (Ich hab das nicht getestet, daher kritisch prüfen.)var tab=document.getElementById("ID_der_Tabelle");
var tbdy=tab.getElementsByTagName("tbody")[0];
braucht man tbody?Nein. Ich unterscheide nur zwischen thead, tfoot und tbody.
Gruß, Jürgen
-
Hallo!
versuch mal
for(j=0;j<document.getElementById(id).getElementsByTagName("input").length;j++)
document.getElementById(id).getElementsByTagName("input")[j].style.background='#808080';
Diese Schleife bearbeitet alle inputs im Element mit der ID id. (Ich hab das nicht getestet, daher kritisch prüfen.)ja, das hatte ich auch versucht, das macht dann allerdings der Mozilla nicht mit.
Grüße
Andreas--
SELFHTML Linkverzeichnis: http://aktuell.de.selfhtml.org/links/-
Hallo,
ja, das hatte ich auch versucht, das macht dann allerdings der Mozilla nicht mit.
das überrascht mich aber. Was macht der MOZ denn? Kommt eine Fehlermeldung? Ich setze so eine Konstruktion ein, um Input-Felder in einer Tabelle zu lesen/setzen. Allerdings habe ich eine einzeilige Tabelle und nehme die ID im table-Tag. Aber daran dürfte es nicht liegen.
Gruß, Jürgen
-
-
-
-
-
Hi!
es keimt in mir Das Fragezeichen. Wieso mittels JS? Der Code legt die Vermutung nahe, daß er über eine Schleife erzeugt wird und Deiner Beschreibung zwar nicht zu entnehmen, aber vermutlich soll nun jede zweite Zeile eine Schattierung bekommen:
Nein, das würde ich hinbekommen. Ich will wie bei phpmyadmin die komplette Zeile bei onmouseover einfärben. Nur ist das nicht so einfach möglich wie bei phpmyadmin, eben wegen der Input-Felder. Und ja, ich verwende eine Schleife zum Erzeugen der Zeilen, ich verwende sogar in jedem Schleifendurchlauf eine Schleife zum Erzeugen der Input-Felder. Das ist zwar höchst ineffektiv - das weiß ich wohl, ist aber im Moment nicht anders machbar, eben weil eine so erzeugte Tabelle 5 Spalten haben kann, oder auch 15, das ist abhängig von anderen Dingen.
Dadurch dass ich die Tabelle komplett dynamisch in PHP erzeuge, habe ich hier auch die Möglichkeit, CSS, Javascript und JS-Funktionsaufruf ebenfalls durch PHP zu erzeugen, also sowas wie Du in Deinem Beispiel auch machst.
Sollte jede Zeile eine eigene Farbe kekommen, wird sich dies sicher über ein Datenfeld realisieren lassen, was die einzelnen CSS-Klassen mit ihren Definitionen in Abfolge des zu generierenden HTML nebenher bereitstellt.
Hm? Das verstehe ich nicht. Was meinst Du für ein Datenfeld? Könnte ich das evtl. für meine onmouseover Zwecke nutzen? Jedenfalls gibt es bei mir nur 2 Farben, einmal "normal" und einmal "onmouseover". Wenn ich mit der Maus über eine Zeile komme, will ich per onmouseover eine JS-Funktion aufrufen, die die aktuelle Zeile einfärbt, komplett, <tr> wäre leicht, aber eben noch die ganzen input-felder.
Mit JS hättest Du die Möglichkeit über node auf die einzelnen Zeilen und dann deren Inhalt zuzugreifen. Allerdings würde das die Dokumente unnötig aufblähen.
Die IDs solltest Du in dem Falle durchlaufend als (str) "tr".$i für $i++ mit PHP erstellen.
<table>
<tr id="tr0">
<td><input type="text" name="data[1][1]"></td>
<td><input type="text" name="data[1][2]"></td>
<td><input type="text" name="data[1][3]"></td>
</tr>
<tr id="tr1">
<td><input type="text" name="data[2][1]"></td>
<td><input type="text" name="data[2][2]"></td>
<td><input type="text" name="data[2][3]"></td>
</tr>
</table>Für DIESES Konstrukt würde folgendes Javascript funktionieren:
for(i=0;document.getElementById('tr'+i);i++)
{
for(j=1;document.getElementById('tr'+i).childNodes[j];j+=2)
{
document.getElementById('tr'+i).childNodes[j].firstChild.style.background='#808080'
}
}Oh, das sieht gut aus ;-)
Damit probiere ich mal rum! Evtl. könnte ich auch mit this arbeiten,oder? Funktioniert das in IE5?ACHTUNG: Für <tr><td></td></tr> (ohne Leerräume) gilt dies nicht mehr! Im Zweifel mit dem Dom Inspector arbeiten.
Danke Dir!
Grüße
Andreas--
SELFHTML Feature Artikel: http://aktuell.de.selfhtml.org/artikel/
-
-
Hello,
Die Zeilen sehen so aus:
<tr>
<td><input type="text" name="data[1][1]"></td>
<td><input type="text" name="data[1][2]"></td>
<td><input type="text" name="data[1][3]"></td>
</tr> <tr>
<td><input type="text" name="data[2][1]"></td>
<td><input type="text" name="data[2][2]"></td>
<td><input type="text" name="data[2][3]"></td>
</tr>Wie gesagt wird das von PHP erzeugt, die Anzahl der Zeilen und Spalten ist variabel.
Leider kann man AFAIK die Eingabefelder nicht als "durchsichtig" definieren, so dass eine Änderung an <tr> sich durchgängig auswirkt.
Das habe ich schon mal irgendwann gemacht. Da hatte ich dem <TR> jeweils eine Klasse zugeordnet und diese dann über JavaScript verändert. Hatte ich damals auch hier im mForum erfragt, wie man das macht, also CSS-Klassen mittels JavaScript dynamisch verändern. Habs aber seitdem nie wieder benutzt und daher vergessen, wie es ging. Vielleicht hilft die Suche nach "CSS Klasse Javascipt Tom"
Liebe Grüße aus http://www.braunschweig.de
Tom
--
Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
Nur selber lernen macht schlau -
Hello,
schau mal hier http://forum.de.selfhtml.org/archiv/2004/2/73632/#m424084
hilft Dir das weiter? Hast Du das gemeint?
Liebe Grüße aus http://www.braunschweig.de
Tom
--
Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
Nur selber lernen macht schlau -
Hello, die Dritte:
... und hier ist der Thread, den ich meinte. Hat mir damals (technisch) geholfen. Der Kunde ist dann aber leider verreckt, bevor er bezahlt hat. :-(
Ich habs deshalb dann in die Ecke geballert.http://forum.de.selfhtml.org/archiv/2004/4/77914/#m450134
Liebe Grüße aus http://www.braunschweig.de
Tom
--
Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
Nur selber lernen macht schlau-
Hi Tom!
... und hier ist der Thread, den ich meinte. Hat mir damals (technisch) geholfen. Der Kunde ist dann aber leider verreckt, bevor er bezahlt hat. :-(
Ich habs deshalb dann in die Ecke geballert.Das kannte ich schonmal noch gar nicht, aber ich glaube es ist nicht das richtige. Ich habe z.B 200 oder mehr Zeilen. Ich will so einen ähnlucen Effekt erreichen, wie in phpmyadmin, dass sich die Zeiel einfärbt, über die Du gerade die maus bewegst. Mit dieser Variante müsste ich ja eine CSS-Datei mit >200 identischen Klassen erzeugen - wenn ich das richtig verstanden habe. Das ist ja nicht wirklich praktikabel, IMHO.
Ich hab allerdings den Vorteil dass ich Javascripte oder Funktionsaufrufe in jeder Zeile dynamisch (mit PHP) erzeugen könnte, das heißt ich müsste nur ein Javascript hinbekommen, welches mit irgendeiner eindeutigen ID sämtliche Input-Felder, als auch die Zeile verändert.
Grüße
Andreas--
[remote-signature:http://knet-systems.de/tmp/rand_sig.php]-
hi,
http://forum.de.selfhtml.org/archiv/2004/4/77914/#m450134
Das kannte ich schonmal noch gar nicht, aber ich glaube es ist nicht das richtige. Ich habe z.B 200 oder mehr Zeilen. Ich will so einen ähnlucen Effekt erreichen, wie in phpmyadmin, dass sich die Zeiel einfärbt, über die Du gerade die maus bewegst. Mit dieser Variante müsste ich ja eine CSS-Datei mit >200 identischen Klassen erzeugen - wenn ich das richtig verstanden habe.nein, ich glaube nicht.
tr.klassenormal { background:yellow; }
tr.klassenormal input { background:green; }tr.klassehover { background:blue; }
tr.klassehover input { background:blue; }wenn du jetzt per javascript die klasse der <tr> von "klassenormal" zu "klassehover" wechselst, sollte ein ordentlicher browser dann auch merken, dass er jetzt für die inputs innerhalb dieser <tr> auch eine andere formatierung anzulegen hat.
(klasse wechseln per javascript über className.)
gruß,
wahsaga--
I'll try being nicer if you'll try being smarter.-
Hallo!
tr.klassenormal { background:yellow; }
tr.klassenormal input { background:green; }tr.klassehover { background:blue; }
tr.klassehover input { background:blue; }wenn du jetzt per javascript die klasse der <tr> von "klassenormal" zu "klassehover" wechselst, sollte ein ordentlicher browser dann auch merken, dass er jetzt für die inputs innerhalb dieser <tr> auch eine andere formatierung anzulegen hat.
Ja, das wäre die optimale Lösung, nur leider benutzt nicht jeder einen "ordentlichen Browser" ;-)
Mit IE wird das erheblich unschöner, oder hast Du eine Idee wie man das ähnlich sauber machen kann?
Viele Grüße
Andreas--
SELFHTML Feature Artikel: http://aktuell.de.selfhtml.org/artikel/-
Hallo!
Ja, das wäre die optimale Lösung, nur leider benutzt nicht jeder einen "ordentlichen Browser" ;-)
ARGGHHS ;-)
Ich dachte das wäre das selbe Kompatibilitäts-Problem wie unten bei der Lösung von XaraX. Es klappt in beiden Browsern wunderbar - genau sowas habe ich gesucht! Vielen, vielen Dank!
Weißt Du ob das auch in IE5 geht?
Grüße
Andreas--
SELFHTML Tipps & Tricks: http://aktuell.de.selfhtml.org/tippstricks/-
hi,
Weißt Du ob das auch in IE5 geht?
wenn du kurz eine beispielseite online bereitstellst, teste ich es gerne (ich sitze gerade an einem IE 5.01).
aber ich denke mal, dass das auch dort unproblematisch sein dürfte.
gruß,
wahsaga--
I'll try being nicer if you'll try being smarter.-
Hi wahsaga!
Weißt Du ob das auch in IE5 geht?
wenn du kurz eine beispielseite online bereitstellst, teste ich es gerne (ich sitze gerade an einem IE 5.01).
wäre sehr nett: http://knet-systems.de/tmp/hover.html
aber ich denke mal, dass das auch dort unproblematisch sein dürfte.
Ja, in SELFHTML steht es so, aber es gibt immer wieder Ausnahmen unter bestimmten Bedingungen...
In jedem Fall vielen Dank, habe nicht mehr dran geglaubt dass es doch so einfach gehen kann ;-)
Viele Grüße
Andreas--
SELFHTML Feature Artikel: http://aktuell.de.selfhtml.org/artikel/-
Hello,
Weißt Du ob das auch in IE5 geht?
Im IE5.5 geht es
Im Firefox 0.9 gehte es
Im Netscape 7.1 (Gecko) geht eswäre sehr nett: http://knet-systems.de/tmp/hover.html
Liebe Grüße aus http://www.braunschweig.de
Tom
--
Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
Nur selber lernen macht schlau-
Hi!
Im IE5.5 geht es
Im Firefox 0.9 gehte es
Im Netscape 7.1 (Gecko) geht esDanke auch fürs Testen!
Grüße
Andreas--
SELFHTML Linkverzeichnis: http://aktuell.de.selfhtml.org/links/
-
-
hi,
wäre sehr nett: http://knet-systems.de/tmp/hover.html
ja, "funzt" auch in meinem IE 5.01 unter Win NT.
wenn das allerdings ein beispiel ist, was nahe an der realität sein sollte - dann frage ich mich doch, warum du einen transparenten hintergrund für die input-felder als ausgeschlossen bezeichnet hast ...?
gruß,
wahsaga--
I'll try being nicer if you'll try being smarter.-
Hallo!
ja, "funzt" auch in meinem IE 5.01 unter Win NT.
Gut, danke fürs testen.
wenn das allerdings ein beispiel ist, was nahe an der realität sein sollte - dann frage ich mich doch, warum du einen transparenten hintergrund für die input-felder als ausgeschlossen bezeichnet hast ...?
Weil ich es irgendwie nicht hinbekommen habe(hab in SELFHTML irgendwie nichts dazu gefunden), und dachte sowas geht halt nicht ;-)
Wie ist das denn hier mit der Kompatibilität (vor allem IE5): http://knet-systems.de/tmp/hover2.html?
Vielen Dank nochmal, ich wußte gar nicht wieviel von CSS ich gar nicht kenne ;-)
Grüße
Andreas--
SELFHTML Tipps & Tricks: http://aktuell.de.selfhtml.org/tippstricks/-
hi,
Wie ist das denn hier mit der Kompatibilität (vor allem IE5): http://knet-systems.de/tmp/hover2.html?
IE 5 ebenfalls problemlos; evtl. mal opera testen, der war in der 6er-version ja noch etwas eigen, was formatierung von inputfeldern anging. opera 7 dürfte damit auch kein problem haben, ebenso wie geckos.
gruß,
wahsaga--
I'll try being nicer if you'll try being smarter.-
Hallo wahsaga!
IE 5 ebenfalls problemlos; evtl. mal opera testen, der war in der 6er-version ja noch etwas eigen, was formatierung von inputfeldern anging. opera 7 dürfte damit auch kein problem haben, ebenso wie geckos.
Ich hab hier dummerweise nur IE 6 udn Firefox 0.9.1, aber wenn die Seite auch im IE 5 läuft ist das OK, denn die Seite funktioniert auch ohne so ein "Feature".
Jedenfalls vielen Dank, Du hast mit sehr geholfen.
Viele Grüße
Andreas--
SELFHTML Tipps & Tricks: http://aktuell.de.selfhtml.org/tippstricks/-
hi,
Ich hab hier dummerweise nur IE 6 udn Firefox 0.9.1, aber wenn die Seite auch im IE 5 läuft ist das OK, denn die Seite funktioniert auch ohne so ein "Feature".
hab's noch mal im opera 6 getestet - wie erwartet, "geht nicht", weil der überhaupt keine hintergrundfarbe für die input-felder annehmen mag, egal bei welcher von beiden lösungen.
aber eigentlich auch wurscht, opera 6 ist obsolet, und im 7er funzt es ohne probleme.
gruß,
wahsaga--
I'll try being nicer if you'll try being smarter.
-
-
-
-
-
-
-
-
-
-
-