JavaScript - Page Redirection Upon Cookie Recognition

Hi,

I have 3 functions. I do not know how to have 2 functions recognize the output of an array from the other function. All of this revolves around input(text boxes). What is the array's output? In other words, how do I get the newly added textboxes recognized by the initial functions - what are they called? I have tried adding names like "No. of Hours[1]"; "No. of Hours(1)"; or,"No. of Hours1"; but none of that works.
For example, one of the inputs is called "No. of Hours". That is the input textbox on the web page. When the add new rows array is invoked it adds new input textboxes and the new element is

Code:

el.type = 'text';          
el.name = 'No. of Hours' + iteration;          
el.id = 'No. of Hours' + iteration;          
el.size = 7;         
cellRight.appendChild(el);

What is this new input/element called so that I can refer to it for the coded function shown below?

The first function provides validation for user input.

Code:

function checkQuarters( fld )
{
    var val = parseFloat(fld.value);
    if ( isNaN(val) || ( val*4 != Math.floor(val*4) ) )
    {
        alert("Value must be a numeric and a multiple of 0.25");
        return false;
    }
    return true;
}
</script>

The input for the above function is

Code:

<td>
<form style="width: 5px; height: 1px;">
<input type="text" name="No. of Hours" id="No. of Hours" style="width: 70px;" onblur="checkQuarters(this);" />
</form></td>

The array outputs added textboxes thusly,

Code:

new_rows[row_count]['cell3']=sel;
  var cellRight = row.insertCell(3);          
  var el = document.createElement('input');          
    el.type = 'text';          
    el.name = 'No. of Hours' + iteration;          
    el.id = 'No. of Hours' + iteration;          
    el.size = 7;         
    cellRight.appendChild(el);
        new_rows[row_count]['cell']=el;
        row_count++;

The other function uses a JQuery for a datepicker.

Code:

<script type="text/javascript">
$(function() {
  $("#startdate").datepicker();
  $("#enddate").datepicker();
       }); </script>

The input is this.

Code:

<td><input style="width: 70px" type="text" id="startdate"></td> 
<td><input style="width: 70px" type="text" id="enddate"></td>

I am lost on this and could really use some help and guidance.

Thanks,

John

Hi,

I have a dynamic JS table and the user can add several rows then populate rows with data.
There are 4 columns in table. First row, first two columns have JQuery calendar. Third column has populated select list. Fourth column, first row has JS function to ensure that user enters integer/decimal with corresponding alert for incorrect entry.
Two things I want to do:
1. Populate added rows with JQuery calendars and integer/decimal alert.
2. Capture added rows and data from user entries so that information can be sent to database via ColdFusion programming.

The following is the js code I am using:

For the datepicker I linked to an in-house URL so this is the function -

Code:

$(function() {
		$("#startdate").datepicker();
		$("#enddate").datepicker();
		$("#RcompStart").datepicker();
		$("#RcompEnd").datepicker();
	});
</script>

The objects (inputs) for the above are

Code:

<td><input style="width: 70px" type="text" id="startdate"></td> 
<td><input style="width: 70px" type="text" id="enddate"></td>

For the numeric alert the function is

Code:

<script type="text/javascript">
function checkQuarters( fld )
{
    var val = parseFloat(fld.value);
    if ( isNaN(val) || ( val*4 != Math.floor(val*4) ) )
    {
        alert("Value must be a numeric and a multiple of 0.25");
        return false;
    }
    return true;
}
</script>

The object (input) for the above is

Code:

<td><p>
<form style="width: 5px; height: 1px;">
<input type="text" name="No. of Hours" id="No. of Hours" style="width: 70px;" onblur="checkQuarters(this);" /> </form> </td>

And to add and remove rows the function is

Code:

<script language="Javascript" type="text/javascript">
/*<![CDATA[*/
		   
  var new_rows=new Array();
  var row_count=0;

