ansaurus

Question

prototype ajax updater div with different buttons

Answer 1

A:

Edit Looking at the rest of the code you have posted, is AJAX really required for this? surely you are just updating the existing page with data already present on the page, the server has no real part to play in this?

Sorry to dive into jQuery again, but this should allow you to get the values into "div2" without an ajax request.

    $(document).ready(function() {
        $("input").click(function(e) {
            $("#div2").html($(this).attr("id")+" clicked<br />");
            updateList();
        });
    });
    function updateList() {
       $("#div2").append($("#lista").val() + " selected");
    }

In plain English this code says "if an input element is clicked, update the value of div2 with the input variables id, and append the selected value from the list to the result". Hopefully that makes sense to you :)

If you need an easy, elegant way to solve this with AJAX, use the jQuery library's ajax and post methods. For more information take a look here, it will significantly cut down on the size and complexity of your code.

Jay 2009-12-10 00:44:47

no need to switch to jQuery for this, Prototype is more than adequate

seengee 2009-12-12 16:47:38

Yeah jQuery definitely isn't needed for this, my original post was about AJAX which are much simpler to perform and describe in jQuery, as is the above operation (write less, do more).

Jay 2009-12-13 11:03:34

Answer 2

+1 A:

if you dont need to actually process the form contents in some way then you have no need to use Ajax to pass to a PHP script. Depending on what exactly you wanted to display in div 2 you could do something as simple as this:

function sendf()
{
 var listvar = $('lista').value;
 $('div2').update('select menu value was ' + listvar);
}

This is obviously missing quite a lot of detail and can be massively improved but it should highlight the fact that AJAX is not required.

seengee 2009-12-12 16:57:21

@jay: he's using prototype so my code is correct, your code is jquery

seengee 2009-12-13 22:11:59

It could be worth mentioning your javascript library in your answer, as it isn't initially clear that you're using prototype, and this code will not function without it :)

Jay 2009-12-15 10:37:14

yeah but he has tagged his question with prototype and his code sample links to prototype, i would say thats pretty clear.

seengee 2009-12-15 10:49:13

Meh, I'm just a blind idiot, didn't even see that in the subject/code. +1 mate, good job

Jay 2009-12-15 21:44:57

haha no worries, cheers

seengee 2009-12-15 23:04:48

Answer 3

A:

well, in fact, this was a simplification, as the php is intended to do some calculations and send the answer to the div, so, in my case, prototype is needed.

the problem is that javascript scripts dont work. they seem not to be read, simply!

i've read that evalscripts: true in the declaration of updater (sendf in this case) should work, but doesn't.

thanks in advance for any help!!! guillem

guillem 2010-10-19 17:37:01

ansaurus

tags:

views:

answers:

prototype ajax updater div with different buttons

related questions