Results 1 to 3 of 3

Thread: How to use multiple mouseover effects?

  1. #1
    Join Date
    Aug 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question How to use multiple mouseover effects?

    1) Script Title: AJAX

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...jaxcontent.htm

    3) Describe problem: multiple mouseover effects needed

    I want to change the Link Text with a mouseover and utilize the following script. Any Suggestions?

    <a href="index.php" onmouseover="ajaxpage('content/rides.html', 'rides');" onmouseout="ajaxpage('content/rides1.html', 'rides');">View Sample Ad</a>

    I want the "VIEW SAMPLE AD" text to change to "Click to View All Ads"
    Last edited by Wolfspyryt; 08-21-2007 at 05:07 AM.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    An event handler can carry multiple actions, by separating each action with a semicolon. So in your case, maybe something like:

    Code:
    <a href="index.php" onmouseover="ajaxpage('content/rides.html', 'rides'); this.innerHTML='Click to view all ads'" onmouseout="ajaxpage('content/rides1.html', 'rides'); this.innerHTML='View Sample Ad'">View Sample Ad</a>

  3. #3
    Join Date
    Aug 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank you very much for the education. I am very happy to say it is working quite well.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •