IE7 conflicting with JavaScript that works on EVERY other browser! Help!

Hello!

My JavaScripting is at novice level - and after completing a tutorial on a 'floating layer' I was proud that I got it working on Firefox, Safari, Camino & even IE5 for mac!!! But not IE7!
The 'floating layer' does not float in IE7... it just sits up at the top of the screen - stuck in one place!! Explorer - why do you mock us?!!! ;(

I have tried everything - but I am at a loss.
I am thinking maybe it's some conflicting CSS or some crazy update in IE7 which perhaps somebody here knows a way around?
Can someone help me please?

There are two parts to the FLOATING LAYER script - Part 1 in the HEAD,
Part 2 just before </body>

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<title>Untitled Document</title>
 
<script type="text/javascript" src="javascript/woeru_tooltip.js"></script>
 
    <script type="text/javascript">

    <!--

    function alignMap() {

        document.getElementById("content").scrollLeft = 0;

        document.getElementById("content").scrollTop = 300;      

    } 

    //-->

    </script>

<STYLE TYPE="text/css">

<!--

BODY {margin: 0}

-->

</STYLE>
 
<!--Here is where Part 1 of the FLOATING LAYER Script starts-->

<SCRIPT LANGUAGE="JavaScript">

<!--

floatX=5;

floatY=5;

layerwidth=20;

layerheight=30;

halign="left";

valign="bottom";

delayspeed=3;
 
// This script is copyright (c) Henrik Petersen, NetKontoret

// Feel free to use this script on your own pages as long as you do not change it.

// It is illegal to distribute the script as part of a tutorial / script archive.

// Updated version available at: http://www.echoecho.com/toolfloatinglayer.htm

// This comment and the 4 lines above may not be removed from the code.
 
NS6=false;

IE4=(document.all);

if (!IE4) {NS6=(document.getElementById);}

NS4=(document.layers);
 
function adjust() {

if ((NS4) || (NS6)) {

if (lastX==-1 || delayspeed==0)

{

lastX=window.pageXOffset + floatX;

lastY=window.pageYOffset + floatY;

}

else

{

var dx=Math.abs(window.pageXOffset+floatX-lastX);

var dy=Math.abs(window.pageYOffset+floatY-lastY);

var d=Math.sqrt(dx*dx+dy*dy);

var c=Math.round(d/10);

if (window.pageXOffset+floatX>lastX) {lastX=lastX+delayspeed+c;}

if (window.pageXOffset+floatX<lastX) {lastX=lastX-delayspeed-c;}

if (window.pageYOffset+floatY>lastY) {lastY=lastY+delayspeed+c;}

if (window.pageYOffset+floatY<lastY) {lastY=lastY-delayspeed-c;}

}

if (NS4){

document.layers['floatlayer'].pageX = lastX;

document.layers['floatlayer'].pageY = lastY;

}

if (NS6){

document.getElementById('floatlayer').style.left=lastX+'px';

document.getElementById('floatlayer').style.top=lastY+'px';

}

}

else if (IE4){

if (lastX==-1 || delayspeed==0)

{

lastX=document.body.scrollLeft + floatX;

lastY=document.body.scrollTop + floatY;

}

else

{

var dx=Math.abs(document.body.scrollLeft+floatX-lastX);

var dy=Math.abs(document.body.scrollTop+floatY-lastY);

var d=Math.sqrt(dx*dx+dy*dy);

var c=Math.round(d/10);

if (document.body.scrollLeft+floatX>lastX) {lastX=lastX+delayspeed+c;}

if (document.body.scrollLeft+floatX<lastX) {lastX=lastX-delayspeed-c;}

if (document.body.scrollTop+floatY>lastY) {lastY=lastY+delayspeed+c;}

if (document.body.scrollTop+floatY<lastY) {lastY=lastY-delayspeed-c;}

}

document.all['floatlayer'].style.posLeft = lastX+'px';

document.all['floatlayer'].style.posTop = lastY+'px';

}

setTimeout('adjust()',50);

}
 
function define()

{

if ((NS4) || (NS6))

{

if (halign=="left") {floatX=ifloatX};

if (halign=="right") {floatX=window.innerWidth-ifloatX-layerwidth-20};

if (halign=="center") {floatX=Math.round((window.innerWidth-20)/2)-Math.round(layerwidth/2)};

if (valign=="top") {floatY=ifloatY};

if (valign=="bottom") {floatY=window.innerHeight-ifloatY-layerheight};

if (valign=="center") {floatY=Math.round((window.innerHeight-20)/2)-Math.round(layerheight/2)};

}

if (IE4)

{

if (halign=="left") {floatX=ifloatX};

if (halign=="right") {floatX=document.body.offsetWidth-ifloatX-layerwidth-20}

if (halign=="center") {floatX=Math.round((document.body.offsetWidth-20)/2)-Math.round(layerwidth/2)}

if (valign=="top") {floatY=ifloatY};

if (valign=="bottom") {floatY=document.body.offsetHeight-ifloatY-layerheight}

if (valign=="center") {floatY=Math.round((document.body.offsetHeight-20)/2)-Math.round(layerheight/2)}

}

}

//-->

</script>

<!--This is where Part 1 of the FLOATING LAYER Script ends-->

</head>
 
<body bgcolor="#706d66">
 
<img src="graphics/oceania.gif" name="image1" width="1296" height="1387" border="0" usemap="#MainMapMap" id="image1" />

<div id="content" onmousemove="positionElement('aj');">
 
    <!-- #### 3. Continent Specific #### --><!-- #### Change both the image source and the starting scroll position #### --></img>
 
    <map name="MainMapMap" id="MainMapMap">
 
    <script type="text/javascript">

    <!--

        setTimeout("alignMap()",1000);

        setTimeout("alignMap()",2000);

    //-->

    </script>
 
    <!-- #### 4. Ed codes here #### -->
 
    <area onmouseover="setTitle(this)" onmouseout="clearTitle(this)" shape="rect" coords="578,379,587,388" 

        href="http://www.website.com.au" target="_blank" title="OUTBACK Park - Premium Outback Experience">
 
    <!-- #### 5. End of Ed's code #### -->
 
</map>

<div id="aj" class="tooltip"> 

</div>
 
<!--And here is Part 2 of our FLOATING LAYER Script-->
 
<script>

if (NS4) {document.write('<'+'layer name="floatlayer" left="'+floatX+'" top="'+floatY+'">');}

if ((IE4) || (NS6)) {document.write('<'+'div id="floatlayer" style="position:absolute; left:'+floatX+'px; top:'+floatY+'px;">');}

</script>

<form name=ee><input name=sd type=text style="color: white; background-color: #706d66" size="8"> 

</input>

</form>
 
<!--        Script by hscripts.com          -->

<!--        copyright of HIOX INDIA         -->

<!-- more scripts @ http://www.hscripts.com -->
 
<script language=javascript>

window.onload = init;

function init() {

  if (window.Event) {

    document.captureEvents(Event.MOUSEMOVE);

  }

  document.onmousemove = getXY;

}
 
function getXY(e) {

  x = (window.Event) ? e.pageX : event.clientX;

  y = (window.Event) ? e.pageY : event.clientY;
 
  document.ee.sd.value = x+":"+y;

}

</script>

<script>

if (NS4)

{

document.write('</LAYER>');

}

if ((IE4) || (NS6))

{

document.write('</DIV>');

}

ifloatX=floatX;

ifloatY=floatY;

define();

window.onresize=define;

lastX=-1;

lastY=-1;

adjust();

</script>
 
<!--And this ends Part 2 of the FLOATING LAYER script-->
 
</body>

</html>
 
<!--Here is where we position our map!-->

<script>

window.scrollTo(0,300);

</script>

Mar 20 '07 #1

Subscribe Post Reply

5386

Head In A Pan

Hey?!
C'mon - surely someone else out there has encountered something similar with IE7... or is everyone here an Explorer secret agent/cult member? ;P

Please?

Mar 20 '07 #2

acoder

16,027

Expert Mod 8TB

See compatibiity tables for the browsers on mouse position.

Also, see this link.

Mar 20 '07 #3

Similar topics

HACKING WITH JAVASCRIPT

by: Gowhera Hussain | last post by:

Use This for Learning Only .... Do Not Try To Act Smart HACKING WITH JAVASCRIPT Dr_aMado Sun, 11 Apr 2004 16:40:13 UTC This tutorial is an overview of how javascript can be used to bypass...

Java

Javascript form validation - comments please

by: Stephen Poley | last post by:

I have quite often (as have probably many of you) come across HTML forms with irritating bits of Javascript attached. The last straw on this particular camel's back was a large form I was asked to...

Javascript

alternative to javascript hrefs

by: Andy Fish | last post by:

Hi, I want to use an anchor tag to invoke some javascript and I've read that it's bad form to use <a href="javascript:foo()"> I've read endless usenet posts and hint sites on the net, they all...

Javascript

Some unknown browsers fail to calculate my JavaScript code.

by: Cardman | last post by:

Greetings, I am trying to solve a problem that has been inflicting my self created Order Forms for a long time, where the problem is that as I cannot reproduce this error myself, then it is...

Javascript

Expandable dynamic folder using CSS instead of Javascript ?

by: Mel | last post by:

if you know of dynamic expandable folder using CSS and display function, please drop me a note Yours, Mel

HTML / CSS

136

Javascript Best Practices Document v1.0

by: Matt Kruse | last post by:

http://www.JavascriptToolbox.com/bestpractices/ I started writing this up as a guide for some people who were looking for general tips on how to do things the 'right way' with Javascript. Their...

Javascript

Conflicting Controls (who dunit?)

by: Guadala Harry | last post by:

I have a very simple aspx page (no code-behind logic) that hosts two 3rd party controls (a dynamic menu and a calendar). The dynamic menu has the bare minimum number of properties set...

ASP.NET

Conflicting results with identical code

by: Neo Geshel | last post by:

I am having conflicting results with two pieces of identical code. One is an insert, the other is an update to a db. The first code, which works, is this: Sub Add3_Click(sender As Object, e As...

ASP.NET

WScript JavaScript library

by: pantagruel | last post by:

Hi, I'm thinking of making a WScript based JavaScript library, I can think of some specific non-browser specific scripting examples that should probably make it in, like Crockford's little...

Javascript

Using JavaScript to change external css file at runtime?

by: GiJeet | last post by:

hello, is it possible to determine the browser and version using javascript at runtime and apply a browser specific external .css file? If so, I'd appreciate code sample so I can see how it's...

Javascript

Wordpress or something else?

by: Faith0G | last post by:

I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

Content Management Systems

One-click Importing Excel Data into a*Database

by: ryjfgjl | last post by:

In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...

Microsoft Excel

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware