Gøre en div usynlig efter 15 sekunder!

Måske sådan her:

function invisible() {
  document.getElementById("divnavn").style.display = 'none';
}

setTimeout("invisible()", 15000);

også i din HTML
<div id="divnavn">tekst</div>

- det er ikke testet, så forbeholdt fejl ;-)

//>Rune

Jeps, altså det er når den skal slette! :)

- tak!

Hvad skal den så hedde når man tilføjer den, altså diven?

document.getElementById("divnavn").style.display = 'block'; eller 'inline'

se http://www.w3schools.com/css/pr_class_display.asp

Ja, så bruger du inline :) - du kan også bruge show, men jeg mener kun det er i IE det virker...

//>Rune

Jeps, det virker.. MEN!

når jeg så laver en besked, indsætter den en DIV.

og den div skal forsvinde efter 15 sekunder.

og det virker!
men problemet er man ikke kan skrive en tekst bagefter, pga. den er slettet.

Så her er mit spørgsmål:
hvordan laver jeg sådan NÅR man tilføjer en besked, så skal <div hedde noget med "style=visiblity: hidden;" elle sådan noget..

forstår i?

<div id="navnipdiv" style="display: inline;">din div</div>

//>Rune

Se her..

min div:

<div id='talk' class='bubble' name='talk' style='POSITION: absolute; top: -9; left: -92; width: 100; display: inline;  text-align:right; right:-15; bottom:-40; z-index: 99;'></div>

og der hvor den tilføjes osv.

<script>
function invisible() {
parent.chat.document.getElementById("talk").style.display = 'none';
}

setTimeout("invisible()", 15000);
</script>

<script>

function bubble(f){

var tekst = f.message.value.replace(/<\/?[a-z].*?>/ig, "").substring(0, 40);

parent.chat.document.getElementById('talk').innerHTML = "<table border='0' cellpadding='0' cellspacing='0'><tr>  <td height='3' width='3' background='talebobler/top-venstre.gif'></td><td height='3' background='talebobler/top.gif'></td><td height='3' width='5' background='talebobler/top-hojre.gif'></td> </tr><tr><td width='3' background='talebobler/venstre.gif'></td><td bgcolor='#FFFFFF'><font face=tahoma size=1 color=black>"+tekst+"</td><td width='5' background='talebobler/hojre.gif'></td> </tr> <tr><td height='5' width='3' background='talebobler/bund-venstre.gif'></td><td height='5' background='talebobler/bund.gif'></td><td height='5' width='5' background='talebobler/bund-hojre.gif'></td> </tr></table>";



}

</script>

- men den vil ikke tilføje en besked den 2 gang.!:(

d