JavaScript - Please Help Me The Script Code To Redirect User To Another Page Based On Day Of Week.

Hi folks.

Looking to see if anyone could tell me where I'm going wrong with this script...

I'm trying to have a field automatically filled with the day of the week ("Monday", "Tuesday", "Wednesday" and so on), upon the user selecting a date from the datepicker jQuery. If this isn't clear, I'll clarify further down the page.

Here is the script:
Code:

<script type="text/javascript">
jQuery(document).ready(function($){
$('input[name="item_meta[428]"]').change(function(){
var d = $('input[name="item_meta[428]"]').val();
var n = new Date(d).getDay();
if(n == 0)
val v = 'Sunday';
else if(n == 1)
val v = 'Monday';
else if(n == 2)
val v = 'Tuesday';
else if(n == 3)
val v = 'Wednesday';
else if(n == 4)
val v = 'Thursday';
else if(n == 5)
val v = 'Friday';
else if(n == 6)
val v = 'Saturday';
$('input[name="item_meta[429]"]').val(v).change(); 
});
});
</script>

I'm basically trying to say, if the user selected today (15/05/2012) in the field 428 it would fill the field 429 with "Tuesday".

Again, if the user selected 18/05/2012 in the field 428 then it would automatically fill field 429 with "Friday".

It's being done to work in conjunction with a wordpress plugin called Formidable Pro hence the item_meta[428] etc.

Any assistance would be greatly appreciated.

Sam.

Hi guys. I am kind of new to javascript, and was hoping that someone here could help out on a problem I have been having.

What I am trying to do is to make a page which will redirect to three diffrent sites, based on date. I want it to change to diffrent sites during the time before summer to summer, the time before xmas till xmas and from before easter till easter.
A bit more spesific this would be:

From 29. march --> 22. july (summer)
From 22. august --> 24. december (xmas)
From 3. january --> 22. march (easter)

Could you help me out? I have tried lots of diffrent ways to do this with javascripts if...else statements, but I havent yet found a way to make it work properly.

Really thankful for answers!

Hello all.
I have created a 2 frame site where I want the top frame (header) to redirect the other frame (main) to a different page depending on the date, time, and second.
For example, on 12 FEB at 07:00:00, I would like the header frame to redirect the main frames page to EmmasBday.html; in which I would be alerted of my little sisters Birthday.

This is for personal use and isn't going to be hosted online so I will just use JavaScript, it's basically a simple system to remind me of crucial events at certain times and dates so I don't forget them.
The same events will apply every year, so there is no need to programme in specific years although having the option could prove useful.
I am aware of other alternatives to achieve this, but would very much like to work with JavaScript; as I can expand it.

As I state, this is for personal use and therefore won't be hosting it; I will use JavaScript throughout and cannot use anything else like PHP, Perl, etc.
I am aware JavaScript takes the time & date from the computer hosting it (unlike PHP), which is fine.

So, for example; at 14:30:00 I will be informed to get dinner; and at 15:00:45 I'll be informed to study.

The knowledge you guys have presented so far is phenomenal, and I couldn't think of anybody better to ask for assistance.
Anyway, I hope you can resolve my problem and I'm looking forward to a response!

Thanks for your concern, you brain Gods you! AHa.

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

Hello,

I have an html script and a .php script.

The .php requests a random word from a table of words in a mysql database.

I wrote a html form to display the requested word in a text box.

Here is my html file:

Code:

<html>
<body>

<script type="text/javascript">

