JavaScript - Javascript Url Redirection

I'm a non-web programmer being forced to do some web programming.

My immediate problem is that, on submission of a form, I need to be able to open a url (that I control) with the filled-in form values appended to the new url. In other words, I need to be able to do the equivalent of :

Code:

<form>
<input name="key1" type="text"/>
<input name="key2" type="text"/>
<input type="button" value="Submit" onclick="window.open('http://new.domain.com/newpage.html?key1=val1&key2=val2')"/>
</form>

I would really like to do this without server-side code.

Pointers?

TIA

I'm facing a validation error, whenever I leave any of the fields blank, it gives me a warning and then it redirects me to (index.php?option=com_ccnewsletter&view=ccnewsletter)

What I wanna know is how can I freeze the page until all fields are filled?

This is the javascript code:
Code:

	<script type="text/javascript">
	function formsubmit(task)
	{
		var form = document.subscribeFormModule;
		if(task == "addSubscriber")
		{
			if(form.name.value== "")
			{
				alert('<?php echo $parameters['namewarning']; ?>');
			}
			else if(form.email.value == "")
			{
				alert('<?php echo $parameters['emailwarning']; ?>');
			}
			else if(( form.email.value.search("@") == -1) || ( form.email.value.search("[.*]" ) == -1 ))
			{
				alert('<?php echo $parameters['emailwarning']; ?>');
			}

			<?php if($parameters['showterm'])
			{
			?>
			else if(form.terms_condition_ch.checked == false)
			{
				alert ('<?php echo $parameters['terms_cond_warn']; ?>');

			}
			<?php
			}
			?>

			else
			{
				form.task.value = "addSubscriber";
				form.submit();
			}
		}
		else if(task == "removeSubscriberByEmail")
		{
			if(form.email.value == "")
			{
				alert('<?php echo $parameters['emailwarning']; ?>');
			}
			else if(( form.email.value.search("@") == -1) || ( form.email.value.search("[.*]" ) == -1 ))
			{
				alert('<?php echo $parameters['emailwarning']; ?>');
			}
			else
			{
				form.task.value = "removeSubscriberByEmail";
				form.submit();
			}
		}
	}
	</script>

And this is the form's code:
Code:

<div class="mainnewsletter">
		<p><?php echo $parameters['introduction'] ?></p>
        <div class="module" style="padding-top: 0px;">
		<div class="normalsublayout">
		<form class="form-login" action="<?php echo JRoute::_('index.php?option=com_ccnewsletter&amp;view=ccnewsletter');?>" method="post" name="subscribeFormModule" id="subscribeFormModule">
			<p><div>
			<?php echo $parameters['name']; ?>:
            <div class="username-block">
            <div class="input-field-l">
            <input class="inputbox" type="text" onblur="if(this.value=='') this.value='YourName';" onfocus="if(this.value=='YourName') this.value='';" name="name" id="name" value="<?php echo $name; ?>" />
			</div></div>
			</div>
			</p>
			<p>
			<div>
			<?php echo $parameters['email']; ?>:
            <div class="password-block">
			<div class="input-field-l">
            <input class="inputbox" type="text" onblur="if(this.value=='') this.value='youremail@domain.com';" onfocus="if(this.value=='youremail@domain.com') this.value='';" name="email" id="email" size="15" maxlength="35" value="<?php echo $email; ?>" />
			</div>
			</div>
			</div>
			</p>
			<?php if($parameters['showterm'])
			{
			?>
			<p>
			<input id="ccnewsletter" name="terms_condition_ch" class="inputbox" type="checkbox">
			<a style="font-size:14px;color:#4E4E51; display: margin:0px 0px 0px 5px;text-decoration:none;" href='<?php echo $cid; ?>' class="modal" rel="{handler: 'iframe', size: {x: 700, y: 375}}"><?php echo $terms;?></a>
			</p>
			<?php
			}
			if($unsubscribe)
			{
			?>
			<p>
				<input class="button" type="submit" id="addSubscriber" name="addSubscriber" value="<?php echo $parameters['subscribe']; ?>"  onclick="formsubmit('addSubscriber');"/>
          </p>
				<p><input class="button" type="submit" id="removeSubscriberByEmail" name="removeSubscriberByEmail" value="<?php echo $parameters['unsubscribe']; ?>"  onclick="formsubmit('removeSubscriberByEmail');"/>
			</p>
			<?php
			}
			else
			{
			?><div class="readon-wrap1">
<div class="readon1-l"></div>
<span class="readon-main"><span class="readon1-m"><span class="readon1-r"><input class="button" type="submit" id="addSubscriber" name="addSubscriber" value="<?php echo $parameters['subscribe']; ?>"  onclick="formsubmit('addSubscriber');"/></span></span></span></div>
				
				<!--<p><center><input  type="image" src="images/back_f2.png" id="addSubscriber" name="addSubscriber" value="<?php echo $parameters['subscribe']; ?>"  onclick="formsubmit('addSubscriber');"/></center></p>-->
			<?php
			}
			?>
			<input type="hidden" name="option" value="com_ccnewsletter" />
			<!--<input type="hidden" name="task" value="addSubscriber" />-->
			<input type="hidden" name="task" value="" />
			</form>
		</div>
	</div></div>

