jQuery inserting ajax content

Question

This function inserts a file upload field in a specific div

$(".add_file_field").click(function() {
    var qid = $(this).attr("rel");
    $(this).parent().before("<div id='p_holder'></div>");
    $("#p_holder").load("<?=site_url('survey/add_upload_field')?>", {
        'qid': qid 
    });
    return false;
});

It is triggered by clicking on the link in this snippet

<span class="add_field_wrap">
    <a rel="31" class="add_file_field" href="http://domain.com/kms/#">
        Add another file
    </a>
</span>

How can I get it to insert the content just before the span.add_field.wrap, ie. without specifying a specific container that will receive the content? The span and all other markup must stay in place; the point is that the user can add as many file upload fields as he wants.

Thanks

Your question is not very much clear.

ShankarSangoli
– ShankarSangoli

2011-07-23 14:29:05 +00:00
Commented Jul 23, 2011 at 14:29 — ShankarSangoli
– ShankarSangoli, Commented Jul 23, 2011 at 14:29

lbrandao · Accepted Answer · 2011-07-23 14:30:28Z

2

$(".add_file_field").click(function(){
    var qid = $(this).attr("rel");
    var parent = $(this).parent();

    $.get("<?=site_url('survey/add_upload_field')?>", {'qid': qid }, function(data) {
        $(parent).before(data);  
    });

    return false;
});

answered Jul 23, 2011 at 14:30

lbrandao

4,3844 gold badges37 silver badges44 bronze badges

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

Comments

Tomas · Accepted Answer · 2011-07-23 14:29:30Z

1

Is this what you want?

$('.add_field_wrap').before(required_html_content);

answered Jul 23, 2011 at 14:29

Tomas

60.2k54 gold badges251 silver badges386 bronze badges

Comments

Rafay · Accepted Answer · 2011-07-23 14:32:19Z

0

$(".add_file_field").click(function(){
    var qid = $(this).attr("rel");
    $(this).parent().before("<div id='p_holder'></div>");
    $("#p_holder").load("<?=site_url('survey/add_upload_field')?>", {'qid': qid },
      function(data){
         $("span.add_field_wrap").insertBefore(data);
    })
   return false;
});

answered Jul 23, 2011 at 14:32

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

Comments

ShankarSangoli · Accepted Answer · 2011-07-23 14:33:49Z

0

Try this

$(".add_file_field").click(function(){
    var qid = $(this).attr("rel");
    if(!$("#p_holder").length){
      $(this).parent().before("<div id='p_holder'></div>");
    }
    $.get("<?=site_url('survey/add_upload_field')?>", {'qid': qid },
     function(response){ 
       $("#p_holder").append(response);
    });
    return false;
});

answered Jul 23, 2011 at 14:33

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

Collectives™ on Stack Overflow

jQuery inserting ajax content

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related