[RESOLVED] Two Events

**vgarmy** · 12-04-2008, 12:33 PM

Need some help

I have to events on my index page, but i cant get them both two work at the same time. I know that i cant use window.onload on both of them, that will only make one of the event too work. But i don't know how too modify the script to make the both work. I dont want the onclick in the html file, it has to be in the js file.

popup.js

Code:

window.onload = initImages;

function initImages() {
	var allImages= document.getElementsByName("big");
	
	for (var i=0; i<allImages.length; i++) {
		allImages[i].onclick = newWindow;
	}
}

function newWindow() {
	var imgName = "images/" + this.id + ".jpg";
	var imgWindow = window.open(imgName, "imgWin", "width=430,height=340,scrollbars=no");
}

the url.js

Code:

window.onload = initExtlink;

	function initExtlink() {
	var allExternallinks= document.getElementsByName("external");
	
	for (var i=0; i<allExternallinks.length; i++) {
		allExternallinks[i].onclick = newConfirm;
	}
}

function newConfirm() {
  if(confirm('Du är på väg att lämna sidan. Klicka på OK för att fortsätta')) {
        return true;
    }
	return false;
}

the html

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
      "http://www.w3c.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="url.js"></script>
<script type="text/javascript" src="popup.js"></script>
<title>Index</title>
</head>

<body>

<a name="external" href="http://www.kissonline.com">Kissonline</a>

<img name="big" class="bottom" src="images/diego_thumb.jpg" alt="Diego - Border Terrrier" id="diego" />

</body>
</html>

**mrhoo** · 12-04-2008, 01:14 PM

window.onload = function(){
initExtlink();
newConfirm();
}

**vgarmy** · 12-04-2008, 01:21 PM

It dosen't work.

//vgarmy

**voidvector** · 12-04-2008, 01:29 PM

mrhoo must have misread the function names

PHP Code:


window.onload = function(){
initExtlink();
initImages();
}

**jvanamali** · 12-04-2008, 01:36 PM

you can call two functions like what mrhoo has given, he got the function names wrong , i believe

try this
window.onload = function(){
initImages();
initExtlink();
}

Also comment window.onload = initImages; and window.onload = initExtlink; if you use the above. If it doesnot work and it is giving an error. Post the error.

**vgarmy** · 12-06-2008, 09:15 AM

Thanks guys, it works.

Thread: [RESOLVED] Two Events

Thread Tools

Display

[RESOLVED] Two Events

Dosen't work

In works

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions