Solved

Ajax call a page include javascript

Posted on 2009-06-30
2
387 Views
Last Modified: 2012-05-07
I want to use ajax to call a page, which includes javascript.
In the code below, I use ajax to call search.html and display result in div1.
In search.html, I want to run a javascript code. It seems that it doesn't work.
<form name="search">
<input name="question"  type="text" onkeyup='JavaScript:sendRequest("/search.html?q="+this.value,"div1")'>
</form>
 
<div id="div1">
Display result here.
</div>
 
 
in search.html I want to run the test javascript code:
 
<script type="text/javascript">
document.write("This is my first JavaScript!");
</script>

Open in new window

0
Comment
Question by:rxzang
2 Comments
 
LVL 2

Accepted Solution

by:
lee_mulholland earned 500 total points
ID: 24743210
Hi,

I've also needed to do something similar in the past, and ended up replacing your div which would hold the search.html page content with an iframe, this would allow any javascript to be called and displayed to the user, otherwise only the text of the page would be displayed.

From memory the code below replicates what I used, i'd look into these examples too:

http://www.xul.fr/ajax/responseHTML-attribute.html
http://www.asp.net/AJAX/AjaxControlToolkit/Samples/Default.aspx

Thanks

Lee
<html>
 
<head>
<script type="text/javascript">
function Button1_onclick() {
	var val = "http://www.google.co.uk/search?source=ig&hl=en&rlz=&q=" + document.all.txtWebSite.value;
	document.all.myFrame.src=val;
}
</script>
 
</head>
 
<body>
 
<form id="form1">
	Search:<input id="txtWebSite" name="txtWebSite" type="text" value="Test">
	<input id="Button1" name="Button1" onclick="return Button1_onclick()" type="button" value="Show">
</form>
 
<iframe id="myFrame" frameborder="0" width="100%" height="200px"></iframe>
 
</body>
 
</html>

Open in new window

0
 

Author Comment

by:rxzang
ID: 24746320
Thanks. But I don't like frame that much. Is there other simple example that can realize this with div? Thanks a lot!
0

Featured Post

Optimizing Cloud Backup for Low Bandwidth

With cloud storage prices going down a growing number of SMBs start to use it for backup storage. Unfortunately, business data volume rarely fits the average Internet speed. This article provides an overview of main Internet speed challenges and reveals backup best practices.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Today I am discussing AJAX problems in IE7 and I bet this will helps many guys out here who have problems with AJAX work. Lets start with the discovery of problem and then we will talk about its different solutions. My last two projects included …
OverviewThis article demonstrates a simple search form using AJAX. The purpose of the article is to demonstrate how to use the same code to render a page and javascript (JQuery) and AJAX to make subsequent calls to refine the results. The princip…
This Micro Tutorial will teach you how to censor certain areas of your screen. The example in this video will show a little boy's face being blurred. This will be demonstrated using Adobe Premiere Pro CS6.
Along with being a a promotional video for my three-day Annielytics Dashboard Seminor, this Micro Tutorial is an intro to Google Analytics API data.

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question