AllSeoHelp.com
Search the Entire Site
  • PHP
  • JavaScript
  • CSS
  • HTML
Learn VBA & Macros in 1 Week!

JavaScript - Java Clock Problem
Full Excel VBA Course - Beginner to Expert

Java Clock Problem

 View Content
The problem that I am having is that I want to have a page that displays a clock by calling a .js file function. This is shown below:

Actual page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/
xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<?php
session_start();
include "../../../u0000700/wes_ica_08_09/wes_ica.inc";
?>
<head>
<link rel="stylesheet" type="text/css" href="wes_ica.css" />
<script type="text/javascript" src="wes_ica.js"></script>
<script type="text/javascript" src="../../../u0000700/wes_ica_08_09/wes_ica.js"></script>
<title>Clock</title>
</head>

<body onload="globalclock()">
<form>
<p><object height="200" width="200" type="image/svg+xml" data="wes_ica.svg">
</object></p>
<p><input type="text" id="globalclock" /></p>
</form>

The code it calls in the "../../../u0000700/wes_ica_08_09/wes_ica.js" file is :

function globalclock() {
var clocktime = new Date();
clocktime.setMinutes(clocktime.getMinutes()+cities[city][1]);
maketimedisp(clocktime);
timestring="";
timestring+=cities[city][0];
timestring+=" - ";

switch (dow) {
case "n":
timestring=timestring;
break;
case "s":
timestring=timestring+startdayofweek.substring(0,3)+" ";
break;
case "f":
timestring=timestring+startdayofweek+" ";
break;
default:
timestring="Error";
}
switch (cdate) {
case "n":
break;
case "a":
case "b":
case "c":
case "d":
case "f":
case "g":
case "h":
case "i":
case "k":
case "l":
case "m":
case "o":
timestring=timestring+startday;
break;
case "j":
case "e":
case "p":
if (startday>9) {
timestring=timestring+startday
} else{
timestring=timestring+"0"+startday
}
break;
default:
timestring="Error";
}
if (startday<20) {
de=dayending[startday];
} else {
de=dayending[startday%10];
}
switch (cdate) {
case "n":
case "b":
case "d":
case "e":
case "g":
case "i":
case "j":
case "l":
case "o":
case "p":
break;
case "a":
case "c":
case "f":
case "h":
case "k":
case "m":
timestring=timestring+de;
break;
default:
timestring="Error";
}
switch (cdate) {
case "n":
break;
case "a":
case "b":
case "f":
case "g":
case "k":
case "l":
timestring=timestring+" "+startmonth+" "
break;
case "c":
case "d":
case "h":
case "i":
case "m":
case "o":
timestring=timestring+" "+startmonth.substring(0,3)+" "
break;
case "e":
case "j":
if (start31month>9) {
cmonth=start31month
} else {
cmonth="0"+start31month;
}
timestring=timestring+"/"+cmonth+"/"
break;
case "p":
if (start31month>9) {
cmonth=start31month
} else {
cmonth="0"+start31month;
}
timestring=timestring+"/"+cmonth+" "
break;
default:
timestring="Error";
}
syear=startyear;
switch (cdate) {
case "n":
case "k":
case "l":
case "m":
case "o":
case "p":
break;
case "a":
case "b":
case "c":
case "d":
case "e":
timestring=timestring+syear+" ";
break;
case "f":
case "g":
case "h":
case "i":
case "j":
yearstring=""+syear;
tempyear=yearstring.match(/..$/);
timestring=timestring+tempyear+" ";
break;
default:
timestring="Error";
}
switch (ctime) {
case "n":
break;
case "a":
case "b":
case "c":
case "d":
timestring=timestring+starthour;
break;
case "e":
case "f":
timestring=timestring+start24hour;
break;
default:
timestring="Error";
}
switch (ctime) {
case "n":
break;
case "a":
case "b":
case "c":
case "d":
case "e":
case "f":
if (startminute<10) {
sminute=":0"+startminute;
} else {
sminute=":"+startminute;
}
timestring=timestring+sminute;
break;
default:
timestring="Error"
}
switch (ctime) {
case "n":
case "b":
case "d":
case "f":
break;
case "a":
case "c":
case "e":
if (startsecond<10) {
ssecond=":0"+startsecond;
} else {
ssecond=":"+startsecond;
}
timestring=timestring+ssecond;
break;
default:
timestring="Error"
}
switch (ctime) {
case "n":
case "c":
case "d":
case "e":
case "f":
break;
case "a":
case "b":
timestring=timestring+" "+startmeridian;break;
default:
timestring="Error";
}
document.getElementById("globalclock").value = timestring;
id = setTimeout("globalclock()", 1000);
}

The problem that I am having is that I have to declare 3 variables in the text/javascript" src="wes_ica.js file.
These variables a
dow "f" or "s"
cdate one from "a" to "p" except "n"
ctime one from "a" to "f"

These variables are then used to make the globalclock function work. I just do not know how to lay this out on the page. Things such as the header etc. Do they have to be in a function?

The layout that I have so far is this:
var dow = ("f","s");
var cdate = ("a","b","c","d","e","f","g","h","i","j","k","l","m","o","p");
var ctime = ("a","b","c","d","e","f");
Full Excel VBA Course - Beginner to Expert

Similar Tutorials

[merged] Countdown Clock Problem
Java Script Problem
Homework Problem Help Java
Java Problem - Grades
Java Script Checkbox Problem
Problem With Java Script Pop Up Menu In Ie
Javascript / Php Object With Same Java Var's Problem
Problem With Images Not Showing In Java Gallery
Java Script Load Object In Div With Innerhtml Problem
Problem In Popup Calender In Dynamically Loading Rows In Java Script
Js Clock
Population Clock
Manage Clock
Manage Clock
Clock Update
Game Clock
Countdown Clock?
Countdown Clock
Javascript Clock - Need Help
I Want To Post A Clock In Our Website Plz Help Me ...


Learn VBA & Macros for Excel in 1 Week!


[merged] Countdown Clock Problem

 Similar Tutorials View Content
I have a javascript countdown clock in my camping page on my website
www.bsatroop459.org. It works on IE7 and IE8 but it will not work on Firefox. Could somebody give me a clue as why my countdown clock will not work in Firefox.

The is a white box I can't seem to get rid of!


<script language="JavaScript">

CountActive = true;
DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, and %%S%% Seconds";
</script><script language="JavaScript" type="text/javascript">
<!--
function calcage(secs, num1, num2) {
s = ((Math.floor(secs/num1))%num2).toString();
if (s.length < 2)
s = "0" + s;
return s;
}

function CountBack(secs) {
DisplayStr = DisplayFormat.replace(/%%D%%/g, calcage(secs,86400,100000));
DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs,3600,24));
DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs,60,60));
DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs,1,60));

