Javascript Rollovers

[jgaa]

Would anybody like to send me or explain how to create Javascript Rollovers?
Thank you very much
Juan Gabriel
Paraguay, South America

--

[jgaa]

Would anybody like to send me or explain how to create Javascript Rollovers?
Thank you very much
Juan Gabriel
Paraguay, South America

--

[Sean Sedwards]

Juan

Xara X creates complete rollovers (buttons and code) and shows you how to do it in the help file.

If you want to do it yourself, the attached code snippet should help. The coloured text is what you have to replace with your own names, the black is fixed.

The script section pre-loads the mouseover image so that it is instantly available when the cursor moves over the button. The <font face="Courier New, Courier" color="#ff0000">unique_dummy_name</font> can be anything but must be unique because it's a variable that holds the image. It's only used in the script section.

The <font face="Courier New, Courier" color="#0000ff">unique_button_name</font> must be a unique name associated with the button. It links the event trapping commands with <font face="Courier New, Courier">img</font> tag.

The <font color="#008000" face="Courier New, Courier">mouseover.gif</font>, <font color="#008000" face="Courier New, Courier">mouseoff.gif</font> and <font color="#008000" face="Courier New, Courier">destination_page.htm</font> are self-explanatory, however the use of <font color="#008000" face="Courier New, Courier">default.gif</font> may not be so obvious. <font color="#008000" face="Courier New, Courier">default.gif</font> is the image that appears before the mouseover event and is loaded by default. For simple rollovers it is the same as <font color="#008000" face="Courier New, Courier">mouseoff.gif</font>, but you could have an entirely different image that gets replaced by <font color="#008000" face="Courier New, Courier">mouseover.gif</font> / <font color="#008000" face="Courier New, Courier">mouseoff.gif</font> the first time the cursor passes over. If that's the effect you want, it will be necessary to add an additional pre-load section to the script block for <font color="#008000" face="Courier New, Courier">mouseoff.gif</font>.

Regards - Sean

[gwpriester]

Hello Juan

There is a tutorial in this month's WebXealot #19 in The Insider Area

Gary

Gary Priester

Moderator Person

Be It Every So Humble...

[Harrie Denkers]

Hello Gary is'nt it time now to openup xarainsider
for the outsiders now. I have a username and a password for the xara-account.


greatings Harrie from Holland

[gwpriester]

I don't know, Harrie, should we take a poll? [img]/infopop/emoticons/icon_confused.gif[/img]

Gary

Gary Priester

Moderator Person

Be It Every So Humble...