function addRow()
 {
    var tbl = document.getElementById('ReqDtTbl');
      new_rows[row_count]=new Array();
    var lastRow = tbl.rows.length;
    var iteration = lastRow;
  if (lastRow>7){
   return;}
    var row = tbl.insertRow(lastRow);
    var cellLeft = row.insertCell(0);
    var textNode = document.createElement('input');          
      textNode.size = 7;
      textNode.name = 'startdate' + iteration;		  
          cellLeft.appendChild(textNode); 
	new_rows[row_count]['cell']=textNode;
    var cellRight = row.insertCell(1);          
    var el = document.createElement('input');          
          el.type = 'text';          
          el.name = 'enddate' + iteration;          
          el.id = 'enddate' + iteration;          
          el.size = 7; 
       new_rows[row_count]['cell2']=el;
         cellRight.appendChild(el);          
          // the last cell!
    var cellRightSel = row.insertCell(2);          
    var sel = document.createElement('select');          
          sel.name = 'TypeHrs' + iteration;          
          sel.options[0] = new Option('-Select-', '""');
          sel.options[1] = new Option('Comp Time', 'Comp Time');
          sel.options[2] = new Option('Credit Hrs', 'Credit Hrs');
          sel.options[3] = new Option('Overtime', 'Overtime');
            sel.options[4] = new Option('Rel Comp', 'Rel Comp');          
          cellRightSel.appendChild(sel);
            new_rows[row_count]['cell3']=sel;
     var cellRight = row.insertCell(3);          
     var el = document.createElement('input');          
          el.type = 'text';          
          el.name = 'No. of Hours' + iteration;          
          el.id = 'No. of Hours' + iteration;          
          el.size = 7;         
          cellRight.appendChild(el);
          new_rows[row_count]['cell']=el;
          row_count++;
     }
     function removeRow()
     {
          // grab element again
          var tbl = document.getElementById('ReqDtTbl');
          // grab length
          var lastRow = tbl.rows.length;
          // delete last row if there is more than one row
          if (lastRow > 2) tbl.deleteRow(lastRow - 1);
     }
	 /*]]>*/
</script>

The buttons for this function are

Code:

<input type="button" value="Add a row" onclick="addRow('ReqDtTbl',5)";/>

   <input type="button" value="Remove a row" onclick="removeRow();" />

That's it.

Thanks - John

Hi everyone, I am using a jQuery cookie script to set the cookie of some elements on my website. One of the problems is that I need the cookie to not expire after one day, I need it to expire after a while (I'm going to start off with a year).

Here's my script, the red part is what I've been editing.

Code:

/**
 * Cookie plugin
 *
 * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 */

/**
 * Create a cookie with the given name and value and other optional parameters.
 *
 * @example $.cookie('the_cookie', 'the_value');
 * @desc Set the value of a cookie.
 * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secu  true });
 * @desc Create a cookie with all available options.
 * @example $.cookie('the_cookie', 'the_value');
 * @desc Create a session cookie.
 * @example $.cookie('the_cookie', null);
 * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
 *       used when the cookie was set.
 *
 * @param String name The name of the cookie.
 * @param String value The value of the cookie.
 * @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
 * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
 *                             If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
 *                             If set to null or omitted, the cookie will be a session cookie and will not be retained
 *                             when the the browser exits.
 * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
 * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
 * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
 *                        require a secure protocol (like HTTPS).
 * @type undefined
 *
 * @name $.cookie
 * @cat Plugins/Cookie
 * @author Klaus Hartl/klaus.hartl@stilbuero.de
 */

/**
 * Get the value of a cookie with the given name.
 *
 * @example $.cookie('the_cookie');
 * @desc Get the value of a cookie.
 *
 * @param String name The name of the cookie.
 * @return The value of the cookie.
 * @type String
 *
 * @name $.cookie
 * @cat Plugins/Cookie
 * @author Klaus Hartl/klaus.hartl@stilbuero.de
 */
jQuery.cookie = function(name, value, options) {
    if (typeof value != 'undefined') { // name and value given, set cookie
        options = options || {};
        if (value === null) {
            value = '';
            options.expires = -1;
        }
        var expires = '';
        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
            var date;
            if (typeof options.expires == 'number') {
                date = new Date();
 				date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000 * 365)); 
            } else {
                date = options.expires;
            }
            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
        }
        // CAUTION: Needed to parenthesize options.path and options.domain
        // in the following expressions, otherwise they evaluate to undefined
        // in the packed version for some reason...
        var path = options.path ? '; path=' + (options.path) : '';
        var domain = options.domain ? '; domain=' + (options.domain) : '';
        var secure = options.secure ? '; secure' : '';
        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    } else { // only name given, get cookie
        var cookieValue = null;
        if (document.cookie && document.cookie != '') {
            var cookies = document.cookie.split(';');
            for (var i = 0; i < cookies.length; i++) {
                var cookie = jQuery.trim(cookies[i]);
                // Does this cookie string begin with the name we want?
                if (cookie.substring(0, name.length + 1) == (name + '=')) {
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                    break;
                }
            }
        }
        return cookieValue;
    }
};

