.setAttribute Uncaught TypeError

**xxstykkyxx** · 28-11-2011, 14:03

buongiorno,

Ho un semplicissimo problema a cui non riesco trovare una soluzione:

Ho creato un div e tramite un temporizzatore ingrandirlo gradualmente. Il problema persiste nel .setAttribute, infatti in Chrome mi dà il seguente errore:

Uncaught TypeError: Object quadrato has no method 'setAttribute'

codice:

<html>
<head>
	<script>
		window.onload=setup;
		var height=200;
		var width=height;

		function setup () {
			quadrato=document.getElementById("quadrato");
			setTimeout("ingrandisci('quadrato')",1000);

			quadrato.setAttribute("height",height+"px");
			quadrato.setAttribute("width",width+"px");
		}
		function ingrandisci (div) {
			if (height <= 500) {
				height+=40;
				width=height;

				//non funzionano e ho dovuto usare lo style interno al div
				//lo so che è inusato, ma questo è solo uno schema
				//riassuntivo di quello che devo fare
				div.setAttribute("height",height+"px");
				div.setAttribute("width",width+"px");

				setTimeout("ingrandisci('div')",200);
			}
		}
	</script>
</head>
<body>
	<div id="quadrato" style="height:200px;width:200px;background-color:blue;" ></div>
</body>
</hmtl>

**carlomarx** · 28-11-2011, 14:06

A parte l'opportunità di aprire una nuova discussione... il problema sta ancora una volta qui:

codice:

			setTimeout("ingrandisci('quadrato')",1000);

Vindav ti ha spiegato come risolverlo. Vediamo se capisci anche perché il tuo codice non va.

**xxstykkyxx** · 28-11-2011, 14:10

Originariamente inviato da carlomarx

codice:

			setTimeout("ingrandisci('quadrato')",1000);

Vai qua e guarda la risposta di "cavicchiandrea", e dato che funziona il problema non persiste in quello, ma come ho scritto in questo post il problema sta:

codice:

div.setAttribute("height",height+"px");
div.setAttribute("width",width+"px");

**carlomarx** · 28-11-2011, 14:16

Mmmmh siamo presuntuosi :-)
Io fossi in te proverei a sostituire questa riga:

codice:

			setTimeout("ingrandisci('quadrato')", 1000);

con

codice:

			setTimeout(function() { ingrandisci(quadrato); }, 1000);

e questa:

codice:

			setTimeout("ingrandisci('div')",200);

con

codice:

			setTimeout(function() { ingrandisci(div); }, 200);

…chissà, magari chiederai anche scusa al povero Vindav

**xxstykkyxx** · 28-11-2011, 14:34

codice:

<html>
<head>
	<script>
		window.onload=setup;
		var height=200;
		var width=height;

		function setup () {
			quadrato=document.getElementById("quadrato");
			setTimeout(function () {ingrandisci(quadrato);},1000);

			quadrato.setAttribute("height",height+"px");
			quadrato.setAttribute("width",width+"px");
		}
		function ingrandisci (div) {
			if (height <= 500) {
				height+=40;
				width=height;

				div.setAttribute("height",height+"px");
				div.setAttribute("width",width+"px");

				setTimeout(function () {ingrandisci(div);},200);
			}
		}
	</script>
</head>
<body>
	<div id="quadrato" style="height:200px;width:200px;background-color:blue;" ></div>
</body>
</hmtl>

L'allargamento non me lo dà comunque.

**carlomarx** · 28-11-2011, 14:36

Che altro errore ti dà adesso?

**cavicchiandrea** · 28-11-2011, 14:37

Come ti è già stato detto non occorreva aprire una nuova discussione potevi benissimo proseguire l'altro post il cross-post è vietato su html.it
Detto questo la funzione ingrandisci non va perché non passi la variabile correttamente sintatti corretta con le "virgolette" (non credo si chiami cosi ma è per distinguerla)
setTimeout("ingrandisci('"+div+"')",200);
ma la versione migliore secondo molti (che condivido) è questa:
setTimeout(function(){ingrandisci(div)},200);//senza apici o virgolette.

Consiglio cerca d'essere più umile "Studiati etc...." certe frasi meglio non usarle qui sui forum tutti possono sbagliare per vari motivi e comunque:
A) Vindav e Carlo sono tra i più preparti qui sul forum se ti giochi loro la vedo dura;
B) Se tu che hai un problema e che chiedi aiuto alla comunity.

**cavicchiandrea** · 28-11-2011, 14:40

Non funziona perché imposti male la funzione setup, prova questa vedrai che funziona:

codice:

<html>
<head>
	<script>
		window.onload=setup;
		var height=200;
		var width=height;

		function setup () {
			setTimeout(function () {ingrandisci('quadrato')},1000);

			quadrato.setAttribute("height",height+"px");
			quadrato.setAttribute("width",width+"px");
		}
		function ingrandisci (div) {
			if (height <= 500) {
				height+=40;
				width=height;

				div.setAttribute("height",height+"px");
				div.setAttribute("width",width+"px");

				setTimeout(function () {ingrandisci(div);},200);
			}
		}
	</script>
</head>
<body>
	<div id="quadrato" style="height:200px;width:200px;background-color:blue;" ></div>
</body>
</hmtl>

**carlomarx** · 28-11-2011, 14:42

Originariamente inviato da cavicchiandrea
Non funziona perché imposti male la funzione setup, prova questa vedrai che funziona:
[...]

Occhio che non c'è nessun document.getElementById();

**cavicchiandrea** · 28-11-2011, 14:48

La fretta, come mi fa notare Carlo (grazie) manca il document.getElementById fai cosi:

codice:

<html>
<head>
	<script>
		window.onload=setup;
		var height=200;
		var width=height;

		function setup () {
			setTimeout(function () {ingrandisci('quadrato')},1000);

			document.getElementById('quadrato').setAttribute("height",height+"px");
			document.getElementById('quadrato').setAttribute("width",width+"px");
		}
		function ingrandisci (div) {
			if (height <= 500) {
				height+=40;
				width=height;

				document.getElementById(div).setAttribute("height",height+"px");
				document.getElementById(div).setAttribute("width",width+"px");

				setTimeout(function () {ingrandisci(div);},200);
			}
		}
	</script>
</head>
<body>
	<div id="quadrato" style="height:200px;width:200px;background-color:blue;" ></div>
</body>
</hmtl>

Discussione: .setAttribute Uncaught TypeError

Strumenti discussione

Ricerca discussione

Visualizza

.setAttribute Uncaught TypeError

Permessi di invio