x.style.borderStyle = '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="javascript">
function highLigth (x) {
x.style.borderWidth = '5px';
x.style.borderStyle = 'dotted';
x.style.backgroundColor ='red';
x.style.borderTop = '5px solid #BCC3F8';
x.style.borderBottom = '5px solid #BCC3F8';
}
function highLigthOut (x) {
x.style.backgroundColor = '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.javascript:

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="javascript">
<script type='text/javascript'> "language" is deprecated
function highLigth (x) {
highLight is English
x.style.borderWidth = '5px';
x.style.borderStyle = 'dotted';
Do not specify constant styles here, but use a css declaration
x.style.backgroundColor ='red';
x.style.borderTop = '5px solid #BCC3F8';
x.style.borderBottom = '5px solid #BCC3F8';
}
function highLigthOut (x) {
x.style.backgroundColor = '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.borderStyle = 'dotted';
x.style.borderColor ='red';
}
function highLightOut(x) {
x.style.borderStyle = 'dashed';
x.style.borderColor ='green';
}
</script>

<div
onmouseover='highLightOver(this)'
onmouseout='highLightOut(this)'
style='border-width:5px;width:300px;'>
xxxxxxxxxxxxxxxxxxxxx
</div>

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

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

[RobG]

al********@gmail.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="javascript">
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.borderWidth = '5px';
x.style.borderStyle = 'dotted';
x.style.backgroundColor ='red';
x.style.borderTop = '5px solid #BCC3F8';
x.style.borderBottom = '5px solid #BCC3F8';
}
function highLigthOut (x) {
x.style.backgroundColor = 'white';
}

</script>
Your issue is not the script, it may be CSS. A CSS group (like
news:comp.infosystems.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.borderWidth = '5px';
x.style.borderStyle = 'dotted';
x.style.backgroundColor ='red';
x.style.borderTop = '5px solid #BCC3F8';
x.style.borderBottom = '5px solid #BCC3F8';
}
function highLigthOut (x) {
x.style.backgroundColor = 'white';
}

</script>

<div style="width:100px; height: 100px;"
onmouseover="highLigth(this);"
onmouseout="highLigthOut(this);"blah</div>

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

[ASM]

RobG a écrit :

al********@gmail.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