function myfunction()
{
  var xmlhttp;
  if(window.XMLHttpRequest)
  {
    xmlhttp= newHttpRequest();
  }
  else
  {
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  
xmlhttp.onreadystatechange=function()
{
  if(xmlhttp.readyState==4)
  {
    document.myLingo.word.value=xmlhttp.responseText;
  }
}
xmlhttp.open("GET", "get_Word.php",true);
xmlhttp.send(null);
}
</script>
<form name="myLingo">

<input type="button" name="button" value="New Word" onClick="myFunction();" />
<input type="text" name="word" />

</form>

</body>
</html>

and here is my .php script:

Code:

<?php


$con=mysql_connect('localhost', 'xxxx', 'xxxx');
if (!$con)
{
  die('Could not connect: '.mysql_error());
  
}

mysql_select_db("my_lingo", $con);

$sql=mysql_query("SELECT `word` FROM `words` ORDER BY RAND()") or trigger_error('Error: ' .mysql_error());

$word=mysql_fetch_array($sql);

echo $word[0];

mysql_close($con);

?>

When I run this in Internet Explorer; I get a error that is asking for an object on line 32 which is the line that has my button in the javascript.

When i run it in firefox, I don't receive an error, but the page still does nothing.

Any suggestions?
The main function of the page is that, when I click the button, it's supposed to return me a random word from the .php script

Thanks,
jcjst21

Hello,


Im looking for a script where i can have people come to my websites index page, watch a short video and learn about what my site is about, then click a button called "always skip to "my website here" " so once they click that button, they will always be directed to my main website when they return.

I belive it will need to be done with cookies aswell?

Thanks
Chris,

In my onbeforeunload event, it asked the user whether they want to leave the page or stay on it. When they click "stay on page", I want it to then redirect them to another webpage in the same window. Is there a way to do this, without just showing/hiding divs? Can I override the function? I'm currently trying to do it this way(as seen below) but now the dialog box is not showing up at all. It was working before Any ideas as to what I'm doing wrong, or how to accomplish this task?

Code:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>The Shocking Truth - Cabot Market Letter</title>
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
            $("#vid").show();
            $("#div2").hide();
        });
        var test = 1;
        function manipulatetest()
        {
            test = 2;
        }
    window.onbeforeunload = onbeforeunload_Handler;
    function onbeforeunload_Handler()
    {       if (test == 1){

                $("#vid").hide();
                $("#div2").show();
            var confirm = confirm("Would you like to stay on this page?");
            if (confirm == true) {
                window.location = "http://www.google.com";
                }
            
        }
}

</script>
</head>

<style type="text/css"> 

body {
	background-color: #e0e6e5;
}

#vid {	
	margin: 20px auto;
	width: 920px;
}

</style>


<body>

<div id="vid">
	<video width="920" height="540" autoplay preload controls>
	  <source src="shockingtruth.mp4"  type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
	  <source src="shockingtruth.webm" type='video/webm; codecs="vp8, vorbis"'>
	  <source src="shockingtruth.ogv"  type='video/ogg; codecs="theora, vorbis"'>
	  <object width="920" height="540" type="application/x-shockwave-flash"
	    data="flowplayer-3.2.1.swf"> 
	    <param name="movie" value="flowplayer-3.2.7.swf" /> 
	    <param name="allowfullscreen" value="true" /> 
	    <param name="flashvars" value='config={"clip": {"url": "http://www.cabot.net/videos/shocking-truth/shockingtruth.mp4", "autoPlay":true, "autoBuffering":true}}' /> 
	    <p>Download video as <a href="pr6.mp4">MP4</a>, <a href="pr6.webm">WebM</a>, or <a href="pr6.ogv">Ogg</a>.</p> 
	  </object>
	</video>
</div>

<div id="div2">
	<video width="920" height="540" autoplay preload controls>
	  <source src="shockingtruth.mp4"  type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
	  <source src="shockingtruth.webm" type='video/webm; codecs="vp8, vorbis"'>
	  <source src="shockingtruth.ogv"  type='video/ogg; codecs="theora, vorbis"'>
	  <object width="920" height="540" type="application/x-shockwave-flash"
	    data="flowplayer-3.2.1.swf"> 
	    <param name="movie" value="flowplayer-3.2.7.swf" /> 
	    <param name="allowfullscreen" value="true" /> 
	    <param name="flashvars" value='config={"clip": {"url": "http://www.cabot.net/videos/shocking-truth/shockingtruth.mp4", "autoPlay":true, "autoBuffering":true}}' /> 
	    <p>Download video as <a href="pr6.mp4">MP4</a>, <a href="pr6.webm">WebM</a>, or <a href="pr6.ogv">Ogg</a>.</p> 
	  </object>
	</video>
