AJAX Commentary Preview

[Aeo •]

So, I've currently installed the AJAX Commentary. When typing, yeah, that's all fine, and you get that little line at the bottom that shows what you're typing, with the colours.
Then when you hit enter, that line of talking pops up in the chat, all good. The text in the commentary box disappears, all good.

BUT..

The preview UNDER the commentary box stays there.
Question for y'all (and remember, I barely know how to code, except copy and pasting >.>): How do I get that line of preview to disappear when I my talking goes into the chat?

[P.S. I tried to word that simply. xD]

[Ironmars]

If i understand you correctly the part that you typed in stays under the box where you typed it when you entered it. Try typing again or refreshing.

[Aeo •]

That all works fine, but when I hit <ENTER>, I want that preview to disappear.

I play on one site where that actually works- that's where I got the idea from xD

[Ironmars]

MAybe it's in the ajax code... i dont know i dont have it in front of me and im not good with ajax or javascript O.O

[Megan|SaraBeth]

So I figured it out.  I wanted it on my realm too.  I went on my test server and had datacache turned off to see if it worked.  All you do it open modules/ajaxcommentary.php and remove the following line:

$("previewtext").innerHTML = "<br />";

Once that line is removed you type in something and hit enter and the preview disappears after the text goes into the chat

EDIT: But for some strange reason its still not working on my site...Thats really odd..But it works on the test server...

[Aeo •]

Didn't work for me..

[Megan|SaraBeth]

Hmmm well someone should know how to do it...

[staticobj]

I don't have time right now to go dig up a copy of the AJAX Commentary to reference where the changes need to be made in the files(and so many people seem to make so many changes that are solely in production on their own websites), but I can point you in the right direction.

The code(JavaScript and not PHP) will either use one of several event listeners for either keyup, keydown, keypress, or possibly event submit. What you need to do is look at the JavaScript code or paste it here or simply find the event listener that looks for the Enter keyCode-this will be the integer 13(this may not be so if it happens to be a submit event because there are different ways of achiving the same goal).

Right below that someplace should be the lines of code for the post request to the server to send the text the client types. After that line of code someplace we should be able to do the following...

Code: (JavaScript)

document.getElementById("previewtext").innerHTML = "";

Attach the code, paste the code, or link to the code if unable to find it.

[Aeo •]

And I dunno where to find any of that. o.o

[Megan|SaraBeth]

I'm kind of confused a bit staticobj....So I uploaded the file for you.  Its the file from the public-html/js folder...the prototype.js file.  Could you add the fix to make the preview text erased when your type is submitted and reupload?

[HunterD]

So I figured it out.  I wanted it on my realm too.  I went on my test server and had datacache turned off to see if it worked.  All you do it open modules/ajaxcommentary.php and remove the following line:

$("previewtext").innerHTML = "<br />";

Once that line is removed you type in something and hit enter and the preview disappears after the text goes into the chat

EDIT: But for some strange reason its still not working on my site...Thats really odd..But it works on the test server...

Could it have something to do with the preview and colorprefs that we changed a while back?

[staticobj]

The prototype.js is just the library that was used. Not unlike if one were to use jQuery, MooTools, etc.

Found the code you want to change in modules/ajaxcommentary.php

Code: (JavaScript)

function ajaxpostsuccess(request) {
pagetimecounterstart = new Date();
$("inputinsertcommentary").value="";
$("previewtext").innerHTML = "<br />";
addNewCommentary(request);
}

This is triggered as a callback when post is successful. Hypothetically the snippet of code seen there:

Code: (JavaScript)

$("previewtext").innerHTML = "<br />";

This should be doing just what you asked, but then again I am not familiar with prototype.js but the usage looks very similar to jQuery. Either way what you need to do can be done without prototype.js by replacing that line with this:

Code: (JavaScript)

document.getElementById("previewtext").innerHTML = "";

If that doesn't work it could possibly be that the event isn't being triggered on success?

[Aeo •]

I changed the line of code staticobj told me to change- it didn't work.

If that doesn't work it could possibly be that the event isn't being triggered on success?

And what would cause that?

@Hunter: Just saying, probably not. It didn't work on my new site either, and I've barely edited stuff there.

[Aeo •]

Bump.. Anyone have any other ideas? I really want this one to work for me. :/

[staticobj]

Locate the same l line that I mentioned before and add this line after it.

Code: (JavaScript)

document.getElementById("previewtextinsertcommentary").innerHTML="";

The previewtext element isn't being used for that node.