473,372 Members | 976 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,372 software developers and data experts.

unusual behaviour

Hi

The following functions are working propery for IE, Ns 4.x and NS 6+ but
the image I want to display disappears in IE. Why?

function swapPic(layer,imgName,imgObj) {
o = (n &&
layer?document.layers[layer].document.images[imgName]:document.images[imgName]);
if(!o.hasswapped) o.src = eval(imgObj+".src");
}

var oRef = null;
var oRefImg = null;
function keepPic(layer,imgName,imgObj) {
if(oRef) {
// swap image back
oRef.src = oRefImg;
}
if (document.images) {
o = (n &&
layer?document.layers[layer].document.images[imgName]:document.images[imgName]);
if(o) {
oRef = o
oRefImg = o.src;
o.src = eval(imgObj+".src");
o.hasswapped = true;
}
}
}

I use the following link to chose the image I want to display

<area shape="poly" alt="" coords="25,25,21,0,30,0"
href="javascript:void(0)" title=""
onMouseOver="swapPic('metera','diala','img1');"
onClick="keepPic('metera','diala','img1');">

<div id="metera"><img src="images/pointer.aa.gif" alt="" name="diala"
id="diala" width="50" height="50" border="0" usemap="#dialita"></div>

The image map is a dial with 20 positions on it to display a position on
a dial

--
Cheers!
Ken Tuck
EyeCreate Inc.
Web Site Design | Online Applications | E-Commerce
ph: 705 755-1120
fx: 705 743-9259
http://www.eyecreate.net/

Jul 20 '05 #1
2 1856
Ken Tuck <we*******@eyecreate.net> writes:
The following functions are working propery for IE, Ns 4.x and NS 6+
but the image I want to display disappears in IE. Why?
That is hard to say. When asking for help, you should always supply
these three pices of infomration:

1) What are you doing? (posting or giving a link to *all* of the code
that fails, preferably by cutting down to a *minimal* example that
still exhibits the flaw. If posting code, don't let lines be more than
72 characters wide).

2) What is it supposed to do? All you say is that it is "working
properly", which means we have to guess what the code is supposed to
do (and code is *not* self explanatory, especially when it is known to
be bugged).

3) What does it do? What do you mean by "disappears"? Is it blank, is
it not in the page flow at all, or what? Be exact.
function swapPic(layer,imgName,imgObj) {
Since you didn't tell, I'll try guessing what these arguments are.

// layer - the name of a NS 4 layer if the image is inside one.
// In general, there could be more than one layer, but in practice
// it amost never happens.
// imgName - the id of the image element to change.
// imgObj - a string containing the name of a global variable.
// A very inefficient way to do it. I'll change it to contain
// the value of the variable instead.
o = (n &&
layer?document.layers[layer].document.images[imgName]:document.images[imgName]);
Long line. Luckily neither your nor my newsreader automatically break
lines.

I *assume* that "n" is a global variable that is true if the browser
is Netscape 4. It is not needed. I would make "o" a local variable instead
of global.

var o = (layer && document.layers && document.layers[layer])?
document.layers[layer].document.images[imgName]:
document.images[imgName];
if(!o.hasswapped) o.src = eval(imgObj+".src");
If you are using eval, you are probably doing something wrong.

if (!o.hasswapped) {o.src = imgObj.src;}
} var oRef = null;

var oRefImg = null;
This is later used as the src property of an image, so a better name would
be "oRefSrc".
function keepPic(layer,imgName,imgObj) {
if(oRef) {
// swap image back
oRef.src = oRefImg;
} if (document.images) {
Why check for document.images here, and not in the previous function.
o = (n &&
layer?document.layers[layer].document.images[imgName]:document.images[imgName]);
As above.
if(o) {
oRef = o
oRefImg = o.src;
o.src = eval(imgObj+".src");
o.src = imgObj.src;
o.hasswapped = true;
}
}
} I use the following link to chose the image I want to display <area shape="poly" alt="" coords="25,25,21,0,30,0"
href="javascript:void(0)" title=""
onMouseOver="swapPic('metera','diala','img1');"
onmouseover="swapPic('metera','diala',img1)"

No need to send a string containing 'img1' as an argument, if you
just use it to look up the value of the variable of that name. Just
send the value directly.
onClick="keepPic('metera','diala','img1');">
onclick="keepPic('metera','diala',img1);">
<div id="metera"><img src="images/pointer.aa.gif" alt="" name="diala"
id="diala" width="50" height="50" border="0" usemap="#dialita"></div>


/L
--
Lasse Reichstein Nielsen - lr*@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'
Jul 20 '05 #2
"Lasse Reichstein Nielsen" <lr*@hotpop.com> wrote in message
news:sm**********@hotpop.com...
Ken Tuck <we*******@eyecreate.net> writes:

<snip>
var oRefImg = null;


This is later used as the src property of an image, so a better
name would be "oRefSrc".


Or maybe sRefSrc if the value it is to hold is a string.

<snip>
<area shape="poly" alt="" coords="25,25,21,0,30,0"
href="javascript:void(0)" title=""
onMouseOver="swapPic('metera','diala','img1'); "


onmouseover="swapPic('metera','diala',img1)"

No need to send a string containing 'img1' as an argument, if you
just use it to look up the value of the variable of that
name. Just send the value directly.
onClick="keepPic('metera','diala','img1');">


onclick="keepPic('metera','diala',img1);">

<snip>

One of the (many) undesirable side effects of executing a javascript
pseudo-protocol URL is that some browsers stop bothering to load image
graphics after its use. Some, but not all, versions of IE exhibit that
effect.

The effect can probably be avoided by returning false from the onclick
handler to cancel the navigation in the HREF, but that makes the
javascript URL pointless as it will only be used (and predictably fail)
in the event that JavaScript is unavailable on the browser.

Richard.
Jul 20 '05 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

11
by: Karlo Basic | last post by:
Greetings! I'm wondering how do the expressions in the following piece of code evaluate and why: #include <iostream> using namespace std; int main() { int n = 5, p;
2
by: Lenster | last post by:
When using PostMessage to post myself a message, the msg and wparam parameters somehow get swapped over. They are in the correct order when calling PostMessage but by the time wndproc handles the...
14
by: Rowland Shaw | last post by:
I've got a databound combo (databound to a System.Data.DataTable), but some rather unpredicatable behaviour -- even though I have 8 rows in the source table, only the first 6 are showing up in the...
5
by: Tino Lange | last post by:
Hi! I'm trying to use the csv Parser included with Python. Field Delimiter is "|", Line Delimiter is "#". Unfortunately it doesn't work as expected. The parser seems to just ignore the...
15
by: John Howie | last post by:
I've found very unusual behavious when using sessions on two different servers. I'm using sessions to handle simple log in. When the form submits the values are checked against a MySQL table. If...
7
by: Rithish | last post by:
Hello. I noticed a strange thing while using strtotime() and date() functions in combination to generate from MySQL into a readable format. By default, the MySQL date field will be 0000-00-00...
7
by: William S Fulton | last post by:
I'm looking for the name of the following casting style in order to do some reading around on it and why it is sometimes used. unsigned long long ull = 0; void * ptr = 0; ull = *(unsigned...
0
by: mk | last post by:
http://linux.byexamples.com/archives/365/python-convey-the-exception-traceba That's seriously weird. What's your Python version and platform? On my Windows and Linux machines, with more recent...
0
by: Robert Rawlins | last post by:
That's seriously weird. What's your Python version and platform? On my Thanks for that MK. I'm using Debian with Python 2.5 from the stable apt repository, installed but a couple of days ago....
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
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...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
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$) { } ...
0
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...
0
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
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
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...
0
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...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.