dhtml conflict? - Javascript

Hi there,
this may not be an advanced problem but to me it is
i got a great looking slide show script from this site (http://www.dhteumeuleu.com) but am having a lot of trouble adapting it to my needs. the problem is that when i add a rollover hyperlink to/in the page the slide show ceases to work. i hope somebody can help me with this. i have included the code with the rollover so you can see where i'm going wrong, to see the slideshow as it should look go to the website above
__________________________________________________
_____

Expand|Select|Wrap|Line Numbers

  
<html>
 
<head>

<title>imgPress - Interactive DHTML art-demos</title>

<meta name="author" content="Gerard Ferrandez at http://www.dhteumeuleu.com">

<meta http-equiv="imagetoolbar" content="no">

<style type="text/css">

body {margin:0; padding:0; position:absolute; overflow:hidden; background:#e8e8e8; left:0; top:0; width:1000%; height:100%;}

img {position:absolute; border:gray solid 1px; cursorointer; width:257px; }

span {position:absolute; color:#ccc; font-family:verdana; font-size: 12px; width:200px;}

</style>

<script type="text/javascript">

Expand|Select|Wrap|Line Numbers

 
<!--

// ==================================================

==

// script: Gerard Ferrandez - Ge-1-doot - JANUARY 2005

// news://news.leibowitz.org/nzn.fr.html

// http://www.dhteumeuleu.com/

// crossbrowser DOM

// ==================================================

==
 
window.onerror = new Function("return true");

document.onselectstart = new Function("return false");

screen.bufferDepth = 16;

O = new Array();

box = 0;

img = 0;

txt = 0;

tit = 0;

W = 0;

H = 0;

nI = 0;

sel = 0;

si = 0;
 
//////////////////

ZOOM = 4;

rImg = 1.33;

speed = .1;

//////////////////
 
function dText(){

txt.style.textAlign = tit.style.textAlign = (sel<nI/2)?"left":"right";

txt.innerHTML = O[sel].tx;

tit.innerHTML = O[sel].ti;

}
 
function CObj(n, s, x, tx, ti){

this.n = n;

this.dim = s;

this.tx = tx;

this.ti = ti;

this.is = img[n];

this.vz = 0;

this.sx = 0;

this.x0 = x;

this.x1 = 0;

this.zo = 0;
 
this.clic = function(hlink) {

with(this){

if(n!=sel){

O[sel].is.style.cursor = "pointer";

if(!hlink)O[n].is.style.cursor = "default";

O[sel].dim = 100;

O[n].dim = ZOOM * 100;

sel = n;

l = 0;

for(k=0; k<nI; k++){

O[k].x0 = l;

l += O[k].dim;

}

txt.innerHTML = tit.innerHTML = "";

setTimeout("dText()", 32);

} else {

// ==== open hyperlink window

if(hlink)window.open(hlink,"_blank");

}

}

}

Expand|Select|Wrap|Line Numbers

  
this.anim = function () {

with(this){

vz = speed*(vz+(x1-sx)*.5);

x1 -= vz;

sx = (n==0)?0:O[n-1].x0+O[n-1].dim;

zo -= (zo-dim)*speed;

l = Math.round((x1*si)+6*(n+1));

w = Math.round(zo*si);

is.style.left = l;

is.style.top = (H-w*rImg)*.5;

is.style.width = w;

is.style.height = w*rImg;

if(sel == n){

if(sel<nI*.5)tit.style.left = txt.style.left = l+w+6;

else tit.style.left = txt.style.left = l-(nx*.25)-6;

txt.style.top = -(w*rImg)*.25;

tit.style.top = (w*rImg)*.33;

}

}

}

}
 
function run(){

for(j in O)O[j].anim();

setTimeout("run()", 16);

}
 
function doResize(){

tit.style.width = nx*.25;

txt.style.width = nx*.25;

tit.style.fontSize = (nx / 30) + "px";

txt.style.fontSize = (nx / 70) + "px";

with(box.style){

width = W;

height = H;

left = nx / 2 - W / 2;

top = ny / 2 - H / 2;

}

}

Expand|Select|Wrap|Line Numbers

 
function resize(){

nx = document.body.offsetWidth;

ny = document.body.offsetHeight;

W = nx * 90 / 100;

si = (W-((nI+1)*6))/((ZOOM*100)+((nI-1)*100));

H = (100 * si * rImg) + 14;

setTimeout("doResize()", 16);

}

onresize = resize;
 
onload = function(){

box = document.getElementById("box");

tit = document.getElementById("tit");

txt = document.getElementById("txt");

img = box.getElementsByTagName("img");

nI = img.length;

resize();

s = ZOOM * 100;

x = 0;

tit.innerHTML = img[0].title;

txt.innerHTML = img[0].alt;

for(i=0; i<nI; i++) {

O[i] = new CObj(i, s, x, img[i].alt, img[i].title);

img[i].alt = "";

img[i].title = "";

img[i].onmousedown = new Function("return false;");

x += s;

s = 100;

}

O[0].is.style.cursor = "default";

setTimeout("box.style.visibility='visible';",100);

run();

}
 
function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}
 
function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}
 
function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}
 
function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

//-->

Expand|Select|Wrap|Line Numbers

 
</script>

</head>
 
<body onLoad="MM_preloadImages('images/legion1.png')">

<table width="950" border="0" cellspacing="0" cellpadding="0">

<tr>

<th scope="col"><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/legion1.png',1)"><img src="images/legion.png" name="Image8" width="257" height="57" border="0"></a></th>

<th scope="col"> </th>

<th scope="col"> </th>

</tr>

</table>

<table width="950" border="0" cellspacing="0" cellpadding="0">

<tr>

<th scope="col"> </th>

<div id="box" style="position:absolute; border:gray solid 1px;visibility:hidden;">

<img onClick="O[0].clic();" src="newborn.jpg" title="The MusicRoom Series" alt="They explained a little about what they were doing.">

<img onClick="O[1].clic();" src="majesty.jpg" title="The MusicRoom Series" alt="I hoped I wouldn´t crack under the strain.">

<img onClick="O[2].clic();" src="whitemagic.jpg" title="The MusicRoom series" alt="Clearly they were ready to do almost anything to retain their position.">

<img onClick="O[3].clic();" src="gazebo2k3.jpg" title="The MusicRoom Series" alt="I observed the face of power at its most mundane.">

<img onClick="O[4].clic();" src="pyre.jpg" title="The MusicRoom Series" alt="But they couldn´t hide the very worst of their inhumane undertakings from the people.">

<img onClick="O[5].clic();" src="singularity.jpg" title="disdain" alt="They showed their utter, complete disdain for justice.">

<img onClick="O[6].clic('http://www.dhteumeuleu.com');" src="spellcraft.jpg" title="never again" alt="Never more. Never again.">

<span id="txt"></span>

<span id="tit"></span>

</div>
 
<!-- crossbrowser images_loading_bar - Gerard Ferrandez - www.dhteumeuleu.com - Feb 2005 -->

<span id=LB0 style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#FFFFFF;left:-50;top:-18">Loading...</span>

<span style="position:absolute;left:-50;top:-5;font-size:1px;width:100;height:10px;background:#333"><span id=LB1 style="position:absolute;left:0;top:0;font-size:1px;width:0;height:10px;background:#FFFFFF"></span></span></span>

<script>m00=document.getElementById("box").getElementsByTagName("img");m01=m00.length; function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0; document.getElementById("LB1").style.width=Math.round(m02/m01*100); if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script>

<!-- end of images_loading_bar code -->

</tr>

</table>

<table width="950" border="0" cellspacing="0" cellpadding="0">

<tr>

<th scope="col"> </th>

</tr>

</table>

<p> </p>

<table width="950" border="0" cellspacing="0" cellpadding="0">

<tr>

<th height="201" bgcolor="d8d8d8" scope="col"> </th>

</tr>

</table>

<p> </p>

</body>

</html>
 
____

___________________________________________

Oct 2 '06 #1

Subscribe Post Reply

1792

acoder

16,027

Expert Mod 8TB

Probably caused by overwriting an event handler, so you should add events using the advanced event registration models as described here.

May 24 '08 #2

gits

5,390

Expert Mod 4TB

:) ... and avoid to use any of that dreamweaver-built-in javascript code that just always raise problems - except you know in depth what they have included here ... just use only one js-lib unless you know for certain that another will not interfer with each other ... or even your own code ... typical problems with interferences of libs are event-handlers, as acoder mentioned, often overwriting of extended array-methods, some dom-handling etc. ... so a good hint: 'just use and rely on one consistent js code (a lib or your own - or combine them to extend each other)' ...

kind regards

May 25 '08 #3

Similar topics

Python - Runy Tkinter conflict

by: Adam | last post by:

Hi I had Ruby 1.6.8-8 for Windows installed on my WinXP Pro machine prior to installing Python 2.3. After installing Python 2.3, I tried to <----- screen output of python interactive command...

Python

DHTML code all of a sudden not working..

by: Frances Del Rio | last post by:

please, can you go to http://www.francesdelrio.com/dhtml/ when you click the name of the character the font color for all the lines of that character should change.. this is a simple DHTML...

Javascript

Do any DHTML books cover contemporary DHTML?

by: Steve | last post by:

Hi; I have heard about a few very good books on DHTML, but the most modern ones seem to have been published in 2002. Have any _significant_ changes in DHTML or the standard DOM happened since...

Javascript

Conflict viewer says there are conflicts, but shows no tables

by: VHR | last post by:

Hi, I apologize for posting this a second time, but no one replied from the other group where I posted it. I have a design master and 4 replicas that I have successfully synced on about 4-5...

Microsoft Access / VBA

Assembly Version Conflict?

by: vb | last post by:

Hi, Sorry, I am new to C#, so this can be a very simple question. I am using some of DevExpress components in my application.My References in the Solution(for DevExpress) are: DevExpress.Data;...

C# / C Sharp

Write Conflict: Form / Subform

by: crystal | last post by:

I've checked the threads but haven't been able to come up with a solution to my issue. Help...... I have a simple form based on a table. Within the form is a subform that is also, through a Q,...

Microsoft Access / VBA

Detecting Conflict Day and Time

by: lotus18 | last post by:

Hello World I have a problem in detecting the conflict schedule (Day and Time). Day 1. M 2. T 3. W 4. TH 5. F

Visual Basic 4 / 5 / 6

How to detect a conflict on schedule?

by: lotus18 | last post by:

Hello all I have these records on my Day Table for my complete database table please click here 1. M 2. T 3. W 4. TH 5. F 6. S

Visual Basic 4 / 5 / 6

Re: SQLite's default ON CONFLICT algorithm

by: =?ISO-8859-1?Q?Gerhard_H=E4ring?= | last post by:

egbert wrote: No, it's just like every other database error - the command fails but the connection is left untouched. Sure, the successful ones ;-) FWIW, this restriction is not any...

Python

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

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

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++

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...

Windows Server

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,...

C / C++

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...

Online Marketing