document.getElementById("cntdwn").innerHTML = DisplayStr;
if (CountActive)
setTimeout("CountBack(" + (secs-1) + ")", 990);
}

function putspan(backcolor, forecolor) {
document.write("<span id='cntdwn' style='background-color:" + backcolor +
"; color:" + forecolor + "'></span>");
}

if (typeof(BackColor)=="undefined")
BackColor = "white";
if (typeof(ForeColor)=="undefined")
ForeColor= "black";
if (typeof(TargetDate)=="undefined")
TargetDate = "6/13/2011 9:00 AM";
if (typeof(DisplayFormat)=="undefined")
DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
if (typeof(CountActive)=="undefined")
CountActive = true;
putspan(BackColor, ForeColor);
var dthen = new Date(TargetDate);
var dnow = new Date();
ddiff = new Date(dthen-dnow);
gsecs = Math.floor(ddiff.valueOf()/1000);
CountBack(gsecs);
//-->

</script>


<!-- comment out below for the clock -->
<form name="clock_form">

<tr><td align="center" bgcolor="maroon"><font color="yellow" face="Arial, Helvetica, sans-serif"><b>Countdown to Bartle Summer Camp 2011</b> </font></td></tr>
<tr>
<td align="center"><input type="text" name="clock" size="60"></a></td></tr>


</form>

<!-- end of comment out area -->

Thank you for your time.

Mike

Java Script Problem

 Similar Tutorials View Content
Hiya all, I'm new here and fairly new to JavaScript and coding - one of my teachers said it would be a fun language to learn to help me out when our GCSE's come up so I thought I would give it a go. I am currently trying to make a roulette style of game - the first phase though is fairly basic. I want the user to click a number and then to be told if it is right or wrong and update their chips. Currently I am using a fixed number whilst building up the script for testing purposes - I will change that to a random number later on. So far I have broke the code down and the parts that work are where the user function is not there(The buttons) so i assume the function for changing a variable to what the user picks is broke. Although when printing that function it says that it has changed. Like I said I'm new here so if this is not where to post for help just let me know and point me in the wrong direction any help would be much appreciated

The code is :
Code:
 
<html>
<body>
<script language='JavaScript'>

var numbers = new Array(39);
numbers[0] = "BLANK IF THIS COMES UP PANIC AND RUN";
numbers[1] = "1";
numbers[2] = "2";
numbers[3] = "3";
numbers[4] = "4";
numbers[5] = "5";
numbers[6] = "6";
numbers[7] = "7";
numbers[8] = "8";
numbers[9] = "9";
numbers[10] = "10";
numbers[11] = "11";
numbers[12] = "12";
numbers[13] = "13";
numbers[14] = "14";
numbers[15] = "15";
numbers[16] = "16";
numbers[17] = "17";
numbers[18] = "18";
numbers[19] = "19";
numbers[20] = "20";
numbers[21] = "21";
numbers[22] = "22";
numbers[23] = "23";
numbers[24] = "24";
numbers[25] = "25";
numbers[26] = "26";
numbers[27] = "27";
numbers[28] = "28";
numbers[29] = "29";
numbers[30] = "30";
numbers[31] = "31";
numbers[32] = "32";
numbers[33] = "33";
numbers[34] = "34";
numbers[35] = "35";
numbers[36] = "36";
numbers[37] = "0";
numbers[38] = "00";

var goldennum = numbers[20]; //roullete number
document.write(goldennum +"</br>"); 

var userpot = 500; // The amount of credits or chips the user has
//var userpot = userpot*38; 
//document.write(userpot);   user pot working calc

var usernum = 200; //user betting number

							function button00(){
							var usernum = 00;
							
					        }

							function button0(){
							var usernum = 0;
							
							}

							function button3(){
							var usernum = 3;
							
							}

							function button6(){
							var usernum = 6;
							
							}

							function button9(){
							var usernum = 9;
							
							}

							function button12(){
							var usernum = 12;
							
							}

							function button15(){
							var usernum = 15;
							
							}

							function button18(){
							var usernum = 18;
							
							}

							function button21(){
							var usernum = 21;
							
							}

							function button24(){
							var usernum = 24;
							
							}

							function button27(){
							var usernum = 27;
							
							}

							function button30(){
							var usernum = 30;
							
							}

							function button33(){
							var usernum = 33;
							
							}

							function button36(){
							var usernum = 36;
							
							}

							function button2(){
							var usernum = 2;
							
							}

							function button5(){
							var usernum = 5;
							
							}

							function button8(){
							var usernum = 8;
							
							}

							function button11(){
							var usernum = 11;
							
							}

							function button14(){
							var usernum = 14;
							
							}

							function button17(){
							var usernum = 17;
							
							}

							function button20(){
							var usernum = 20;
							//document.write("</br></br></br>" + usernum + "</br></br></br>");
							}

							function button23(){
							var usernum = 23;
							
							}

							function button26(){
							var usernum = 26;
							
							}

							function button29(){
							var usernum = 29;
							
							}

							function button32(){
							var usernum = 32;
							
							}

							function button35(){
							var usernum = 35;
							
							}

							function button1(){
							var usernum = 1;

							}

							function button4(){
							var usernum = 4;
							
							}

							function button7(){
							var usernum = 7;
							
							}

							function button10(){
							var usernum = 10;
							
							}

							function button13(){
							var usernum = 13;
							
							}

							function button16(){
							var usernum = 16;
							
							}

							function button19(){
							var usernum = 19;
							
							}

							function button22(){
							var usernum = 22;
							
							}

							function button25(){
							var usernum = 25;
							}

							function button28(){
							var usernum = 28;
							
							}

							function button31(){
							var usernum = 31;
							
							}

							function button34(){
							var usernum = 34;
							
							}
							
							
							
function runnums(){					//function to run the if the users bet is equal to the roulette number		
if(usernum == goldennum){
             var userpot=500;
			 userpot = userpot * 38;
			 document.write(userpot);
		     document.write(  "   YOU ARE A WINNER   ");
							} else{
								 var userpot = 500;
								 userpot= userpot - userpot; 
								document.write ("You have " + userpot + " credits left ");
							    document.write ( "   YOU ARE A LOOOOOSER "); 
							}  
}

</script>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
						  <input type="button" name="Button" value="00" onclick="button00()">
						  <input type="button" name="Button3" value="3" onclick= "button3()"> 
						  <input type="button" name="Button6" value="6" onclick= "button6()"> 
						  <input type="button" name="Button9" value="9" onclick= "button9()"> 
						  <input type="button" name="Button12" value="12" onclick="button12()">
						  <input type="button" name="Button15" value="15" onclick="button15()"> 
						  <input type="button" name="Button18" value="18" onclick="button18()">
						  <input type="button" name="Button21" value="21" onclick="button21()">
						  <input type="button" name="Button24" value="24" onclick="button24()">
						  <input type="button" name="Button27" value="27" onclick="button27()">
						  <input type="button" name="Button30" value="30" onclick="button30()">
						  <input type="button" name="Button33" value="33" onclick="button33()">
						  <input type="button" name="Button36" value="36" onclick="button36()">
