JavaScript - 1031 Exchange Calculator Java Script

Can someone help me with this javascript? It works fine with 10 images, but when I add the 11th it will not rotate the 11th image but still rotate the 1st 10.

<br>
<script type="text/javascript">
var imgs1 = new Array("/resource/resmgr/Ad_Banner/ad16.jpg","/resource/resmgr/Ad_Banner/ad13.jpg","/resource/resmgr/Ad_Banner/ad14.jpg","/resource/resmgr/Ad_Banner/ad8.jpg","/resource/resmgr/Ad_Banner/ad15.jpg","/resource/resmgr/Ad_Banner/ad18.jpg","/resource/resmgr/Ad_Banner/ad12.jpg","/resource/resmgr/Ad_Banner/ad19.jpg","/resource/resmgr/Ad_Banner/ad20.jpg","/resource/resmgr/Ad_Banner/ad21.jpg","/resource/resmgr/Ad_Banner/ad21.jpg","/resource/resmgr/ad_Banner/ad3.jpg");
var lnks1 = new Array("http://www.adamscollision.com","http://www.huntleyrealty.com","http://www.trinitycpraed.com","http://www.sccah.com/?page=SCFestival","http://www.blazekshomefurnishings.hdspd.com","http://www.sccah.com/?page=JB_Const","http://tgconsultantsinc.com/","http://blueskiespilotshop.com/index.html ","http://www.aaaglass.com/ ","http://www.carytravelexpress.com/","http://www.sccah.com/?page=Ad_Inquiry ");
var alt1 = new Array("Adams Collision","Huntley Realty","Trinity","Sun City Arizona","Hunter Douglas Window Coverings and Custom Draperies","J&B Construction","TGI Consulting","Blue Skies","AAA Glass","Cary Travel Express","THIS COULD BE YOUR AD!!!");
var currentAd1 = 0;
var imgCt1 = 11;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",4000);
</script>
<a href=""http://www.adamscollision.com"" id="adLink1" rel="nofollow" target="_blank">
<img src="/resource/resmgr/Ad_Banner/ad16.jpg" id="adBanner1" border="0" width="170" height="200"></a>

how to get first 4 digits of mobile number using substing method and then how to check that number in if condition using java script.that is i entered the mobile number 9688786064.i want to check first four digits 9688 .in that same check all the entered number only 9688 started nymber can allow to store data base..how can i develop the program..plz help me
var ph1=document.getElementById('ph');
ph1=ph.substring(0,4)
is it correct or not .if it is correct then tell further steps.if it wrong tell me the correct code

hi i want to implement this java script . This is the Original Java script page .


Where you see if i click on the yahoo or | google buttons the new window is loading and the same page is displaying with a tab bar menu and close button. I want to implement the same on one of my documents where i created css and java script based drop down menus. But when i tried to implement the same java script on my own page its not working properly.Please help me fix it .
I have changed the code only on Button -4 Link-1 only

Hers the Live Demo of the page :
Live Demo Of the page

Heres the Java Script:

Java Script

Here's the CSS :

Code:

 html,body {
	padding:0;
	margin: 0px;
	background: #306f80;
}
#wrapper{
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF;
	height: 1000px;
}
#header{
	height: 100px;
	width: 1024px;
	background: url(../images/header.png) repeat-x;
}
.icons_hold{
	float: right;
	height: 55px;
	width: 200px;
	position: relative;
	top: 10px;
	right: 10px;
}
.navestyle{
	width: 1024px;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
}
.navestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.navestyle  ul{
	border: 1px solid #BBB;
	width: 100%;
	background: url(../images/nav_bg.png) repeat-x center center; /*THEME CHANGE HERE*/
	padding: 4px 0;
	margin: 0;
	text-align: center;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.navestyle  ul  li{
	display: inline;
	margin-right: 2px;
	margin-left: 2px;
}
.navestyle  ul  li  a{
	color: #494949;
	padding: 4px 45px 4px 7px;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid #DADADA;
}
.navestyle  ul  li  a:hover, .navestyle  ul  li  a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
	background: url(../images/hover.png) repeat-x center center; /*THEME CHANGE HERE*/
	color: #FFFFFF;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #BBB; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	z-index:100;
	background-color: white;
	visibility: hidden;
	width: 200px;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}
