---

Jeg har forsøgt på min hjemmeside, at få farve på rullegardinet,
men desværre uden held.

Jeg har brugt den rette kode. F.eks. denne, hvor farven skifter
når musen bliver placeret på rullegardinet:

<script language="JavaScript1.2">
<!--
/*---For flat scrollbars. Colors: line1 - #000000, line2 -
#000000, face1 - #646464, face2 - #c0c0c0*/
function clrBar(line,face)
{
with(document.body.style)
{
scrollbarDarkShadowColor=line;
scrollbar3dLightColor=line;
scrollbarArrowColor="black";
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor="#F3F3F3";
}
}
function setcolor()
{
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if(x>w) clrBar("#000000","#646464"); // Colors of active state
else clrBar("#000000","#c0c0c0"); // Colors of normal state
}
if (document.all){
clrBar(null,null);
document.onmousemove=setcolor;
}
//------- Source Code Generator - La Minh Khanh ------ //
-->
</script>

Men det er desværre ikke lykkedes.

Er der nogle der ved hvad der kan være i vejen?


Hilsen

Benjamin

http://home20.inet.tele.dk/medienyt

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

On 12 May 2004 22:41:35 GMT, Benjamin Christensen <medienyt@e-mail.dk>
wrote:

> Jeg har forsøgt på min hjemmeside, at få farve på rullegardinet,
> men desværre uden held.
>
> Jeg har brugt den rette kode. F.eks. denne, hvor farven skifter
> når musen bliver placeret på rullegardinet:
>
> <script language="JavaScript1.2">

I html-gruppen fik du at vide, at det ikke var smart, at skrive
JavaScript1.2 - det burde du stadig ikke gøre. Det er selvfølgelig ikke
noget problem, da dette script ikke har nogen effekt i andet end IE og
Opera, og de browsere har kun én version af javascript. I Netscape har man
mulighed for at vælge, og det kan medføre nogle fejl.

> with(document.body.style)

Når IE er i standard mode, så flyttes muligheden for at ændre på
scrollbarens udseende fra document.body til document.documentElement

> Er der nogle der ved hvad der kan være i vejen?

Prøv dette:
<script type="text/javascript">
function clrBar(line,face)
{
with(document.documentElement.style || document.body.style)
{
scrollbarDarkShadowColor=line;
scrollbar3dLightColor=line;
scrollbarArrowColor="black";
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor="#F3F3F3";
}
}
function setcolor()
{
var w = document.documentElement.clientWidth || document.body.clientWidth;
var h = document.documentElement.clientHeight ||
document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if(x>w) clrBar("#000000","#646464"); // Colors of active state
else clrBar("#000000","#c0c0c0"); // Colors of normal state
}

clrBar(null,null);
document.onmousemove=setcolor;
</script>


--
Ryan Kristensen

---

Ryan Kristensen <ryankristensen@hotmail.com> writes:

Resten ser fint ud, men den her linje kan være et problem:

> with(document.documentElement.style || document.body.style)

Hvis der ikke er nogen documentElement-egenskab på document, så
vil dette give en fejl. Brug i stedet:
---
var style = (document.compatMode=="CSS1Compat"?document.documentElement
:document.body).style;
with (style) { ...
---
Så prøver den ikke at finde ".style" på undefined.

Det er desværre ikke nok at skrive
var style = (document.documentElement||document.body).style;
da mindst en browser (vist nok IE 5) kan have documentElement uden
at den virker.

> {
> scrollbarDarkShadowColor=line;

Selv om det er længere ville jeg skrive
style.scrollbarDarkShadowColor = line;
for at undgå at bruge "with". Det er dog mest en smagssag.


> var w = document.documentElement.clientWidth || document.body.clientWidth;

Ditto her.

Brug evt:
var root = (document.compatMode=="CSS1Compat"?
document.documentElement:
document.body);

et sted, og brug så "root" derefter.

> var x = event.clientX;
> var y = event.clientY;

Det er en IE-ting at antage at eventen er global (var det derfor du
mente scriptet kun var til IE og Opera). For at være kompatibel med
andre, så give metoden eventen med:
---
function setcolor(event) {
event = event || window.event; // IE sucks!
...
---

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

---

Jeg siger tak for jeres svar, men det er stadig ikke lykkedes mig at
få det til at virke.

Det gør heller ikke noget, det kunne bare være sjovt om man kunne få
noget indflydelse på rullegardinets farve, sådan som en del andre
hjemmeside også har det.

Benjamin

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials