Just nu i M3-nätverket
Jump to content
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Problem med att få Event att starta

HalSoul

By HalSoul,
in Webbutveckling

Recommended Posts

HalSoul

HalSoul

Posted
Posted

Jag håller på med att göra en IE specifik funktion som ska trigga på en knapp, men får det inte till att funka...

 

Får hela tiden att add_event(link) -> link är null...

 

Detta är vad jag har just nu.

 

<html>
<head>
<script type="text/javascript">
var btn_name = "button";
var btn_link = document.getElementById(btn_name);

 function message()
{
	alert("Kör eventet!"); // för labb...

	try
	{
		var min_var = document.getElementById("test1").innerHTML;
		document.getElementById("test2").innerHTML = min_var;
	}
	catch(err)
	{
		alert(err.description);
	}

}

function add_event(link)
{
	link.addEventListener('onclick', function() {message();}, false);
}


add_event(btn_link);
</script>
</head>
<body>

 <input type="button" id="button" value="Open" />
 <br><br> 
 <div id="test1" style="border:1px solid black; height: 100px; width: 200px;">SVENNE BANAN</div>
 <br><br>
 <div id="test2" style="border:1px solid red; height: 100px; width: 200px;"></div>

</body>
</html>

Link to comment
Share on other sites
Mr Andersson

Mr Andersson

Posted
Posted

Jag gissar att problemet är att knappen "buttom" inte existerar när scriptet körs.

 

Du kan prova att lägga script-taggen efter html-koden istället.

 

Jag har inte detaljstuderat din kod, kanske det kan vara annat fel.

Link to comment
Share on other sites
Jonas__B

Jonas__B

Posted
Posted

försök med detta (lagt till så att den använder addEvent för de webbläsare som inte stödjer addEventListener.

 

Se till att du lägger till scripttaggen längst ner i body.

 <script type="text/javascript">
var btn_link = document.getElementById("button");

function my_message()
{
	//alert("Kör eventet!"); // för labb...

	try
	{
			var min_var = document.getElementById("test1").innerHTML;
			document.getElementById("test2").innerHTML = min_var;
	}
	catch(err)
	{
			alert(err.description);
	}

}

function add_event(elm)
{
	if (elm.attachEvent) {
		elm.attachEvent ("onclick", my_message);
	} else if (elm.addEventListener) {
		elm.addEventListener('click', my_message, false);
	} else {
		elm.onclick = my_message;
	}

}

window.onload = function(){add_event(btn_link);}
</script>

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing


×
×
  • Create New...