Input type range(slider) - Event Listener bei Veränderung funktioniert nicht

unkown-6363 · 29. März 2014

Hallo!

HTML

<form>
Breite: 350<input id="viewsize" type="range" min="350" max="1300" value="400" step="25">1300.
</form>

JavaScript

window.onload = function() {
    var slider = document.getElementById('viewsize');
    slider.addEventListener('onchange', function () {
       document.getElementById('currentValue').innerHtml = slider.value; 
       window.resizeTo( slider.value, 400 );
    });
}

Warum wird der EventListener nicht aktiv?
Ich weiß, dass das eigentlich JS Basics sind, aber ich konnte mich mit Js noch nie anfreunden ... Also ich hätte gerne, dass das Script anspricht wenn der Slider verschoben wird.

Vielen Dank im Voraus!

cottton · 29. März 2014

innerHTML =)
innerHtml geht net :p

HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="utf8" />
		<title></title>
		<style type="text/css">




		</style>
		<script type="text/javascript">
			window.onload = function() {
				var slider = document.getElementById('viewsize');
				var zeige = document.getElementById('currentValue');
				if(window.addEventListener){
					slider.addEventListener('change', function () {
					zeige.innerHTML = slider.value;
					window.resizeTo( parseInt(slider.value), 400 ); // evtl parseInt? dunno
				});
				}else if(window.attachEvent){
					slider.attachEvent('onchange', function () {
					zeige.innerHTML = slider.value;
					window.resizeTo( parseInt(slider.value), 400 );
				});
				}
			}
		</script>
	</head>
	<body>
		<form>
			Breite: 350
			<input id="viewsize" type="range" min="350" max="1300" value="400" step="25">1300.
		</form>
		<div id="currentValue"></div>
	</body>
</html>

Alles anzeigen

liegt an
addEventListener -- will "change"
aber
attachEvent -- will "onchange".

ist mit den meisten (wenn nicht alle) Befehlen bei den beiden (click, onclick ect)

unkown-6363 · 29. März 2014

Ach dieses JS ey ...

Hab Dank!

Input type range(slider) - Event Listener bei Veränderung funktioniert nicht

Jetzt mitmachen!

Teilen