img
{
    border: none;
}
.pagination{
	padding: 0px 2px 2px;
	clear: both;
}

.pagination ul{
	margin: 0;
	padding: 0;
	text-align: center; /*Set to "right" to right align pagination interface*/
	font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
	border: 1px solid #2b66a5;
	color: #000;
	background-color: #FFCC33;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}
#demoArea
{
	padding: 10px ;
	height: 580px ;
	background: #FFFFFF ;
	/*border: 1px solid black ;*/
	/*display: table ;*/
}

#demoLinks
{
	width: 20% ;
	border-right: 1px dotted blue ;
	float: left ;
}

#demoBrowser
{
	position: relative;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

#tabBrowser
{
	position: absolute ;
	width: 100% ;
}

/* --------------- TABS -------------------*/

#tabDemo
{
	display: none
}

#tabContainer
{
	display: block ;
}

#tabs
{
	cursor: default ;
	list-style-type: none ;
	/*width: 560px ;*/
	margin: 0 ;
	padding: 0 ;
}

#tabs li
{
	background: #FFFBF0 ;
	border: 1px solid green ;
	border-bottom: 0 ;
	-moz-border-radius-topleft: 5px ;
	-moz-border-radius-topright: 5px ;
	float: left ;
	width: 100px ;
	min-width: 35px ;
	height: 20px ;
	margin: 0 2px 3px 0 ;
	padding-left: 3px ;	
}

.tabTitle
{
	float: left ;
	width: 80% ;
	height: 100% ;
	overflow: hidden ;
}

.closeTab
{
	text-align: center ;
	text-transform: uppercase ;
	margin: 2px 3px 2px 80% ;
	border: outset 1px #D40000 ;
}

.closeTab:hover
{
	background: #000000;
}

/* --------------- BROWSER -------------------*/

#tabContent
{
	position: relative ;
	clear: both ;
	width: 100% ;
}

#tabContent div
{
	position: absolute ;
	width: 100% ;
}

Here's the Mark Up :

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" lang="en" xml:lang="en">
<head>
<title>Testing page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/css.css" />
<script type="text/javascript" src="js/tabbed_browser.js"></script>
<script type="text/javascript" src="js/chrome.js">


</script>
</head>

<body>
<div id="wrapper">
  <div id="header">
    <div class="icons_hold"><a href="#"><img src="images/home.png" title="home" /></a>&nbsp;&nbsp;&nbsp;<a href="#"><img src="images/help.png" title="help" /></a>&nbsp;&nbsp;&nbsp;<a href="#"><img src="images/sign_out.png" title="signe out" /></a></div>
  
  </div>


<div class="navestyle" id="navemenu">
<ul>
<li><a href="#" title="chaitnyas testing page">Button-1</a></li>
<li><a href="#" title="chaitnyas testing page">Button-2</a></li>
<li><a href="#" title="chaitnyas testing page">Button-3</a></li>

<li><a href="#" rel="dropmenu1" title="chaitnyas testing page">Button-4</a></li>
<li><a href="#" rel="dropmenu2" title="chaitnyas testing page">Button-5</a></li>
<li><a href="#" rel="dropmenu3" title="chaitnyas testing page">Button-6</a></li>	
<li><a href="#" title="chaitnyas testing page">Button-7</a></li> 
<li><a href="#" title="chaitnyas testing page">Button-8</a></li> 
</ul>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
<a id="link1" onclick="openTab('link1')" href="http://yahoo.com." title="chaitnyas testing page" ><img src = "images/1.gif" />&nbsp;Link-1</a>
<a href="link-2.htm" title="chaitnyas testing page"><img src = "images/2.gif" />&nbsp;Link-2</a>
<a href="link-3.htm" title="chaitnyas testing page"><img src = "images/3.gif" />&nbsp;Link-3</a>
<a href="link-4.htm" title="chaitnyas testing page"><img src = "images/4.gif" />&nbsp;Link-4</a>
<a href="link-5.htm" title="chaitnyas testing page"><img src = "images/5.gif" />&nbsp;Link-5</a></div>


<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
<a href="#" title="chaitnyas testing page"><img src = "images/6.gif" />&nbsp;Link-1</a>
<a href="#" title="chaitnyas testing page"><img src = "images/7.gif" />&nbsp;Link-2</a>
<a href="#" title="chaitnyas testing page"><img src = "images/8.gif" />&nbsp;Link-3</a></div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
<a href="#" title="chaitnyas testing page"><img src = "images/9.gif" />&nbsp;Link-1</a>
<a href="#" title="chaitnyas testing page"><img src = "images/10.gif" />&nbsp;Link-2</a>
<a href="#" title="chaitnyas testing page"><img src = "images/11.gif" />&nbsp;Link-3</a></div>


<script type="text/javascript">

cssdropdown.startchrome("navemenu")

</script>
<p><br />
<div id="demoBrowser">
	<div id="tabBrowser">
        <div id="tabContainer">
            <ul id="tabs"><li id="tabDemo"><div class="tabTitle">Google</div><div class="closeTab">x</div></li> 
            </ul>
        </div>
        <div id="tabContent">       
        </div>
	</div>
</div>
</div><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

  </p>
<div class="pagination">
<ul>

<li><a href="products.htm" class="currentpage" title="Products">1</a></li>
<li><a href="products1.htm" title="Products">2</a></li>
<li><a href="products2.htm" title="Products">3</a></li>


</ul>
</div><br />


</p>
</div>
</body>

</html>

hi i have this code i want to put a java script for this

java scrip should be

(amt1*amt2)+(amt3)*(amt4)=amt5

if (amt1*amt2)+(amt3)*(amt4) > amt5 should giver mesage

on keyup of amount amt4

plzz help me
how do i put javascript for this ...........plz help me
Code:

<table width="1113" height="99" border="0">
    <tr bgcolor="#99FF66">
      <td width="60"><div align="center"><strong>GROUP ID</strong></div></td>
      <td width="46"><div align="center"><strong>PART ID</strong></div></td>
      <td width="97"><div align="center"><strong>ITEM NAME</strong></div></td>
      <td width="144"><div align="center"><strong>UNIT</strong></div></td>
      <td width="144"><div align="center"><strong>a/b/c</strong></div></td>
      <td width="144"><div align="center"><strong>Qty/Crtn</strong></div></td>
      <td width="144"><div align="center"><strong>Nbr of Crtns</strong></div></td>
      <td width="144"><div align="center"><strong>Nett Wt/Crt</strong></div></td>
      <td width="152"><div align="center"><strong>Grs Wt/Crtn</strong></div></td>
    </tr>
     <?php
	$noofrow=0;


	
	$result10 = mysql_query("SELECT *  FROM Ibws_Data  WHERE Sc_No='$PcNo' AND Seq_No='$SeqNo' ");
			 // $row1000 = mysql_fetch_array( $result1000 );
			   //$Sub_Total="";
    while($row10 = mysql_fetch_array( $result10 ))
	
	
	{
	//$ttlamt=mysql_number_format();
	$noofrow++;
	
	?>
    <tr bgcolor="#99CC66">
      <td><label>
        
        <?php echo '<input name="Group_ID'.$noofrow.'" value="'.$row10['Group_ID'].'" type="text" size="8" maxlength="12" readonly="readonly" style="text-align:center" />' ; ?>
      </label></td>
      <td><label>
       
        <?php echo '<input name="Part_ID'.$noofrow.'" value="'.$row10['Part_ID'].'" type="text" size="8" maxlength="12" readonly="readonly" style="text-align:center" />' ; ?>
      </label></td>
      <td><label>
        
        <?php echo '<input name="Name'.$noofrow.'" value="'.$row10['Name'].'" type="text" size="20" maxlength="25" readonly="readonly" style="text-align:center" />' ; ?>
      </label></td>
      <td><label>
        
        <?php echo '<input name="Unit'.$noofrow.'" value="'.$row10['Unit'].'" type="text" size="8" maxlength="25" readonly="readonly" style="text-align:center" />' ; ?>
      </label></td>
      <td><label>
        <?php echo '<input name="cat'.$noofrow.'" value="a" type="text" size="8" maxlength="25" readonly="readonly" style="text-align:center" />' ; ?>
      </label></td>
      <td><label>
        <?php echo '<input name="amt1'.$noofrow.'" value="a" type="text" size="8" maxlength="25" readonly="readonly" style="text-align:center" />' ; ?>
      </label></td>
       <td><label>
        <?php echo '<input name="amt2'.$noofrow.'" value="a" type="text" size="8" maxlength="25" readonly="readonly" style="text-align:center" />' ; ?>
      </label></td>
      <td><label>
        <?php echo '<input name="amt3'.$noofrow.'" value="a" type="text" size="8" maxlength="25" readonly="readonly" style="text-align:center" />' ; ?>
      </label></td>
      <td><label>
        <?php echo '<input name="amt4'.$noofrow.'" value="a" type="text" size="8" maxlength="25" readonly="readonly" style="text-align:center" />' ; ?>
      </label></td>
<td><label>
        <?php echo '<input name="amt5'.$noofrow.'" value="a" type="text" size="8" maxlength="25" readonly="readonly" style="text-align:center" />' ; ?>
      </label></td>
    </tr>
    
    <tr>
      <td><label>
        <input type="submit" name="button" id="button" value="Submit" />
      </label></td>
      <td><label></label></td>
      <td><label></label></td>
      <td>&nbsp;</td>
      <td><label></label></td>
      <td><label></label></td>
    </tr>
  </table>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</form>

plz help me with a sample java scrip code

please hekp to sort this out.. ..



The price of a ticket to a passenger on AOU-Airways is computed based on the
following table: [9]
Class Price
First Class KD 300
Economy Class (with meal) KD 150
Economy Class (without meal) KD 130
Using nested if statements, write a JavaScript code which will work according to
the following specifications:
a. Read the class that the passenger wants to travel on.
b. If the class is the first class, print the price of ticket.
c. If the class is the economy class, ask the user if he/she wants a meal on
the flight. Then print the price of the ticket according to the response of
the passenger.
The program should simply accept one possible strings the user enters; it is not
required to work for all possible inputs such as First, first, FIRST or Yes , yes, YES.

I was hoping someone could help me fix this javascript code. I have been working for hours and it does not work.

<html>

<head>

<title>Moondoe's Coffee House</title>

</head>

<script type="text/javascript">

var drink, ounces;

prompt( "Enter the drink type:espresso, latte, cappuccino, americano" );

prompt( "Enter the ounce size: 8, 12, 16" );

var shots = prompt ( "Enter the number of shots" );

if ( drink == "espresso")

price = 1.40;

if ( drink == "latte") || drink == "cappuccino" )
{
if ( ounce == 8 )

price = 1.95;

else if ( ounce == 12 )

price = 2.35;

else if ( ounce == 16 )

price = 2.75;
}


if ( drink == "americano" )

price = 1.20 + ( ( (ounce/8) -1 ) * .30 );

price = price + ( (shots-1) * .50 );

price = price * 1.055;

price = Math.round ( price*100 ) /100;

alert ( "Your " + ounce + "oz. " + drink + "with " + shots + "\nshots of espresso costs: $ " + price );

alert( "drink = " + drink + "ounce = "ounce + "shots = "shots );

</script>

</html>

Hi all. I am a newbie. I would like to know how I can get the following script to work on the web. I have produced a flyer in iWeb on my mac. I published it on line and then viewed the source while it appeared on my web browser. The code is below.

I then copied this code into a webmail server panel that sends out emails to a list of people in a database. The flyer didn't appear. It just came back as the code I copied. No pictures, no colours etc.

I noticed the term javascript in the code. Did some research and found that I might need to convert this to html.

Am I right?

Can anyone test this for me?

js2html is a program that apparently does this for me. Is that what I should buy?

Anyway, here's the script...

<?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" xml:lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta name="Generator" content="iWeb 2.0.4" />
<meta name="iWeb-Build" content="local-build-20100523" />
<meta name="viewport" content="width=700" />
<title>Blank</title>
<link rel="stylesheet" type="text/css" media="screen,print" href="Blank_files/Blank.css" />

<!--[if IE]><link rel='stylesheet' type='text/css' media='screen,print' href='Blank_files/BlankIE.css'/><![endif]-->
<script type="text/javascript" src="Scripts/iWebSite.js"></script>
<script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
<script type="text/javascript" src="Scripts/Widgets/Navbar/navbar.js"></script>
<script type="text/javascript" src="Scripts/iWebImage.js"></script>
<script type="text/javascript" src="Blank_files/Blank.js"></script>

</head>
<body style="background: #ffffff; margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">
<div style="text-align: center; ">
<div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word; background: #ffffff; text-align: left; width: 700px; " id="body_content">
<div style="margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div class="com-apple-iweb-widget-navbar flowDefining" id="widget0" style="margin-left: 35px; margin-top: 0px; position: relative; width: 630px; z-index: 1; ">

<div id="widget0-navbar" class="navbar">


<div id="widget0-bg" class="navbar-bg">


<ul id="widget0-navbar-list" class="navbar-list">
<li></li>
</ul>


</div>


</div>
</div>
<script type="text/javascript"><!--//--><![CDATA[//><!--
new NavBar('widget0', 'Scripts/Widgets/Navbar', 'Scripts/Widgets/SharedResources', '.', {"current-page-GUID": "FFEEE0B9-95FC-4891-B01D-849CD24582BC", "path-to-root": "", "isCollectionPage": "NO", "navbar-css": ".navbar {\n\tfont-family: Arial, sans-serif;\n\tfont-size: 1em;\n\tcolor: #666;\n\tmargin: 9px 0px 6px 0px;\n\tline-height: 30px;\n}\n\n.navbar-bg {\n\ttext-align: center;\n}\n\n.navbar-bg ul {\n\tlist-style: none;\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\n\nli {\n\tlist-style-type: none;\n\tdisplay: inline;\n\tpadding: 0px 10px 0px 10px;\n}\n\n\nli a {\n\ttext-decoration: none;\n\tcolor: #666;\n}\n\nli a:visited {\n\ttext-decoration: none;\n\tcolor: #666;\n}\n\nli a:hover\r{\r\n \tcolor: #463C3C;\n\ttext-decoration: none;\r}\n\n\nli.current-page a\r{\r\t color: #463C3C;\n\ttext-decoration: none;\n\tfont-weight: bold;\r\r}\n"});
//--><!]]></script>

<div style="clear: both; height: 0px; line-height: 0px; " class="spacer"> </div>
</div>
<div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 700px; z-index: 10; " id="header_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div style="height: 1px; width: 630px; height: 0px; left: 35px; position: absolute; top: 3px; width: 630px; z-index: 1; " class="tinyText">
<div style="position: relative; width: 630px; ">
<img src="Blank_files/shapeimage_1.jpg" alt="" style="height: 1px; left: 0px; position: absolute; top: 0px; width: 630px; " />
</div>

</div>
</div>
<div style="margin-left: 0px; position: relative; width: 700px; z-index: 5; " id="body_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div style="height: 497px; width: 703px; height: 497px; left: -2px; position: absolute; top: -53px; width: 703px; z-index: 1; " class="tinyText style_SkipStroke stroke_0">
<img src="Blank_files/BSC%20Banner%20May%202010.jpg" alt="" style="border: none; height: 497px; width: 704px; " />
</div>
<div style="height: 480px; line-height: 480px; " class="spacer"> </div>

</div>
<div style="height: 150px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
</div>
</div>
</div>
</body>
</html>

i have been experimenting on this...i don't know why this happens
i am sure there is something wrong with my javascript code
this is what happens...
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<script language="Javascript" type="text/javascript">
     function addRow()
     {
          // grab the element, i.e. the table your editing, in this we're calling it 
          // 'mySampleTable' and it is reffered to in the table further down on the page 
          // with a unique of id of you guessed it, 'mySampleTable'
          var tbl = document.getElementById('mySampleTable');
          // grab how many rows are in the table
          var lastRow = tbl.rows.length;

          // if there's no header row in the table (there should be, code at least one 
          //manually!), then iteration = lastRow + 1
          var iteration = lastRow;
          // creates a new row
          var row = tbl.insertRow(lastRow);

          // left cell
          // insert a cell
        //  var cellLeft = row.insertCell(0);
          // here we're just using numbering the cell, like anything else you don't
          // have to use this, but i've kinda noticed users tend to like them
       //   var textNode = document.createTextNode(iteration);
          // takes what we did (create the plain text number) and appends it the cell
          // we created in the row we created. NEAT!
//cellLeft.appendChild(textNode);

          // right cell
          // another cell!
          var cellRight = row.insertCell(1);
          // creating an element this time, specifically an input
          var el = document.createElement('input');
          // a data type of text
          el.type = 'text';
          // the name of the element txtRow, and because this is dynamic we also
          // append the row number to it, so for example if this is the eigth row
          // being created the text box will have the name of txtRow8. super fantastic.
          el.name = 'txtRow' + iteration;
          // the exact same thing with a unique id
          el.id = 'txtRow' + iteration;
          // set it to size of 40. setting sizes is good.
          el.size = 40;

          // same thing as earlier, append our element to our freshly and clean cell
          cellRight.appendChild(el);

          // select cell
          // our last cell!
          var cellRightSel = row.insertCell(0);
          // create another element, this time a select box
          var sel = document.createElement('select');
          // name it, once again with an iteration (selRow8 using the example above)
          sel.name = 'selRow' + iteration;
          // crates options in an array
          // the Option() function takes the first parameter of what is being displayed
          // from within the drop down, and the second parameter of the value it is carrying over
          sel.options[0] = new Option('text zero', 'value0');
          sel.options[1] = new Option('text one', 'value1');
          sel.options[2] = new Option('text two', 'value2');
          // append our new element containing new options to our new cell
          cellRightSel.appendChild(sel);
		    el.size = 40;
     }

     function removeRow()
     {
          // grab the element again!
          var tbl = document.getElementById('mySampleTable');
          // grab the length!
          var lastRow = tbl.rows.length;
          // delete the last row if there is more than one row!
          if (lastRow > 2) tbl.deleteRow(lastRow - 1);
     }

</script>






<html>
     <head>
          <title>Page Title</title>
     </head>
     <body leftmargin="0" topmargin="0">
         

    <form action="addrow.html" name="eval_edit" method="post" format="html">
               <table align="center" width = "75%">
                    <tr>
                         <td align = "center">
                              click add to you know, add a row, and remove to remove a row, and submit to submit your page! whee!
                         </td>
                    </tr>
                    <tr>
                         <td align = "center">
                              <!--- very imporant to give the table an id --->
                              <!--- otherwise it won't know where to edit --->
                              <table border="1" id="mySampleTable">
                                     <tr>
                                        <td>
                                             Type of Leave
                                        </td>
                                        <td>
                                            No. of Days allowed
                                        </td>
                                      
                                   </tr>
                                   <!--- i create the initial row by hand, there are a lot of --->
                                   <!--- different ways to do this depending on what parsing --->
                                   <!--- language you use, i found this was easiest for the  --->
                                   <!--- snippet, but experiment, do your thing mang. --->
                                   <!--- this matches the same specs we laid out in the javascript --->
                                   <tr>
                                    
                                        <td><select name="selRow0">
                                                  <option value="value0">text zero</option>
                                                  <option value="value1">text one</option>
                                                  <option value="value2">text two</option>
                                             </select>
                                     </td>
                                        <td>
                                             <input type="text" name="txtRow1" id="txtRow1" size="40" />
                                        </td>
                                   </tr>
                              </table>

                              <!--- our buttons call our javascript functions when clicked --->
                              <input type="button" value="Add" onclick="addRow();" />
                              <input type="button" value="Remove" onclick="removeRow();" />
                              <input type="submit" value="Submit" />
                         </td>
                    </tr>
               </table>
  </form>
     </body>
</html>

Hi all i have this code Code:

<TR id="tr1" onClick="var ret_val = clickedfun(this.id)" />

, and this javacript code Code:

<script language="javascript">function clickedfun(tid) {var elemento = document.getElementById(tid);if(confirm("Tem a certeza que quer remover esta fila?")){elemento.style.visibility='hidden';var numero=tid.substring(2,tid.length);return numero;}}</script>;

i want to get the return value of the javascript function to use in database for deletion of that value

please help i'm usin jsp and java classes.

Thanks guys.

Here is the style and js for my menu that I got from Dynamic Drive. I have it working as it is suppose to on my site. But I need my menus to have submenus and even have a couple of sub-submenus. Can someone help me with this.
Code:

YOffset=150; // no quotes!!
XOffset=0;
staticYOffset=30; // no quotes!!
slideSpeed=20 // no quotes!!
waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
menuBGColor="black";
menuIsStatic="yes"; //this sets whether menu should stay static on the screen
menuWidth=180; // Must be a multiple of 10! no quotes!!
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="white";
hdrBGColor="#170088";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="white";
linkOverBGColor="#FFFF99";
linkTarget="_top";
linkAlign="Left";
barBGColor="#FF0000";
barFontFamily="Verdana";
barFontSize="3";
barFontColor="white";
barVAlign="center";
barWidth=45; // no quotes!!
barText="Menu Navigation"; // <IMG> tag supported. Put exact html for an image to show.

///////////////////////////

// ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
ssmItems[0]=["Menu"] //create header
ssmItems[1]=["About Our Diocese", "http://www.ptdiocese.org/about-us/about-us.shtml, ""]

ssmItems[2]=["Parishes", "http://www.ptdiocese.org/parishes/parish.shtml",""]
ssmItems[3]=["Schools", "http://www.ptdiocese.org/schools/schools.shtml", ""]
ssmItems[4]=["Ministries", "http://www.ptdiocese.org/christian-formation/christian-formation.shtml", "_new"]
ssmItems[5]=["Clergy and Religous", "http://www.ptdiocese.org/clergy-religious/clergy-religious.shtml", ""]
ssmItems[6]=["Protecting God's Children", "http://www.ptdiocese.org/protecting-children/protecting-children.shtml", ""]
ssmItems[7]=["For Those In Need", "http://www.ptdiocese.org/in-need/in-need.shtml", ""]
ssmItems[8]=["Tribunal", "http://www.ptdiocese.org/tribunal/tribunal.shtml", ""]
ssmItems[9]=["Contact Us"]




//ssmItems[7]=["Tribunal", "http://www.ptdiocese.org", "", 1, "no"] //create two column row
//ssmItems[8]=["Contact Us", "http://www.ptdiocese.org", "",1]

ssmItems[10]=["External Links", "", ""] //create header
ssmItems[11]=["Test", "http://www.javascriptkit.com", ""]
ssmItems[12]=["Test", "http://www.freewarejava.com", ""]
ssmItems[13]=["Test", "http://www.codingforums.com", ""]


buildMenu();


//-->

NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")

tempBar='';barBuilt=0;ssmItems=new Array();

function truebody(){
return (document.compatMode!="BackCompat")? document.documentElement : document.body
}

moving=setTimeout('null',1)
function moveOut() {
if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {
clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}};
function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
function moveBack1() {
if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {
clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}}
function slideMenu(num){
if (IE) {ssm.pixelLeft += num;}
if (NS6) {ssm.left = parseInt(ssm.left)+num+"px";}
if (NS) {ssm.left = parseInt(ssm.left)+num; bssm.clip.right+=num;bssm2.clip.right+=num;}}

function makeStatic() {
if (NS||NS6) {winY = window.pageYOffset;}
if (IE) {winY = truebody().scrollTop;}
if (NS6||IE||NS) {
if (winY!=lastY&&winY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - YOffset + staticYOffset);}
else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}
else {smooth=0}
if(smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (IE) bssm.pixelTop+=smooth;
if (NS6) bssm.top=parseInt(bssm.top)+smooth+"px"
if (NS) bssm.top=parseInt(bssm.top)+smooth
lastY = lastY+smooth;
setTimeout('makeStatic()', 1)}}

function buildBar() {
if(barText.indexOf('<IMG')>-1) {tempBar=barText}
else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}}
document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')}

function initSlide() {
if (NS6){ssm=document.getElementById("thessm").style;bssm=document.getElementById("basessm").style;
bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";}
else if (IE) {ssm=document.all("thessm").style;bssm=document.all("basessm").style
bssm.visibility = "visible";}
else if (NS) {bssm=document.layers["basessm1"];
bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];
bssm2.clip.left=0;ssm.visibility = "show";}
if (menuIsStatic=="yes") makeStatic();}

function buildMenu() {
if (IE||NS6) {document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+'px ;Top : '+YOffset+'px ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'px"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+'px ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'px" bgcolor="'+menuBGColor+'"><TR><TD>')}
document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'px" bgcolor="'+menuBGColor+'">');
for(i=0;i<ssmItems.length;i++) {
if(!ssmItems[i][3]){ssmItems[i][3]=menuCols;ssmItems[i][5]=menuWidth-1}
else if(ssmItems[i][3]!=menuCols)ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);
if(ssmItems[i-1]&&ssmItems[i-1][4]!="no"){document.write('<TR>')}
if(!ssmItems[i][1]){
document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'px" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'">&nbsp;<font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ssmItems[i][0]+'</b></font></td>')}
else {if(!ssmItems[i][2])ssmItems[i][2]=linkTarget;
document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'px" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV  ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'">&nbsp;<A HREF="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" CLASS="ssmItems">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>')}
if(ssmItems[i][4]!="no"&&barBuilt==0){buildBar();barBuilt=1}
if(ssmItems[i][4]!="no"){document.write('</TR>')}}
document.write('</table>')
if (NS6){document.write('</TD></TR></TABLE>')}
if (IE||NS6) {document.write('</DIV></DIV>')}
if (NS) {document.write('</LAYER></ILAYER></LAYER>')}
theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1)}

Hi all,

I have finished a program for an assigment the varibles num1,num2,num3,num4 are the final result of the calulation that i needed to preform. I can document.write these no problem. I just read the assigment and I have to create an unordered list with bullets from the results The only way i could think of doing it was to create variables so I can enter them in the list,can I do that?


[var num1 =("You were born on a " + weekday[usersInputDate.getDay()]+'.','<br />');
var num2 =("You are "+(ageofUser.toFixed(2))+ " years old.<br />");
var num3 =("You are "+(usersAgeinDays.toFixed(0))+" days old.<br />");
var num4=("You have lived "+(usersExLife.toFixed(0))+" % of an average lifespan.<br />");

<ul>

<li> ('num1') </li>
<li> ('num2') </li>
<li> ('num3') </li>
<li> ('num4') </li>

</ul>]


How do i write this to the screen as [<li> num1 </li>] doesnt work neither does [<li> 'num1'</li>]. Does the <ul> function only read the string entered or can it run the variable assigment ?

Thanks all
Shayne Darcy.

Hello Everybody,

Plese find the solution for this error,

i have a textbox(id=txt_Acronym), when i fill the data into that control

i get this error(document.getElementById()is null or not an object),Iam calling The Java script Function in "onchange".


Yours
NARASIMHA RAO K

Hey !

You know I'm now trying to use that light box embed contact form in my page http://uniwebmart.com/roshan and that fade in fade out effect as well which you can see now in LCD. But when I use the java script of that embed contact form in lightbox, my previous script of fading doesn't work.

<script type="text/javascript" src="scripts/prototype.js"></script>
<script type="text/javascript" src="scripts/lightbox.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/fadeslideshow.js"></script>

bold one is newly added script. Can't figure out the mistake. Can you please help me once again people???

i am getting error in document.createElement('input')





index1 = {
init: function()
{
var but=document.getElementById('button1');
index1.addEvent(but,'onClick',fun1,false);
},

fun1: function(e)
{
var bo=document.getElementById('body1');
var in=document.createElement('input');
in.type="button";
in.value="songs";
in.id="song";

bo.appendChild(in);

}

}
index1.addEvent(window,'load',index.init,false);

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>