Show html from a link in a
on the same page

Question

I have created 2 div tags. In one of the div tags I'm having link and I want to display the result into another tag.

My code is:

<div>
  <div id="loginDiv"><a href="login.php">LogIn</a></div>
  <div id="loginPageDiv"></div>
</div>

How can I display my login page in "loginPageDiv"?

sounds more like you'd want an iframe. either way, your question is unclear, vague, and going to be closed. — Marc B, Nov 02 '12 at 17:33
Try this: http://stackoverflow.com/questions/9963799/ajax-jquery-load-webpage-content-into-a-div-on-page-load — Charles Caldwell, Nov 02 '12 at 17:37

score 2 · Answer 1 · answered Nov 02 '12 at 17:41

2

try using ajax. --> http://api.jquery.com/jQuery.ajax/

for example

$('#loginDiv a').click(function(e){
  e.preventDefault();
  $.ajax({
    type: "GET",
    url: this.href,

  }).done(function( html ) {
    $("#loginPageDiv").append(html);
  });
});

answered Nov 02 '12 at 17:41

Alberto Sanchez S.

21
2

score 0 · Answer 2 · answered Nov 02 '12 at 17:36

0

you can use java Script (Ajax call) to acheive this

and inside ajax call you set your result to that div id

document.getElementById("loginPageDiv").innerHTML = result

answered Nov 02 '12 at 17:36

someone

6,577
7
37
60

score 0 · Answer 3 · answered Nov 02 '12 at 17:49

Using jQuery:

<script>
    $(function() {
        $('#loginDiv a').click(function() {
            $.get(this.href, function(data) {
                $('#loginPageDiv').html(data);
            });
            return false;
        });
    });
</script>

Show html from a link in a on the same page

3 Answers3

Show html from a link in a
on the same page