JavaScript - Page Redirection Help

Hi,

I am wanting to install an automatic re-direction script.

I have seen some pretty complicated ones and then I came across this:

Code:

<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "mobile.html";
}
//-->
</script>

Is that going to work ?


Thanks


.

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.

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

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.

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'

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....

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>

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 implement a javascript function where a submit button will be submitted from the parent page each time I close a child page. Please let me know what I did wrong in my code and please elaborate your answer so that I could understand it better. Thank you so much for your help.

I have the following jscript code but it is now working.

Code:

window.onunload = submitParent;
function submitParent() 
{
  var doc = window.opener.document,
      theForm = doc.getElementById("finalForm");
      theField = doc.getElementById("finalSelected");
  theForm.submit();
  theField.trigger('click');
}

My form from the parent page is as follow. I want my jscript to just click on the submit button once.
Code:

<form id = "finalForm "name= "finalForm" method="POST" action="">
<input type="Submit" id = "finalSelected" name="finalSelected"/>

Hello. My goal is to load the JS for a specific element before displaying that element. I integrated a third part script, and it works well. I set the timer he

The JS is in my heading as <script type="text/javascript" src="countdownpro.js"></script>

About mid-body I have: <span id="countdown1">2010-07-20 00:00:00 GMT+00:00</span> which allows for the setting of a target date to countdown to.

When the page first loads it shows the above long format target time, until the js/meta tags kick in to modify it to just show the actual countdown as 00:00:00.

I have attached countdownpro.js to this post. I tried shifting the function CD_Init() to the top of the script, and also appended it inline with the .html. I tried setting the big external script to "defer", but neither arrangement worked. I also tried placing the src file right at the top.

I appreciate your help.

I just wrote an essay to discover it had logged me out and I lost everything.

Grrrrrrr.

Here goes again, simplified this time.

I've got a sticky footer at the bottom of the page and a spry collapsible panel which expands to reveal content on mouse over.

The problem I'm facing is that the page doesn't scroll down with it, only the scroll bar gets larger to accommodate for a manual scroll down. This is kind of useless because the user might not even realise that there's extra content there in the first place if it's not automatic.

My question is, what's the best javascript code to use to automatically scroll the page down when the spry tab is opened and where would I insert it?

I've tried all morning with no success so far!

Thanks,

Nick,

I'm copy pasting this post this time round, I don't trust this website now

Hi,

I am Aditya. I am explaining below the exact scenario where I need the help:

I am developing a web application in which I need to integrate a javascript/html editor on some of the web pages and then provide 'Edit' buttons on those web pages so that users can edit the content on that partciular html/jsp page (like editing in wiki pages) and then, when they add some content and click on submit button, the new content should appear on the web page with all the formatting (i.e. bold, italics, color and so on) which was applied by user when he was entering the text.
Now, I need help for the below issues:
1. Please suggest me a good javascript/html editor (freely downloadable) which I can use to integrate with my web pages.
2. Once the user has entered some content using the above javascript editor, how to make that content reach the server and update the corresponding web page.

I am new to web development, so may be that these questions are too simple.
But, I need some help from you.

Waiting for your reply,

Thanks,
Aditya