Java script add element without reload

Question

I have this div in which I add more divs with javascript.

However, everytime I add a new div the to div with javascript, it refreshes so for example a youtube video in one of those divs will stop playing.

Can I put these divs into the div without reloading it?

My current code for putting in thing is

m += "new thing <a> and other stuff </a>"

I NEED it to put the new thing I want without reload. I currently put them in using href="javascript: addMessage('current time', 'user', 'message')"

The addMessage code:

function addMessage(time, user, msg) {
if (msg == "") {
    return false;
}
var m = document.getElementById('message-panel');
m.innerHTML += "<div class='sentMessage'><span class='time'>" + time + "</span><span class='name'><a>" + user + "</a></span><span class='message'>" + msg + "</span></div>";
pageScroll();
if (user != "SERVER") {
    if (user != "ERROR") {
        playAudio('new-message-sound');
    }
}
return false;

}

My only solution to putting new messages in if with href="javascript:addMessage()". I CAN NOT DO ONCLICK="" because I'm using java to controll the javascript!

My javacode for putting in the messages:

public void addMessage(String user, String msg) {
    try {
        getAppletContext().showDocument(new URL("javascript:addMessage(\"" + Time.now("HH:mm") + "\", \"" + user + "\", \"" + msg + "\")"));
    }
    catch (MalformedURLException me) {}
}

Thanks in advance, enji

Niet the Dark Absol · Accepted Answer · 2011-11-04 13:43:32Z

2

Create the element with document.createElement('tag name here');, then insert it with m.appendChild(newelement);. This leaves any elements before it unaffected.

answered Nov 4, 2011 at 13:43

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Jeremy Karlsson Over a year ago

So i do

var n = document.createElement("<div class='sentMessage'><span class='time'>" + time + "</span><span class='name'><a>" + user + "</a></span><span class='message'>" + msg + "</span></div>"); m.appendChild(n)

??

Niet the Dark Absol Over a year ago

No, you do

var n = document.createElement('div'); n.className = 'sentMessage'; n.innerHTML = "<span class='time'>.........</span>"; m.appendChild(n);

Collectives™ on Stack Overflow

Java script add element without reload

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related