|
JavaScript - Shift Report Generator - Not Working Under Ff
I developed this under Safari on my mac. I have only been scripting for about 1.5 days so I am not the best with debugging. What would cause this?
Code: <html>
<head>
<script ="Javascript>
// Setting vars
var winW = screen.width
var winH = screen.height;
var winLW = (winW / 2) - 240
// Resizing and moving window
self.resizeTo(480,640);
self.moveTo(winLW,0);
// Form reset function
function reset() {
document.shiftReport.reset();
}
// Create report function
function calculate() {
// Name Vars
var name = document.shiftReport.nameBox.value;
var mname = document.shiftReport.ModNameBox.value;
// Server Bar Vars
var j = document.shiftReport.JurSel.value;
var t = document.shiftReport.TriSel.value;
var c = document.shiftReport.CreSel.value;
var p = document.shiftReport.PreSel.value;
// Form Text Vars
var gnotes = document.shiftReport.GeneralNotes.value;
var PWMS = document.shiftReport.PWMS.value;
var SGB = document.shiftReport.SGB.value;
var WPMW = document.shiftReport.WPMW.value;
var CTaO = document.shiftReport.CTaO.value;
// Time Vars
var shifTime = document.shiftReport.TimSel.value;
var this_weekday_name_array = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var this_month_name_array = new Array("January","February","March","April","May","June","July","August","September","October","November","December")
var this_date_timestamp=new Date()
var this_weekday = this_date_timestamp.getDay()
var this_date = this_date_timestamp.getDate()
var this_month = this_date_timestamp.getMonth()
var this_year = this_date_timestamp.getYear()
if (this_year < 1000)
this_year+= 1900;
if (this_year==101)
this_year=2001;
var this_date_string = this_weekday_name_array[this_weekday] + ", " + this_month_name_array[this_month] + " " + this_date + ", " + this_year //concat long date string
if (shifTime=="Other")
{
var shifTime=prompt("Please enter shift time:","11:00AM - 1:00PM");
}
// Creating Report
var theReport = "<b>Name:</b> " + name + "<br><b>Mod Name:</b> " + mname + "<br><b>Date:</b> " + this_date_string + "<br><b>Time:</b> " + shifTime + "<br><br><b>General Comments:</b><br>** Jurassic " + j + " bars<br>** Triassic " + t + " bars<br>** Cretaceous " + c + " bars<br>** Prehistoric " + p + " bars<br><br>" + gnotes + "<br><br><b>Players Warnings/Mutes/Suspensions:</b><br>" + PWMS + "<br><br><b>Site Glitches/Bugs:</b><br>" + SGB + "<br><br><b>What Players/Mods Want:</b><br>" + WPMW + "<br><br><b>Current Trends and Observations:</b><br>" + CTaO
var disp_setting="toolbar=yes,location=no,directories=yes,menubar=yes,scrollbars=yes,width=480, height=640, left=400, top=0";
var docprint=window.open("","",disp_setting);
docprint.document.open();
docprint.document.write('<html><head><title>Simple Shift Report</title>');
docprint.document.write('</head><body>');
docprint.document.write(theReport);
docprint.document.write('</body></html>');
docprint.document.close();
docprint.focus();
}
</script>
<title>Simple Shift Report Generator</title>
<style type="text/css"></style>
</head>
<body style="background-color:#e5e5e5; color: rgb(0, 0, 0);"
alink="#ee0000" link="#0000ee" vlink="#551a8b">
<table bgcolor="003366"style="text-align: center; width: 100%;" border="0"
cellpadding="2" cellspacing="0">
<tbody>
<tr>
<td></td>
</tr>
<tr>
<td></td><td bgcolor="#1a4f85"><font color="#FFFFFF">Simple Shift Report Generator</font></td>
<td width="30%"></td>
<td width="20%" style="text-align: right;"><font color="#8099b3" size="1">aaron smithers</font></td>
</tr>
</tbody>
<br>
<form name="shiftReport">
<table bgcolor="#DCDCDC" bordercolor="#FFFFFF" style="text-align: right; width: 100%;" border="15"
cellpadding="2" cellspacing="1">
<tr>
<td bgcolor="#e5e5e5"width="25%">Name:</td>
<td bgcolor="d9e7f8" width="75%"><input name="nameBox" size="58" value="" type="text"></td>
</tr>
<td bgcolor="#efefef"width="25%">Mod Name:</td>
<td bgcolor="#ffffcc"width="75%"><input name="ModNameBox" size="58" value="" type="text"></td>
</tr>
<tr>
<td bgcolor="#e5e5e5"width="25%">Shift:</td>
<td bgcolor="d9e7f8" width="75%">
<select name="TimSel"style="width:100%">
<option>Select Time - PST</option>
<option>4:30AM - 5:30AM</option>
<option>5:30AM - 7:00AM</option>
<option>7:00AM - 8:30AM</option>
<option>8:30AM - 10:00AM</option>
<option>10:00AM - 11:30AM</option>
<option>11:30AM - 1:00PM</option>
<option>1:00PM - 2:30PM</option>
<option>2:30PM - 4:00PM</option>
<option>4:00PM - 5:30PM</option>
<option>5:30PM - 7:00PM</option>
<option>7:00PM - 8:00PM</option>
<option>7:00PM - 8:30PM</option>
<option>8:30PM - 9:30PM</option>
<option>Other</option>
</select>
</td>
</tr>
<tr>
<td bgcolor="#efefef"width="25%">Jurassic:</td>
<td bgcolor="#ffffcc"width="75%">
<select name="JurSel"style="width:100%">
<option></option>
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</td>
</tr>
<tr>
<td bgcolor="#e5e5e5"width="25%">Triassic:</td>
<td bgcolor="d9e7f8" width="75%">
<select name="TriSel"style="width:100%">
<option></option>
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</td>
</tr>
<tr>
<td bgcolor="#efefef"width="25%">Cretaceous:</td>
<td bgcolor="#ffffcc"width="75%">
<select name="CreSel"style="width:100%">
<option></option>
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</td>
</tr>
<tr>
<td bgcolor="#e5e5e5"width="25%">Prehistoric:</td>
<td bgcolor="d9e7f8" width="75%">
<select name="PreSel"style="width:100%">
<option></option>
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</td>
</tr>
<tr>
<td bgcolor="#efefef"width="25%">General:</td>
<td bgcolor="#ffffcc"width="75%"><textarea name="GeneralNotes" cols="42" rows="7" value=""></textarea></td
</tr>
<tr>
<td bgcolor="#e5e5e5"width="25%">Warning:</td>
<td bgcolor="#d9e7f8"width="100%"><textarea name="PWMS" cols="42" rows="5" value=""></textarea></td>
</tr>
<tr>
<td bgcolor="#efefef"width="25%">Glitch:</td>
<td bgcolor="#ffffcc"width="75%"><textarea name="SGB" cols="42" rows="5" value=""></textarea></td
</tr>
<tr>
<td bgcolor="#e5e5e5"width="25%">Want:</td>
<td bgcolor="#d9e7f8"width="100%"><textarea name="WPMW" cols="42" rows="5" value=""></textarea></td>
</tr>
<tr>
<td bgcolor="#efefef"width="25%">Trends:</td>
<td bgcolor="#ffffcc"width="75%"><textarea name="CTaO" cols="42" rows="5" value=""></textarea></td
</tr>
</tbody>
</table>
<table style="text-align: left; width:100%;" border="15"bordercolor="#e5e5e5"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td width="75%"bgcolor="#FFFFFF">|</td>
<td width="25%"><Input Type = Button NAME = b1 width="48%" VALUE = "Create Report" onClick = calculate()><br>
<input type="button" value=" Clear " onClick= reset()></td>
</tr>
</tbody>
</table>
</body>
</html>
Similar TutorialsOk, so I decided to make an Experience Generator for my site. I started simple by making one that uses a prompt. First it prompts for your level, then it multiplies it by using a random number function. This code below. Code: <html>
<head>
<title>Experience Generator</title>
<script type="text/javascript">
var A= Math.round(Math.random()*100);
var B= prompt('Place your Level Here');
function Expearned()
{
document.write(Exp=B*A);
document.write(" Experience Points Earned");
}
</script>
</head>
<body>
<a href="javascript:Expearned()">Experience Calculator</a><br />
</body>
</html>
Then, I thought... I don't like using prompts. So, how about using text inputs and buttons instead. I then created this code. Code: <html>
<head>
<title>Experience Generator</title>
<script type="text/javascript">
var A= Math.round(Math.random()*100);
var B= input();
function Expearned()
{
document.write(Exp=B*A);
document.write(" Experience Points Earned");
}
</script>
</head>
<body>
<FORM ACTION="#" NAME=LeveltoExp></FORM>
Enter Level
<INPUT TYPE=TEXT NAME="Enter Level" SIZE=3>
<BR><BR>
<INPUT TYPE=BUTTON VALUE="Earn Experience"
ONCLICK=" Expearned()
+ 'is '
+ ' Experienced Earned'">
<BR><BR>
</FORM>
</body>
</html>
BUT this code pulls up and error at the line of var B.. What I am trying to do is pass the form to the var B and then goes on from there to do the Experience Generator. Can anyone Help me???? I've got a div named "iframe_container". Inside it are an iframe used to display floor maps and another div named "compass_rose". I have a function that moves compass_rose around the map based on an office number. Now iframe_container is scrollable, it's only big enough to display about 2/3 of the map at any one time. I designed it that way to properly fit in the sharepoint site it's going in. To help some of our less tech savvy users it would be nice if iframe_container would automatically shift its view to keep the compass_rose visible at all times. Can that be done? Thanks. <div id="iframe_container" style="width:1000px; height:635px; position: relative; overflow:hidden"> <div id="compass_rose" style="top: 10px; left: 10px; position: absolute; z-index: 2; visibility:hidden;"><img alt="Compass Rose" src="compass_rose_animated2.gif" width="80" height="80" /></div> <iframe id="viewer" width="1600" height="635" src="front_page2.jpg" marginwidth="1" marginheight="1" name="viewer" scrolling="no"></iframe> </div> Hi all, I am having a problem with the following code: js Code: function encrypt() {
var char, encryptedoutput = "", rawinput, shiftamt;
rawinput = document.getElementById("inputinfo").value;
shiftamt = document.getElementById("shiftamt").value;
for (i = 0; i < rawinput.length; i++) {
char = rawinput.charCodeAt(i);
if (char >= 65 && char <= 90) encryptedoutput += String.fromCharCode((char - 65 + shiftamt) % 26 + 65);
else if (char >= 97 && char <= 122) encryptedoutput += String.fromCharCode((char - 97 + shiftamt) % 26 + 97);
else encryptedoutput += rawinput.charAt(i);
}
document.getElementById("outputinfo").value = encryptedoutput;
}
function decrypt() {
var encryptedchar, decryptedoutput = "", cipherinput, shiftamt;
cipherinput = document.getElementById("inputinfo").value;
shiftamt = document.getElementById("shiftamt").value;
shiftamt = (26 - shiftamt) % 26;
for (z = 0; z < cipherinput.length; z++) {
encryptedchar = cipherinput.charCodeAt(z);
if (encryptedchar >= 65 && encryptedchar <= 90) decryptedoutput += String.fromCharCode((encryptedchar - 65 - shiftamt) % 26 + 65);
else if (char >= 97 && encryptedchar <= 122) decryptedoutput += String.fromCharCode((encryptedchar - 97 - shiftamt) % 26 + 97);
else decryptedoutput += cipherinput.charAt(z);
}
document.getElementById("outputinfo").value = decryptedoutput;
}
function formReset() {
document.getElementById("cryptoform").reset();
}
html Code: <script type="text/javascript" src="/crypto/caesar.js"></script>
<form name="cryptoform" id="cryptoform">
<div id="inputside">
Input:<br /><br />
<textarea rows="30" cols="50" name="inputinfo" id="inputinfo"></textarea><br /><br />
Shift amount for encryption or decryption:
<select name="shiftamt" id="shiftamt" size="1">
<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 selected="selected" 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>
</select>
<br /><br />
<input type="button" value="Apply Shift" onClick="encrypt()" />
<input type="button" value="Reverse Shift" onClick="decrypt()" /><br /><br />
</div>
<div id="outputside">
Output:<br /><br />
<textarea rows="30" cols="50" name="outputinfo" id="outputinfo" readonly="readonly"></textarea><br /><br /><br /><br /><br /><br />
</div>
<div id="buttonarea">
<input type="button" value="Clear Fields" onClick="formReset(); return false;" />
</div>
</form>
I intend for the code to implement a simple caesar shift by the selected value. For example, with a shift of 1, a = b, b = c, c = d, etc. The problem I am having is that the letter A converts as it should but the other letters do not. For instance, applying a shift of 1, B is converted to L instead of C, C is converted to V instead of D. With a shift of 13, ABC produces NJF. Again, A is correct but the others are wrong, but by a different degree this time. Also, my reverse shift (decrypt) function does not work. If I remove the .value codes from the encrypt function then the decrypt function works. I am guessing there is a problem manipulating the same form components with different functions. It seems that the charCodeAt() values are being produced correctly, checking them by outputing them. If anyone has any ideas let me know. I have been working on projects like this just for fun in an attempt to improve upon my js knowledge/ability. to see the unexpected page shift in action go to http://lawlocaust.net/gamerverse/ while hovering over the banner u can use the arrow keys to navigate the UI and the page will shift in firefox HTML Code: <!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" xml:lang="en" lang="en">
<head>
<title>GamerVerse</title>
<link rel="stylesheet" type="text/css" href="<?php echo $domain; ?>gamerverse.css" />
<?php include('children.php'); ?>
<script type="text/javascript" src="gamerverse.js">
</script>
</head>
<?php include('top.php'); ?>
top.php Code: <body onload="javascript: initialize()">
<div id="bgimgwrap">
<img id="bgimg" src="<?php echo $domain; ?>mainbg.jpg" alt="" />
</div>
<div id="cursor"> </div>
<div class="header" id="header" onmouseover="activatekeys()" onmouseout="deactivatekeys()">
<div class="menu">
<ul>
<li><a href="#" onclick="javascript: jumpto(0)">Home</a></li>
<li><a href="#" onclick="javascript: jumpto(1)">Users</a></li>
<li><a href="#" onclick="javascript: jumpto(2)">Games</a></li>
<li><a href="#" onclick="javascript: jumpto(3)">New Stuff</a></li>
<li><a href="#" onclick="javascript: jumpto(4)">Forum</a></li>
<li><a href="#" onclick="javascript: jumpto(5)">Guilds</a></li>
<li><a href="#" onclick="javascript: jumpto(6)">Store</a></li>
</ul>
<div style="float: right; width: 100px;">
X: <span id="myx"> </span>
Y: <span id="myy"> </span>
</div>
</div>
<div class="childarea">
<div id="child0"><a href="#" onclick="">child0</a><a href="#" onclick="">child1</a></div>
<div id="child1"><a href="#" onclick="">child1</a><a href="#" onclick="">child1</a></div>
<div id="child2"><a href="#" onclick="">child2</a><a href="#" onclick="">child1</a></div>
<div id="child3"><a href="#" onclick="">child3</a><a href="#" onclick="">child1</a></div>
<div id="child4"><a href="#" onclick="">child4</a><a href="#" onclick="">child1</a></div>
<div id="child5"><a href="#" onclick="">child5</a><a href="#" onclick="">child1</a></div>
<div id="child6"><a href="#" onclick="">child6</a><a href="#" onclick="">child1</a></div>
</div>
<img src="<?php echo $domain; ?>banner.png" alt="" />
</div>
<div class="page" id="page">
<table cellspacing="0px"; cellpadding="0px" id="main">
<tr>
<td><div><?php include('home.php'); ?></div></td><td><div><?php include('users.php'); ?></div></td><td><div><?php include('games.php'); ?></div></td><td><div><?php include('new.php'); ?></div></td><td><div><?php include('forum.php'); ?></div></td><td><div><?php include('guilds.php'); ?></div></td><td><div><?php include('store.php'); ?></div></td>
</tr>
</table>
</div>
<div id="child"><div id="kid0"><?php echo $homekid; ?></div><div id="kid1"><?php echo $userskid; ?></div><div id="kid2"><?php echo $gameskid; ?></div><div id="kid3"><?php echo $newkid; ?></div><div id="kid4"><?php echo $forumkid; ?></div><div id="kid5"><?php echo $guildskid; ?></div><div id="kid6"><?php echo $storekid; ?></div></div>
CSS Code: body {
background: black;
color: white;
width: 100%;
height: 100%;
overflow: hidden;
}
* {
padding: 0px;
margin: 0px;
}
#bgimgwrap {
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
.header {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 2;
text-align: center;
}
.menu {
width: 100%;
text-align: center;
margin: auto;
padding: 0px 0px 4px 0px;
}
.menu li {
display: inline;
margin-left: 0px;
float: left;
}
.menu a {
display: block;
width: 100px;
height: 20px;
line-height: 20px;
color: white;
text-decoration: none;
margin-left: 0px;
border-bottom: 1px solid white;
border-right: 1px solid white;
}
.menu a:hover {
color: black;
}
.page {
position: absolute;
left: 0;
}
#cursor {
display: block;
position: absolute;
top: 0;
width: 100px;
height: 20px;
background: red;
opacity:0.4;
filter:alpha(opacity=40);
z-index: 11;
}
td {
overflow: hidden;
background: #6faae4 url(right.png) repeat-y 100% 0%;
padding: 0px 25px 0px 25px;
}
td:before {
display: block;
content: url(topleft.png);
background: url(topright.png) no-repeat 100% 0%;
height: 25px;
margin: 0px -25px 0px -25px;
}
td:after {
display: block;
content: url(bottomleft.png);
background: url(bottomright.png) no-repeat 100% 0%;
height: 25px;
margin: 0px -25px 0px -25px;
}
td div:first-child {
background: #3d74aa;
border: 4px outset #c6c6c6;
overflow: hidden;
}
#child {
position: absolute;
left: 0px;
width: 100%;
}
#kid0 {
display: none;
}
#kid1 {
display: none;
}
#kid2 {
display: none;
}
#kid3 {
display: none;
}
#kid4 {
display: none;
}
#kid5 {
display: none;
}
#kid6 {
display: none;
}
.childarea {
width: 100%;
height: 20px;
margin-top: 17px;
}
.childarea div {
display: none;
}
.childarea a {
display: inline-block;
width: 100px;
height: 20px;
line-height: 20px;
color: white;
text-decoration: none;
margin-left: 0px;
border-bottom: 1px solid white;
border-right: 1px solid white;
}
.childarea a:hover {
color: black;
}
#child0 {
position: absolute;
left: 0px;
}
#child1 {
position: absolute;
left: 101px;
}
#child2 {
position: absolute;
left: 202px;
}
#child3 {
position: absolute;
left: 303px;
}
#child4 {
position: absolute;
left: 404px;
}
#child5 {
position: absolute;
left: 505px;
}
#child6 {
position: absolute;
left: 606px;
}
javascript Code: //sets the global variables
function initialize()
{
//alert(navigator.appName+' '+navigator.appCodeName+' '+navigator.appVersion);
window.bgimg = document.getElementById('bgimg');
window.bgimgwrap = document.getElementById('bgimgwrap');
window.header = document.getElementById('header');
window.page = document.getElementById('page');
window.main = document.getElementById('main');
window.child = document.getElementById('child');
window.cursor = document.getElementById('cursor');
window.childqty = new Array();
window.childqty[0] = 2 - 1;
window.childqty[1] = 2 - 1;
window.childqty[2] = 2 - 1;
window.childqty[3] = 2 - 1;
window.childqty[4] = 2 - 1;
window.childqty[5] = 2 - 1;
window.childqty[6] = 2 - 1;
get_dims();
}
//adjusts various elements to make the site fluid
function get_dims()
{
winH = getH();
winW = getW();
bgimg.width = header.offsetWidth;
bgimg.height = header.offsetHeight;
bgimgwrap.width = header.offsetWidth;
bgimgwrap.height = header.offsetHeight;
var h = header.offsetHeight;
page.style.top = h+"px";
main.style.width = (winW*7)+"px";
child.style.top = winH+"px";
child.height = (winH-h)+"px";
var td = document.getElementsByTagName('td');
for(i = 0; i < td.length; i++)
{
td[i].width = winW+"px";
td[i].style.height = (winH-h)+"px";
td[i].firstChild.style.height = ((winH-h)-58)+"px";
td[i].firstChild.style.width = ((winW - (td[i].firstChild.offsetLeft*2))-8)+"px";
}
}
//gets the height of the window
function getH()
{
var winH = 0;
if (navigator.appName.indexOf("Microsoft")!=-1)
{
winH = document.documentElement.clientHeight;
}
else
{
winH = window.innerHeight;
}
return winH;
}
//gets the width of the window
function getW()
{
var winW = 0;
if (navigator.appName.indexOf("Microsoft")!=-1)
{
winW = document.documentElement.clientWidth;
}
else
{
winW = window.innerWidth;
}
return winW;
}
//the keydown action script
function move(c)
{
c = c || window.Event;
var k = c.which;
if(!k)
{
var k = c.charCode;
}
if(!k)
{
var k = c.keyCode;
}
var winW = getW();
var winH = getH();
var h = header.offsetHeight;
winH = winH - h;
switch(k)
{
case 37:
var thing = pos_check();
if(thing == "parent")
{
if(page.offsetLeft != 0)
{
slide('right', 0);
cursormove('right', 0);
}
}
else
{
slidekid('right', 0);
}
break;
case 38:
var thing = pos_check();
if(thing == "child"){ ditchkids(); }
break;
case 39:
var thing = pos_check();
if(thing == "parent")
{
if(page.offsetLeft != -(winW*6))
{
slide('left', 0);
cursormove('left', 0);
}
}
else
{
slidekid('left', 0);
}
break;
case 40:
var thing = pos_check();
if(thing == "parent"){ getkids(); }
break;
case 116:
window.location.reload();
break;
default:
break;
}
}
//move the page left or right
function slide(dir, i)
{
var w = getW();
if(i < w)
{
switch(dir)
{
case 'left':
page.style.left = (page.offsetLeft - 8)+"px";
break;
case 'right':
page.style.left = (page.offsetLeft + 8)+"px";
break;
}
i++;
i++;
i++;
i++;
i++;
i++;
i++;
i++;
var t = setTimeout("slide('"+dir+"', '"+i+"')", 0);
}
if(page.offsetLeft > 0){ page.style.left = 0+"px"; }
if(page.offsetLeft < -(w*6)){ page.style.left = -(w*6)+"px"; }
}
//moves the cursor left or right
function cursormove(dir, i)
{
switch(dir)
{
case 'left':
cursor.style.left = (cursor.offsetLeft + 1)+"px";
break;
case 'right':
cursor.style.left = (cursor.offsetLeft - 1)+"px";
break;
}
if(i < 100)
{
i++;
setTimeout("cursormove('"+dir+"', '"+i+"')", 20);
}
if(cursor.offsetLeft < 0){ cursor.style.left = 0+"px"; }
if(cursor.offsetLeft > 606){ cursor.style.left = 606+"px"; }
}
//checks to see which set of elements ur looking at
function pos_check()
{
var h = header.offsetHeight;
if(page.offsetTop == h)
{
return "parent";
}
else
{
return "child";
}
}
//displays the child elements
function getkids()
{
var c = cursor.offsetLeft;
c = c/101;
winW = getW();
p = childqty[c];
document.getElementById(c+'child').style.width = (winW*(p+1))+"px";
document.getElementById('child'+c).style.display = "block";
document.getElementById('kid'+c).style.display = "block";
child.style.left = 0+"px";
raisekid('up', 0);
}
function raisekid(d, i)
{
switch(d)
{
case "up":
page.style.top = (page.offsetTop - 2)+"px";
child.style.top = (child.offsetTop - 2)+"px";
break;
case "down":
page.style.top = (page.offsetTop + 2)+"px";
child.style.top = (child.offsetTop + 2)+"px";
if(i >= page.offsetHeight)
{
hidekids();
}
break;
}
if(i < page.offsetHeight)
{
i++;
i++;
setTimeout("raisekid('"+d+"', '"+i+"')", 0);
}
if(page.offsetTop > header.offsetHeight){ page.style.top = header.offsetHeight+"px"; }
}
function ditchkids()
{
raisekid('down', 0);
}
function hidekids()
{
var c = cursor.offsetLeft;
c = c/101;
document.getElementById('child'+c).style.display = "none";
document.getElementById('kid'+c).style.display = "none";
}
//moves the shild pages left or right
function slidekid(dir, i)
{
var w = getW();
if(i < w)
{
switch(dir)
{
case 'left':
child.style.left = (child.offsetLeft - 8)+"px";
break;
case 'right':
child.style.left = (child.offsetLeft + 8)+"px";
break;
}
i++;
i++;
i++;
i++;
i++;
i++;
i++;
i++;
var t = setTimeout("slidekid('"+dir+"', '"+i+"')", 0);
}
var c = cursor.offsetLeft;
c = c/101;
p = childqty[c];
if(child.offsetLeft > 0){ child.style.left = 0+"px"; }
if(child.offsetLeft < -(w*p)){ child.style.left = -(w*p)+"px"; }
}
//turns on the UI when hovering over the banner
function activatekeys()
{
document.addEventListener('keydown', move, true);
}
//turns off the UI when u stop hovering
function deactivatekeys()
{
document.removeEventListener('keydown', move, true);
}
I am at my wits end! I've added DD belated PNG to nearly every site I've ever made with little or no problems, suddenly it's being super-extra mean to me. It will only load PNGs correctly if you clear your cache when refreshing the page (shift + refresh). Check it out at the link below (obfuscated so google doesn't index the site): http://ow.ly/758Dp Here's the script: PHP Code: <!--[if IE 6]> <script src="/~onsite/js/DD_belatedPNG.js"></script> <script> DD_belatedPNG.fix('.shadow, #header_wrapper, header, header a, .slideshow h1, .pager_wrapper, #upcoming_wrapper, li.menuTools a, li.menuRSS a, .eDetailShareE, .saveToCal a, #services_wrapper, #services li'); </script> <![endif]--> What am I doing wrong here? Thanks so much for any help! NOTE: Just so everyone's aware, this is an IE6 only script that is supposed to fix PNG transparencies, so you'll need to look at it in IE6 to see the problems. Hi Experts, I'm new to this forum and need your help regarding javascript. I am creating a roster for my team with a web interface. Ex: A picture is attached for your reference The time is in IST (+5:30) I have created a drp down list which has PST, EST,CST time. I need to write a code so that whenever I select any of these times (PST,EST,CST, MST, IST) , it should automatically update the table. Please help. Regards, Indy Hello. I'm new here and learning JavaScript. Could you help me to write very simple script to auto generate user name ? From any letters. Min 6 - Max 10. Like: "jgFJFJ" "KGHGyvk" etc. Please help. Hello, I want to make myself a tool where if I paste in multiple lines of text cells (most likely from Excel, but that shouldn't matter), it will generate the pre-file extension and the ending file extension and echo it back on the page (not saving or storing, just temporary). I have no trouble creating a form in javascript (or php) that could input the extension automatically for 1 item, but I was wondering if it's possible for a list of multiples within the same form box? For example, I want to copy and paste this set of assets from excel into my form box: asset1 asset2 asset3 asset4 asset5 asset6 asset7 Submit it and receive an echo on the page of this. The stuff in bold will always be the same, just wrapped around the asset i inputted into the form. /f1/blah/example/asset1.xml /f1/blah/example/asset2.xml /f1/blah/example/asset3.xml /f1/blah/example/asset4.xml /f1/blah/example/asset5.xml /f1/blah/example/asset6.xml /f1/blah/example/asset7.xml I was able to create the form for 1 item, but not multiple. I just started to learn... so please don't be mad or flame me!! I am just wondering how difficult it is to learn to make this. Thanks! I know i don't have any code but does anyone have ideas how to start one? Preferably not squares hexes as each piece.
Hey I'm somewhat new to the javascript world because 95% of my website is HTML so, if you will, I need help writing the javascript for a Random Question Generator...basicly all I have is Code: <script type="text/javascript"> var Q = new Array() Q[1] = "What is your favorite color?"; Q[2] = "What is your favorite animal?"; Q[3] = "What is your favorite place?"; </script> In the real one, there will be about 20 questions and I will need it to choose a quetion randomly out of the 20. As I said i am a beginer so as simple as possible would be great. Thank You for your help in advance Hi there... actually i am working on a project "random password generator". What basically is to be done in this project is to generate user password for the username randomly he has provided. Then, this password is to be stored in a text file in the following manner UserName Password ABCD JU12H6 Sdjksj HJudfdsfd Now my problem is that every time I just try to generate a new password, either a new file is made or the heading is rewritten again and again or if I just try to change the variables true and false, then the username and password headings are not printed. Please help. If someone knows how to do this using if-else method then please tell me, how it can be done? The code is attached. Code: <html>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function GetSelectedItem()
{
chosen = "";
for (i = 0; i <3; i++)
{
if (document.myform.opt[i].checked)
{
chosen = document.myform.opt[i].value;
}
}
if (chosen == "")
{
alert("Choose your password type")
exit;
}
return chosen;
}
function getPassword(usnm,length,opti)
{
if(usnm=="")
{
alert("Enter user name");
exit;
}
var optsel=GetSelectedItem();
var num = "0123456789";
var alpha = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
var alphanum = "0123456789abcdefghijklmnopqrstuvwxyz0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var pass = "";
if(length!=5 && length!=6 && length!=7 && length!=8 && length!=9 && length!=10)
{
alert("Enter password length between 5 and 10");
exit;
}
else
{
if (optsel==1)
{
for(x=0;x<length;x++)
{
i = Math.floor(Math.random() * 72);
pass += alphanum.charAt(i);
}
}
else if (optsel==2)
{
for(x=0;x<length;x++)
{
i = Math.floor(Math.random() * 10);
pass += num.charAt(i);
}
}
else if (optsel==3)
{
for(x=0;x<length;x++)
{
i = Math.floor(Math.random() * 52);
pass += alpha.charAt(i);
}
}
WriteToFile(usnm,pass);
return pass;
}
}
function WriteToFile(usnm,pass)
{
try
{
var fso1=new ActiveXObject("Scripting.FileSystemObject");
var pf1=fso1.OpenTextFile("Password.text",8);
//if(pf=='false')
//var fso=new ActiveXObject("Scripting.FileSystemObject");
//dspf=fso.OpenTextFile("Password.txt",8,true);
//pf.WriteLine("Username\t\tPassword");
pf1.WriteLine(usnm+'\t\t'+pass);
pf1.Close();
}
catch(err)
{
var fso=new ActiveXObject("Scripting.FileSystemObject");
pf=fso.CreateTextFile("Password.txt",8,false);
pf.WriteLine("Username\t\tPassword")
pf.WriteLine(usnm+'\t\t\t'+pass);
pf.Close();
}
// fso= null;
/*
else
{
//var fso = new ActiveXObject("Scripting.FileSystemObject");
var s = fso.CreateTextFile("D:\\Password.txt", true);
s.WriteLine('Username\t\tPassword');
//while(s.next())
s.WriteLine(usnm+'\t\t'+pass);
s.Close();
}*/
/*var fso = new ActiveXObject("Scripting.FileSystemObject");
var s = fso.OpenTextFile("D:\\Password.txt",8, true);
s.WriteLine('Username\t\tPassword');
//while(s.next())
s.WriteLine(usnm+'\t\t'+pass);
s.Close();*/
}
</script>
</HEAD>
<BODY>
<center>
<table width=80% border=0>
<tr align=center>
<td>
<form name="myform">
<table border=0>
<tr>
<td>
Enter Username:
</td>
<td>
<input type=text name=userName value="" size=20>
</td>
</tr>
<tr>
<td>
Chooose Password type:</td>
<td>
<input type="radio" name="opt" value="1" >Alphanumeric
<input type="radio" name="opt" value="2">Numeric
<input type="radio" name="opt" value="3">Alphabetic
</td>
</tr>
<tr>
<td>
</tr>
<tr>
<td>
Password length:
</td>
<td>
<input type=text name=passwordLength value="" size=2>
</td>
</tr>
</table>
</td>
</tr>
<tr align=center>
<td>
New password:
<input type=text name=password size=20>
<br>
<input type=button value="Generate password" onClick="document.myform.password.value =
getPassword(document.myform.userName.value,document.myform.passwordLength.value,
document.myform.opt.checked);">
</form>
</td>
</tr>
</table>
</center>
</html>
Hey guys. It's been a while since I was last here but I'm having a few problems. I'm building a random word generator form for a friend but my knowledge of JS is limited. I have found a script to randomly generate a word at the click of a button. Quote: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <SCRIPT LANGUAGE="JavaScript"> <!-- // Use the following variable to specify // the number of random words var NumberOfWords = 28 var words = new BuildArray(NumberOfWords) // Use the following variables to // define your random words: words[1] = "czarevitch" words[2] = "brightwork" words[3] = "verkrampte" words[4] = "protectrix" words[5] = "nudibranch" words[6] = "grandchild" words[7] = "newfangled" words[8] = "flugelhorn" words[9] = "mythologer" words[10] = "pluperfect" words[11] = "jellygraph" words[12] = "quickthorn" words[13] = "rottweiler" words[14] = "technician" words[15] = "cowpuncher" words[16] = "middlebrow" words[17] = "jackhammer" words[18] = "triphthong" words[19] = "wunderkind" words[20] = "dazzlement" words[21] = "jabberwock" words[22] = "witchcraft" words[23] = "pawnbroker" words[24] = "thumbprint" words[25] = "motorcycle" words[26] = "cryptogram" words[27] = "torchlight" words[28] = "bankruptcy" function BuildArray(size){ this.length = size for (var i = 1; i <= size; i++){ this[i] = null} return this } function PickRandomWord(frm) { // Generate a random number between 1 and NumberOfWords var rnd = Math.ceil(Math.random() * NumberOfWords) // Display the word inside the text box frm.WordBox.value = words[rnd] } //--> </SCRIPT> </head> <body> <FORM NAME="WordForm"> <INPUT TYPE=TEXT SIZE=10 NAME="WordBox"><BR> <INPUT TYPE=BUTTON VALUE="Click Here to Get a Random Word" onClick="PickRandomWord(document.WordForm);" > <input TYPE="reset" VALUE="CLEAR" onClick="clearForm(this.form)"> </FORM> </body> </html> This works without problems, however by friend wants to be able to fill multiple boxes with words from different lists by clicking only 1 button. The script above will allow me to do separate boxes with their own buttons. If anyone can help it would be greatly appreciated. Foster I have a piece of code that randomly picks a line from a preset list and displays it whenever the page is loaded. I'm using it to generate random quotes on my pages. At the moment, there seems to be a good chance that when the page loads no quote appears at all, just a blank space. Anyone know why this could be happening? the code I am using is: Code: <script type="text/javascript">
q0= "<img src=\"images/quotes/01.png\" />";
q1= "<img src=\"images/quotes/02.png\" />";
q2= "<img src=\"images/quotes/03.png\" />";
q3= "<img src=\"images/quotes/04.png\" />";
q4= "<img src=\"images/quotes/05.png\" />";
q5= "<img src=\"images/quotes/06.png\" />";
q6= "<img src=\"images/quotes/07.png\" />";
q7= "<img src=\"images/quotes/08.png\" />";
q8= "<img src=\"images/quotes/09.png\" />";
q9= "<img src=\"images/quotes/10.png\" />";
q10= "<img src=\"images/quotes/11.png\" />";
q11= "<img src=\"images/quotes/12.png\" />";
var ran_unrounded=Math.random()*11;
var ran_number=Math.round(ran_unrounded);
document.write(eval("q"+ran_number));
</script>
Hi, my assignment is to create an online quiz with a random image generator. I have created my online quiz using 5 linking files and everything works great. My only problem is getting the images to show up on my quiz. All I get is the filename with a red X. Which the files do show up at random when I refresh, so I know that part is working. I just don't know what I am missing to get the actual picture to show up. Please take a look at my code below and see if I am missing anything. Please keep in mind this isn't the whole code as I have different linking files for this assignment. Thank you in advance. Code: <?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Assignment CH10 Solution -->
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title>Online Quiz</title>
<script type = "text/JavaScript">
<!--
var rimg = 0;
var pictures = [ "logo", "logo2", "logo3", "logo1", "cover" ];
function randpics(){
var myQuiz = document.getElementById( "myQuiz" );
rimg = Math.floor( Math.random() * 5 );
myQuiz.logo.src = pictures[rimg]+'.gif';
myQuiz.logo.alt = rimg + ' : ' +pictures[rimg];
}
function checkAnswers() {
var myQuiz = document.getElementById( "myQuiz" );
if ( myQuiz.elements [ 0 ].checked )
alert ( "Congratulations, your answer is correct" );
else // if the answer is incorrect
alert ( "Your answer is incorrect. Please try again" );
} // end function checkAnswers
-->
</script>
</head>
<body onload="randpics()">
<form id = "myQuiz" onsubmit = "return checkAnswers()" action = "">
<img name="logo" src="logo.gif" alt="javascript logo"/>
<br />
<p>Which company first implemented the JavaScipt language?<br />
<input type = "radio" name = "radiobutton" value = "logo" />
<label>Netscape Communications Corp.</label>
<input type = "radio" name = "radiobutton" value = "logo2" />
<label>Microsoft Corp.</label>
<input type = "radio" name = "radiobutton" value = "logo3" />
<label>Sun Microsystems Corp.</label>
<input type = "radio" name = "radiobutton" value = "logo1" />
<label>Consortium of all the companies</label><br />
<input type = "submit" name = "submit" value = "Submit" />
<input type = "reset" name = "reset" value = "Reset" />
</p>
</form>
<p>
Click here to continue <a href = "page1.html" target="_self">Next Question</a>
</p>
</body>
</html>
Hi. I have a problem with a random link generator within a DIV. When I try it on my desktop it works fine, but does nothing once I upload it to the website. I'm not sure how to explain what happens, but here is it, more or less: The website is this: http://torcacita.atspace.com Via an Ajax script, http://torcacita.atspace.com/menu.html is loaded into DIV "menu". Here's the script: <script type="text/javascript"> ajaxpage('menu.html', 'menu') //load "menu.html" into "menu" DIV </script> Well, there's another load of stuff inside the <head> tag. You may see it from the main page source code. Anyway, if you go to the menu.html, the link generator will work there as it is intended; however, if you try it from the main page, it won't do anything. But people are not suppossed to go to menu.html. They are suppossed to load it from the index.html (I mean, plain http://torcacita.atspace.com) So, here's the link generator code: --------------------------------- <script type="text/javascript"> function randomlinks(){ var myrandom=Math.round(Math.random()*9) var links=new Array() links[0]="http://www.javascriptkit.com" links[1]="http://www.dynamicdrive.com" links[2]="http://www.cssdrive.com" links[3]="http://www.codingforums.com" links[4]="http://www.news.com" links[5]="http://www.gamespot.com" links[6]="http://www.msnbc.com" links[7]="http://www.cnn.com" links[8]="http://news.bbc.co.uk" links[9]="http://www.news.com.au" window.location=links[myrandom] } </script> <form> <input type="button" value="Lo Que Sea" onClick="randomlinks()"> </form> --------------------------------- I believe this could be solved if I could target the generator to the whole window, 'cause maybe it's trying to open the new page inside the DIV. Well, I don't know... So, what do you think? Could somebody help me? Hello all, I am enrolled in a class that requires a bit of JS/HTML coding; my final project is to create a simple page representing myself. See example. And yes, that is my teacher. I am allowed to utilize "templates or tools". I am using my macbook, but I have access to school windows computers. Any suggestions on what to use to complete this assignment are greatly appreciated. I've studied Javascript some and have searched the web for similar codes but I'm still struggling with creating a mock pay slip generator and I'm hoping someone can make one for me or show me a generator/calculator similar to this: A user should be able to enter his or her name and gross pay in input fields and have the take home pay calculated with federal tax (20%) and state tax (10%) incorporated. There should be a "Generate Pay Slip" button and a "Reset" button. Alert displays should be used for each component and when "Generate Pay Slip" is pressed, an alert should appear saying something like "John's Smith take home pay is 1000 dollars." There should lastly be a web page displaying the break up in text. I'm not sure how demanding actually doing this would be for a Javascript expert... if it is I sure could use some advice as to how to learn how to do this. I am taking a Javascript class and the teacher assigned this: Quote: Write a script that uses a random number generation to create sentences and name it sentences.html. Use five arrays of strings called: uppercase article (uarticle), noun, verb, lowercase article (larticle), and preposition. You will need to use the correct case for the article arrays. Create a sentence by selecting a word at random from each array in the following order: uarticle, noun, verb, preposition, larticle, noun. You can find examples of generating random numbers in both Fig. 8.6 (dice-rolling) and Fig. 8.7 (random image) of Chapter 8. The arrays should be filled at minimum, as follows: the article array(s) should contain the articles: the, a, one, some and any. The noun array should contain the nouns: boy, girl, dog, town and car. The verb array should contain the verbs: drove, jumped, ran, walked, and skipped. The preposition array should contain the prepositions: to, from, over, under and on. If you would like to add more words, adjust the arrays appropriately. As each word is picked, concatenate it to the previous words in the sentence. The words should be separated by spaces. When the final sentence is output, it should start with a capital letter and end with a period. The program should generate 20 sentences and output them to the screen (document.write or document.writeln). You should use a for loop similarly to the one used in Fig. 8.6 in order to get it to print 20 times. I haven't gotten to the loop yet, I'm just working on the random sentence first. Here is what I have: Code: <script type="text/javascript">
<!--
uarticle = new Array("The", "A", "One", "Some", "Any");
noun = new Array("boy", "girl", "dog", "town", "car");
verb = new Array("drove", "jumped", "ran", "walked", "skipped");
larticle = new Array("the", "a", "one", "some", "any");
preposition = new Array("to", "from", "over", "under", "on");
var rand1 = [Math.floor ( Math.random() * uarticle.length )];
var rand2 = [Math.floor ( Math.random() * noun.length )];
var rand3 = [Math.floor ( Math.random() * verb.length )];
var rand4 = [Math.floor ( Math.random() * larticle.length )];
var rand5 = [Math.floor ( Math.random() * preposition.length )];
document.write(uarticle[rand2] + " " + noun[rand2] + " " + verb[rand3] + " " + preposition[rand1] + " " + larticle[rand4] + " " + noun[rand2] + ".");
-->
</script>
Am I on the right track? How would I loop the sentences using a for statement? I have been asked by a friend to create a math sheet generator for their child, however i don't have a clue where to start with javascript. Similar to this.. http://cemc2.math.uwaterloo.ca/mathf...sheetgen.shtml It doesn't need to be advanced as that as all i'm looking for is how to create the sums. If someone could help either by informing me where to start or even an online tutorial i would be extremely greatful! Many thanks, James Question about random link generator http://www.javascriptkit.com/script/cut1.shtml I want to use this script to hold a hundred odd links and show 8 random urls at a time in a list separated by a couple of line breaks. (Instead of just one). Could someone pls alter the code to allow me to do this please ... I also hope to keep the js file off the main html page. (naming the file list.js) Could someone also indicate how I do this. Hopefully these questions are easy if you know how etc. So far i havent been able to do it... Would be good if i could add a line to prevent duplicate randomly drawn links appearing in the list of eight.... thanks very much if you able to indicate it..... |
|||||||