JavaScript - Redirect Based On Button Click And Cookie To Keep It Perminant?

I have been searching the internet for thhe past hour trying to find this and searched this forum, I am trying to Delete my cookie with a button.

On my websitr I have a cookie to remember the name of the user, I want them to be able to change their name with a button. so delete cookie. How can this be done? The cookie names its seld "UserName" if this helps.

I am having some trouble trying to adapt some code to create a better user experience. I use a Rapid E-learning Dev Tool called Udutu. Its limited in some functionality but I'm hoping to find a workaround.

As with a lot of e-learning, user activity including their assessment score is passed to the LMS via a Scorm connection. I need to get that score and then based on the percentage (i.e <= 79) re-direct the user automatically to a page.

To get the score within Udutu is as follows:

Code:

<p>Your score is: <span id=theScore></span>
<script>try{var theScoreEl = document.getElementById('theScore');theScoreEl.innerHTML= Math.round(UDUTU_API.generateScore());}catch(ex){}</script>
% </p>

This bit works fine but now I need to include a if statement to look at the value that it produces and redirect the user accordingly. I've tried to do this but I keep breaking the above code.

Any help would really be appreciated

I have a page up with an iframe that's approximately 300px by 405px. When I load up the site in FF and IE, it frames just fine. However, in Chrome and Opera the iframe is shifted upwards and is off-frame.

I've tried looking for a solution to center the iframe correctly. Someone said to make a php code that loads 2 different iframes depending on browser (1 iframe for IE/FF and another frame for OP/CH). I have no knowledge of php coding, so I couldn't get it to work.


So now, I think I'm limited to redirecting users based on browser type. If the user is using FF or IE, I'll redirect them to my original page. If they're using some other browser, I'll redirect them to a different page without the iframe.

I've tried to set up a redirector, but it has trouble distinguishing between FF and Chrome. It treats them exactly the same.

Does anyone have any advice on what to do? I've done tons of searching for what seems to be such a small problem. Someone please enlighten me.

This is what I tried but alas, it does not work por que no?

This is located on my main index file which if the result of z is greater than 1, I would have the user stay at this page as opposed to redirecting to the portrait design. I have optimized the website for mobile use so there is a reason of having two different pages, the wide screen has extra tools / other stuff that isn't shown on the portrait not because of size/responsive design but becasue I want it to be this way. Anyway... "What's the situation captain?"

This is located above my <style> tag

Code:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script language="JavaScript" type="text/javascript">
<script>
function redirect() {
var x = screen.width;
var y = screen.height;
var z = x/y;
    if (z<1) {
    window.location.replace("alternate destination");
    };
    else ( ){
    // stay here
    };
};
</script>

Reply With Quote




12-21-2014, 01:58 AM #2
Old Pedant View Profile View Forum Posts

Supreme Master coder! Join Date Feb 2009 Posts 28,311 Thanks 82 Thanked 4,754 Times in 4,716 Posts

You have extra semicolons in there. In general, don't put a semicolon directly after a right brace };

There are a couple of exceptions, but they don't apply here.

What's the point in having the else??

Hi,

Please i am not getting clear understanding of a javascript code to redirect user to a different web page based on the day of the week.

Please i have search for many script and not getting clear understanding from their code.I have also try several code myself but nothing good has come from it.

Please can someone help me and write a descriptive code for me to understand better.I really plead you and your to help me...but i belief the Lord God will bless you for your time helping me.

looking forward to here from you.

Thank you.

Clement Osei

I am having trouble writing this javascript for my work, normally I would do this in ASP or PHP, but the environment I am working with will only allow javascript for dynamic function.

The form has two different select boxes and based on your options selected for select box #1 and select box #2, the hidden input field "redirect" (which is currently empty) would then populate dynamically with the URL associated with that combination mentioned below. The hidden redirect input field (now containing dyanmically generated data) would then pass the new value via HTTP_POST to .net script that will handle the redirect processing step fed to it.

Here are the mappings:

If selections = Elementary & Vocabulary = http://www.widget.com/content/elem-vocab

If selections = Elementary & Writing = http://www.widget.com/content/elem-writing

If selections = Elementary & ELD = http://www.widget.com/content/elem-eld

If selections = Middle School & Vocabulary = http://www.widget.com/content/midscl-vocab

If selections = Middle School & Writing = http://www.widget.com/content/midscl-writing

If selections = Middle School & ELD = http://www.widget.com/content/midscl-eld

If selections = High School & Vocabulary = http://www.widget.com/content/hiscl-vocab

If selections = High School & Writing = http://www.widget.com/content/hiscl-writing

If selections = High School & ELD = http://www.widget.com/content/hiscl-eld


Here's a snippet of a different method that I tried, but it did not work. I think the above mentioned method would probably be best.

Code:

<script language="javascript" type="text/javascript">
<!--
function build() {

document.fillgaps.redirect.value = "http://www.widget.com/content/" + document.fillgaps.grade.value + "-" + document.fillgaps.solution.value ;

//print example: http://www.widget.com/content/ELM-VOC

return true;

}

-->
</script>


<form name="fillgaps" action="http://www.widget.com/submit.aspx" method="post" onSubmit="return build();">

<input type="hidden" name="redirect" value="">

<table class="elqFormTable" border="0" cellspacing="2" cellpadding="2">


<tr>
<td valign="top">Grade:</td>
<td>
<select name="grade">
<option value="ELM">Elementary</option>
<option value="MID">Middle School</option>
<option value="HIG">High School</option>
</select>
</td>
</tr>

<tr >
<td valign="top">Solution:</td>
<td>
<select name="solution">
<option value="VOC">Vocabulary</option>
<option value="WRI">Writing</option>
<option value="ELD">ELD</option>
</select>

<!--truncated code -->

Hello, I am working on a tool for hardware quoting, I'm currently trying to add a button for adding line items to the quote.

Here is what I currently have:
The HTML:
Code:

<html>
...
<input type="button" id="sbutt" onclick="buttinc()" value="Click Me" />
<div id="txtarea"></div>
...
</html>

The script:
Code:

vbutt = 0
function buttinc()
 {
 var buttona = document.getElementById("txtarea");
   if (vbutt<100)
     {
      buttona.innerHTML="<div id='newdiv" + vbutt + "'></div><br />";
      var buttb = document.getElementById("newdiv"+vbutt);
      buttb.innerHTML = "some text" + vbutt + "close tags and stuff";
      vbutt = vbutt + 1;
      }
 }

Now, it is sort of working the way I expect. When the button is clicked, it creates the new div, starts the id at 0, and increments the div id each time the button is pressed afterwards.

It also displays the text (buttb.innerHTML) in the new div. However, it only increments the id of the same div, it doesn't create a new div under the first one.

What I am hoping for is:
click 1 : <div id="newdiv0">0</div>
click 2 : <div id="newdiv1">1</div>
click 3 : <div id="newdiv2">2</div>
etc

What it is doing:
click 1 : <div id="newdiv0">0</div>
click 2 : <div id="newdiv1">1</div> (newdiv0 disappears)
click 3 : <div id="newdiv2">2</div> (newdiv1 disappears)

What am I missing? Any help is appreciated.

Hey

I want to enforce a click on the facebook share button, please help me out here.

I was thinking something like this:
Code:

javascript:window.location="http://www.facebook.com/connect/prompt_feed.php?locale=en_US&message=hi"; javascript:function selectFirst() { publish.focus(); publish.click();}  selectFirst();

Something wrong with that code? What code would work? Is it not possible?

Thanks a lot,
Sarah

Hi.

1) I would like to click the Download button on this site, then wait lets say 60 sec & click free download button.

http://uploading.com/files/S4WYPP73/...r_ENG.rar.html

I remember that somehow it is possible to create the Request URL & then input it into IE & the server will think I hit the button.

But how can I make the URL? And how is it called? posting URL request?

I will be using firefox or I can make HTML file & execute it in IE for every file.

