[Wanasa]

Hi everyone,

am facing a problem about the running an AJAX (java script) that save visitros posted comments into a database and show it. For this i've searched and found a great JS file called prototype.js it helped me will. but latelly i've been formed that it don't work on firefox and chrome also.

the javascript files are attached and the template code is here :

HTML Code:

<table class="table2">
 <tr>
 <td class="thead21">
    {viewfile_addcomment}
    </td>
 </tr>
 <tr>
 <td class="alt21">
 <form id="post-comment" onsubmit="return false;">
 <table border="0" width="100%">
 <tr>
 <td><textarea name="comment" id="comment"></textareaintemplate></td>
 </tr>
 <tr>
 <td align="right">
<input type="submit" name="OK" value="{viewfile_addcomment}" class="button" onClick="sendRequest()" />
</td>
 </tr>
 </table>

 <input type="hidden" name="operation" value="addComment" />
 <input type="hidden" name="userid" value="{USERID}" />
 <input type="hidden" name="fileid" value="{FILEID}" />
 </form>

 </td>
 </tr>
 </table>

the botton is not working in FF or chrome but it do in IE.
thankx in advance everyone,

[Nico]

In Firefox, what error do you get in the Error Console?

[wirehopper]

You could try changing </textareaintemplate> to </textarea>.

[Wanasa]

Originally Posted by Nico

In Firefox, what error do you get in the Error Console?

i don't get any error reports no respons what so ever.

Originally Posted by wirehopper

You could try changing </textareaintemplate> to </textarea>.

sorry didn't clear this, i used this way to over come the problem of opning an HTML template in side a textarea.

[krishardy]

Where is the element with the id of "show"? I don't see it anywhere here.

You need to refer to the form elements by ID in your javascript:

Code:

<input type="hidden" name="operation" value="addComment" />
 <input type="hidden" id="userid" name="userid" value="{USERID}" />
 <input type="hidden" id="fileid" name="fileid" value="{FILEID}" />

Here's what you could do with "comment-ajax.<acronym title="JavaScript">js</acronym>" to start tracing the error if there is a failure. Prototype fails silently (or with very little detail) unless you tell it what it should do when it fails.

Code:

function sendRequest() {
    new Ajax.Request("commentajax.php", 
    { 
        method: 'post',
        postBody: "userid=" + $F('userid') + "&fileid=" + $F('fileid') + "&comment=" + $F('comment'),
        onComplete: showResponse,
        onFailure: function(transport) {
            var message = "<br />Failure: (Status = "+transport.status + ") " + transport.statusText + ". " + transport.responseText + "<br />";
            $('debug').innerHTML += message;
        },
        onException: function(transport, exception) {
            var message = "Exception: ("+transport.status + ") " + transport.statusText + ". " + transport.responseText;
            message += "<br />**********<br />";
            message += "exception = " + exception+ "<br />";
            $('debug').innerHTML += message;
        }
    });
}

In your HTML, add:

Code:

<div id="debug"></div>

If you're using firebug, replace all

Code:

$('debug').innerHTML += message;

with

Code:

console.log(message);

(Remove all references to "debug" when your app goes into public use, or wrap your debugging log functions into a separate function that you can disable when your app goes live)

-Kris

[wirehopper]

You should also run CSS and HTML validators on the code. The W3C Markup Validation Service

[Wanasa]

problem fixed.
it was as krishardy said, it was the id thing.

thankx all of you guys.

You should also run CSS and HTML validators on the code. The W3C Markup Validation Service

thankx man i'll try it right now to check all other things in the style.