PHP echo HTML element with AJAX script

Question

I am trying to rewrite the W3C AJAX Livesearch script to echo a <button> instead of an <a>, which seems to be printing but the inline Javascript isn't responding to the AJAX script. Here is the PHP I've modified.

    $hint="<button='type' class='mybutton' name='users' value='" .
    $z->item(0)->childNodes->item(0)->nodeValue . "' onclick='showUser(this.value)'>" .
    $y->item(0)->childNodes->item(0)->nodeValue . "</button>";

I modified the the XML nodes to just contain a title and a value (1-n). The request seems to be working but it looks like the is not receiving a value. I have a feeling it is something to do with the way I've coded the PHP. Any thoughts? Thanks in advance!

EDIT: Problem answered, it was a simple syntax error in the markup. I took out my live example link, but refer to the W3C link if you are interested in learning the script. Good stuff!

Can you describe how it's not working? It looks fine to me; clicking the buttons loads the right details. Also, you should use CSS to change the button appearance. Don't use onmousedown, etc to change class names — Phil
– Phil, Commented Jan 7, 2014 at 23:55
@kingkero Looks like a typo. Doesn't look like that in OP's demo code — Phil
– Phil, Commented Jan 7, 2014 at 23:58
@Phil You do know it is about the dynamically loaded "button" - type in "Peter" in the input and you'll see ;) — kero
– kero, Commented Jan 8, 2014 at 0:01
I have always avoided W3C, but for once I was very please. They actually have some good AJAX stuff, so I've discovered. But yeah, not pleased with their JS and HTML5 articles. — Jim22150
– Jim22150, Commented Jan 8, 2014 at 0:43

kero · Accepted Answer · 2014-01-08 00:05:57Z

3

The problem is the HTML you provide in the dynamically loaded content, which looks like this (from inspecting the given link):

<button='type' class="mybutton" name="users" value="1" 
    onclick="showUser(this.value)">Peter Griffin </button>

this.value returns undefined as you can see in this fiddle because this is no valid HTML syntax. You need to provide a proper button like the following:

<button class="mybutton" name="users" value="1"
    onclick="showUser(this.value)">Peter Griffin </button>

edited Jan 8, 2014 at 0:05

answered Jan 7, 2014 at 23:59

kero

10.7k5 gold badges44 silver badges52 bronze badges

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

2 Comments

Phil Over a year ago

FYI the AJAX response HTML doesn't actually have </button='type'>, that's just how your browser is interpreting it

Jim22150 Over a year ago

Wow, I'm embarassed! Simple markup problem. I shouldn't have even posted this question, but it may be helpful for some. @Phil, please read the question again, I was having problems with Livesearch, not the buttons.

Collectives™ on Stack Overflow

PHP echo HTML element with AJAX script

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