Beitrag von daniel (83 Beiträge) am Donnerstag, 12.Juli.2001, 16:50.
CSS
falls sich jemand mit CSS auskennen sollte ...
Das setzten der style werte via JS
z.B.
x.style.display='non' usw.
wird zum Problem wenn ein Bindestrich enthalten ist z.B:
x.style.background-color='#eeeeee';
wer weiß Rat ?
Antworten
Beitrag von Claus Christmeier (598 Beiträge) am Donnerstag, 12.Juli.2001, 17:43.
Re: CSS
Hallo Daniel,
im "javascript.style" werden grundsätzlich alle Bindestriche weggelassen.
Gruß
Claus
Antworten
Beitrag von daniel (83 Beiträge) am Freitag, 13.Juli.2001, 09:11.
Re: CSS
Antworten
Beitrag von Claus Christmeier (598 Beiträge) am Freitag, 13.Juli.2001, 09:55.
Re: CSS
Antworten
Beitrag von daniel (83 Beiträge) am Freitag, 13.Juli.2001, 10:02.
Re: CSS
Da war HomeSite wohl malwieder zu eifrig :-)
Ändert aber am Problem nix :-(
Hier mal der gesamte Quelltext.Das ganze soll einpopupmenu werden.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="Javascript">
var popuptb;
{
popuptb=z;
x=window.event.clientX;
y=window.event.clientY;
popup.style.left=x;
popup.style.top=y;
popup.style.width=80;
popup.style.display='';
}
function zu(x)
{
popup.style.display='none';
window.alert(popuptb+x);
}
function zoome(wen)
{
wen.style.backgroundcolor='#cccccc';
wen.style.zoom="120%";
}
function zoomaus(wen)
{
wen.style.backgroundcolor='#eeeeee';
wen.style.zoom="100%";
}
</script>
<title>Unbenannt</title>
</head>
<body>
<div id="popup" style="position: absolute; left: 30; top: 60; border-bottom-style: solid; border-bottom-color: Black; border-left-color: Black; border-left-style: solid; display: none; cursor: hand; background-color: #eeeeee;">
<a id="deli" onclick="zu('l');" onmouseover="zoome(deli);" onmouseout="zoomaus(deli);" style="cursor: hand; background-color: #eeeeee;"> Löschen </a><br>
<a id="topi" onclick="zu('t');" onmouseover="zoome(topi);" onmouseout="zoomaus(topi);" style="cursor: hand; background-color: #eeeeee;"> Hoch </a><br>
<a id="upi" onclick="zu('u');" onmouseover="zoome(upi);" onmouseout="zoomaus(upi);" style="cursor: hand; background-color: #eeeeee;"> Runter </a><br>
</div>
<a onclick="auf(1);">sdjklfgjsldfkögjsdlkfjglskjfglksjdfgjkslfdksdjklfgjsldfkögjsdlkfjglskjfglksjdfgjkslfdk</a><br><br>
<a onclick="auf(2);">sdjsldfkögjsdlkfjglskjfglksjdfgjkslfdk</a><br><br>
<a onclick="auf(3);">sdgjkslfdksdjklfgjsldfkögjsdlkfjglskjfglksjdfgjkslfdk</a><br><br>
</body>
</html>
Antworten
Beitrag von Claus Christmeier (598 Beiträge) am Freitag, 13.Juli.2001, 11:35.
Re: CSS
Hallo Daniel,
soll es vielleicht so aussehen?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="Javascript">
var popuptb;
{
x=window.event.clientX;
y=window.event.clientY;
popup.style.left=x;
popup.style.top=y;
popup.style.width=80;
popup.style.display='';
}
function zu(x)
{
popup.style.display='none';
window.alert(popuptb+x);
}
function zoome(wen)
{
wen.style.backgroundColor='#cccccc';
wen.style.fontSize="24pt";
function zoomaus(wen)
{
wen.style.backgroundColor='#eeeeee';
wen.style.fontSize="12pt";
}
</script>
<title>Unbenannt</title>
</head>
<body>
<div id="popup" style="position: absolute; left: 30; top: 60; border-bottom-style: solid; border-bottom-color: Black; border-left-color: Black; border-left-style: solid; display: none; cursor: hand; background-color: #eeeeee;">
<a href="/" id="deli" onclick="zu('l'); return false;" onmouseover="zoome(this); return false;" onmouseout="zoomaus(deli); return false;" style="cursor: hand; background-color: #eeeeee;"> Löschen </a>
<a href="/" id="topi" onclick="zu('t'); return false;" onmouseover="zoome(this); return true;" onmouseout="zoomaus(topi); return true;" style="cursor: hand; background-color: #eeeeee;"> Hoch </a>
<a href="/" id="upi" onclick="zu('u'); return false;;" onmouseover="zoome(this); return true;" onmouseout="zoomaus(upi); return true;" style="cursor: hand; background-color: #eeeeee;"> Runter </a>
</div>
<a href="/" onclick="auf(1); return false;">sdjklfgjsldfkögjsdlkfjglskjfglksjdfgjkslfdksdjklfgjsldfkögjsdlkfjglskjfglksjdfgjkslfdk</a>
<a href="/" onclick="auf(2); return false;">sdjsldfkögjsdlkfjglskjfglksjdfgjkslfdk</a>
<a href="/" onclick="auf(3); return false;">sdgjkslfdksdjklfgjsldfkögjsdlkfjglskjfglksjdfgjkslfdk</a>
</body>
</html>
Gruß
Claus
Antworten
Beitrag von daniel (83 Beiträge) am Freitag, 13.Juli.2001, 11:55.
Re: CSS
Danke Claus !
genial !
der Fehler scheinen die fehlenden returns gewesen zu sein ! ?
was bewirken die eigentlich ?
ist das sowas wie ein default-Rückgabewert ?
Antworten
Beitrag von Claus Christmeier (598 Beiträge) am Freitag, 13.Juli.2001, 12:19.
Re: CSS
Hallo Daniel,
nicht nur die "returns" sondern auch die fehlenden 'href="/"' im <a>-Tag.
Das "onClick" z.B., ist wie ein Unterprogrammaufruf und diesem Fall MUSS das "Unterprogramm" eben mit "false" beendet werden, da er sonst den Befehl, der bei "href" steht, ausführen würde.
Alles klar?
Gruß
Claus
Antworten
Beitrag von daniel (83 Beiträge) am Freitag, 13.Juli.2001, 12:39.
Re: CSS
mmmmhhh.....
die href="/" musste ich rausnehmen,
funktionieren tuts aber trotzdem.
Auch OHNE returns hab ichs getestet.funzt auch.
Der Bug schein wirklich nur das C in bachground c olor gewesen zu sein.
Kann aber auch an unterschiedlichen Browsern liegen(das mit den returns und hrefs meine ich) ohne NETSCAPE zu nahe treten zu wollen ist der IE da ja um einiges tolleranter.
Im Übrigen das einzige MS-Produkt von dem man sowas sagen kann :-)
Das Prinzip (return false) hab' ich verstanden
Danke !
Antworten