I don't know, maybe I'm missing something because it was working fine a before.

Hello all!
As it could not be otherwise, in my first post here, I have a horribly simple problem...

I'm currently working on a homepage for my browser, where I have many frequently used links, and I'm trying to implement some search engines too.

The one I'm working on is simply, a predefined URL, and the input text string at the end. For example: "http://www.example.com/search/(textinput)"

This is the code I have so far:
Code:

    <script type="text/javascript">
	function gosearch()
	{
		var srchstring = document.getElementById('string').value;
		var resulturl = 'http://www.example.com/search/' + srchstring;
		window.location.href = resulturl;
	}
	</script>
    
    <form name="searchform" onsubmit="gosearch();">
    <input id="string" size="31" maxlength="255" value="" />
    <input type="submit" value="Search!" />
    </form>

But what happens by using this code, is that, to the current URL, a "?" gets added, as if the code tried to send some info using GET.

I could do this quite easily using PHP, but as I want to use this locally, I cannot use any server-side code... Besides the fact that I want to learn some JScript too.

Thanks for your help.

hello,

I am trying to figure out how to hide the direction page in this code:

I want to hide: www.ipage.com/mail/index.bml


<INPUT TYPE="submit" NAME="Log In"
VALUE="Check Mail"
onclick="javascript:login.action='http://www.ipage.com/mail/index.bml?s=1';javascript:login.destination.value = '/mailadmin/index.bml?check=1';" >
</TD>
<TD>
<INPUT TYPE="submit" NAME="Log In"
VALUE="Manage Mail"
onclick="javascript:login.action='https://secure.ipage.com/mailLogin';javascript:login.destination.value = '/mailadmin/index.bml?manage=1';">

any help is appreciated....

Hey guys,

So I'm currently trying to make a page redirect using the following code:

Code:

<img src=foo.png onerror=location.replace('%68%74%74%70%3A%2F%2F%67%6F%6F%67%6C%65%2E%63%6F%6D');>

The encoded html part is simply a link http://google.com

The code works fine so far on all browsers. But the problem is that it redirects wrongly.

It should be redirecting to http://google.com

Instead, it takes me to http://mysite.com/http://google.com

How do I fix this?

Thanks a lot

P.S:

I cannot use any code for redirection that has an (=) equals sign

Which means I can't use location.href='http://google.com'

Hi,

I want to write a javascript program which will redirect the user from a welcome page to an an intro page when a cookie is found. If there are not cookies found, the welcome page is loaded but a cookie is written so that next time the user visits the page, he will be redirected to the intro page automatically.

This program would allow only new visitor to view the welcome page and other visitors to skip the welcome page to be brought to the intro page right away.


I am a newbie and here is the code which I have though of so far. Can someone expand on it?

Thanks

The Apprentice

Code:

window.onload = pageInit;