here is the link that i want to redirect http://www.xyz.com/tracks?hop=martit...e=1&varname2=2

when it will redirect the URL will be
http://www.xyz.com/special?varname1=1&varname2=2

it's mean the hop and redirection variable will be remove from querystring, special is a page, it will take value from redirection variable, nothing will be hardcode.

Hi all

Sorry my first post is a question...but I hope
you can help me out all the same.

My name's Steve, and I have struggled (like all
heck!) to figure this scenario out.

I owe you a beer if you can help!

OK, here's the scenario:

I'm using a very basic redirect script, such as:

Code:

<html>
<body>
 <script language="javascript" type="text/javascript">
     function redirect(URL)
     {
       document.location=URL;
       return false;
     }
    </script>
	
	<a href="http://www.mywebsite.com" onclick="return redirect('http://www.mywebsite/contactme.html');">This Works</a>

</body>
</html>

...nothing you haven't seen a million times, right?

BUT!

I'd like the page I'm redirecting to (http://www.mywebsite/contactme.html)
to open up an invisible iFrame, and then redirect the "parent" URL
("http://www.mywebsite.com") to an external site...

So,

1) The visitor clicks on a link on my site (say, contactme.html)
2) The visitor is redirected to another page on my site (in an invisible iFrame)...e.g. mywebsite.com/processing.html
3) The iFrame loads in another invisible iFrame (for example, http://3rdpartysite.com/updatecontact.html)
4) The visitor on the contactme.html page is then redirected to a different domain (e.g. http://3rdpartysite.com/done.html)

I've spent literally WEEKS trying to get this code going,
and I'm now admitting defeat!

I'm sure it's possible, but JS is not my specialist subject...

...at all

I'd really appreciate ANY pointers, because I have a deadline
to meet!

Kind regards,
Steve

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

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

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

Hi im kind of new to cookies in Javascript.
But after reading a few tutorials on how the work I started to wonder.
Is it possible to grab a cookie made by my phpbb forum?

I would love to be able to login on my site using my phpbb forum cookies.

Anway if this is a bad idea ore won't work for any reason plz let me know.
Thanks

Hello. I am a neewb, so bare with me. This code is not working correctly for some reason. If I use it in Internet Explorer it will work, but only if you bring up the history in the url tab. You cannot refresh it for whatever reason. so basically it works in Explorer but no refresh. The big problem is Mozilla. I will not work at all. I have all of the cookies set for third party, remember last visit and so on. It will only display the welcome page for first time visitor. Then it will show the subsequent page, however it will not increment the count +1. I am not sure what is going on here, Explorer works, but with no refresh, and Mozilla does not really work at all? Here is my script currently:

<script type="text/javascript">
/* <![CDATA[ */

function hitMySite()
{
var lastDate = new Date();
lastDate.setMonth(lastDate.getMonth());
var dateString = (lastDate.getMonth() + 1) + "/" + lastDate.getDate() + "/" + lastDate.getFullYear();
if (document.cookie != "")
{
counter = document.cookie.split("=")[1];
counter = parseInt(counter) + 1;
date = document.cookie.split(":")[2];
var expireDate = new Date();
expireDate.setMonth(expireDate.getMonth() + 12);
document.cookie = "counter=" + counter + ":date:" + dateString + ";expires=" + expireDate.toGMTString();
document.write("<h1>You last visited this page on: " + date + "<br />You have been to this page " + counter + " times.</h1>");
}
else
{
document.write("<h1>Welcome to my Web site! This is your first visit here so be sure to bookmark my page!</h1>");
var counter = 1;
var expireDate = new Date();
expireDate.setMonth(expireDate.getMonth() + 12);
document.cookie = "counter=" + counter + ":date:" + dateString + ";expires=" + expireDate.toGMTString();
}
}
/* ]]> */
</script>
</head>
<body onload="hitMySite()">
</body>
</html>