</div>

<p style="text-align: center;"><a href="http://www.cabot.net/info/cml/cmlld03.aspx?source=ed01" onclick="manipulatetest();">Click Here To Order</a></p>

</body>
</html>

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, I rarely use javascript so pardon my newbieness.

I'm trying to create a function that is triggered by a <select> onchange event. It's supposed to save the newly selected value in a variable, then refer the user to a link location + variable.

This is what I tried:
Code:

 <script type="text/javascript">
	function categoryRef() 
	{
		var a = this.options[this.selectedIndex].value;
		document.location = 'recommend.php?cat=' + a;
	}
</script>
        <select name="category" onChange="categoryRef()">
        <?php
		$getCategoryQuery = "SELECT category FROM categories ORDER BY category";
		$ConnectQuery = $database->query($getCategoryQuery);
		while($category = mysql_fetch_array($ConnectQuery)){
			if($getCategory == $category['category']){
				echo "<option selected='selected'>" . $category['category'] . "</option>";
			}
			else{
				echo "<option>" . $category['category'] . "</option>";
			}
		}
        ?>
        </select>

When I try this and change option nothing happens. Any pointers?

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

I need the code for if the user enters in a code into the field for example E1 and clicks submit it'll redirect them to a certain form. And if another user entered in E2 it would redirect them to a DIFFERENT form. I hope this is the correct category of the site for me to post this. Wasn't sure if it should be here or PHP.

Hi there, I'll try to be brief:

When a user submits a website in the input field on my site, I'd like there to be a background process that takes a screenshot of that website and then displays that image to the user.

This website does it perfectly. The user writes the website to the right, and the screenshot is displayed to the left. I'm looking for a free alternative, and read that perhaps webkit(s) might be the solution? I'm a total newbie when it comes to this so any feedback is gold to me.

Thank you so much guys/gals.

Dear expert (Ok, i am new to this and should maybe not address this as a letter )

I hope someone can help me ... this is what i want to achieve (I am using frontpage)

I want to create a table (this i can do!) that require a user input (number of guests).

It then has SEVERAL options:

- Select an option from a drop down list, and a price is then loaded from somewhere to create a total for that option and display it in the table (And keep that total for adding later)

- Check a box, and if checked it creates a further calculation, displaying and storing the number for further calculation.

a number of the above options, and a grand total on the bottom.

I found more or less a page on a site that does what i am looking for, but after looking at the code, i have even LESS of an idea how it works

Can someone PLEASE help me, or point me in the right direction?

(I am not looking for someone to just write the code for me, as this will not teach me anything, and i want to learn)

Below is a link to the example ..

http://www.ouma-se-kombuis.co.za/test.html

Thank you!

I have a form which contains a few drop down lists.
The contents of the dropdown lists are dependent on each other and are populated via php scripts which are called each time a selection is made or changed by the user.

When the view results button is clicked in the form I need the user to be directed to a specific page based on the selections they have made.

The url of the page they need to be directed to is really based on what has been chosen in the first dropdown. The subsequent dropdowns form variables that I need to be sent to the page so that the data the user sees on that page is relevant.

ie if the user has chosen bikes then a specific manufacturer then a specific price range the page they will be sent to will be the bike.php page with all the manufacturer specific bikes in their chosen price range visible. Can anyone tell me the best way to go about doing this please?

I had thought about using the php header script along with an if statement but how do I then go about getting the variables sent to the page to be recognised?

Would I be better looking at the window.location in js to do this?

Any help and advice would be greatly appreciated on this. I can post the code for the form if that makes any difference.