Solved

Ajax call a page include javascript

Posted on 2009-06-30
2
376 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

ASP.NET AJAX callbacks to web service are becoming very popular and unavoidable these days. The feel that the user gets when only a part of the page is updated without even hindering the UI is the advantage that the callbacks offer. The wait for the…
The Confluence of Individual Knowledge and the Collective Intelligence At this writing (summer 2013) the term API (http://dictionary.reference.com/browse/API?s=t) has made its way into the popular lexicon of the English language.  A few years ago, …
This Micro Tutorial demonstrates using Microsoft Excel pivot tables, how to reverse engineer competitors' marketing strategies through backlinks.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

911 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

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now