<p>
						  <input type="button" name="Button0" value="0"   onclick="button0()"> 
						  <input type="button" name="Button2" value="2"   onclick="button2()">
						  <input type="button" name="Button5" value="5"   onclick="button5()">
						  <input type="button" name="Button8" value="8"   onclick="button8()">
						  <input type="button" name="Button11" value="11" onclick="button11()">
						  <input type="button" name="Button14" value="14" onclick="button14()">
						  <input type="button" name="Button17" value="17" onclick="button17()">
						  <input type="button" name="Button20" value="20" onclick="button20()">
						  <input type="button" name="Button23" value="23" onclick="button23()">
						  <input type="button" name="Button26" value="26" onclick="button26()">
						  <input type="button" name="Button29" value="29" onclick="button29()">
						  <input type="button" name="Button32" value="32" onclick="button32()">
						  <input type="button" name="Button35" value="35"   onclick="button35()">
<p>
							<input type="button" name="Button1" value="1"   onclick="button1()"> 
							<input type="button" name="Button4" value="4"   onclick="button4()"> 
							<input type="button" name="Button7" value="7"   onclick="button7()">
							<input type="button" name="Button10" value="10"  onclick="button10()">
							<input type="button" name="Button13" value="13"  onclick="button13()">
							<input type="button" name="Button16" value="16"  onclick="button16()">
							<input type="button" name="Button19" value="19"  onclick="button19()">
							<input type="button" name="Button22" value="22"  onclick="button22()">
							<input type="button" name="Button25" value="25" onclick="button25()">
							<input type="button" name="Button28" value="28" onclick="button28()">
							<input type="button" name="Button31" value="31" onclick="button31()">  
							<input type="button" name="Button34" value="34" onclick="button34()">
							<input type="button" name="Place Bets" value="Place Bets" onclick="runnums()">

</body>
</html>


Homework Problem Help Java

 Similar Tutorials View Content

Java Problem - Grades

 Similar Tutorials View Content
I'm new to java and I'm not quite sure what I am doing wrong here. I am trying to write a java program for the following question.....

Write a program that has variables to hold three test scores. the program should ask the user to enter three tst scores and then assign the values entered to the variables. the program should display the average of the test scores and the letter grade that is assigned for the test score average. use the following grading system
90-100 A
80-89 B
70-79 C
60-69 D
Below 60 F

Here is what I have so far...When I compile I get the following error

"Grades.java:41: variable totalgrade might not have been initialized
System.out.println("Over all you have" + totalgrade); 1 error"

Code:
import javax.swing.*;
import java.util.*;
public class Grades {

public static void main (String[] args) {

int score1;
int score2;
int score3;
int totalscore;
double grade=0;
char totalgrade;
Scanner keyboard = new Scanner(System.in);

System.out.println("Please enter your first test score.");
 score1 = keyboard.nextInt();
System.out.println("Please enter your second test score.");
 score2 = keyboard.nextInt();
System.out.println("Please enter your third test score.");
 score3 = keyboard.nextInt();
 
totalscore = score1 + score2 +score3;
 grade = totalscore /3;
 System.out.println("Your average is a" + grade);

 if (grade>= 90) {
  totalgrade = 'A'; } 
 else if (grade>= 80){
   totalgrade = 'B'; } 
 else if (grade >= 70) { 
	totalgrade = 'C'; } 
 else if (grade >= 60) { 
	totalgrade = 'D'; } 
 else if (grade >59){
   totalgrade = 'F'; } 
 

System.out.println("Over all you have" + totalgrade);


}//end main method
 } //end class


Java Script Checkbox Problem

 Similar Tutorials View Content
hi

i have 4 check boxes
chk1 , chk2,chk3,chk4

also textbox1 , textbox2 textbox3 textbox4

when selecting one chk box (chk1)



textbox1=45

textbox44=45 when chk1 checked

if textbox2=56

textbox45=56 when chk2 checked

plz give me code sample for me

plzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz give me a answer

Problem With Java Script Pop Up Menu In Ie

 Similar Tutorials View Content
I am redoing a web site. We added some pop up menus to consolidate the navigation. I created the template in fireworks MX 2004. The pop up menu has no errors in Firefox. I have some problems in IE. When I first uploaded the page it wanted to know I should load blocked content. Keep in mind my IE 8 setting were set on default. Now without me changing IE settings it just does not load the pop up menus. Can anyone help me with making the code more compatible with IE. I would rather not have it ask me if I want to load blocked content. I also want the menus to pop up when visitors wave over them with the mouse.

Here is the domain for the site.

Kitchen Remodels Chino Kitchen & Bathroom Remodeling Senior Baths

Wave your mouse over some of the blue buttons. The kitchens, cabinets, bathrooms and home improvement buttons should have a pop up when waving the mouse over them.

Here is the code in the page.

Code:
<script language="JavaScript1.2" src="jss/menu.js"></script>
<script language="JavaScript1.2" src="jss/mm_menu.js"></script>
</head>
<body>
<script language="JavaScript1.2">mmLoadMenus();</script>

Here is the java script code.

Code:
// JavaScript Document

