Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    mouse over problem

    pls help i use this java script but on mouse over it displays at the back of my templates.
    heres my html code
    <img onmouseover="showtrail(400,362,'images/wedding.gif');" onmouseout="hidetrail();" src="images/wedding1.gif" width="90" height="80" />

    and the javascript


    /*
    Simple Image Trail script- By JavaScriptKit.com
    Visit http://www.javascriptkit.com for this script and more
    This notice must stay intact
    */

    var w=1
    var h=1

    if (document.getElementById || document.all)
    document.write('<div id="trailimageid" style="position:absolute;visibility:hidden;left:0px;top:-1000px;width:1px;height:1px;border:1px solid #888888;background:#DDDDDD;"><img id="ttimg" src="img/s.gif" /></div>')

    function gettrailobj()
    {
    if (document.getElementById) return document.getElementById("trailimageid").style
    else if (document.all) return document.all.trailimagid.style
    }

    function truebody()
    {
    return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }

    function hidetrail()
    {
    document.onmousemove=""
    document.getElementById('ttimg').src='img/s.gif'
    gettrailobj().visibility="hidden"
    gettrailobj().left=-1000
    gettrailobj().top=0
    }


    function showtrail(width,height,file)
    {
    if(navigator.userAgent.toLowerCase().indexOf('opera') == -1 && navigator.userAgent.toLowerCase().indexOf('safari') == -1)
    {
    w=width
    h=height

    // followmouse()

    gettrailobj().visibility="visible"
    gettrailobj().width=w+"px"
    gettrailobj().height=h+"px"
    document.getElementById('ttimg').src=file
    document.onmousemove=followmouse
    }
    }


    function followmouse(e)
    {

    if(navigator.userAgent.toLowerCase().indexOf('opera') == -1 && navigator.userAgent.toLowerCase().indexOf('safari') == -1)
    {

    var xcoord=20
    var ycoord=20

    if (typeof e != "undefined")
    {
    xcoord+=e.pageX
    ycoord+=e.pageY
    }
    else if (typeof window.event !="undefined")
    {
    xcoord+=truebody().scrollLeft+event.clientX
    ycoord+=truebody().scrollTop+event.clientY
    }

    var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
    var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)

    if (xcoord+w+3>docwidth)
    xcoord=xcoord-w-(20*2)

    if (ycoord-truebody().scrollTop+h>truebody().clientHeight)
    ycoord=ycoord-h-20;

    gettrailobj().left=xcoord+"px"
    gettrailobj().top=ycoord+"px"

    }

    }
    Last edited by jsabelino; 12-25-2006 at 01:46 PM.

  • #2
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,369
    Thanks
    32
    Thanked 286 Times in 280 Posts
    Maybe you should try not using Flash for layout? That Web site is a mess and totally inaccessible when something like Firefox’s Flashblock extension has all of the Flash disabled. Without the Flash, the navigation is inaccessible and much of the text is unreadable because it’s white on a white background. Even with Flash enabled, three areas of the page have readability issues in Firefox.

    As for your actual issue, you might try increasing the z-index of the view box and not using Flash as a background image.
    For every complex problem, there is an answer that is clear, simple, and wrong.


  •  

    Posting Permissions

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