jquery .load Function

Question

I'm learning how to load and modify web content on client side without page load and postbacks.

I want to load the content of Controls/content.html into the div just like i saw on multiple exemples :

here's the div and button :

<input type="button" id="btnHtm" onclick="Content()" name="Menu" value="HtmAppear" />
<div id="htmlCont"></div>

here's the content :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
           <h4> HELO </h4>
</body>
</html>

Here's the file path :

,

Edit : deleted other trys

Here's my fourth try :

<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" />

<script language="javascript" type="text/javascript" >

$(document).ready(function content() {
    $('#htmlCont').load("Controls/content.html");
});

</script>

When you include a script for some file, you can not put code inside. You need a script separate to your code. — alexqoliveira
– alexqoliveira, Commented Oct 14, 2015 at 18:20
@alexqoliveira the script is placed inside the Header content "content1" of my aspx, and the div is place in "content3" — Antoine Pelletier
– Antoine Pelletier, Commented Oct 14, 2015 at 18:25

alexqoliveira · Accepted Answer · 2015-10-14 20:22:09Z

1

Your selector need a #. Try this:

<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<script>
    $(document).ready(function() {
       $('#htmlCont').load("Controls/content.html");
    });

</script>

edited Oct 14, 2015 at 20:22

answered Oct 14, 2015 at 18:16

alexqoliveira

3793 silver badges11 bronze badges

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

10 Comments

Antoine Pelletier Over a year ago

See my edit, it does not work, if you think i misunderstood the syntax, please provide a complete answer...

alexqoliveira Over a year ago

Sorry about that, but when you include a script for some file, you can not put code inside. You need a script separate to your code. I edited my answer.

Antoine Pelletier Over a year ago

Uncaught ReferenceError: content is not defined

alexqoliveira Over a year ago

try to remove the name of the function 'content'. $(document).ready(function () { $('#htmlCont').load("Controls/content.html"); });

alexqoliveira Over a year ago

To name a function where you need to write: jsfiddle.net/alexqoliveira/optxw1w7

|

Collectives™ on Stack Overflow

jquery .load Function

1 Answer 1

10 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Your Answer

Sign up or log in

Post as a guest

Related