|
JavaScript - Problem With Comparison Operators
I'm trying to get an emerge effect using javascript.
Here is my code Code: var t;
var s=0;
function emerge()
{
document.getElementById('my_span').style.opacity=s;
s=s+0.1;
t=setTimeout("emerge()",250);
if (s>1)
{
clearTimeout(t);
}
}
}
Works fine, does the things right. But if I use this code, I get error. Code: var t;
var s=0;
function emerge()
{
document.getElementById('my_span').style.opacity=s;
s=s+0.1;
t=setTimeout("emerge()",250);
if (s==1)
{
clearTimeout(t);
}
}
}
The only thing I changed was comparison operator. I tried to debug by adding alert box Code: var t;
var s=0;
function emerge()
{
alert(document.getElementById('my_span').style.opacity);
document.getElementById('my_span').style.opacity=s;
s=s+0.1;
t=setTimeout("emerge()",250);
if (s>1)
{
alert("Opacity set to max");
clearTimeout(t);
}
}
}
For some reason, it does not enter the if block if I use "==" operator & the alert box keeps coming up with "1" in it. But works fine if I use ">" operator, enters the block and the last value it shows is "0.9". Can anyone explain as to why this happens? Similar TutorialsHello, I try to learn JavaScript and I've just come across something that I can't work out. I use the book of John Pollock: JavaScript, A beginner's guide, Third Edition. So, page 360 and this piece of code: Code: function getname() {
var the_text=window.prompt("Enter your first and last name","");
if (the_text.indexOf(" ") == -1) {
window.alert("Put a space between your first and last name. Try again.");
getname();
}
var split_text= the_text.split(" ");
if ((split_text[0].charAt(0) != "Z") || (split_text[0].charAt(0) != "z")) {
var shorter_fn_string = split_text[0].substring(1,split_text[0].length);
new_fn_name = "Z"+shorter_fn_string;
}
else {
var shorter_fn_string = split_text[0].substring(1,split_text[0].length);
new_fn_name = "W"+shorter_fn_string;
}
if ((split_text[1].charAt(0)!= "Z") || (split_text[1].charAt(0)!= "z")) {
var shorter_ln_string= split_text[1].substring(1,split_text[1].length);
new_ln_name="Z"+shorter_ln_string;
}
else {
var shorter_ln_string= split_text[1].substring(1,split_text[1].length);
new_ln_name="W"+shorter_ln_string;
}
window.alert("Now your name is "+new_fn_name+" "+new_ln_name+"!");
}
getname();
the thing is it ain't working. If I type in the propmpt window let's say simon simon I will get an alert of zimon zimon but if I type in zimon zimon it won't change to wimon wimon. I suppouse it's because of != comparison operator. If I use == instead of != and change the code the other way round inside if block then it works. Code: function getname() {
var the_text=window.prompt("Enter your first and last name","");
if (the_text.indexOf(" ") == -1) {
window.alert("Put a space between your first and last name. Try again.");
getname();
}
var split_text= the_text.split(" ");
if ((split_text[0].charAt(0) == "Z") || (split_text[0].charAt(0) == "z")) {
var shorter_fn_string = split_text[0].substring(1,split_text[0].length);
new_fn_name = "W"+shorter_fn_string;
}
else {
var shorter_fn_string = split_text[0].substring(1,split_text[0].length);
new_fn_name = "Z"+shorter_fn_string;
}
if ((split_text[1].charAt(0)== "Z") || (split_text[1].charAt(0)== "z")) {
var shorter_ln_string= split_text[1].substring(1,split_text[1].length);
new_ln_name="W"+shorter_ln_string;
}
else {
var shorter_ln_string= split_text[1].substring(1,split_text[1].length);
new_ln_name="Z"+shorter_ln_string;
}
window.alert("Now your name is "+new_fn_name+" "+new_ln_name+"!");
}
getname();
Why is that? Regards, Simon My code isn't working, the only part that is showing up in the webpage is the head. Can someone tell me what I am doing wrong. I typed it right out of the book; the way the book tells me to write it. Thank you. Code: <!DOCTYPE HTML>
<html>
<head>
<title>Comparison Operators</title>
</head>
<body>
<h1>Comparison Operators</h1>
<script type="text/javascript">
var conditional Value;
var value1 = "Don";
var value2 = "Dave";
value == value2 ? document.write(
"<p>value1 equal to value2: true< br />")
: document.write(
"<p>value1 equal to value2: false<br />")
value1 = 37;
value2 = 26;
conditional value = value1 == value2;
document.write("value equal to value2: "
+conditionalValue + "<br />");
conditionalValue = value1 != value2;
document.write("value1 not equal to value2: "
+conditionalValue + "<br />");
conditionalValue = value1 > value2;
document.write("value1 greater than value2: "
+conditionalValue + "<br />");
conditionalValue = value1 < value2;
document.write("value1 less than value2: "
+conditionalValue + "<br />");
conditionalValue = value1 >= value2;
document.write("value1 greater than or equal to
value2: " + conditionalValue + "<br />");
conditionalValue = value1 <= value2;
document.write(value1 less than or equal to value2: "
+ conditionalValue + "<br />");
value1 = 21;
value2 = 21;
conditionalValue = value1 === value2;
document.write(
"value1 equal to value2 AND the same data type: "
+ conditionalValue + "<br />");
conditionalValue = value1 !== value2;
document.write(
"value1 not equal to value2 AND no the same
data type: " + conditionalValue
+ "</p>");
</script>
</body>
</html>
I have no idea why my code wont output the corresponding sign. I also have to include a corresponding image with the output and I have NO idea where to even start with that. Heres my code: Code: <html>
<head>
<script type="text/javascript">
function signs()
{
var month;
var date;
var sign;
month=document.zodiac.selMonth.value;
date=document.zodiac.selDate.value;
sign{
if (month == 1 && date>=20 || month ==2 && date<=18)
{value = "You're an Aquarius";}
if (month == 2 && date >=19 || month ==3 && date<=20) {value ="pisces";}
if (month == 3 && date >=21 || month == 4 && date <=19){value= "Aries";}
if (month == 4 && date >= 20 || month == 5 && date <=20) {value= "taurus";}
if (month == 5 && date >=21 || month == 6 && date <=21) {value="gemini";}
if (month ==6 && date >=22 || month == 7 && date <=22) {value="cancer";}
if (month == 7 && date >=23 || month == 8 && date <=22) {value="leo";}
if (month == 8 && date >= 23 || month == 9 && date <=22) {value="virgo";}
if (month == 9 && date >=23 || month == 10 && date <=22) {value="libra";}
if (month == 10 && date >=23 || month ==11 && date <=21) {value="scorpio";}
if (month == 11 && date >=22 || month == 12 && date <=21) {value="sagittarius";}
if (month == 12 && date >=22 || month == 1 && date <=19) {value= "capricorn";}
</script>
</head>
<body>
<form name="zodiacsigns">
<select name"month">
<option value="0">Select the month you were born in</option>
<option value="1">january</option>
<option value="2">february</option>
<option value="3">march</option>
<option value="4">april</option>
<option value="5">may</option>
<option value="6">june</option>
<option value="7">july</option>
<option value="8">august</option>
<option value="9">september</option>
<option value="10">october</option>
<option value="11">november</option>
<option value="12">december</option>
</select>
<br>
<select name"date">
<option value="0">select the date</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<br>
<input type="button" value="click here to find out your zodiac sign" onClick="signs()">
<br>your sign is: <input type="text" name="zodiacsign" size="12" value="">
</form>
</body>
</html>
Any help would be greatly appreciated, thank you Hello! I'd like to ask if it is possible to use conditional operators var = condition ? var1 : var 2 to do the same job as the if-else statements I wrote in red below: Thank you! Code: <p id="text">change text colour</p>
<br />
<a onclick="allsorting();">sort in both ascending & descending orders</a>
<div></div>
<script>
/* if & else */
function changetext(){
document.getElementById('text').onclick = function (){
swapcolour(this);
}
}
function swapcolour(text){
if(text.style.color == 'black'){
text.style.color = 'red';
}
else {text.style.color = 'black'}
}
window.onload = changetext;
</script>
Hi there people I am new to Javascript and have come accross a problem where I need to check the value of a field on a form before it is submitted. It has to be either a whole number OR a particular text value... I have added the following code before the form is submitted. However even if the value of the field is a whole number or it is the correct text string, the message box still pops up and the form fails to submit! Code: if ((document.AddNewVA.HourlyRate.value!='neg') || (isNaN(document.AddNewVA.HourlyRate.value*1)))
{
// Not the correct text OR a whole number in the HourlyRate field...
alert('Please enter a whole number or \"neg\" in the Hourly rate field...');
document.AddNewVA.HourlyRate.value = "0";
document.AddNewVA.HourlyRate.focus();
return false;
}
Can anyone point me in the right direction please? Many thanks Why alert('hua'); does not pop up ? Code: var cur_date = new Date();
cur_date.setSeconds(0);
cur_date.setHours(0);
cur_date.setMilliseconds(0);
cur_date.setMinutes(0);
alert(cur_date);
alert(new Date(cur_date.getFullYear(),cur_date.getMonth(),cur_date.getDate()));
if (new Date(cur_date.getFullYear(),cur_date.getMonth(),cur_date.getDay()) == cur_date )
{
alert('hua');
}
are these right ya? '3' !=='smith' true "test" == "test " true '2' != 'smith' true "exam" == "Exam" true 5 === "5 " false "t" > "T" false "y" >= "p" true "Happy" == "happy " true i have an iframe on my webpage and i am loading appropriate page in it by clicking appropriate button but when user logs out and at that time some page is opened in iframe corresponding to the login pages(like "edit profile") of user then at that moment i want to know that what page is loaded in iframe so that i close it(if it corresponds to pages of login like "edit profile") as user logs out and if it does not correspond to login pages then it remains as it is.For doing that i must know that what page is loaded in iframe and compare it in " if(condition){statement} in logout function" with the logion pages so that i know that if any of them is loaded in iframe and if loaded then close it.Can you help me with that by giving exact code example. I would like to compare dates in the format used in twitter, which is this: Wed Apr 08 14:30:10 +0000 2009 How do I do this? Do I need to convert to a timestamp first, and if so, how do I do this? G Hello everyone, for starters, I'm NOT working with arrays...with that being said, I need your help...I created a webform in PHP that retrieves values from a mysql table and displays them with its own mysqli_fetch_array command, in that loop it generates a textbox for each record...so far so good. The created textbox (input element) is so that the user can type in the sequential number of how to reorder the records...example Original Order of Records 1 Alpha 2 Bravo 3 Charlie 4 Delta 5 Echo and user needs it to be in this order User input sequential 2 Alpha 5 Bravo 1 Charlie 4 Delta 3 Echo the new order of the records will be saved on a temporary table in the database before insertion on the main table, kinnda like a preview for the new order, something like this: New Order of Records 1 Charlie 2 Alpha 3 Echo 4 Delta 5 Bravo Now what I need is a function that helps me display a message if the user duplicates a sequential unique, if they type in number 1 in 2 or more records, when I hit the button for the preview I need it to loop through all the input boxes and check their values, compare it with the other inputs and determine if there are duplicates or not....if there're no duplicates, continue with PHP code.....if there are duplicates, display an error so the user seeks for the duplicate and change it (inputs left in blank will not be considered for the insertion in the preview table) I already have this: Code: function checkall() {
const t='texto';
var contar=<?php echo $contar; ?>;
var text = ""
var conta = 1;
var contas= conta+1;
text = t+conta;
texto = t+contas;
//var curElement = document.activeElement.value;
var cv=document.forms['OrderPreview'][text].value;
//var cv=document.forms['OrderPreview'][curElement].value;
do {
//var cv=document.forms['OrderPreview'][text].value;
if (document.forms['OrderPreview'][texto].value=="")
{
return;
}
if (cv==document.forms['OrderPreview'][texto].value)
{
alert("Something Bad");
}
conta++;
contas++;
text = t+conta;
texto = t+contas;
}
while (conta<=contar)
}
Btw, the document.activeElement part of the code displays me "undefined" in the alert message, I still don't have a clue why, could you guide me with this please? I can't do but compare the 1st input with the rest of the fields, OR compare one field to the inmediate next field....it's driving me nuts Any help will be truly appreciated, thanks in advance I've got a slide toggle script online and have got just one bit that I cannot figure out why. What is (toggled = !toggled)? What does it mean? Does that mean toggled = false? But I tested it, it seems not like that. And once the slide is toggled, it should use the minheight. Then the condition for var Height must be the opposite of (toggled = !toggled). Then what is (toggled = !toggled) like? Is that like (toggled != !toggled)? Code: <!DOCTYPE html>
<html>
<head>
<title>Avinash</title>
<style>
#slider {
margin:0px auto;
padding:0px;
width:400px;
border:1px solid #000;
background:#0f0;
height:0px;
overflow:hidden;
}
</style>
<script>
var minheight = 0;
var maxheight = 1000;
var time = 1000;
var timer = null;
var toggled = false;
window.onload = function() {
var controler = document.getElementById('slide');
var slider = document.getElementById('slider');
slider.style.height = minheight + 'px';
controler.onclick = function() {
clearInterval(timer);
var instanceheight = parseInt(slider.style.height);
var init = (new Date()).getTime();
var height = (toggled = !toggled) ? maxheight: minheight;
var disp = height - parseInt(slider.style.height);
timer = setInterval(function() {
var instance = (new Date()).getTime() - init;
if(instance < time ) {
var pos = Math.floor(disp * instance / time);
result = instanceheight + pos;
slider.style.height = result + 'px';
document.getElementById('log').innerHTML = 'Current Height : <b>' + result + " " + disp + '</b><br /> Current Time : <b>' + instance + " " + pos + '</b>';
}else {
slider.style.height = height + 'px'; //safety side ^^
clearInterval(timer);
controler.value = toggled ? ' Slide Up ' :' Slide Down ';
document.getElementById('log').innerHTML = 'Current Height : <b>' + height + '</b><br /> Current Time : <b>' + time + '</b>';
}
},1);
};
};
</script>
</head>
<body>
<h1> Toggle Slide </h1>
<input type="button" id="slide" value =" Slide Down "/>
<span id="log" style="position:absolute; left:10px; top:150px;"></span>
<br />
<div id="slider">
content goes here
</div>
</body>
</html>
I have a drop down menu where people can select a month, day and year. Based on their selection, I want to show them an image. If their selection is >= July 26, 2010 but <= July 25, 2011, show the red image; If their selection is >= July 26, 2011 but <= July 25, 2012, show the white image; If their selection is >= July 26, 2012 but <= July 25, 2013, show the blue image; If their selection is >= July 26, 2013 but <= July 25, 2014, show the yellow image; I don't know how to compare a selected date to a range of dates like this. Hi pals, I am really tired in this problem of event keyup. I given same in my keyup function like: $(document).ready(function () { alert("GGG"+parseInt(jQuery.browser.version)); //To display test value working $("#find_text").keyup(function(e) { if(e.which == 13) { alert('Enter key was pressed'); //enter Here alert("FFF"+parseInt(jQuery.browser.version)); //Here got Error } }); }); I got Error : jQuery is not defined alert("FFF"+parseInt(jQuery.browser.version)); I use keycode,which , but no help, It's Work nicely in Chrome Browser but not in FF. Please give a Solution reply ASAP, I am really Tired.The code enter the Condition But that jQuery part make error. Thankfully Anes P.A hi i found some javascript on the internet that seemed to do what I wanted to achieve but cannot get it to work when the mouse is over the image it should show a bigger image. I've used the internet explorer debugger and there seems to be problem in the code, but i dont understand javascript programming. Im a php man myself. all the script is enclosed in this page http://www.web-malta.com/testimage.html if you put the mouse over the photo you will see there is an error on the page. hope someonbe can help. cheers I really don't even know if I'm posting this question in the right section. I am using javascript to make a drop-down menu for a website. I really don't have any experience with javascript. The problem I'm having is that when I go to the page, the drop down menu is already dropped down. If you then hover over it, it pulls up and then hover over it again and it drops back down. It works fine after the initial glitch. Didn't know if anyone had run into this problem or if I'm just being stupid, here is the code that I'm using. Thanks in advance for any help. <a href="/mainpage.html" onMouseOver="show()" onMouseOut="hide()" ><img src="pic.png" border="0" width="90" height="24"></a></br> <div id="div1"><a href="/notherpage.html" onMouseOver="show()" onMouseOut="hide()" ><img src="pic2.png"><br><a href="/notherpage2.html" onMouseOver="show()" onMouseOut="hide()" ><img src="pic3.png"><br><a href="/lastpage.html" onMouseOver="show()" onMouseOut="hide()" ><img src="pic4.png"></div> <script type="text/javascript"> function show(){ document.getElementById("div1").style.display="block"; } function hide(){ document.getElementById("div1").style.display="none"; } </script> I'm working with this form which has js calendar. unfortunately, I can't get the calendar to work onclick. It produces the following error: Code: Uncaught SyntaxError: Unexpected token can't make out the error. Not sure if this is related to another onclick function. Here is the actual code: Code: <form name='PaymentForm' onsubmit='return ValidatePaymentForm();' action='updatebalancedue.php' method='post'> <input type=\"hidden\" name=\"edit_sel_id\" value=\"$sel_id\"> <div id=\'pmt_header\'><center><table class=\'tablestyle2\' width=90% cellpadding=2 cellspacing=0> <tr valign='top'> <td style=\'border:1px solid #cccccc;\' width=\"28%\" align=\"justify\"> <table class=\'tablestyle_inner\' width=\"170\"> <tr> </td> </tr> <tr><td bgcolor='#000000'><font color='#FFFFFF' class='label'>Payment Received Date:</td> </tr> </table> <input type='text' value='$date' readonly name='theDate' size='11'><input type='button' class='NonPrintable' value='Calendar' onclick='displayCalendar(this.form.theDate,'yyyy/mm/dd',this)'> </td> <td style='border:1px solid #cccccc;' width=\"35%\"> <table class='tablestyle_inner' width='607'> <tr><td valign='top'class='label' width='110'>Date of Invoice</td> <td width='196'><span id='_PayType_sel'><input name='$date_on_invoice' value='$date_on_invoice' disabled='true' style='float: left' valign='top'></td> <td valign='top' width='106'>Client ID: </td><td valign='top'> <input name='$clientID' value='$clientID' disabled='true' style='float: left'></span></td> <tr><td class='label' width='110'>First Name:</td><td width='196'><input type='text' size='22' maxlength='50' value='$firstname' disabled='true' style='float: left'></td><td valign='top'>Last Name:</td><td valign='top'><input type='text' size='22' maxlength='50' value='$lastname' disabled='true' name='T1' style='float: left'></td> </tr> </table> </td> <td style='border:1px solid #cccccc;' width='35%' align='right'> <table class='tablestyle_inner'> <tr><td bgcolor='#000000'><font color='#FFFFFF' class='label' align='left'>New Bal.:</td></tr><tr><td><input name='dollarsymbol3' size='1' readonly style='border:0px;' value='$'><input id='amount' name='newbalance' readonly style='color: #EE0000' size='8' maxlength='16' value='0.00'> <!--<input type='text' name='newbalance' disabled='true' size='16' maxlength=\"18\" value='$0.00'--></td> </tr> </table> <td style='border:1px solid #cccccc;' width='35%' align='right'> <table class='tablestyle_inner'> <tr><td bgcolor='#000000'><font color='#FFFFFF' class='label' align=\"left\">Payment Reference:</td></tr><tr><td><input type='text' name='paymentref' size='16' maxlength='18' value='$RNO'</td> </tr> </table> </table></center> <br></div> <div id='items_table'><center> <table class='tablestyle' colspan=7 width='89%' cellpadding=2 cellspacing=0> <tr> <td style='border:1px solid #cccccc;' width=' 15%' class='tableheader' bgcolor='#000000'><font color='#FFFFFF'> Invoice Number</td> <td align='center' style='border: 1px solid #cccccc;' width=' 15%' class='tableheader' bgcolor='#000000'><font color='#FFFFFF'>Service Description</td> <td style='border: 1px solid #cccccc;' width=' 15%' class='tableheader' bgcolor='#000000'><font color='#FFFFFF'>Balance Due</td> <td style='border: 1px solid #cccccc;' width=' 15%' class='tableheader' bgcolor='#000000'><font color='#FFFFFF'>Payment</td> <td style='border: 1px solid #cccccc;' width=' 15%' style='border:1px solid #cccccc;' width=' 15%'class='tableheader' bgcolor='#000000'><font color='#FFFFFF'>Payment Type</td> </tr> <tr> <td valign='top' style='border-left: 0px solid #cccccc;' width=' 15%'><input type='text' name='$invoicenum' disabled='true' size='12' maxlength='10' value='$invoicenum' class='combo3' rel='code_id' title=''> </td><td valign='top' style='border-right: 0px solid #cccccc;' width=' 15%' ><span id='_code_id_sel'> <!-- the line below serves to auto adjust the textarea box in accordance with the box's content. The class allows the box to expend to 1000 this works with two files jquery.textarea-expander.js and jquery-1.3.2.min.js --> <textarea name='mytextarea' id='mytextarea' rows='3' cols='60' disabled='true'class='expand10-100'>$servicedesc</textarea> <!--<textarea name='servicedesc' cols='30' rows='2' disabled='true' >$servicedesc</textarea></span>--> </td> <input type=\"hidden\" name=\"dimension2_id\" value=\"0\"> <td valign='top' style='border-left: 0px solid #cccccc;' width=' 15%' align='left'> <input name='dollarsymbol2' size='1' readonly style='border:0px;' value='$'><input id='amount' name='balance' size='12' disabled='true' value='$new_bal' onChange='updatesum()'> <!--<input class='amount' type=\"text\" name='balance' disabled='true' size=\"15\" maxlength=\"15\" dec=\"2\" value='$Balancedue'>--></td> <td valign='top' style='border-left: 0px solid #cccccc;' width=' 15%' align='left'> <input name='dollarsymbol1' size='1' readonly style='border:0px;' value='$'><input id='amount' name='paymentamount' size='12' style='color: #71C671' value='0.00' onChange='updatesum()'></td> <td valign='top' style='border-left: 0px solid #cccccc;' width=' 15%' ><span<select autocomplete='on' name='paymenttype' ><OPTION>Select One <OPTION>Cash <OPTION>Check <OPTION>Visa <OPTION>Master Card <OPTION>AMEX <OPTION>Discover <OPTION>Other </select></span></td> </tr> </table></center> </div> <br><table align='center'><tr><td >Memo</td><td><textarea STYLE='display:inline' name='memo' cols='50' rows='3'></textarea></td> </tr> </table> <br><br><center><input type='button' class='NonPrintable' value='Select Another Record' ONCLICK='history.go(-1)'> <input type='submit' name='submit' class='NonPrintable' value='Record Payment'> <input type='button' class='NonPrintable' onClick='window.print()' value='Print' /> </center> </p> </form>"; I'm using the form within a php code. This is my script section: Code:
<script type="text/javascript" src="../../js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../../js/jquery.textarea-expander.js"></script>
<script>
function ValidatePaymentForm()
{
var paymentamount = document.PaymentForm.paymentamount;
var paymenttype = document.PaymentForm.paymenttype;
if (paymentamount.value == "0.00")
{
window.alert("Sorry, no Payment Amount is indicated!");
paymentamount.focus();
return false;
}
if (paymenttype.value == "Select One")
{
window.alert("Indicate form of payment!");
paymenttype.focus();
return false;
}
return true;
}
</script>
<!--script for calendar begins-->
<link type="text/css" rel="stylesheet" href="dhtmlgoodies_calendar.css?random=20051112" media="screen"></LINK>
<SCRIPT type="text/javascript" src="dhtmlgoodies_calendar.js?random=20060118"></script>
<!--script for calendar ends-->
The calendar code is highlighted in red. any assistance is appreciated! Code: <html>
<head>
<!--
CIS 340 Final
Webpage project
Author: Jeffrey Faulkner
Date: 04/27/2011
File name: Mailinglist.htm
-->
<title>Home</title>
<link href="mario.css" rel="stylesheet" type="text/css" />
<script src="random.js" type="text/javascript"></script>
<script src="ads.js" type="text/javascript"></script>
<script type="text/javascript">
function valmail() {
var lastName = document.Infoform.LastName.value;
var firstname = document.Infoform.FirstName.value;
var mi = document.Infoform.Mi.value;
var address = document.Infoform.Address.value;
var city = document.Infoform.City.value;
var state = document.Infoform.State.value;
var zip = document.Infoform.Zip.value;
var phone = document.Infoform.Phone.value;
var dob = new Date (document.Infoform.Dob.value);
var res = document.Infoform.chkResident.value;
var email = document.infoform.email.value;
var cemail = document.infoform.cemail.value;
var stuClass;
var classChecked = false;
var selectnews = document.getElementById('lstF_ID');
var advisor = selectnews.options (selectnews.selectedIndex).innerHTML
var radio = document.Infoform.Class.value;
for (var i=0; i < document.Infoform.Class.length; i++) {
if (document.Infoform.Class[i].checked) {
classChecked = true;
stuClass = document.Infoform.Class[i].value;
}
}
if (lastName == "") {
alert ("Please enter a last name");
document.Infoform.LastName.select();
return false;
} else if (firstname == "") {
alert ("Please enter a first name");
document.Infoform.FirstName.select();
return false;
}else if (address == "") {
alert ("Please enter a address");
document.Infoform.Address.select();
return false;
} else if (city == "") {
alert ("Please enter a city");
document.Infoform.City.select();
return false;
} else if (state == "") {
alert ("Please enter a state");
document.Infoform.State.select();
return false;
} else if (zip == "") {
alert ("Please enter a zip");
document.Infoform.Zip.select();
return false;
} else if (phone == "") {
alert ("Please enter a phone");
document.Infoform.Phone.select();
return false;
}else if (dob == "NaN") {
alert ("Date of Birth is not valid, use MM/DD/YYYY to enter data");
document.Infoform.Dob.select();
return false;
}else if (Class.checked == "false"){
alert ("No class selected");
return false;
}else if (email != cemail){
alert ("emails are not the same.");
return false;
}else {
alert ("Last name: " + lastName + "\n" + "First Name: " + firstname + "\n" +
"mi: " + mi + "\n" + "Address: " + address + "\n" + "City: " + city + "\n" +
"State: " + state + "\n" + "Zip: " + zip + "\n" + "phone: " + phone + "\n" +
"Date of Birth: " + dob + "\n" + "Advisor " + advisor + "\n" +
"classfication " + stuClass);
return true;
}
}
</script>
</head>
<body>
<h5><script type="text/javascript">
rNumber = randInt(5); //generate a random integer from 1 to 5
rAd = adDescription(rNumber); // description of the random ad
rLink = adLink(rNumber); // url of the random ad
document.write("<a href=" + rLink + ">");
document.write("<img src='ad" + rNumber + ".jpg' alt='" + rAd + "' />");
document.write("</a>");
</script></h5>
<hr />
<a href="Home.htm">Home</a>
<a href="speedrun.htm">Speed Runs</a>
<a href="History.htm">History</a>
<a href="mailinglist.htm">Mailing List</a>
<a href="games.xml">List of games</a>
<hr />
<h5><h3>Mario Mailing List</h3></h5>
<h5><h3><form name="Infoform" action="action%20marker" id="Infoform" onSubmit="valmail()">
<table align="center">
<tr>
<td> Last Name:</td>
<td><input type="text" name="LastName" size="20" /></td>
<td></td>
<td></td>
<td><h4>Class:</h4></td>
<td></td>
</tr>
<tr>
<td> First Name:</td>
<td><input type="text" name="FirstName" size="20" /></td>
<td></td>
<td><input type="radio" name="Class" value="Mail" /></td>
<td>Mail<td>
</tr>
<tr>
<td> MI:</td>
<td><input type="text" name="Mi" size="5" /></td>
<td></td>
<td><input type="radio" name="Class" value="email" /></td>
<td>Email</td>
</tr>
<tr>
<td> Address:</td>
<td><input type="text" name="Address" size="20" /></td>
<td></td>
<td><input type="radio" name="Class" value="email" /></td>
<td>phone</td>
</tr>
<tr>
<td> City:</td>
<td><input type="text" name="City" size="20" /></td>
<td></td>
<td><input type="radio" name="Class" value="text" /></td>
<td>text</td>
</tr>
<tr>
<td> State:</td>
<td><input type="text" name="State" size="5" /></td>
<td></td>
<td><input type="radio" name="Class" value="any" /></td>
<td>any</td>
</tr>
<tr>
<td> ZIP Code:</td>
<td><input type="text" name="Zip" size="20" /></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td> Phone:</td>
<td><input type="text" name="Phone" size="20" /></td>
<td></td>
<td><input name="chkResident" type="checkbox" /></td>
<td> All the above</td>
</tr>
<tr>
<td> Date of Birth:</td>
<td><input type="text" name="Dob" size="20" /></td>
<td></td>
<td>What news do you want to here about?</td>
<td><select size="1" name="lstF_ID">
<option selected="selected" value="1">New speed runs</option>
<option value="2">upcoming games</option>
<option value="3">New bugs found</option>
<option value="4">new speed runs</option>
<option value="5">All</option>
</select value="1"></td>
</tr>
<tr>
<td> EMail:</td>
<td><input type="text" name="email" size="20" /></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td> confirm email:</td>
<td><input type="text" name="cemail" size="20" /></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Submit" /></td>
</tr>
</table>
</form></h3></h5>
</body>
<hr />
<address>
All information taken from mario wiki
</address>
</html>
I have looked at this for an hour and i can not find anything wrong Hi, i can't get my new logo to work in IE, it's working fine in Chrome and FireFox, it must be a JavaScript problem. here it is: http://danishwebart.com/logo/logo.php And the JavaScrip: $(function() { var canvas = $("#c"); var canvasHeight; var canvasWidth; var ctx; var dt = 0.1; var pointCollection; function init() { updateCanvasDimensions(); var g = [new Point(27, 34, 0.0, 1, "#ed9d33"), new Point(26, 38, 0.0, 1, "#d44d61"), new Point(25, 41, 0.0, 1, "#4f7af2"), new Point(22, 44, 0.0, 1, "#ef9a1e"), new Point(18, 46, 0.0, 2, "#4976f3"), new Point(12, 44, 0.0, 2.5, "#269230"), new Point(7, 41, 0.0, 2, "#1f9e2c"), new Point(5, 37, 0.0, 1, "#36b641"), new Point(4, 33, 0.0, 1, "#2e5def"), new Point(4, 29, 0.0, 1, "#d53747"), new Point(5, 25, 0.0, 1, "#eb676f"), new Point(6, 22, 0.0, 1, "#f9b125"), new Point(8, 19, 0.0, 1, "#de3646"), new Point(11, 16, 0.0, 1, "#5f8af8"), new Point(13, 14, 0.0, 1, "#efa11e"), new Point(16, 12, 0.0, 1, "#2e55e2"), new Point(19, 10, 0.0, 1, "#4167e4"), new Point(23, 8, 0.0, 1.5, "#4869e3"), new Point(28, 6, 0.0, 2, "#10a11d"), new Point(33, 5, 0.0, 2, "#cf4055"), new Point(38, 5, 0.0, 2, "#cd4359"), new Point(44, 6, 0.0, 3, "#ca273c"), new Point(51, 8, 0.0, 3, "#2650e1"), new Point(57, 11, 0.0, 3, "#4a7bf9"), new Point(63, 16, 0.0, 3.5, "#f47875"), new Point(68, 23, 0.0, 4, "#f36764"), new Point(71, 31, 0.0, 3.5, "#1d4eeb"), new Point(72, 38, 0.0, 3, "#698bf1"), new Point(72, 44, 0.0, 2.5, "#fac652"), new Point(72, 49, 0.0, 2, "#ee5257"), new Point(71, 54, 0.0, 2, "#5681f5"), new Point(70, 59, 0.0, 2, "#f8c247"), new Point(68, 64, 0.0, 2, "#4577f6"), new Point(65, 68, 0.0, 2, "#f7b326"), new Point(62, 72, 0.0, 2, "#facb5e"), new Point(59, 75, 0.0, 2, "#e02e3d"), new Point(55, 77, 0.0, 2, "#f16d6f"), new Point(53, 78, 0.0, 2.5, "#507bf2"), new Point(47, 79, 0.0, 3, "#5683f7"), new Point(40, 77, 0.0, 3.5, "#3158e2"), new Point(33, 74, 0.0, 3.5, "#f0696c"), new Point(27, 73, 0.0, 2.5, "#3769f6"), new Point(22, 73, 0.0, 2, "#6084ef"), new Point(19, 76, 0.0, 1.5, "#2a5cf4"), new Point(17, 79, 0.0, 1, "#f4716e"), new Point(25, 70, 0.0, 2, "#f8c247"), new Point(29, 67, 0.0, 2, "#ec4147"), new Point(33, 64, 0.0, 2, "#4876f1"), new Point(36, 59, 0.0, 2.5, "#2552ea"), new Point(38, 53, 0.0, 3, "#4779f7"), new Point(38, 46, 0.0, 3.5, "#4b78f1"), new Point(38, 38, 0.0, 3.5, "#4b78f1"), new Point(37, 31, 0.0, 2.5, "#4b78f1"), new Point(38, 25, 0.0, 2, "#4b78f1"), new Point(40, 20, 0.0, 2, "#4b78f1"), new Point(42, 16, 0.0, 1.5, "#4b78f1"), new Point(45, 14, 0.0, 1, "#4b78f1"), new Point(48, 12, 0.0, 1, "#4b78f1"), new Point(59, 82, 0.0, 1, "#ed9d33"), new Point(62, 80, 0.0, 1.5, "#d44d61"), new Point(66, 77, 0.0, 2, "#4f7af2"), new Point(70, 73, 0.0, 2, "#4976f3"), new Point(73, 69, 0.0, 2, "#269230"), new Point(76, 65, 0.0, 2, "#1f9e2c"), new Point(79, 60, 0.0, 2, "#36b641"), new Point(80, 55, 0.0, 1.5, "#2e5def"), new Point(81, 65, 0.0, 2.5, "#eb676f"), new Point(83, 71, 0.0, 3, "#f9b125"), new Point(84, 77, 0.0, 2.5, "#de3646"), new Point(82, 82, 0.0, 2, "#de3646"), new Point(88, 74, 0.0, 1.5, "#efa11e"), new Point(90, 70, 0.0, 1.5, "#2e55e2"), new Point(92, 66, 0.0, 1.5, "#4869e3"), new Point(93, 62, 0.0, 1.5, "#4869e3"), new Point(95, 53, 0.0, 1, "#10a11d"), new Point(95, 57, 0.0, 2, "#cf4055"), new Point(97, 62, 0.0, 2.5, "#cd4359"), new Point(100, 68, 0.0, 3, "#ca273c"), new Point(102, 74, 0.0, 2.5, "#2650e1"), new Point(101, 80, 0.0, 2, "#4a7bf9"), new Point(105, 78, 0.0, 1, "#f36764"), new Point(107, 75, 0.0, 1, "#1d4eeb"), new Point(109, 72, 0.0, 1, "#698bf1"), new Point(110, 69, 0.0, 1, "#fac652"), new Point(111, 66, 0.0, 1, "#ee5257"), new Point(112, 63, 0.0, 1, "#5681f5"), new Point(112, 60, 0.0, 1.5, "#f8c247"), new Point(112, 56, 0.0, 1.5, "#4577f6"), new Point(110, 52, 0.0, 2, "#f7b326"), new Point(107, 48, 0.0, 2.5, "#facb5e"), new Point(102, 45, 0.0, 2.5, "#e02e3d"), new Point(97, 43, 0.0, 2, "#f16d6f"), new Point(110, 83, 0.0, 1, "#507bf2"), new Point(112, 80, 0.0, 1, "#5683f7"), new Point(114, 77, 0.0, 1.5, "#3158e2"), new Point(116, 73, 0.0, 1.5, "#f0696c"), new Point(118, 69, 0.0, 1.5, "#3769f6"), new Point(119, 65, 0.0, 1.5, "#6084ef"), new Point(119, 61, 0.0, 1.5, "#2a5cf4"), new Point(119, 57, 0.0, 1.5, "#f4716e"), new Point(118, 53, 0.0, 1.5, "#f8c247"), new Point(116, 50, 0.0, 1, "#ec4147"), new Point(120, 51, 0.0, 1, "#4876f1"), new Point(123, 53, 0.0, 1, "#2552ea"), new Point(126, 55, 0.0, 1, "#4779f7"), new Point(129, 58, 0.0, 1.5, "#4b78f1"), new Point(132, 61, 0.0, 1.5, "#4b78f1"), new Point(135, 65, 0.0, 1.5, "#4b78f1"), new Point(138, 69, 0.0, 1.5, "#4b78f1"), new Point(140, 73, 0.0, 2, "#4b78f1"), new Point(142, 78, 0.0, 2, "#4b78f1"), new Point(143, 83, 0.0, 2, "#4b78f1"), new Point(121, 70, 0.0, 1, "#4b78f1"), new Point(124, 71, 0.0, 1, "#4b78f1"), new Point(127, 71, 0.0, 1, "#4b78f1"), new Point(130, 71, 0.0, 1.5, "#4b78f1"), new Point(134, 70, 0.0, 1.5, "#4b78f1"), new Point(142, 68, 0.0, 1.5, "#4b78f1"), new Point(146, 68, 0.0, 1, "#4b78f1"), new Point(149, 69, 0.0, 1, "#4b78f1")]; gLength = g.length; for (var i = 0; i < gLength; i++) { g[i].curPos.x = (canvasWidth/2 - 0) + g[i].curPos.x; g[i].curPos.y = (canvasHeight/2 - 0) + g[i].curPos.y; g[i].originalPos.x = (canvasWidth/2 - 0) + g[i].originalPos.x; g[i].originalPos.y = (canvasHeight/2 - 0) + g[i].originalPos.y; }; pointCollection = new PointCollection(); pointCollection.points = g; initEventListeners(); timeout(); }; function initEventListeners() { $(window).bind('resize', updateCanvasDimensions).bind('mousemove', onMove); canvas.get(0).ontouchmove = function(e) { e.preventDefault(); onTouchMove(e); }; canvas.get(0).ontouchstart = function(e) { e.preventDefault(); }; }; function updateCanvasDimensions() { canvas.attr({height: $(window).height(), width: $(window).width()}); canvasWidth = canvas.width(); canvasHeight = canvas.height(); draw(); }; function onMove(e) { if (pointCollection) pointCollection.mousePos.set(e.pageX, e.pageY); }; function onTouchMove(e) { if (pointCollection) pointCollection.mousePos.set(e.targetTouches[0].pageX, e.targetTouches[0].pageY); }; function timeout() { draw(); update(); setTimeout(function() { timeout() }, 30); }; function draw() { var tmpCanvas = canvas.get(0); if (tmpCanvas.getContext == null) { return; }; ctx = tmpCanvas.getContext('2d'); ctx.clearRect(0, 0, canvasWidth, canvasHeight); if (pointCollection) pointCollection.draw(); }; function update() { if (pointCollection) pointCollection.update(); }; function Vector(x, y, z) { this.x = x; this.y = y; this.z = z; this.addX = function(x) { this.x += x; }; this.addY = function(y) { this.y += y; }; this.addZ = function(z) { this.z += z; }; this.set = function(x, y, z) { this.x = x; this.y = y; this.z = z; }; }; function PointCollection() { this.mousePos = new Vector(0, 0); this.points = new Array(); this.newPoint = function(x, y, z) { var point = new Point(x, y, z); this.points.push(point); return point; }; this.update = function() { var pointsLength = this.points.length; for (var i = 0; i < pointsLength; i++) { var point = this.points[i]; if (point == null) continue; var dx = this.mousePos.x - point.curPos.x; var dy = this.mousePos.y - point.curPos.y; var dd = (dx * dx) + (dy * dy); var d = Math.sqrt(dd); if (d < 80) { point.targetPos.x = (this.mousePos.x < point.curPos.x) ? point.curPos.x - dx : point.curPos.x - dx; point.targetPos.y = (this.mousePos.y < point.curPos.y) ? point.curPos.y - dy : point.curPos.y - dy; } else { point.targetPos.x = point.originalPos.x; point.targetPos.y = point.originalPos.y; }; point.update(); }; }; this.draw = function() { var pointsLength = this.points.length; for (var i = 0; i < pointsLength; i++) { var point = this.points[i]; if (point == null) continue; point.draw(); }; }; }; function Point(x, y, z, size, colour) { this.colour = colour; this.curPos = new Vector(x, y, z); this.friction = 0.8; this.originalPos = new Vector(x, y, z); this.radius = size; this.size = size; this.springStrength = 0.1; this.targetPos = new Vector(x, y, z); this.velocity = new Vector(0.0, 0.0, 0.0); this.update = function() { var dx = this.targetPos.x - this.curPos.x; var ax = dx * this.springStrength; this.velocity.x += ax; this.velocity.x *= this.friction; this.curPos.x += this.velocity.x; var dy = this.targetPos.y - this.curPos.y; var ay = dy * this.springStrength; this.velocity.y += ay; this.velocity.y *= this.friction; this.curPos.y += this.velocity.y; var dox = this.originalPos.x - this.curPos.x; var doy = this.originalPos.y - this.curPos.y; var dd = (dox * dox) + (doy * doy); var d = Math.sqrt(dd); this.targetPos.z = d/100 + 1; var dz = this.targetPos.z - this.curPos.z; var az = dz * this.springStrength; this.velocity.z += az; this.velocity.z *= this.friction; this.curPos.z += this.velocity.z; this.radius = this.size*this.curPos.z; if (this.radius < 1) this.radius = 1; }; this.draw = function() { ctx.fillStyle = this.colour; ctx.beginPath(); ctx.arc(this.curPos.x, this.curPos.y, this.radius, 0, Math.PI*2, true); ctx.fill(); }; }; init(); }); |
|||||||