JavaScript Validation?

**techno_race** · 03-24-2007, 12:00 AM

PLEASE!!!!

**mburt** · 04-07-2007, 06:40 PM

Can we see the entire script?

**techno_race** · 04-07-2007, 06:46 PM

Huh? The whole thing's not in Attachment 878? What's it missing?

**mburt** · 04-07-2007, 06:47 PM

Code:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Time:</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
function displayText() {
	var text = document.getElementById("myText");
	text.style.visibility=(document.forms['myForm'].options.checked) ? "visible" : "hidden";
}

function displayDay() {
	var day = document.getElementById("showDay");
	day.style.visibility=(document.getElementById('dy').checked) ? "visible" : "hidden";
}
	
function displayMonth() {
	var month = document.getElementById("showMonth");
	month.style.visibility=(document.getElementById("mon").checked) ? "visible" : "hidden";
}

function displayDate() {
	var date = document.getElementById("showDate");
	date.style.visibility=(document.getElementById('dt').checked) ? "visible" : "hidden";
}

function displayYear() {
	var year = document.getElementById("showYear");
	year.style.visibility=(document.getElementById('yr').checked) ? "visible" : "hidden";
}

function displayHour() {
	var hour = document.getElementById("showHour");
	hour.style.visibility=(document.getElementById('hr').checked) ? "visible" : "hidden";
}

function displayMinute() {
	var minute = document.getElementById("showMinute");
	minute.style.visibility=(document.getElementById('mn').checked) ? "visible" : "hidden";
}

function displaySecond() {
	var second = document.getElementById("showSecond");
	second.style.visibility=(document.getElementById('sec').checked) ? "visible" : "hidden";
}

function displayMillisecond() {
	var millisecond = document.getElementById("showMillisecond");
	millisecond.style.visibility=(document.getElementById('ms.checked').checked) ? "visible" : "hidden";
}
</script>
</head>

<body>
<span id="showDay">Sunday, </span><span id="showMonth">January </span><span id="showDate">1, </span><span id="showYear">0 </span><span id="showHour">12</span><span id="showMinute">:00</span><span id="showSecond">:00</span><span id="showMillisecond">.0</span><br />
<form id="myForm"><input name="options" type="checkbox" onClick="displayText();" />Options<br /></form>
<div id="myText"><form id="myForm2"><input name="dy" type="checkbox" onClick="displayDay();" />Day<br />
<input name="mon" type="checkbox" onClick="displayMonth();" />Month<br />
<input name="dt" type="checkbox" onClick="displayDate();" />Date<br />
<input name="yr" type="checkbox" onClick="displayYear();" />Year<br />
<input name="hr" type="checkbox" onClick="displayHour();" />Hour<br />
<input name="mn" type="checkbox" onClick="displayMinute();" />Minute<br />
<input name="sec" type="checkbox" onClick="displaySecond();" />Second<br />
<input name="ms" type="checkbox" onClick="displayMillisecond();" />Millisecond</form></div>
<script type="text/javascript">
var get = new Date();
var oldday = get.getDay();
var newday = [
    "Sunday",
    "Monday",
    "Tuesday",
    "Wednesday",
    "Thursday",
    "Friday",
    "Saturday"
  ][oldday];

var oldmonth = get.getMonth();
var newmonth = [
    "January",
    "February",
    "March",
    "April",
    "May",
    "June",
    "July",
    "August",
    "September",
    "October",
    "November",
    "December"
  ][oldmonth];

var getdate = get.getDate();
var getyear = get.getFullYear();
var oldhour = get.getHours();
var newhour;

if (oldhour >= 12) {
	newhour = oldhour -= 12;
}
else {
	newhour = oldhour;
}

var oldminute = get.getMinutes();
var newminute;

if (oldminute <= 10) {
	newminute = "0" + oldminute;
}
else {
	newminute = oldminute;
}

var getsecond = get.getSeconds();
var getmillisecond = get.getMilliseconds();

function update() {
	var writeday = newday;
	document.getElementById("showDay").firstChild.nodeValue = writeday;
	var writemonth = newmonth;
	document.getElementById("showMonth").firstChild.nodeValue = writemonth;
	var writedate = getdate;
	document.getElementById("showDate").firstChild.nodeValue = writedate;
	var writeyear = getyear;
	document.getElementById("showYear").firstChild.nodeValue = writeyear;
	var writehour = newhour;
	document.getElementById("showHour").firstChild.nodeValue = writehour;
	var writeminute = newminute;
	document.getElementById("showMinute").firstChild.nodeValue = writeminute;
	var writesecond = getsecond;
	document.getElementById("showSecond").firstChild.nodeValue = writesecond;
	var writemillisecond = getmillisecond;
	document.getElementById("showMillisecond").firstChild.nodeValue = writemillisecond;
}

setInterval(update, 1);
update();

</script>
</body>
</html>

**techno_race** · 04-07-2007, 06:51 PM

So, what was the problem?

**mburt** · 04-07-2007, 07:39 PM

You referenced each item with document.form, when they weren't even inside a form element. You had to use document.getElementById().

