x.style.borderS tyle = 'dotted'; doesn't work

[alexjaquet]

Hi,

I've in my web pages an affectation to this property but it's doesn't
work (same for all the others properties I'm trying to update):

here is the complete function I call on mouseover :

<script language="javas cript">
function highLigth (x) {
x.style.borderW idth = '5px';
x.style.borderS tyle = 'dotted';
x.style.backgro undColor ='red';
x.style.borderT op = '5px solid #BCC3F8';
x.style.borderB ottom = '5px solid #BCC3F8';
}
function highLigthOut (x) {
x.style.backgro undColor = 'white';
}

</script>

and the result on my webpage :
http://avant-garde.no-ip.biz/cgi-bin...dz.cgi?lang=FR (slow dev
server)

[Evertjan.]

wrote on 04 mei 2006 in comp.lang.javas cript:

Hi,

I've in my web pages an affectation to this property but it's doesn't
work (same for all the others properties I'm trying to update):
Works fine here. But pleace specify what "doesn't work" means.
Give error texts and what you want it to do.

However:
here is the complete function I call on mouseover :

<script language="javas cript">
<script type='text/javascript'> "language" is deprecated
function highLigth (x) {
highLight is English
x.style.borderW idth = '5px';
x.style.borderS tyle = 'dotted';
Do not specify constant styles here, but use a css declaration
x.style.backgro undColor ='red';
x.style.borderT op = '5px solid #BCC3F8';
x.style.borderB ottom = '5px solid #BCC3F8';
}
function highLigthOut (x) {
x.style.backgro undColor = 'white';
}

</script>

and the result on my webpage :
http://avant-garde.no-ip.biz/cgi-bin...dz.cgi?lang=FR (slow dev
server)

Try this file:

=============== ========

<script type='text/javascript'>
function highLightOver(x ) {
x.style.borderS tyle = 'dotted';
x.style.borderC olor ='red';
}
function highLightOut(x) {
x.style.borderS tyle = 'dashed';
x.style.borderC olor ='green';
}
</script>

<div
onmouseover='hi ghLightOver(thi s)'
onmouseout='hig hLightOut(this) '
style='border-width:5px;width :300px;'>
xxxxxxxxxxxxxxx xxxxxx
</div>

=============== ========

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[RobG]

al********@gmai l.com said on 05/05/2006 7:31 AM AEST:

Hi,

I've in my web pages an affectation to this property but it's doesn't
work (same for all the others properties I'm trying to update):

here is the complete function I call on mouseover :

<script language="javas cript">
The language attribute is deprecated, type is required.

<script type="text/javascript">

function highLigth (x) {
I would have expected "highLight" , maybe you like that spelling.

x.style.borderW idth = '5px';
x.style.borderS tyle = 'dotted';
x.style.backgro undColor ='red';
x.style.borderT op = '5px solid #BCC3F8';
x.style.borderB ottom = '5px solid #BCC3F8';
}
function highLigthOut (x) {
x.style.backgro undColor = 'white';
}

</script>
Your issue is not the script, it may be CSS. A CSS group (like
news:comp.infos ystems.www.authoring.stylesheets) can help with that.

Here is a test case based on your code that works in Firefox:

<script type="text/javascript">

function highLigth (x) {
x.style.borderW idth = '5px';
x.style.borderS tyle = 'dotted';
x.style.backgro undColor ='red';
x.style.borderT op = '5px solid #BCC3F8';
x.style.borderB ottom = '5px solid #BCC3F8';
}
function highLigthOut (x) {
x.style.backgro undColor = 'white';
}

</script>

<div style="width:10 0px; height: 100px;"
onmouseover="hi ghLigth(this);"
onmouseout="hig hLigthOut(this) ;"blah</div>

--
Rob
Group FAQ: <URL:http://www.jibbering.c om/FAQ>

[ASM]

RobG a écrit :

al********@gmai l.com said on 05/05/2006 7:31 AM AEST:

[...]

function highLigth (x) {

I would have expected "highLight" , maybe you like that spelling.

I prefer : "supraLux" :-)
--
Stephane Moriaux et son [moins] vieux Mac