10 svar · 401 visningar · startad av Web-Tor
Jag gissar att jag har fnuttarna på fel sätt eftersom det här inte funkar ('obj' is undefined):
<html>
<head>
<script type="text/javascript">
function hide(obj){
//obj.style.display='none'
window.setTimeout("obj.style.display='none'",500);
}
</script>
</head>
<body>
<form>
<input type="button" value="Hide text" onclick="hide(bar)">
<div id="bar">Text</div>
</form>
</body>
</html>
Så frågan är; hur sjutton ska man skriva i setTimeout?
<html>
<head>
<script type="text/javascript">
function hide (obj){
var obj = obj;
this.hide = function(){
obj.style.display='none';
}
window.setTimeout(this.hide,500);
}
</script>
</head>
<body>
<form>
<input type="button" value="Hide text" onclick="hide(bar)">
<div id="bar">Text</div>
</form>
</body>
</html>
Okey, det finns inte något sätt att få till det utan en extra funktion?
var tmp;
function hide(obj){
tmp = obj;
window.setTimeout("tmp.style.display='none'",500);
}
Peter S skrev:
var tmp; function hide(obj){ tmp = obj; window.setTimeout("tmp.style.display='none'",500); }
Jag skulle dock avråda från att använda globala variabler, eftersom om denna funktion körs två gånger med olika div'ar, så kommer den första referensen skrivas över.
Web-Tor skrev:
Okey, det finns inte något sätt att få till det utan en extra funktion?
Vad har du mot detta? Funktionen fungerar ju på samma sätt utifrån.
nitro2k01 skrev:
Jag skulle dock avråda från att använda globala variabler, eftersom om denna funktion körs två gånger med olika div'ar, så kommer den första referensen skrivas över.
Eftersom Tors exempel endast innefattade ett element, utgick jag från att det endast gällde den <div>en.
En annan variant:
function hide(obj){
window.setTimeout(function(){obj.style.display='none'}, 500);
}
Peter S skrev:
Eftersom Tors exempel endast innefattade ett element, utgick jag från att det endast gällde den <div>en.
En annan variant:
function hide(obj){ window.setTimeout(function(){obj.style.display='none'}, 500); }
Om det verkligen bara gällde ett element, varför inte förenkla ytterligare?
function hide(){
window.setTimeout("bar.style.display='none'",500);
}
Om det nu gäller en div, så funkar detta: (Förutsatt att div'en har id)
<html>
<head>
<script type="text/javascript">
function hide(objId){
window.setTimeout("document.getElementById(\"" + objId + "\").style.display='none'",500);
}
</script>
</head>
<body>
<form>
<input type="button" value="Hide text" onclick="hide('bar');">
<div id="bar">Text</div>
</form>
</body>
</html>
nitro2k01 skrev:
Om det verkligen bara gällde ett element, varför inte förenkla ytterligare?
function hide(){ window.setTimeout("bar.style.display='none'",500); }
Det är helt klart att föredra :)
Det kan vara olika element. Det är elementet som skickas in till funktionen som ska påverkas.
Tack för alla svar! :)