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

25 New Member

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 Reply

5403

Head In A Pan

New Member

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

Recognized Expert Moderator MVP

See compatibiity tables for the browsers on mouse position.

Also, see this link.

Mar 20 '07 #3

Similar topics

7064

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 simple/advanced html forms and how it can be used to override cookie/session

Java

5189

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 complete in connection with attendance at a seminar. After spending more than 15 minutes on it, I clicked on the submit button - and nothing happened. Looking round the pages on Javascript form validation that Google produced for me (well,...

Javascript

2529

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 suggest different things and I can't get any kind of consistency, and I can't find any solution that works properly for IE, opera and mozilla. many of the recommended solutions go something like this:

Javascript

5694

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 difficult to know what is going on. One of these Order Forms you can see here... http://www.cardman.co.uk/orderform.php3

Javascript

3693

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

9314

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 code was littered with document.all and eval, for example, and I wanted to create a practical list of best practices that they could easily put to use. The above URL is version 1.0 (draft) that resulted. IMO, it is not a replacement for the FAQ,...

Javascript

1276

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 (declaratively), and the calendar has no properties explicitly set (declaratively or otherwise). These controls are placed on the aspx page declaratively. The point so far is that this is the absolute minimal aspx page with the simplest possible implementation...

ASP.NET

1593

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 EventArgs) Dim imgStream as Stream = Add3Image.PostedFile.InputStream Dim imgLen as Integer = Add3Image.PostedFile.ContentLength Dim imgType as String = Add3Image.PostedFile.ContentType If Not imgStream Is Nothing And imgLen > 0 And (imgType =

ASP.NET

8919

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 JavaScripter, can anyone think of anything else. Is anyone familiar with anything similar already done. Things that I am thinking that to provide are:

Javascript

4927

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 done. TIA G

Javascript

8390

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...

Windows Server

8909

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...

C / C++

8819

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...

Online Marketing

8667

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...

General

6222

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...

Microsoft Access / VBA

5690

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...

C# / C Sharp

4221

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

4399

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

2048

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP