JavaScript - Java Script Coding Error - 666

I need some help with some simple coding.

I'm editing a website of parameters at work and I have two text boxes that are beside each other. The second text box has a label that shows with it. The second text box and label doesn't need to show unless the first text box has something keyed into it.

Could somebody help me with this javascript?



showing already:::::::::::::::: dont show until txtbox1 is typed
txtbox1 ::::::::::::::::::::::::: lbltxtbox2 : txtbox2

Any help would be greatly appreciated. Thanks

I need to assign a key in the javascript to actually make the javascript work,.

I have a bookmark in chrome , a javascript , which actually works when clicked on it .,. but how can i edit it so that i can actually make it work on click a key or combination of keys.

i want to declare the key or keycombo in the script itself .,.

the script is for catching the selected text on the webpage and opening a new tab(or window) and doing an exact search search of the selected text using google.com .,.,

So I want it to work it this way .,

select the text
press a key
and it opens a new tab (or window) with an xact search .,.
i want to declare the key or keycombo in the script itself .,.

the script is for catching the selected text on the webpage and opening a new tab(or window) and doing an exact search search of the selected text using google.com .,.,

So I want it to work it this way .,

select the text
press a key
and it opens a new tab (or window) with an xact search .,.


Thanks in advance .,

Nani

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

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 have a html form and i have three text boxes named
Max Accessories:
Accessory SKU:
Accessory CPC ID:

and i want a javascript functionality like, if the user enters in the max accessories text box value as 1, then the below two text boxes should update like automatically like below,



AcceSsory 1 SKU
ACCESSORY 1 CPC ID

SIMILARLY if user enters Max accessories value as 2 in the text box,
then the below two text boxes should update like automatically like below
AcceSsory 1 SKU
ACCESSORY 1 CPC ID
AcceSsory 2 SKU
ACCESSORY 2 CPC ID

onchange of the key, for accessory it should call some function in the same page and dynamically update.

can any one please provide, a solution for this , thanks.

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.

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>

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 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 a .js file for creating a menus..in that i have a menu called 'reserved', i just want to remove the name from the menu i want the menu size should be the same as earlier.. what i need to do?

i am newbie on javascript i want to get my domain to twitter but i spent 3 hour nothing find my code



java script function


Code:

<script type="text/javascript">
function putmydomainhere()
{
var url;
url = (document.domain)
document.write(url);
}
</script>

html code

Code:

<a href="http://twitter.com/share" class="twitter-share-button" 
data-counturl="http://+ putmydomainhere() +/get?123" data-url="http://+ putmydomainhere() +/get?123" data-via="myuserid" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

thank you

<script type="text/JavaScript">
function refreshPage(s)
{
window.location.reload();
if((s.options[s.selectedIndex].value) = "zed=catcher")
{
alert (s.selectedIndex); //this is showing
<?PHP
//the next lines does not execute?????
echo $form['service_code']->renderLabel();
echo $form['service_code']->renderError();
echo $form['service_code'];
?>
}
}
</script>
please help?
thanks

I have good knowledge in web designing like Coding Psd to Html format. But i don't have much knowledge in using JavaScript for in website designing like for basic animation using it with hover or drop down list etc. I am using JavaScript in the form's only for basic form submission. Can anyone suggest me some good resource to learn JavaScript.

hi every body,

when iam usig java script function to textbox,For text length minimum 4 chars, alert is raising enter minimum 4 chars, but cursor is not focus on text box, when i click on alert "OK".


Here the code written.

function min()
{
var len=document.getElementById("tx1").value;
if(len!="")
{
if(len.length==4)
{
alert("Chars 4 Letters Entered");
}
else
{
alert("Enter 4 chars")
document.getElementById("tx1").select();
document.getElementById("tx1").focus();

}
}
}

Yours
Narasimha Rao k

I need help placing this code in a table that is one column wide by 20 rows long.

<!DOCTYPE html>
<html>
<head>
<title>Table</title>
<meta charset="UTF-8" />



<table cellspacing="5" border="2">

<script>

document.write("<h2>Table of Fibonacci Numbers</h2>");
for (i=0, j=1, k=0, fib =0; i<15; i++, fib=j+k, j=k, k=fib){
document.write("Fibonacci (" + i + ") = " + fib);
document.write("<br>");


}

</script>
</table>


</html>