Advanced Search

Results 1 to 4 of 4

Thread: Java script only working on IE

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

    Default Java script only working on IE

    I am using some Image spotlight effect java script that I got from this site and it works great for IE but does not work at all on firefox. Does anybody know why and how I can get it to work on all platforms.

    Thanks in advance!

    Here is the page in question;

    http://site.coinswag.com/test/Spotlight.html

    Jake

    Here is the script I am using;

    <center>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>

    <style>
    <!--

    #myimage{
    filter:light
    }

    -->
    </style>

    </head>

    <body>
    <img id="myimage" src="http://site.coinswag.com/extraimages/silverbackcube.jpg">

    <script language="JavaScript1.2">

    //Image spotlight effect- By Erik F (die_schlampe@hotmail.com)
    //Code enhancements by Dynamicdrive.com
    //Visit http://www.dynamicdrive.com for this script

    s = 50; // the size of the spotlight
    vp = 10; // the visibility percent of the picture
    startx = 0; // the top position of your sportlight into the image (on start)
    starty = 0; // the left position of your spotlight into the image (on start)


    //////////////////////////////////////////////////////////////////
    // No need to edit below this line //
    //////////////////////////////////////////////////////////////////

    var IE = document.all?true:false

    function moveL()
    {
    xv = tempX;
    yv = tempY;
    myimage.filters.light.MoveLight(1,xv,yv,s,true);
    }

    if (IE&&myimage.filters)
    document.all.myimage.onmousemove = getMouseXY;
    var tempX = 0
    var tempY = 0


    function getMouseXY(e) {
    tempX = event.offsetX
    tempY = event.offsetY

    if (tempX < 0){tempX = 0}
    if (tempY < 0){tempY = 0}
    if (t)
    {
    moveL();
    }

    return true
    }

    var xv = startx;
    var yv = starty;
    var t= true;
    if (IE&&myimage.filters){
    myimage.style.cursor="hand";
    myimage.filters.light.addAmbient(255,255,255,vp)
    myimage.filters.light.addPoint(startx,starty,s,255,255,255,255)
    }

    </script>



    </body>
    </html></center>
    Last edited by coinswag; 04-04-2007 at 01:34 AM. Reason: To add script

  2. #2
    Join Date
    Jan 2007
    Location
    Manila, Philippines
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I think to be able to view your page on different you need to had a script for that,every IE platform had different list of tags. To be able to view your code you had to satify each of them

  3. #3
    Join Date
    Sep 2005
    Location
    India
    Posts
    1,626
    Thanks
    6
    Thanked 107 Times in 107 Posts

    Default

    This is a script that only works on IE based browsers as the script has used JavaScript code that only work in IE not in Mozilla based browsers.

    If you look at the Image Spotlight Demo in this site it has clearly stated the script only works in IE based browsers.

    Since this is a question related to a Dynamic Drive script the correct place for posting in "Dynamic Drive scripts help" section with a link to the script on which you want to ask the question.

  4. #4
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,878
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    It relies on the proprietary IE "filter" CSS property, so doesn't work with anything else (and probably never will).
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

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
  •