ansaurus

Question

Help me find the error in this facebook wall jquery code

Answer 1

+1 A:

You're not using the correct variable name. You've named the variable message_wall but are attempting to use it as message_box. You might also need to supply the url for the AJAX post. It will use the page's url if not specified, but typically you'd pull it from the form's action as it is likely different. I would also use val() to get the value from the input.

 $('form#submit_wall').submit( function() {
     var url = $(this).attr('action');
     var message_box = $('#message_box').val();
     $.ajax({
         url: url,
         type: 'POST',
         data: 'message_box=' + message_box,
         success: function() { ... }
     });
     return false;
 });

tvanfosson 2010-10-18 20:46:44

Whoops! Thats was a mistake.. but it still isnt working!

Ram Bhat 2010-10-18 20:48:11

@Ram - Your quote marks are off too - see my answer.

Peter Ajtai 2010-10-18 21:48:27

Answer 2

A:

Hello,

message_box is undefined, you initialize message_wall ...

Arnaud F. 2010-10-18 20:47:07

First post was edited, before it was : `var message_wall = ... ` ;)

Arnaud F. 2010-10-18 21:54:10

Answer 3

+1 A:

Your quotes are off.... also don't forget to set the URL you are sending the request to!
( $.ajax({ url: ... , type: ... ).

Problem:

$("ul#wall").prepend("<li style="display: none;">"+message_box+"</li>");

You need to pay attention to which quotes will be rendered as part of the string and which quotes denote the string boundaries.

Solution:

$("ul#wall").prepend('<li style="display: none;">' + message_box + '</li>');

Look at the difference in the syntax highlighting of these 2 code snippets.

Try it out with this jsFiddle

Peter Ajtai 2010-10-18 21:45:20

Hey.. Thanks for that :) The code is working perfectly in jsfiddle.. but not working here.. Im running WAMP on my localhost...

Ram Bhat 2010-10-18 22:21:17

@Ram - Are you sure your jQuery source link is correct ( `jquery.js` not `/jquery.js` or `/jquery/jquery.js` or something else )? So is jQuery loading properly?

Peter Ajtai 2010-10-18 22:29:00

yes..ive tested it both with minified nd normal... still nt working :(

Ram Bhat 2010-10-18 23:06:38

@Ram - To be clear, if you try a simple `$(function() { alert("jQuery is working!"; });` you do get the alert? ---------------- I assume your HTML is correct, unlike in your posted example (you don't have an open `html` or `head` tag and you don't have a close `body`, or `html` tags?

Peter Ajtai 2010-10-18 23:32:11

Hey! I get the alert when so jquery is working fine.. also yes.. the html posted here is incomplete.. What else cud it be! THis is driving me nuts!

Ram Bhat 2010-10-19 04:24:51

@Ram - Strange - Do you use Firebug? Try debugging with that... Can you give a link to the page?

Peter Ajtai 2010-10-19 04:30:36

Hey Peter! Thanks so much for all your help! Caught the error with chrome developer tools.. There was a non unicode character in the script!

Ram Bhat 2010-10-19 05:46:10

@Ram - You're welcome ;) Glad you got it figured out.

Peter Ajtai 2010-10-19 05:57:28

ansaurus

tags:

views:

answers:

Help me find the error in this facebook wall jquery code

Try it out with this jsFiddle

related questions