**techno_race** · 05-11-2007, 04:32 PM

Yes they were. The milliseconds button doesn't work and it doesn't have the date and time.

**techno_race** · 06-20-2008, 07:08 PM

Yeah, yeah, I know, 13 months, but...

Code:

var width = 100;
var unit = "percent";
// 'width' is the width, in pixels or a percentage of the entire width of the browser window.
// 'unit' is the unit used in width -- its possible values are:
// 	pixels
// 	percent

var align = "center";
// The alignment of the rule. Possible values are:
// 	left
// 	center
// 	right
// Center is recommended to best simulate the XP startmenu dividers.

/*
Windows XP Horizontal Rule
by techno_race
http://www.dynamicdrive.com
*/

var fail = "Error, please check coding.";
var style1 = 'bgcolor="#D3D3C8" style="background-color: #D3D3C8;"';
var style2 = 'bgcolor="#FEFEFE" style="background-color: #FEFEFE;"';

if (unit == "pixels") {
	var prepixelsnc = unit - 33;
	if (prepixelsnc <= 0) {
		var pixelsnc = 1;
	}
	if (prepixels > 0) {
		var pixelsnc = prepixelsnc;
	}
	var fullnc = pixelsnc + 33;
}

if (align == "center") {
	if (unit == pixels) {
		var prepixels = unit - 66;
		if (prepixels <= 0) {
			var pixels = 1;
		}
		if (prepixels > 0) {
			var pixels = prepixels;
		}
		var full = pixels + 66;
		document.write('<table align="center" border="0" cellspacing="0" cellpadding="0"><tr><td width="33" height="1"><img src="lt.png" width="33" height="1"></td><td width="' + pixels + '" height="1" ' + style1 + '></td><td width="33" height="1"><img src="rt.png" width="33" height="1"></td></tr><tr><td width="33" height="1"><img src="lb.png" width="33" height="1"></td><td width="' + pixels + '" height="1" ' + style2 + '></td><td width="33" height="1"><img src="rb.png" width="33" height="1"></td></tr></table>');
	}
	if (unit == "percent") {
		document.write('<table align="center" width="' + unit + '%" border="0" cellspacing="0" cellpadding="0"><tr><td width="33" height="1"><img src="lt.png" width="33" height="1"></td><td height="1" ' + style2 + '></td><td width="33" height="1"><img src="rt.png" width="33" height="1"></td></tr><tr><td width="33" height="1"><img src="lb.png" width="33" height="1"></td><td height="1" ' + style2 + '></td><td width="33" height="1"><img src="rb.png" width="33" height="1"></td></tr></table>');
	}
}
if (align == "left") {
	if (unit == "pixels") {
		document.write('<table align="left" width="' + fullnc + '" border="0" cellspacing="0" cellpadding="0"><tr><td width="' + pixelsnc + '" height="1" ' + style1 + '></td><td width="33" height="1"><img src="rt.png" width="33" height="1"></td></tr><tr><td width="' + pixels + '" height="1" ' + style2 + '></td><td width="33" height="1"><img src="rb.png" width="33" height="1"></td></tr></table>');
	}
	if (unit == "percent") {
		document.write('<table align="left" width="' + unit + '%" border="0" cellspacing="0" cellpadding="0"><tr><td height="1" ' + style1 + '></td><td width="33" height="1"><img src="rt.png" width="33" height="1"></td></tr><tr><td height="1" ' + style2 + '></td><td width="33" height="1"><img src="rb.png" width="33" height="1"></td></tr></table>');
	}
}
if (align == "right") {
	if (unit == "pixels") {
		document.write('<table align="right" width="' + fullnc + '" border="0" cellspacing="0" cellpadding="0"><tr><td width="33" height="1"><img src="lt.png" width="33" height="1"></td><td width="' + pixelsnc + '" height="1" ' + style1 + '></td></tr><tr><td width="33" height="1"><img src="lb.png" width="33" height="1"></td><td width="' + pixels + '" height="1" ' + style2 + '></td></tr></table>');
	}
	if (unit == "percent") {
		document.write('<table align="right" width="' + unit + '%" border="0" cellspacing="0" cellpadding="0"><tr><td width="33" height="1"><img src="lt.png" width="33" height="1"></td><td height="1" ' + style1 + '></td></tr><tr><td width="33" height="1"><img src="lb.png" width="33" height="1"></td><td height="1" ' + style2 + '></td></tr></table>');
	}
}
else {
	document.write(fail);
}

This is a bit edited. The entire script is in the attached archive. Can it also be used multiple times on one page?

**techno_race** · 06-22-2008, 02:16 PM

Originally Posted by tech_support

Nope. AJAX sends data from one page to another without refreshing the page.

I can't believe I never replied to that. So, it is related to PHP, it sends data from one page to the other without refreshing the page, and PHP sends data from one page to the other with refreshing the page.

**tech_support** · 06-23-2008, 08:20 AM

Could be done with any other language, like ASP.net
....and why reply now? A bit late?

Thread: JavaScript Validation?

Thread Tools

Search Thread

13 months...

Bookmarks

Bookmarks

Posting Permissions