PHP Code:
<form action="http://uploading.com/files/get/S4WYPP73/" method="post" id="downloadform">
        <input type="hidden" name="action" value="second_page" />
        <input type="hidden" name="file_id" value="4663720" /> 


PHP Code:
    function do_step_1()
    {
        do_request('files', 'get', {file_id: 4663720, action: 'step_1'}, function(wait_time){
            if(wait_time > 0)
                start_timer(wait_time);
            else if(wait_time <= 0)
                download();
        });
    }

    function do_step_2()
    {
        do_request('files', 'get', {file_id: 4663720, action: 'step_2'});
    } 


PHP Code:
    function download()
    {
                    $('#waitblock').html('Free Download');
            $('#waitblock').click(function(){
                do_step_2();
            });
            } 

I would like for the script to say "Ok here is the button on this page *clicks* (or submit)"

I have tried this with out help, I'm not really sure what to do. I've tried learning what I can on my own, I've tried using the search tool.

Here is the part of the code I am trying to use to make my click button.

Code:

<div id="interactiveBox"> 
    <div class="divpad3">
              
                    <form name="buyform" method="POST" action="/marketplace/userstore/2690240/buy/?id=567595175&amp;step=submit" ENCTYPE="application/x-www-form-urlencoded">
                <strong>Buy It Now</strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                <strong>Password</strong> <input type="password" class="marketplaceInputField" name="password">
                <input type="hidden" name="nonce" value="860307364.1283901229.441212630">
                <button type="submit" class="cta-button-sm"><span>Buy Now</span></button>
                <br /><br />
            </form>

Here is what I have tried and failed.. This code will be used in combination with greasemonkey

Code:

<script>function clickOnLoad()
{
document.buyform.submit.value = "true";
}

body onload="clickOnLoad()"</script>

hye..

i'm trying to calculate value of balance by substract cash to total. But nothing happen.

here is my code:
Code:

<script type="text/javascript">

