Re: [WSG] Making Dreamweaver's Rollover JS accessible
Jaime Wong wrote: Dreamweaver' common set of JS for rollover images are using 'onmouseover' i e. MM_swapImage JS. I wanted to make it more accessible by using 'onfocus=' but I do not know how to work around it so that the JS will work. [insert rant about DW's javascript here] DW puts the onmouseover= straight into the html, right? Then this is what you've got: onmouseover=a onmouseout=b This is what you need to add: onfocus=same as a onblur=same as b I guess that should work. -- Kristof * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
RE: [WSG] Making Dreamweaver's Rollover JS accessible
The only way I can think of doing it off the top of my head is to use some
ecma and css
onfocus=this.className=onState
onblur=this.className=offState
.onState{
background: url(yourimageslocation/btn_onState.gif) no-repeat top left
}
.offState{
background: url(yourimageslocation/btn_offState.gif) no-repeat top left
}
and change the background image
-Original Message-
From: Jaime Wong [mailto:[EMAIL PROTECTED]
Sent: Sunday, April 18, 2004 8:59 PM
To: WSG - CSS List
Subject: [WSG] Making Dreamweaver's Rollover JS accessible
Dreamweaver' common set of JS for rollover images are using 'onmouseover' i
e. MM_swapImage JS.
I wanted to make it more accessible by using 'onfocus=' but I do not know
how to work around it so that the JS will work.
Does anyone know where I could get some resources on this?
With Regards
Jaime Wong
~~
SODesires Design Team
http://www.sodesires.com
~~
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
Re: [WSG] Making Dreamweaver's Rollover JS accessible
Hi Kristof I tried doing that in the html but the JS fails to work. I think I need to change the JS itself but I do not know how to. These are the common image JS DW which I have in my JS file.
function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; ia.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src="">}
function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;aia.length(x=a[i])x.oSrc;i++) x.src="">}
function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))0parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])d.all) x=d.all[n]; for (i=0;!xid.forms.length;i++) x=d.forms[i][n]; for(i=0;!xd.layersid.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x d.getElementById) x=d.getElementById(n); return x;}
function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src="">}
With Regards
Jaime Wong
~~
SODesires Design Team
http://www.sodesires.com
~~
---Original Message---
From: [EMAIL PROTECTED]
Date: 04/18/04 22:04:18
To: [EMAIL PROTECTED]
Subject: Re: [WSG] Making Dreamweaver's Rollover JS accessible
Jaime Wong wrote:
Dreamweaver' common set of JS for rollover images are using 'onmouseover' i
e. MM_swapImage JS.
I wanted to make it more accessible by using 's _javascript_ here]
DW puts the straight into the html, right?
Then this is what you've got:
This is what you need to add:
I guess that should work.
--
Kristof
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
.
Re: [WSG] Making Dreamweaver's Rollover JS accessible
Jaime Wong wrote: Hi Kristof I tried doing that in the html but the JS fails to work. I think I need to change the JS itself but I do not know how to. These are the common image JS DW which I have in my JS file. Odd, I just tried it in my copy of DW and it worked. Are you shure you're not expecting too much? The only extra accesability you'll gain is that when you use the tab key to select links. Tab, first link focussed, the image changes to the 'over' state, tab, it goes back to the 'normal' state, next image changes, ... That's it. If that didn't happening for you, you probably got it wrong. If that ain't enough, well what can I say ... rollovers are boring? -- Kristof * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
RE: [WSG] Making Dreamweaver's Rollover JS accessible
Heya Jaime,
define multi rollovers?
Benjamin
Hi Benjamin
What is ecma?
Can what you proposed be used for multi-rollovers?
I could use Meyer's
http://www.meyerweb.com/eric/css/edge/popups/demo2.html
but not sure if it is stable enough for projects.
With Regards
Jaime Wong
~~
SODesires Design Team
http://www.sodesires.com
~~
---Original Message---
From: [EMAIL PROTECTED]
Date: 04/18/04 22:07:19
To: [EMAIL PROTECTED]
Subject: RE: [WSG] Making Dreamweaver's Rollover JS accessible
The only way I can think of doing it off the top of my head is to use some
ecma and css
onfocus=this.className=onState
onblur=this.className=offState
..onState{
background: url(yourimageslocation/btn_onState.gif) no-repeat top left
}
..offState{
background: url(yourimageslocation/btn_offState.gif) no-repeat top left
}
and change the background image
-Original Message-
From: Jaime Wong [mailto:[EMAIL PROTECTED]
Sent: Sunday, April 18, 2004 8:59 PM
To: WSG - CSS List
Subject: [WSG] Making Dreamweaver's Rollover JS accessible
Dreamweaver' common set of JS for rollover images are using
'onmouseover' i
e. MM_swapImage JS.
I wanted to make it more accessible by using 'onfocus=' but I do not know
how to work around it so that the JS will work.
Does anyone know where I could get some resources on this?
With Regards
Jaime Wong
~~
SODesires Design Team
http://www.sodesires.com
~~
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
.
Benjamin
Life through a polaroid
www.lifethroughapolaroid.com
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
RE: [WSG] Making Dreamweaver's Rollover JS accessible
Just like what you see here http://www.meyerweb.com/eric/css/edge/popups/demo2.html:)
With Regards
Jaime Wong
~~
SODesires Design Team
http://www.sodesires.com
~~
---Original Message---
From: [EMAIL PROTECTED]
Date: 04/19/04 07:44:14
To: [EMAIL PROTECTED]
Subject: RE: [WSG] Making Dreamweaver's Rollover JS accessible
Heya Jaime,
define multi rollovers?
Benjamin
Hi Benjamin
What is ecma?
Can what you proposed be used for multi-rollovers?
I could use Meyer's
http://www.meyerweb.com/eric/css/edge/popups/demo2.html
but not sure if it is stable enough for projects.
With Regards
Jaime Wong
~~
SODesires Design Team
http://www.sodesires.com
~~
---Original Message---
From: [EMAIL PROTECTED]
Date: 04/18/04 22:07:19
To: [EMAIL PROTECTED]
Subject: RE: [WSG] Making Dreamweaver's Rollover JS accessible
The only way I can think of doing it off the top of my head is to use some
ecma and css
onState"
offState"
..onState{
background: url(yourimageslocation/btn_onState.gif) no-repeat top left
}
..offState{
background: url(yourimageslocation/btn_offState.gif) no-repeat top left
}
and change the background image
-Original Message-
From: Jaime Wong [mailto:[EMAIL PROTECTED]]
Sent: Sunday, April 18, 2004 8:59 PM
To: WSG - CSS List
Subject: [WSG] Making Dreamweaver's Rollover JS accessible
Dreamweaver' common set of JS for rollover images are using
'onmouseover' i
e. MM_swapImage JS.
I wanted to make it more accessible by using ' but I do not know
how to work around it so that the JS will work.
Does anyone know where I could get some resources on this?
With Regards
Jaime Wong
~~
SODesires Design Team
http://www.sodesires.com
~~
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
.
Benjamin
Life through a polaroid
www.lifethroughapolaroid.com
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
Re: [WSG] Making Dreamweaver's Rollover JS accessible
Trying to conform to Priority 2 for that. I must have done something wrong with the JS in my html. I'll try again. With Regards Jaime Wong ~~ SODesires Design Team http://www.sodesires.com ~~ ---Original Message--- From: [EMAIL PROTECTED] Date: 04/19/04 04:24:10 To: [EMAIL PROTECTED] Subject: Re: [WSG] Making Dreamweaver's Rollover JS accessible Jaime Wong wrote: Hi Kristof I tried doing that in the html but the JS fails to work. I think I need to change the JS itself but I do not know how to. These are the common image JS DW which I have in my JS file. Odd, I just tried it in my copy of DW and it worked. Are you shure you're not expecting too much? The only extra "accesability" you'll gain is that when you use the tab key to select links. Tab, first link focussed, the image changes to the 'over' state, tab, it goes back to the 'normal' state, next image changes, ... That's it. If that didn't happening for you, you probably got it wrong. If that ain't enough, well what can I say ... rollovers are boring? -- Kristof * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * .
Re: [WSG] Making Dreamweaver's Rollover JS accessible
What is ecma? Standards organisation: http://www.ecma-international.org/ of which... http://www.ecma-international.org/publications/standards/Ecma-262.htm ...is the standard for ECMAScript scripting language which is essentially javascript standardised. Flash's actionscript is also based on it. Nick * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
