Hi everyone, I have been trying to find an answer to this, searching all over the web, but no luck. I have created a very simple test page to show what I mean and hopefully someone can explain what I need to do to make this work. Simply put, I have a page that has an onclick href that sends information to a DIV on the page. I wish to simply have this redirect to another page, but instead it shows the response.redirect inside the DIV. How do I get it to redirect from within the DIV to a whole new web page? Here is the code:
The main page: formpage.asp
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Testing...</title>
<script src="scripts.js"></script>
</head>
<body>
<table><tr><td>
<a href="#null" onclick="calculate()"/>sho
</td>
<td>
</td></tr></table>
<div id="resultssection" style="display:none;"></di
</body>
</html>
The script.js file:
var xmlHttp
function calculate()
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Your browser does not support AJAX!");
return;
}
var url="formpageshowgoodies.a
xmlHttp.onreadystatechange
xmlHttp.open("GET",url,tru
showHide();
xmlHttp.send(null);
}
function showHide()
{
if (document.getElementById("
{
document.getElementById("r
}
else
{
document.getElementById("r
}
}
function stateChanged()
{
if (xmlHttp.readyState==4)
{
document.getElementById("r
document.getElementById("r
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLH
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.X
}
}
return xmlHttp;
}
The formpageshowgoodies.asp page:
<%response.redirect "formpage2.asp"%>
Can someone show a simple way to do this? I know the above looks like it's not required to use ajax, but what I am trying to do is more complex (mutiple onclick events, divs, etc) - I've just simplified it here to get the idea across.
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
that will mean I will have to do the test for redirection prior to the onclick, right? If the page is already loaded, then clicking on the link wont do any further checking, just go straight to the ajax - is that right? So would there be a way to do a check for something (say is the session still active) during the onclick?
Ok, sounds like a way that would work, I tried the following:
function stateChanged2()
{
if (xmlHttp.readyState==4)
{
var whatWasReturned = xmlHttp.responseText;
var pos = whatWasReturned.indexOf("y
if (pos == -1)
{
window.location = 'http://www.google.com'
}
else
{
document.getElementById("r
document.getElementById("r
}
}
}
I put simply "no" in the formpageshowgoodies.asp and got the redirect to yahoo - putting "yes" instead doesn't do the redirect. Cool. Is this kind of what you were suggesting?
>>but instead it shows the response.redirect inside the DIV
I'm assuming what you mean is that, based on what you posted, it shows:
http://www.yousite.com/for
If so then to redirect,
>>that will mean I will have to do the test for redirection prior to the onclick, right?
you need to do so AFTER the onclick, not before, because your response gives you the url to redect to. If you were NOT using AJAX, you would click on the link and do the redirect on the server AFTER you click on the link. The same thing happens WITH AJAX, but you need to detect the url you are going to on the client AFTER the click. So your stateChanged function would be:
Business Accounts
Answer for Membership
by: UnexplainedWaysPosted on 2008-06-28 at 00:55:29ID: 21889799
All Ajax will do is "go to a webpage" and retrieve the contents and put it into xmlHttp.responseText. So if the asp page redirects all it will do is return the different page.
The simplest way i can think about it might be a hack but it could put you onto the right idea.
Instead of returning a whole page, when you want to re-direct, how about you just return this "REDIRECT=thatPage.asp".
This way, you can do something like
get substring of xmlHttp.responseText
does it = "RESULT="
if so, then get the rest of the text thatPage.asp
then do a javascript re-direct to that variable.
else
do what you normally do.