nicht angemeldet
JScript-Problem
Hallo,
ich möchte nicht in jedem Tag onmouseover,onmouseout, onfocus und onblur eingeben müssen.
Mit der Maus werden die Hintegründe auch wie gewünscht hellgelb.
Dassselbe soll auch bei Onfocus passieren.
Versuche mit onfocus in allen Varianten wollten nicht klappen.
Hier die Demo <http://www.fniffi.de/newsletterformular401a.html >
[Code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="generator" content="HTML Tidy, see www.w3.org">
<title>Newsletter Formular WAI AAA</title>
<script language="JScript" type="text/jscript"><!--
var myLayer=new Object();
function ieShowYellow(){
myLayer=window.event.toElement;
if(myLayer.tagName=="LABEL"){
myLayer.style.backgroundColor="LightYellow";}
else{
myLayer.cancelBubble=true;
}
myLayer=window.event.fromElement;
if(myLayer.tagName=="LABEL"){
myLayer.style.backgroundColor="Transparent";}
else{myLayer.cancelBubble=true; }
}
// -->
</script>
<style type="text/css">
body.c42 {font-family:tahoma,verdana;font-size:11px;scrollbar-basecolor:wheat;}
input:hover,input:focus, td.cl1:hover,td.cl1:focus{background-color:LightYellow;}
fieldset.c41 {width:360px;background-color:whitesmoke}
table.c40 {font-size:12px;font-weight:bold;}
input.c39 {width:100%;height:20px;}
span.c38 {background-color:wheat}
input.c37 {width:100%;height:35px;overflow:auto;font-weight:bolder;}
td.c36 {text-align:center}
small.c35 {color:brown}
input.c34 {width:100%;height:35px;overflow:auto;font-weight:bolder;}
label.c33 {cursor:pointer;font-size:12px;background-color:transparent;}
span.c32 {border-bottom:ridge 1px gray;color:#336699;font-weight:bolder;font-size:14px;}
span.c31 {position:relative;top:-8px;left:10px;font-family:tahoma,verdana,arial,helvetica,sans-serif;font-size:16px;color:#336699;font-weight:bolder;}
span.c30 {font-size:26px;font-family:Tahoma,Verdana,helvetica,sans-serif;font-weight:bolder;color:gray}
legend.c29 {background-color:wheat;border:ridge 2px maroon;width:336px;text-align:center;color:brown;font-size:14px;font-weight:bold}
</style>
</head>
<body class="c42" >
<fieldset class="c41" onfocus="(navigator.appName.indexOf('Internet Explorer')!=-1)?ieShowYellow():void(0);" onmouseover="(navigator.appName.indexOf('Internet Explorer')!=-1)?ieShowYellow():void(0);"><legend class="c29">Quick&Easy
Offline-Informationen</legend>
<form action="" method="post"><span class="c30">JA</span>,<br>
<span class="c31">ich will Artikel und Neuheiten bestellen</span>
<table summary="text" class="c40">
<tbody>
<tr>
<td class="cl1"><label for="home.email" class="c33" tabindex="1" accesskey=
"e"><span class="c32">e</span>Mail<br>
Adresse</label> </td>
<td class="c36 "><input type="textarea" id="home.email" name=
"HomeEmail" class="c34" onfocus="this.style.borderColor='brown'"
onblur="this.style.borderColor='transparent';"><br>
<small class="c35">[eMail-Adresse ist erforderlich]</small></td>
</tr>
<tr>
<td class="cl1"><label for="pdf" class="c33" tabindex="2" accesskey="P">als
<span class="c32">P</span>DF-File</label> </td>
<td class="cl1"><input type="checkbox" id="pdf" name="pdf" onfocus=
"this.style.borderColor='brown'" onblur=
"this.style.borderColor='transparent';"><label for="pdf" class="c33" tabindex="2" accesskey="P">PDF-File (Acrobat
Reader)</label></td>
</tr>
<tr>
<td class="cl1"><label for="zip" class="c33" tabindex="3" accesskey="Z">als
<span class="c32">Z</span>IP-File</label> </td>
<td class="cl1"><input type="checkbox" id="zip" name="zip" onfocus=
"this.style.borderColor='brown'" onblur=
"this.style.borderColor='transparent';"><label for="zip" class="c33" tabindex="3" accesskey="Z">ZIP-File für Windows
und Linux</label></td>
</tr>
<tr>
<td class="cl1"><label for="xml" class="c33" tabindex="4" accesskey="X">als
<span class="c32">X</span>ML-File</label> </td>
<td class="cl1"><input type="checkbox" id="xml" name="xml" onfocus=
"this.style.borderColor='brown'" onblur=
"this.style.borderColor='transparent';"><label for="xml" class="c33" tabindex="4" accesskey="X">XML-File für alle
Systeme</label></td>
</tr>
<tr>
<td class="cl1"><label for="gzsz" class="c33" tabindex="5" accesskey="G">als
<span class="c32">G</span>Z-File</label> </td>
<td class="cl1"><input type="checkbox" id="gzsz" name="gzsz" onfocus=
"this.style.borderColor='brown'" onblur=
"this.style.borderColor='transparent';"><label for="gzsz" class="c33" tabindex="5" accesskey="G">GZ-File für Linux und
Unix</label></td>
</tr>
<tr>
<td class="cl1"><label for="alles" class="c33" tabindex="6" accesskey="V"><span
class="c32">V</span>IP-Antrag</label> </td>
<td class="cl1"><input type="checkbox" id="alles" name="alles" onfocus=
"this.style.borderColor='brown'" onblur=
"this.style.borderColor='transparent';"><label for="alles" class="c33" tabindex="6" accesskey="V">möchte VIP-Mitglied
werden</label></td>
</tr>
<tr>
<td valign="top" class="cl1"><label for="themen" class="c33" tabindex="7"
accesskey="b"><span class="c32">b</span>evorzugte<br>
Themen</label> </td>
<td><input type="textarea" id="themen" name="themen" class="c37"
onfocus="this.style.borderColor='brown'" onblur=
"this.style.borderColor='transparent';"><br>
<small class="c35">[einfach mit freiem Text
beschreiben]</small></td>
</tr>
<tr>
<td class="cl1"><label for="bis" class="c33" tabindex="7" accesskey="D"><span
class="c32">D</span>auer<br>
(z.B. 12 Monate)</label> </td>
<td><input type="textarea" id="bis" name="bis" value=
"max. 12 Mails pro Jahr" class="c37" onfocus=
"this.style.borderColor='brown'" onblur=
"this.style.borderColor='transparent';"><br>
<small class="c35">[Beschränkungen und <abbr title=
"maximale">max.</abbr> <span class="c38" title=
"bestimme selbst die Anzahl der Mails">Anzahl</span>]</small></td>
</tr>
<tr>
<td class="cl1"><label for="weg" class="c33" tabindex="8" accesskey="a"><span
class="c32">a</span>bsenden</label> </td>
<td><input type="submit" id="weg" name="weg" class="c39" value=
"absenden"><br>
</td>
</tr>
<tr>
<td></td>
<td><small class="c35">[ Dieser Service ist <span class="c38" title="nur für private Anwender"> kostenlos ]</span><bR> © 2002 <a href="http://www.iaweb.org">www.iaweb.org</a></small></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</form>
</fieldset>
</body>
</html>
{/CODE]
-
Hier nochmal der Link.
Danke vielmal
Michael