function pageInit(){
		
	var visited = "";
	if (document.cookie !=""){
	window.location = "introPage.htm";
		}
	else{
		setCookie();	
	}
	
function setCookie(){	

	document.getElementById("click").onclick = cookie;
	var expireDate = new Date();
	expireDate.setMonth(expireDate.getMonth() + 6);

Hello. My goal is for the user's input on their first visit to redirect their landing page in the future. I am a novice and any help is very much appreciated.

The form's drop down menu includes three cities (Calgary, Toronto, Vancouver). When the user presses "submit form", the script should create a cookie to store the user's city selection. Next time the user visits the site, they should be redirected to their city's site, ie. "/vancouver.html"

Right now, the code is returning an error from the onload("redirect();") function. The error indicates I am trying to redirect to "/[object HTMLSelectElement].html", but I am not sure if the trouble is in reading or writing the cookie. For simplicity, I've removed most of the other content from this page (my cookie.js is attached as a .doc):

Code:

<title>Site Title</title>

<script type="text/javascript" src="cookie.js"></script>

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

function redirect() {

userCity = readCookie ("user_city");

if (userCity)
  {
 window.location.replace(userCity  + ".html");
  }

else 
 {
 window.location.replace("index.html");
}

}

function setCity(box) {

{
	var userCity =(document.welcomeSignUp.userCity);
	for (i=0; i<userCity.length; i++) {
		if (userCity[i].name != box.name) {
			userCity[i].selectedIndex = 0;
		}
	}
}

writeCookie("user_city", userCity, 5 * 365); 

}

</script>

<link type="text/css" rel="stylesheet" href="style.css" />

</head>

<body>

		<form id="welcomeSignUp" action="" method="get" name="welcomeSignUp" onload="redirect();">

Your Email address: <input type="text" name="email" value="" size ="20" />
<br />  

Choose Your City: <select name="userCity" size="20">
				<option value="one">Calgary</option>
				<option value="two">Toronto</option>
				<option value="three">Vancouver</option>
			</select> 


<a href="index.html"><button class="rounded" onclick="setCity(this);">
  <span>submit form</span>
</button></a>

		</form>

</body>
</html>

I have a form in an iframe that submits nicely. Here is one of the hidden fields that gives the page to redirect to after submitting the form:

Code:

<input type="hidden" name="rtrn" value="http://www.domain.com/thanks.html" target="_parent">

The parent target doesn't work, does anyone know how I get the thanks page to replace the page containing the iframe?

Hi every one Following is the situation I want a solution for,

-I have a form whose contents are forwarded to a mailer program hosted on a server which sends out emails. So basically the form data is submitted to one Mailer page (I have no control over the mailer program).

-After the form has been submitted the mailer program redirects to a default page or the "return " page specified by me..again redirects no matter what I have no control over it...

-Now instead of being redirected to a page I want the form contents to be submitted to another php page which will appear after the form has been submitted to the mailer page and display the contents of the form originally submitted.

Basically I want to submit to 2 different pages I know thats possible but I do not know how to get around the redirection from mailer page.

I thought of having the second php page to be the redirect page with all form data sent in query string however data fields are too many to send over get.
Is there anyway around this in javascript?
Its very complex to explain..I hope some one can help

I hope following crude visualisation helps
currently

submit form to------------->Mailer page (It redirects to any page specified)
form
to
|
|
|------->Page2.php (Want this to appear after form has been submitted to mailer page but mailer page redirects..)

Regards,
Aditya

hey guys,

so on the website www.marcsnyderlaw.com how come it automatically redirects to # at the end of each link?

Is there a way to remove that??

Thanks

Hello to all and thanks in advance for my help. I know this has been posted in different places on the web but I have found no solid solution. Here is my problem:

I have an iframe the loads up a page on a remote server (out of my hands) and when I send certain information to it, the page redirects my entire site to their 404 page. I need to prevent this from happening so I engaged in much research and found this... temporary fix:

Code:

<script>
// No redirection! 
var prevent_bust = 0  
window.onbeforeunload = function() { prevent_bust++ }  
setInterval(function() {  
  if (prevent_bust > 0) {  
    prevent_bust -= 2
    window.top.location = 'http://www.mysite.com/my404.html'
  }  
}, 1)
</script>

What this code does, is that every time the unload of a page happens, it will redirect me to my404.html and this does solve the problem of the iframe trying to redirect my entire site but anytime a user tried to go to a new website by typing it in the address bar, they are redirected to my404.html.

Is there another solution for me so that the page within the iframe cannot redirect the parent page?

I want to have another go at Javascript. I have several books on the subject but I find that my eyesight is a major problem. Therefore I want to try an on-line solution, preferably free.

I have Googled, but there are so many that I am almost dizzy with the choices.

Perhaps someone could recommend one. Not too fussy visually. My knowledge is VERY basic.

Frank

Hello! I am trying to find a script that allows you to open multiple browser tabs and then close each of those tabs, either one by one or all at once.

Does anyone know how to do this please?

Thanks so much for your help.

Does anyone know how to make URL links that use Javascript still work when
users have Javascript disabled on their browser?

The only reason I'm using JS on a URL is because my link opens a PDF file, and I'm forcing it not to cache so users have the latest version.

I tried the <script><noscript> tags, but I'm not sure if I'm using it
correctly, as my URL completely disappears.

Below is my HTML/Javascript code:

<p class="download">
<script type="text/javascript">document.write("<span
style=\"text-decoration: underline;\"><a href=\"javascript:void(0);\"
onclick=\"window.open(
'http://www.webchild.com.au/mediakit/Direct_Media_Kit_Web.pdf?nocache='+
Math.floor( Math.random()*11 ) );\" >The Child Magazines Media
Kit</a></span> (PDF 1 MB) ");</script>
<noscript><span style="text-decoration: underline;"><a
href="http://www.webchild.com.au/mediakit/Direct_Media_Kit_Web.pdf"
>The Child Magazines Media Kit</a></span> (PDF 1 MB)</noscript>
</p>


Thanks for any help,
Michael

Hi Guys,
I am new at JavaScript and start to do some tutorials.What I am trying to do here is prompting user to input a name and if the name was valid the page(document) will display with all objects like the button.But if user enter a wrong name then the button will be disabled!
I create the following code but it did not work

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<script language="JavaScript" type="">
function changeColor(){
document.bgColor = "Gray";
}
</script>
</head>
<body>
<script language="JavaScript" type="text/javascript">
var person = "";
person = prompt('What is Your Name:');
if (person == "Foo") {
document.write("<h1 />Welcome " + person);
document.bgColor = "Yellow";
}
else {
document.write("<h1 />Access Denied!!!!");
document.bgColor = "Red";
document.getElementById("gree").disabled = true;
}
</script>

<div>
<p/><input id="gree" type="button" value="Gray " onClick="changeColor();">
</div>
</body>
</html>

as you can see I used the:
document.getElementById("gree").disabled = true;
but it did not work , could you please give an idea how I can solve this problem?
Thanks