<!--
function mmLoadMenus() {
  if (window.mm_menu_0725085737_0) return;
  window.mm_menu_0725085737_0 = new Menu("root",205,20,"Verdana, Arial, Helvetica, sans-serif",14,"#000000","#ffffff","#cccccc","#0099cc","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
  mm_menu_0725085737_0.addMenuItem("Kitchen&nbsp;Remodeling","location='kitchen-remodeling.php'");
  mm_menu_0725085737_0.addMenuItem("Budget&nbsp;Kitchen&nbsp;Remodeling","location='budget-kitchen-remodeling.php'");
   mm_menu_0725085737_0.hideOnMouseOut=true;
   mm_menu_0725085737_0.menuBorder=1;
   mm_menu_0725085737_0.menuLiteBgColor='#ffffff';
   mm_menu_0725085737_0.menuBorderBgColor='#0098a3';
   mm_menu_0725085737_0.bgColor='#ffffff';
  window.mm_menu_0725090038_1 = new Menu("root",145,20,"Verdana, Arial, Helvetica, sans-serif",14,"#000000","#ffffff","#cccccc","#0099cc","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
  mm_menu_0725090038_1.addMenuItem("Kitchen&nbsp;Cabinets","location='kitchen-cabinets.php'");
  mm_menu_0725090038_1.addMenuItem("Cabinet&nbsp;Refinishing","location='cabinet-refinishing.php'");
  mm_menu_0725090038_1.addMenuItem("Cabinet&nbsp;Refacing","location='cabinet-refacing.php'");
   mm_menu_0725090038_1.hideOnMouseOut=true;
   mm_menu_0725090038_1.menuBorder=1;
   mm_menu_0725090038_1.menuLiteBgColor='#ffffff';
   mm_menu_0725090038_1.menuBorderBgColor='#0098a3';
   mm_menu_0725090038_1.bgColor='#ffffff';
  window.mm_menu_0725090215_2 = new Menu("root",167,20,"Verdana, Arial, Helvetica, sans-serif",14,"#000000","#ffffff","#cccccc","#0099cc","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
  mm_menu_0725090215_2.addMenuItem("Bathroom&nbsp;Remodeling","location='bath-remodeling.php'");
  mm_menu_0725090215_2.addMenuItem("Walk&nbsp;in&nbsp;Tubs","location='walk-in-tubs.php'");
   mm_menu_0725090215_2.hideOnMouseOut=true;
   mm_menu_0725090215_2.menuBorder=1;
   mm_menu_0725090215_2.menuLiteBgColor='#ffffff';
   mm_menu_0725090215_2.menuBorderBgColor='#0098a3';
   mm_menu_0725090215_2.bgColor='#ffffff';
  window.mm_menu_0725090242_3 = new Menu("root",161,20,"Verdana, Arial, Helvetica, sans-serif",14,"#000000","#ffffff","#cccccc","#0099cc","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
  mm_menu_0725090242_3.addMenuItem("Home&nbsp;Improvement","location='home-improvement.php'");
  mm_menu_0725090242_3.addMenuItem("Window&nbsp;Replacement","location='window-replacement.php'");
  mm_menu_0725090242_3.addMenuItem("Furniture&nbsp;Refinishing","location='furniture-refinishing.php'");
  mm_menu_0725090242_3.addMenuItem("General&nbsp;Contractor","location='about.php'");
   mm_menu_0725090242_3.hideOnMouseOut=true;
   mm_menu_0725090242_3.menuBorder=1;
   mm_menu_0725090242_3.menuLiteBgColor='#ffffff';
   mm_menu_0725090242_3.menuBorderBgColor='#0098a3';
   mm_menu_0725090242_3.bgColor='#ffffff';

  mm_menu_0725090242_3.writeMenus();
} // mmLoadMenus()

//-->




Javascript / Php Object With Same Java Var's Problem

 Similar Tutorials View Content
I have 2 drag-able containers, they are created in PHP objects which are linked to a file.

The working example can be found he 888x7.com
The problem that I'm facing is that I can't click test1, and only test2. Now I originally though that it was something to do with them having the same java-script variables, so I renamed all the variables using a unique ID to each object too no success.

Here's the code:
PHP file:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html> 
    <head>
    	<?php
		include 'design/compatability.php';
		include 'design/meta.php';
		?>
            
        <link rel="stylesheet" type="text/css" href="css.css" />
        
        <title></title>
        
	</head>

    <body>
    
    	<div id="background">
            <img src="images/bg1.jpg" class="stretch" alt="" />
        </div>
        
        
        <div id="wrapper">
        	<?php include 'design/dragdiv.php';   
			 				
				$container = new dragable_box(200, 300, 10, 60, "../designimages/bggrey.png", "test", 1);
				
				$container2 = new dragable_box(590, 400, 10, 10, "../designimages/bggrey.png", "test", 2);
			?>
            
            <?php include 'design/toplinks.php'; ?>
            
            
        </div>
        
        <?php include 'design/footer.php'; ?>
        
    </body>
    
</html>


Code:
<?php 
class dragable_box
{
	public function __construct($width, $height, $x, $y, $bg, $text, $id)
	{
?>

<style type="text/css">

#mydiv<?php echo $id; ?>
{
	z-index:10;
	background-image:url(<?php echo $bg; ?>);
	color:#ffffff;
	width: <?php echo $width; ?>px;
	height: <?php echo $height; ?>px;
	position: absolute;
	top: <?php echo $x; ?>%;
	left: <?php echo $y; ?>%;
	cursor:move;
	padding:10px;
}

</style>

<script language="javascript">

var positionx = <?php echo $x; ?>;
var positiony = <?php echo $y; ?>;

var setpositionx = window.innerWidth * positionx / 100;
var setpositiony = window.innerHeight * positiony / 100;

var drag=0;

var xdif=0;
var ydif=0;

var initx=setpositionx;
var inity=setpositiony;

function begindrag<?php echo $id; ?>(event)
{
	if(drag==0)
	{
		floatingd = document.getElementById("mydiv<?php echo $id; ?>");
		
		if(floatingd.style.left=="")
		{
			floatingd.style.left=initx;
		}
		
		if(floatingd.style.top=="")
		{
			floatingd.style.top=inity;
		}
		
		prex=floatingd.style.left.replace(/px/,"");
		prey=floatingd.style.top.replace(/px/,"");
		
		drag=1;
		
		xdif = event.clientX-prex;
		ydif = event.clientY-prey;
	}

	else
	{
		drag=0;
	}
}

function mousepos<?php echo $id; ?>(event)
{
	floatingd = document.getElementById("mydiv<?php echo $id; ?>");
	
	if(drag==1)
	{
		floatingd.style.left = event.clientX-setpositionx+"px";
		floatingd.style.top = event.clientY-setpositiony+"px";
	}
}

</script>

</HEAD>
<BODY onMouseMove="mousepos<?php echo $id; ?>(event)" >

<div id='mydiv<?php echo $id; ?>' onClick="begindrag<?php echo $id; ?>(event)" >
	<?php 
		echo $text;
		echo $id; 
    ?>
</div>

<?php } } ?>

I need help being able to select both DIV's, can anyone point me in the right direction?

Thanks

Problem With Images Not Showing In Java Gallery

 Similar Tutorials View Content
Posted this in the wrong forum earlier.

I'm pretty new to Java, so i may be missing something simple, but here is my problem; On this page http://keithfrenchdesigns.com/ under the work area the gallery images are showing no problem, but on the sideways scrolling page http://keithfrenchdesigns.com/sideways on page 4 it's not showing the gallery image like the div is missing(it's not), but if you click on one of the links it will pull up a blank. It also will not scroll past page 4 to page 5(or if you move the gallery area to say, page 2, it won't scroll any further either). Like the script for the gallery area is interfering with the sideways scrolling script. Please ignore the design on the site as it is just there so i can see how everything reads.

Any help would be appreciated.

Java Script Load Object In Div With Innerhtml Problem

 Similar Tutorials View Content
Hey guys,
I've just started with javascript so please, be gentle

I am making a wordpress plug-in which puts a banner-rotator on the front page which is able to load both images and flvs'.

It has a carousel menuand the images/objects are loaded as you hover over the thumbnails.

I have made an js array in a php loop so that every element of the menu list gets assigned a different onMouseOver function when it is generated.

Because I was not able to change FlashVars with js I have put the whole object embed code in one variable and insert that in a div with innerHTML when mouseOver.

This works fine in firefox but not at all in any other browsers!!

What can I do?

The website is located at: www.mediapod.org/jwp

Here is the code:
Code:
function wp_main_player() {
global $wpdb;
$noChartsID = $wpdb->get_col($wpdb->prepare("SELECT * FROM wp_term_relationships WHERE term_taxonomy_id = 5"));
$noCharts = count($noChartsID);
?>
<div class="box" style="height:350px;">
<div id="maind" style="height:280px;">
<div id="icont">
<a id="link" href="#"><img name="main" height="280" width="560" src="" /></a>
</div>
<div id="fcont" style="display:none; width:100%; height:100%; background:#fff;">
</div>
</div>
<a class="pprev" style="float:left; width:10px; height:60px; margin-top:10px;" href="javascript:void(0)"></a>
<div class="player" style="float:left; margin-top:11px; width:540px !important;">
<script>
var myCode = [];
</script>
    <ul style="float:left;">
<?php 
if ($noCharts > 0) {
for ($i = 0; $i < $noCharts; $i += 1) {
$posts = $wpdb->get_row("SELECT * FROM wp_posts WHERE id = $noChartsID[$i]", ARRAY_A);
$link = $wpdb->get_row("SELECT * FROM wp_postmeta WHERE post_id = $noChartsID[$i] AND meta_key ='link'", ARRAY_A);
$link = $link['meta_value'];
$image = $posts['post_content'];
$flv = strpos($image, 'flv:');

if ($flv==1){
$flv = str_replace("-flv:", "", $image);
$flv = substr(rstrstr($flv, '-img:'),0 ,-6);
$image = substr(strstr($image, '-img:'), 5);
?>

<script>
myCode[<?php echo $i; ?>]=<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="560" height="280" id="FlashXMLShoutcastRadioPlayerV4.0" align="middle">	
<param name="allowScriptAccess" value="sameDomain" />
								<param name="movie" value="http://www.mediapod.org/jwp/wp-content/plugins/JRockControll/FLVPlayer_Progressive.swf" />
								<param name="menu" value="false" />
								<param name="quality" value="high" />
                               <param name="wmode" value="opaque" ></param>
<param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=http://www.mediapod.org/jwp/wp-content/plugins/JRockControll/Corona_Skin_1&amp;streamName=<?php echo $flv; ?>&amp;autoPlay=true&amp;autoRewind=false"   />
<param name="bgcolor" value="#111111" />
								<embed bgcolor="#111111" wmode="opaque" src="http://www.mediapod.org/jwp/wp-content/plugins/JRockControll/FLVPlayer_Progressive.swf" menu="false" FlashVars ="&amp;MM_ComponentVersion=1&amp;skinName=http://www.mediapod.org/jwp/wp-content/plugins/JRockControll/Corona_Skin_1&amp;streamName=<?php echo $flv; ?>&amp;autoPlay=true&amp;autoRewind=false" quality="high" width="560" height="280" name="FlashXMLShoutcastRadioPlayerV4.0" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
						</object>;




</script>

        <li class="p_img"><img onmouseover="document.getElementById('icont').style.display='none';document.getElementById('fcont').style.display=''; document.getElementById('fcont').innerHTML=myCode[<?php echo $i; ?>]; document.main.src='<?php echo $image;?>'; document.getElementById('link').href='<?php echo $link;?>';" src="<?php echo $image;?>" height="52" width="102" /></li>
<?php 
} else {
?>
        <li class="p_img"><img onmouseover="document.getElementById('icont').style.display=''; document.getElementById('fcont').innerHTML=''; document.getElementById('fcont').style.display='none'; document.main.src='<?php echo $image;?>'; document.getElementById('link').href='<?php echo $link;?>';" src="<?php echo $image;?>" height="52" width="102" /></li>
<?php 
}
}
}
?>
    </ul>
</div>
<a class="pnext" style="float:right; width:10px; height:60px;  margin-top:10px;" href="javascript:void(0)"></a>
<script type="text/javascript">
		jQuery(function() {
			jQuery(".player").jCarouselLite({
				btnNext: ".pnext",
				btnPrev: ".pprev",
                                speed: 300,
                                visible: 5
			});
		});
		</script>
</div>
<?php
}

It is an absolute mess

Thank you.

Problem In Popup Calender In Dynamically Loading Rows In Java Script

 Similar Tutorials View Content
I have written this code but when i include code for pop calender in a row, then button was disabled, So please help me i just struck in this problem from last one week
Thanking you,
L.Rajesh
rajboy13@gmail.com

my code is

Code:
function addRow()
{
var tbl = document.getElementById('tblMed');
var lastRow = tbl.rows.length;
var iteration = lastRow;
var row = tbl.insertRow(lastRow);

 var cellLeft = row.insertCell(0);
  var sl = document.createElement('input');
  sl.type = 'text';
  sl.name = 'sln' ;
  sl.id = 'sln' + iteration;
  sl.value = iteration;
  sl.size = 3;
  sl.readOnly = true;
  cellLeft.appendChild(sl);

var cellRights= row.insertCell(1);
var elm= document.createElement('input');
elm.type = 'text';
elm.name = 'txtMdesc' ;
elm.id = 'Mdesc' + iteration;
elm.size = 20;
cellRights.appendChild(elm);

var cellRightt= row.insertCell(2);
var elmn= document.createElement('input');
elmn.type = 'text';
elmn.name = 'txtMqty' ;
elmn.onclick = "cal1xx.select(document.forms[0].sdate,'anchor1xx','dd-MM-yy');
elmn.id = 'Mqty' + iteration;
elmn.size = 20;
cellRightt.appendChild(elmn)";

var cellRightu= row.insertCell(3);
var elmno= document.createElement('input');
elmno.type = 'text';
elmno.name = 'txtMbill' ;
elmno.id = 'Mbill' + iteration;
elmno.size = 20;
cellRightu.appendChild(elmno);

}

the button code is :
Code:
</br>
 <fieldset style="width:60%;" align="center"> <legend>


<SCRIPT LANGUAGE="JavaScript">
function deleteRow(b){
    document.getElementById('table_formcontainer').deleteRow(b)
}
function CompareDates1() 
{ 
	var str1  = document.getElementById("start").value;   
	var str2  = document.getElementById("edate").value;  
	var dt1   = parseInt(str1.substring(0,2),10);    
	var mon1  = parseInt(str1.substring(3,5),10);  
	var yr1   = parseInt(str1.substring(6,10),10);   
	var dt2   = parseInt(str2.substring(0,2),10);    
	var mon2  = parseInt(str2.substring(3,5),10);   
	var yr2   = parseInt(str2.substring(6,10),10);   
	var date1 = new Date(yr1, mon1, dt1);    
	var date2 = new Date(yr2, mon2, dt2);    
	if(date2 < date1)  
		{      
			alert("To date cannot be greater than from date");      
			return false;   
		}    
	else   
		{      
			alert("Submitting ...");     
			document.form1.submit();   
		} 
		return true;
}
function addRow()
{
var tbl = document.getElementById('tblMed');
var lastRow = tbl.rows.length;
var iteration = lastRow;
var row = tbl.insertRow(lastRow);

 var cellLeft = row.insertCell(0);
  var sl = document.createElement('input');
  sl.type = 'text';
  sl.name = 'sln' ;
  sl.id = 'sln' + iteration;
  sl.value = iteration;
  sl.size = 3;
  sl.readOnly = true;
  cellLeft.appendChild(sl);

var cellRights= row.insertCell(1);
var elm= document.createElement('input');
elm.type = 'text';
elm.name = 'txtMdesc' ;
elm.id = 'Mdesc' + iteration;
elm.size = 20;
cellRights.appendChild(elm);

var cellRightt= row.insertCell(2);
var elmn= document.createElement('input');
elmn.type = 'text';
elmn.name = 'txtMqty' ;
elmn.onclick = "cal1xx.select(document.forms[0].sdate,'anchor1xx','dd-MM-yy');
elmn.id = 'Mqty' + iteration;
elmn.size = 20;
cellRightt.appendChild(elmn)";

var cellRightu= row.insertCell(3);
var elmno= document.createElement('input');
elmno.type = 'text';
elmno.name = 'txtMbill' ;
elmno.id = 'Mbill' + iteration;
elmno.size = 20;
cellRightu.appendChild(elmno);

}

function delRow1(c)
{
    document.getElementById('tblMed').deleteRow(c)
}

function validate()
{
	
	var tbl = document.getElementById('tblMed');
    var lastRow= tbl.rows.length-1;
   	var a;

    for (a=1; a<=lastRow; a++)
		{
      var def = document.getElementById('sln'+ a);
      var ghi = document.getElementById('Mdesc'+ a);
	   var jkl = document.getElementById('Mqty'+ a);
	   var jkl1 = document.getElementById('Mqty'+ a).value;
       var abc = document.getElementById('Mbill'+ a);
       var gpexpdt2 = document.getElementById('tblMed').value;
      var str11  = document.getElementById("sdate").value; 
      var str12  = document.getElementById("edate").value;
	  var tranday = jkl1.substring(0,2);
      var tranmon = jkl1.substring(3,5);
      var tranyear = jkl1.substring(6,10);
	


	var trandate = new Date(tranyear,tranmon,tranday);
	 var tranday2 = str11.substring(0,2);
	  
          var tranmon2 = str11.substring(3,5);
         


	var tranyear2 = str11.substring(6,10);
	


	var trandate2 = new Date(tranyear2,tranmon2,tranday2);
	var tranday3 = str12.substring(0,2);
	  
          var tranmon3 = str12.substring(3,5);
         


	var tranyear3 = str12.substring(6,10);
	


	
if ((document.getElementById("AC").value == ""))
{
alert ( "Please enter Amount Claimed." );
document.form5.AC.focus();
return false;
}

else if((document.getElementById("Amb").value == ""))
{
alert ( "Please enter Relationship" );
document.form5.Amb.focus();
return false;
}

if ( document.form5.Treat.selectedIndex == "")
    {
        alert ( "Please select Treatment Type" );
		document.form5.Treat.focus();
        return false;
    }

else if((document.getElementById("C10").value == ""))
{
alert ( "Please enter Total " );
document.form5.C10.focus();
return false;
}

else if((document.getElementById("C11").value == ""))
{
alert ( "Please enter Place " );
document.form5.C11.focus();
return false;
}

else if((document.getElementById("start").value == ""))
{
alert ( "Please enter from date" );
document.form5.start.focus();
return false;
}

else if((document.getElementById("edate").value == ""))
{
alert ( "Please enter to date" );
document.form5.edate.focus();
return false;
}
    if (ghi.value.length == "")
	  {
        alert('Please enter Bill No');
        ghi.focus();

        return false;
      }
	  if (jkl.value.length == "")
	  {
        alert('Please enter Date');
	   jkl.focus();
        return false;
      }
	  var trandate3 = new Date(tranyear3,tranmon3,tranday3);
	if (tranmon > 12|| tranmon < 1)
		 {
			 alert('Invalid Month In Date Field .Enter as dd-mm-yy');
        	jkl.focus();
			 return false;
		 }
		 if (tranday > 31|| tranday < 1)
		 {
			 alert('Invalid Date In Date Field Enter as dd-mm-yy');
			 		jkl.focus();
			 return false;
		 }
		 if(trandate2.getTime() > trandate.getTime())
			{
	alert("Bill date should be less than From date");
	jkl.focus();
	return false;
			}
			if(trandate3.getTime() < trandate.getTime())
			{
	alert("Bill date should not  be greater than End date");
	jkl.focus();
	return false;
			}
	
     if (abc.value.length == "")
	  {
        alert('Please enter Amount');
	    abc.focus();
        return false;
      }
	  	
	 
var str3  = document.getElementById("AC").value;
var str4  = document.getElementById("Amb").value;

if(parseInt(str3) > parseInt(str4))
{
alert('Amount Claimed must be less than Amount Balance');
document.form5.AC.focus();
return false;
}	
var alertsay = ""; 
if (form5.Treat.value > 4)
{
alert("Sorry You Can Not This Employee Data In Database..........");
form5.Treat.focus();
return (false);
}
var checkOK = "0123456789";
var checkStr = abc.value;
var allValid = true;
var allNum = "";
for (e = 0;  e < checkStr.length;  e++)
{
ch = checkStr.charAt(e);
for (f = 0;  f < checkOK.length;  f++)
if (ch == checkOK.charAt(f))
break;

if (f == checkOK.length)
{
allValid = false;
break;
}
if (ch != ",")
allNum += ch;
}
if (!allValid)
{
alert("Invalid Data Please enter only digits'");
abc.focus();
return (false);
}
}
 return true;
}
var count =0;
function Check()
	{
if (!validate())
	return true;
	 addRow()
	}
function removeRow1()
{
var tbl = document.getElementById('tblMed');
var lastRow = tbl.rows.length;
if (lastRow > 1) tbl.deleteRow(lastRow - 1);
}
function deleteRow(node) {
if (rowNum > 1) {
var td = node.parentNode; 
while (td.tblMed.toLowerCase() != "tr") 
td = td.parentNode; 
td.parentNode.removeChild(td); 
rowNum = rowNum - 1;
document.form1.count.value = rowNum;
}
else { 
alert ("You cannot delete the last remaining row");
} 
}

</script>

<b><font color="#153E7E"border="1">Bill Details</b></legend><br>
<table id="tblMed" width="75%">
<tr>
<th>Sl.No.</th>
<th align="left">Bill No</th>
<th align="left" onClick="cal1xx.select(document.forms[0].edate,'anchor1xx','dd-MM-yy'); return false;" NAME="anchor1xx" ID="anchor1xx" onFocus="self.status='Select Treatment Start Date';return true; " onBlur="self.status='';return true;">Bill Date(DD-MON-YY)</th>
<th>Bill Amount( <span class="WebRupee">Rs.</span> )</th>

</tr>

</table>
<tr><br/>
&nbsp &nbsp <input name="button" type="button" value="Add  Bill" onClick="Check()"/>



................................................................................................



i want popup calender in 3rd row of the table

please help and if any one got solution then please please mail it to my gmail id : rajboy13@gmail.com

Js Clock

 Similar Tutorials View Content
Hello. I am trying to stop and then start my clock, but something goes wrong
Code:
<script type="text/javascript">

function start_clock(){
    
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
// add a zero in front of numbers<10
m = checkTime(m);
s = checkTime(s);
document.getElementById('clck').innerHTML = h+":"+m+":"+s;
t=setTimeout('start_clock()');
}

function checkTime(i)
{
if (i<10)
  {
  i="0" + i;
  }
return i;
}

    var intval=""
    function start_Int(){
        if(intval==""){
          intval=window.setInterval("start_clock()",1000)
      }else{
          stop_Int()
      }
    }

    function stop_Int(){
        if(intval!=""){
          window.clearInterval(intval)
          intval=""
          myTimer.innerHTML="Interval Stopped"
      }
    }

    
</script>


<h1>A live clock in JavaScript</h1>
</head>
<body onload="start_clock()">

<p>The time according to your PC is </p>

<span id="clck">Interval Stopped</span>
    <br><br><br>
    <input type="button" value="Start" onclick="start_Int()">
    <input type="button" value="Stop" onclick="stop_Int()">

Any help will be appreciated.

Population Clock

 Similar Tutorials View Content
Hello all!

For the past few days I've been having trouble trying to figure out how to do something. I want to code a world population clock similar to the one here, but simpler: I want the user to be able to choose future years up to 2020 (just years, not months/days), and have the population grow by 1 percent each year.

So far I have a code for the world population, but I have no clue where to begin in terms of making a list of the years with the option to increase the population.

Could anyone point me in the right direction? I'd appreciate any help!

Heres the code I have:

<body>

<script type="text/javascript">

function maind(){
startdate = new Date()
now(startdate.getYear(),startdate.getMonth(),startdate.getDate(),startdate.getHours(),startdate.getM inutes(),startdate.getSeconds())
}


function ChangeValue(number,pv){
numberstring =""
var j=0
var i=0
while (number > 1)
{

numberstring = (Math.round(number-0.5) % 10) + numberstring
number= number / 10
j++
if (number > 1 && j==3) {
numberstring = "," + numberstring
j=0}
i++
}

numberstring=numberstring

if (pv==1) {document.getElementById("worldpop").innerHTML=numberstring }
}


function now(year,month,date,hours,minutes,seconds){
startdatum = new Date(year,month,date,hours,minutes,seconds)

var now = 5600000000.0
var now2 = 5690000000.0
var groeipercentage = (now2 - now) / now *100
var groeiperseconde = (now * (groeipercentage/100))/365.0/24.0/60.0/60.0
nu = new Date ()
schuldstartdatum = new Date (96,1,1)
secondenoppagina = (nu.getTime() - startdatum.getTime())/1000
totaleschuld= (nu.getTime() - schuldstartdatum.getTime())/1000*groeiperseconde + now
ChangeValue(totaleschuld,1);


timerID = setTimeout("now(startdatum.getYear(),startdatum.getMonth(),startdatum.getDate(),startdatum.getHours( ),startdatum.getMinutes(),startdatum.getSeconds())",200)
}

window.onload=maind
</script>

Current world population (estimated): <span id="worldpop" style="font-weight: bold"></span>.


</body>

Manage Clock

 Similar Tutorials View Content
Hello to everyone .


i have a clock from a javascript code and i want through drop down list to change the time location (city)

the html part Code:
<body onload="globalclock()">
<input type="text" size="50" id="globalclock" />
<select ......... onchange="">
<option value=''>select city</option>
<option value='0'>Athens</option>
<option value='1'>New York</option>
....
....
<option value='36'>.........</option>
</select>

the only way to display the clock is to set values

Code:
//default clock
dow="f";
cdate="a";
ctime="a";
city  = 5; //its my default city when page load

can anyone help me to manage this :-)

Thankz

Manage Clock

 Similar Tutorials View Content
Hello, I would like help about my problem. I want to find the proper function to manage a clock . What I want to do is, when a city is selected from the drop down menu, the display of the clock must be changed depended by the city . Also to allow the user to vary the values of the three variables that control the display of a clock.

<body onload="globalclock()">
<input type="text" size="50" id="globalclock" />
<select ......... onchange="">
<option value=''>select city</option>
<option value='0'>Athens</option>
<option value='1'>New York</option>
....
....
<option value='36'>.........</option>
</select>

//default clock
dow="f";
cdate="a";
ctime="a";
city = "22"; //its my default city when page load

I use globalclock() function but with no results

Clock Update

 Similar Tutorials View Content
Hello, I'm somewhat new to JavaScript and for my website, I decided to make a clock for the website in this format:
Saturday, October 17, 2009
5:56:14 p.m.

The only issue is that it won't update every second. Below is the coding:

External JavaScript:
Code:
function dateClock()
{
// Coding
}
setTimeout("dateClock()", 1000);

HTML:
Code:
...
<script src="date.js" type="text/javascript">
</script>
</head>
<body>
<script type="text/javascript">
document.write("<p style='margin:-15px 0px;background-color:black;position:fixed;padding:5px;'>"+Day+", "+Month+" "+date+", "+Year+"<br />"+Hour+":"+Minute+":"+Sec+" "+Suffix+"</p>");
</script>

What can I do to make it update? Thanks.

Game Clock

 Similar Tutorials View Content
Hello, I am trying to create a clock for my video game. I need to begin the clock at zero and count while the game is going. I need to have the clock count in standard minutes and seconds but not be based on the actual time of day. I am coding in javascript for an applet.

Countdown Clock?

 Similar Tutorials View Content
I figured if there was one it would be a Javascript but does anyone know of a countdown clock that almost looks like a counter/turnstile number row? Like this sorta:



I've been looking for one where I have the numbers look just like that and 'push' upward as the times (days, minutes, seconds) go on. Hopefully someone knows of a script >< Thanks alot!!!

Countdown Clock

 Similar Tutorials View Content
Hey all,

I'm trying to sort a countdown clock for my website:
http://www.cyber-technix.com/corps/index.php/

My vision of it was a transparent background, Blue text and a simple Day : Hour : Minute : Second Layout.

I found a free .js countdown clock at http://www.hashemian.com/tools/javascript-countdown.htm

Anyone got any better suggestions?

I havn't used .js much so I may need some help implementing it if someone would be kind enough to help me out, thanks.

Javascript Clock - Need Help

 Similar Tutorials View Content
Javascript for clock:

Code:
 function showTime (dateObj) {
	thissecond=dateObj.getSeconds();
	thisMinute=dateObj.getMinutes();
	thisHour=dateObj.getHours();
	
	// change thisHour from 24-hour time to 12-hour time by:
	// 1) if thisHour < 12 then set ampm to "a.m." otherwise set it to "p.m."
	var ampm = (thisHour < 12) ? "a.m." : "p.m.";
	
	// 2) subtract 12 from the thisHour variable
	thisHour = (thisHour > 12) ? thisHour - 12 : thisHour;
	
	// 3) if thisHour equals 0, change it to 12
	thisHour = (thisHour == 0) ? 12 : thisHour;
	
	// add leading zeros to minutes and seconds less than 10
	thisMinute = thisMinute < 10 ? "0"+thisMinute : thisMinute;
	thisSecond = thisSecond < 10 ? "0"+thisSecond : thisSecond;
	
	return thisHour + ":" + thisMinute + ":" + thisSecond + ampm;
}

HTML for page:

Code:
 <?xml version="1.0" encoding="UTF-8" ?>

<!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">
<!-- 
   New Perspectives on JavaScript, 2nd Edition
   Tutorial 3
   Tutorial Case

   The Chamberlain Civic Center
   Author: 
   Date:  

   Filename:         ccc.htm
   Supporting files: back.jpg, calendar.css, calendar.js, ccc.css, ccc.jpg, logo.gif
-->
   <title>The Chamberlain Civic Center</title>
   <link href="ccc.css" rel="stylesheet" type="text/css" />

	
   <link href="calendar.css" rel="stylesheet" type="text/css" />
	
   <script src="calendar.js" type="text/javascript"></script>

</head>

<body>
   <div id="head">
	
   	<script type="text/javascript">
		
   			calendar("March 25, 2011");
	
   	</script>
      <img src="ccc.jpg" alt="Chamberlain Civic Center" />
   </div>

   <div id="links">
      <table><tr>
      <td><a href="#">Home</a></td><td><a href="#">Tickets</a></td>
      <td><a href="#">Events</a></td><td><a href="#">Tour</a></td>
      <td><a href="#">Directions</a></td><td><a href="#">Hours</a></td>
      <td><a href="#">Packages</a></td><td><a href="#">Contact Us</a></td>
      </tr></table>
   </div>

   <div id="main">
      <p id="firstp"><img src="photo.jpg" alt="" />March is another banner month 
      at the Chamberlain Civic Center, with performances of the award-winning 
      musical, <span>The Producers</span> by the Broadway Touring Company on
      March 4, 5, and 6. Tickets are going fast, so order yours today.</p>

     <p>Celebrate the season on March 11 with the Chamberlain Symphony and their 
        special selection of classical music with Spring themes. The next day, 
        March 12, exercise your mind by attending the Charles Dickens mystery 
        <span>Edwin Drood</span>.</p>

     <p>Jazz lovers have a lot to celebrate in March with a visit from <span>The 
        Jazz Masters</span> on the 17th. Then on March 24, enjoy the music of The 
        Duke with <span>An Ellington Tribute</span> performed by the Jazz Company 
        of Kansas City.</p>

     <p>Pins, bottles, plates, and chairs are flying at the Chamberlain Civic 
        Center in March. <span>The Taiwan Acrobats</span> return with another 
        amazing performance on Sunday, March 13. On March 20, the <span>Madtown 
        Jugglers</span> get into the act with their unique blend of comedy, juggling, 
        and madness.</p>

     <p>Enjoy a classical brunch every Sunday afternoon with music provided by the 
        Carson Quartet. Seating is limited, so please reserve your table.</p>
   </div>

   <address>
      The Chamberlain Civic Center &nbsp;·&nbsp;
      2011 Canyon Drive &nbsp;·&nbsp;
      Chamberlain, SD 57325 &nbsp;·&nbsp;
      (800) 555-8741
   </address>

</body>
</html>

CSS for page:

Code:
 /*
   New Perspectives on JavaScript, 2nd Edition
   Tutorial 3
   Tutorial Case
   Filename: ccc.css

   This file contains styles used in the ccc.htm file
*/

body {margin: 0px; background: white url(back.jpg) repeat-y scroll 820px 0px}
#head {width: 750px; height: 150px; padding: 5px}

#links {clear: right; width: 750px; padding: 0px}
#links table {width: 750px; font-family: Arial, Helvetica, sans-serif;
              font-size: 8pt; margin: 0px}
#links table td {text-align: center; background-color: white;
                 border: 1px solid black; letter-spacing: 5; padding: 2px}
#links table a {text-decoration: none; color: rgb(223,29,29); width: 100%}
#links table a:hover {color: white; background-color: rgb(223,29,29)}

#main {width: 750px; font-family: Arial, Helvetica, sans-serif; padding: 10px}
#main p {text-align: justify; font-size: 9pt}
#firstp:first-line {font-variant: small-caps}
#main img {float: right; margin: 0px 0px 10px 10px}

#main p span {color: rgb(223,29,29)}

address {width: 750px; font-size: 8pt; font-style: normal; color: rgb(223,29,29);
         font-family: Arial, Helvetica, sans-serif; text-align: center;
         border-top: 1px solid rgb(223,29,29); padding-bottom: 10px}



Does anyone know how to put my clock into my HTM and CSS files to have it appear at the top left of the page? Please, help. Thanks.

I Want To Post A Clock In Our Website Plz Help Me ...

 Similar Tutorials View Content
Hello Guys,

Any one help me coding of java script coding for watch implementation in our website.....




Thanks in Advance
Privacy