Kick off JavaScript with CSS?

Kindon · Oct 21, 2002

Changing CSS with JavaScript is pretty well known. Is there a way to go the other way? Take the following code for example:

<body onload="runOnLoad()">

Can you set a listener in CSS to catch the onload event and then kick off the JavaScript script?

The following code does not work, of course. But maybe you can get an idea of what I am trying to do:

body

nload {javascript:runOnLoad()}

or

body {onload:javascript.runOnLoad()}

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

starway · Oct 22, 2002

impossible.

daveyboi · Oct 22, 2002

I know of two ways to execute JS with CSS - one being a well known JS injection security exploit - lol

Code:

body { background-image: url(JavaScript:runOnLoad()) }

or

Code:

body { color:expression(runOnLoad()) }

more on css 'expression' here:
http://msdn.microsoft.com/library/d...hor/dhtml/reference/methods/getexpression.asp

Kindon · Oct 22, 2002

Hehe. I knew there had to be a way. Works like a charm. Thanks!

starway · Oct 22, 2002

I'm afraid that it's another IE-only extention. Here's where you can read more about it:

http://webfx.eae.net/dhtml/cssexpr/cssexpr.html

http://www.siteexperts.com/ie5/htc/ts04/page1.asp

If we talk about cross-browser behaviour (the one I always stand for), there's nothing you can do about it.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Kick off JavaScript with CSS?

Kindon

Programmer

starway

Programmer

daveyboi

Programmer

Kindon

Programmer

starway

Programmer

Similar threads

Part and Inventory Search

Sponsor