function substract(){

{
 document.calculate.Cash.value = ZA;
 document.calculate.Total.value = Z1;
 balance();
 }
 
function balance(){
 AAA = document.calculate.Balance;
 AAA.value = (ZA-Z1).toFixed(2);
}

</script>

 </head>
 <body style="background-color: #99FF99">
 <?php 
 // if there are any errors, display them
 if ($error != 'Unable to update')
 {
 echo '<div style="padding:12px; border:1px solid purple; color:red; font-weight: bold; text-align: center; font-size: medium; ">'.$error.'</div>';
 }
 ?> 
 
 <form action="" method="post" name="calculate" style="width: 1320px; ">
 	<div class="style1">
 <input type="hidden" name="CustID" value="<?php echo $CustID; ?>">
 <input type="hidden" name="Total" value="<?php echo $Total; ?>">
 <input type="hidden" name="TableID" value="<?php echo $TableID; ?>">
 <div class="style5" style="width: 820px; height: 148px; margin-left: auto; margin-right: auto;">
 <p class="style9">&nbsp;</p>
	 <p class="style17"><span class="style19">CUSTOMER </span> <strong>
	 <span class="style19">ID:</span></strong> <strong> <?php echo $CustID; ?>
 </strong></p>
 	<table style="width: 35%; height: 185px; margin-left: auto; margin-right: auto;" class="style15">
		<tr>
			<td class="style11" style="width: 111px; height: 30px;"><strong>Table ID : 
			</strong></td>
			<td style="height: 30px; width: 169px;" class="style18"><strong><?php echo $TableID; ?></strong></td>
		</tr>
		<tr>
			<td class="style1" style="width: 111px; height: 20px;"></td>
			<td style="height: 20px; width: 169px;" class="style1"></td>
		</tr>
		<tr>
			<td class="style16" style="width: 111px; height: 30px;"><strong>Total : 
			</strong></td>
			<td style="height: 30px; width: 169px;" class="style18"><strong> 
			RM<?php echo $Total; ?> </strong></td>
			</tr>
		<tr>
			<td class="style1" style="width: 111px; height: 20px;"></td>
			<td style="height: 20px; width: 169px;" class="style1"></td>
		</tr>
		<tr>
			<td class="style16" style="width: 111px; height: 30px;"><strong>Cash : 
			</strong></td>
			<td style="height: 30px; width: 169px;" class="style1"> <strong>
			<span class="style20">RM</span>
			<input type="text" name="Cash" id="Cash" class="style17" style="width: 120px"></strong></td>
		</tr>
		<tr>
			<td class="style1" style="width: 111px; height: 20px;"></td>
			<td style="height: 20px; width: 169px;" class="style1"></td>
		</tr>
		<tr>
			<td class="style16" style="width: 111px; "><strong>Balance : 
			</strong></td>
					 <td style="width: 169px;" class="style1"><strong>
					 <span class="style20">RM</span>
					 <input type="text" name="Balance" id="Balance" value="0.00" class="style17" style="width: 120px"></strong></td>
					 </tr>
				 </table>
 	<p class="style5"><strong>
    <input class="style3" name="calculate" type="button" onclick="substract()" value="Calculate">&nbsp;&nbsp;&nbsp; <input class="style3" name="submit" type="submit" value="Done"></strong> </div>
 		</div>
 </form>

Hello

Wondering something, I created a form and have I have it submit when the user clicks the Submit button.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Assignment 4</title>
<style type="text/css">
</style>
</head>

<body style="color: #009999; background-color: #000000">

<form action="mailto:whatisthematrix01@hotmail.com" name="frmCustomer" method="post">

<table style="width: 85%; height: 222px;">
<tr>
<td>
<img alt="Space Ship" height="223" src="spaceship_cg2.jpg" style="float: left" width="761" /></td>
</tr>
</table>

<p>&nbsp;</p>
<table style="width: 100%">
<tr>
<td class="style1">Interstellar Shipping - Customer Registration </td>
</tr>
</table>
<p>&nbsp;</p>

<table class="style2">
<tr>
<td class="style3">
First Name:</td>
<td colspan="2" style="width: 273px">
<input id="Text1" type="text" name="Fname" /></td>
</tr>
<tr>
<td class="style3">
Last Name</td>
<td colspan="2" style="width: 273px">
<input id="Text2" type="text" name="Lname" /></td>
</tr>
<tr>
<td class="style3">
City: </td>
<td colspan="2" style="width: 273px">
<input id="Text3" type="text" name="UseCity" /></td>
</tr>
<tr>
<td class="style3">
Country:</td>
<td colspan="2" style="width: 273px">
<input id="Text4" type="text" name="UserCountry" /></td>
</tr>
<tr>
<td class="style3">
E-Mail:</td>
<td colspan="2" style="width: 273px">
<input id="Text6" name="userEmail" type="text" /></td>
</tr>
<tr>
<td class="style3">
Username:</td>
<td colspan="2" style="width: 273px">
<input id="Text5" type="text" name="Username" /></td>
</tr>
<tr>
<td class="style3">
Password:</td>
<td colspan="2" style="width: 273px">
<input id="Password1" type="password" name="Userpassword" /></td>
</tr>
<tr>
<td class="style3" style="height: 35px">
Gender:</td>
<td style="width: 307px; height: 35px;">
Male
<input name="radGender" type="radio" value="radMale" /> Female
<input name="radGender" type="radio" value="radFemale" /></td>
<td style="width: 273px; height: 35px;">
</td>
</tr>
<tr>
<td class="style3">
<input id="Submit1" type="button" value="submit" onclick="doSave()"/></td>
<td colspan="2" style="width: 273px">
<input id="Reset1" type="reset" value="reset" /></td>
</tr>
</table>
</form>


<script Language = "JavaScript">



function ltrim(varIn)
{/*Purpose: Trims the leading spaces from a string*/
var varOut = ""

if(!varIn)
{
// string is null, so nothing to do
}
else // string has at least one character
{
for(intI=0; intI < varIn.length; intI++)
{
if(varIn.charAt(intI) != " ")
{
//first non-space char found so return
//string from this character forward
varOut = varIn.substring(intI)
break
}
}
}
return varOut
}

function doSave()
{

var fOk = true
var strSuperMessage
var superFirstName = document.frmCustomer.Fname
var superLastName = document.frmCustomer.Lname
var superUserCity = document.frmCustomer.UseCity
var superUserName = document.frmCustomer.Username
var superUserPassword = document.frmCustomer.Userpassword
var superUserEmail = document.frmCustomer.userEmail

var checkDigit = /\d/;

if ((ltrim(superFirstName.value)).length == 0)
{
fOk = false
strSuperMessage = "First Name Required"
superFirstName.focus()
}
else
{
if ((ltrim(superLastName.value)).length == 0)
{
fOk = false
strSuperMessage = "Last Name Required"
superLastName.focus()

}
else
{
if ((ltrim(superUserCity.value)).length == 0)
{
fOk = false
strSuperMessage = "City Required"
superUserCity.focus()
}

else
{
if ((ltrim(superUserName.value)).length == 0)
{
fOk = false
strSuperMessage = "Username Required"
superUserName.focus()


}


else
{
if ((ltrim(superUserEmail.value)).length == 0)
{
fOk = false
strSuperMessage = "E-Mail Required"
superUserEmail.focus()
}

else
{
if
(superUserEmail.value.indexOf("@") == -1
|| superUserEmail.value.indexOf(".")== -1)
{
fOk = false
strSuperMessage = "The entered e-mail address is not " +
"valid.\nE-mail addresses must " +
"be in the form name@domain."
superUserEmail.focus()
}
else
{

if (superUserPassword.value.search(checkDigit) ==-1)
{
fOk=false
strSuperMessage = "Please enter at least one digit in your password field.";
superUserPassword.focus()


}

else
{
if ((document.frmCustomer.radGender[0].checked==false) &&
(document.frmCustomer.radGender[1].checked==false))
{
fOk = false
strSuperMessage = "Gender Required"
}


}
}
}}}}}

if(fOk)
{
document.frmCustomer.submit();
//window.location="http://www.google.com"
}

else
alert(strSuperMessage)
}

</script>

</body>
</html>

Is it okay if I redirect to Google like I did here.

if(fOk)
{
document.frmCustomer.submit();
//window.location="http://www.google.com"
}

I can't do it in the form action, because I have the mailto link. Simply put, what I did in the if statement, is that okay, there would be no problem with it?

Hi guys,

At the moment i have this code which disable the middle button in Safari and Chrome..

Code:

$('body').mousedown(function(e){
		if(e.button==1)
		return false
	}
);

How can I disable it in Firefox and IE?.. i think IE middle button ==4 but its not working for me.

Thanks in advance!

hi to all,

sorry for this question. First I have to say this that I'm very noob in javascript. My question is how to show the value of my radio button when click.

I have this code:
Code:

<tr><td width="10px"></td><td width="60%">Neatness</td>
            <td width="40%">
                <input name="neat" type="radio" class="hover-star" value="1" title="Poor"/>
                <input name="neat" type="radio" class="hover-star" value="2" title="Fair"/>
                <input name="neat" type="radio" class="hover-star" value="3" title="Satisfactory"/>
                <input name="neat" type="radio" class="hover-star" value="4" title="Outstanding"/>
                
            </td></tr>

say when my 1st radio button it will show 1 or so on.. How can I achieve this? Or better yet does anyone know hot to do this in jquery.

I want to show an hourglass instead of a mouse pointer on click of a button.
I'm having both client and server side validations on the button click event.
I have written the code for hourglass in the javascript function along with the validations.
Now, on click of the button the hourglass gets displayed after 3-4 seconds and not immediately. According to me, the hourglass is getting displayed after the javascript function(client side validation) is executed and before server side validation begins.
Is there any way to display the hourglass without delays ?
Kindly let me know if there is any fix for eliminating this delay. I hope my question is clear. Please let me know if i'm wrong somewhere as i'm new to javascript programming.

Thanks in advance.
zizou.