JavaScript - Java Script Not Working

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.

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>

Hello,

I'm new to java script. I have placed two scripts into my HTML document and only one works. If I take one out, then the other works. What am I doing wrong? The page I'm talking about is mrswaldrop.com/temp2.htm

Thanks for your help.

Hey,

so I have successfully used this tutorial;
http://articles.sitepoint.com/articl...y-javascript/3

to create a web page that "smoothscrolls" down to a certain point of content on the page. So, I know the java works!

My problem is, I have changed the website to be along the X axes and not the Y, so instead of it scrolling "down" the page, I would like it to scroll from left to right. i.e on the X axes not the Y.

Is there anyway of doing this by editing that java file? All my buttons work and display the correct part of the website, but the java doesn't work slidiing sideways.

Thank you in advance!
Darren

Hi,
i have multiple check box and text box for each check box.
the check box value is given as text box name
ex
Checkbox
<input type="checkbox" name="cBx" value=" txtname1 "/>

Textbox
<input type="text" name=" txtname1 " />

how to get the text box value (txtname1) on calling the below function

function get_textBox_value()
{
var c_chkBoxName = "";
var c_txtBoxValue = "";
for (var i=0; i < document.Formname.cBx.length; i++)
{
if (document.Formname.cBx[i].checked)
{
c_chkBoxName= document.Formname.cBx[i].value; //working fine...
c_txtBoxValue = document.Formname. c_chkBoxName .value; // not working... how to pass the chkbox value for c_txtBoxName
}
}
}

Hi,

I am using this image rotation tool on my website but I would like to alter it slightly

http://www.zurb.com/playground/orbit...y-image-slider

See the small navigation dots under the images to select individual pages there are 4 of them (more if you add more images) - on 1 horizontal line. I would like to alter the code if possible so that the dots are in pairs going down the page (I wont bore you with the reason why) ie:

o o
o o
o o
o o

etc


The code the handles the dots is this:

Code:

// ==================
// ! BULLET NAV   
// ==================
            
            //Bullet Nav Setup
            if(options.bullets) { 
            	var bulletHTML = '<ul class="orbit-bullets"></ul>';            	
            	orbitWrapper.append(bulletHTML);
            	var bullets = orbitWrapper.children('ul.orbit-bullets');
            	for(i=0; i<numberSlides; i++) {
            		var liMarkup = $('<li>'+(i+1)+'</li>');
            		if(options.bulletThumbs) {
            			var	thumbName = slides.eq(i).data('thumb');
            			if(thumbName) {
            				var liMarkup = $('<li class="has-thumb">'+i+'</li>')
							liMarkup.css({"background" : "url("+options.bulletThumbLocation+thumbName+") no-repeat"});
							
            			}
            		} 
            		orbitWrapper.children('ul.orbit-bullets').append(liMarkup);
            		liMarkup.data('index',i);
					liMarkup.click(function() {
            			stopClock();
            			shift($(this).data('index'));
            		});
            	}
            	setActiveBullet();
            }
            
            //Bullet Nav Execution
        	function setActiveBullet() { 
        		if(!options.bullets) { return false; } else {
	        		bullets.children('li').removeClass('active').eq(activeSlide).addClass('active');
	        	}
        	}

The CSS for this is:

Code:

/* BULLET NAV
   ================================================== */

.orbit-bullets {
    position: absolute;
    z-index: 1000;
    list-style: none;
    bottom: 150px;
    left: 0%;
	margin-left: 0px;
    padding: 0; }

.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(bullets.png) no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

.orbit-bullets li.active {
    color: #222;
    background-position: -8px 0; }
    
.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }

The image file for the small dots is this:




I'm afraid I'm not a Java person at all and know little about it so I would be very grateful if you could help me out with it... if it's possible.

Thanks.

PP.

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?

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

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);

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

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.

hi friends,
i got a two textboxes,my requirement is when i enter two charectors in textbox1,automatically cursor must point to textbox2.

but in my case it is not happening like above,when ever i enter charector3,curosr is entering textbox2 along with the entered charector,
please find my code below and help me in modifying it.

1.abc.ascs.cs file code is:
txtCategory.Attributes.Add("OnKeyPress", "Focus1(this.id);");
2.abc.ascx file code is:

<script type="text/javascript">
function Focus1(that)
{
if (document.getElementById(that).value.length>1)
{
//If Len(.Text) = 2 Or Len(TXTbox.Text) = 5 Then
document.getElementById('ShippedQtyAdjEntry1_txtDetail').disabled=false;
document.getElementById('ShippedQtyAdjEntry1_txtDetail').style.backgroundColor="White";
document.getElementById('ShippedQtyAdjEntry1_txtDetail').focus();
}

Help...

I have a quick Java Script question...

At the following page, I am asking people to copy and paste
a Sponsor ID into our registration form that sits in an 'iframe'.
Code:

http://www.agelessoverview.com/beta/order-now.html

People are screwing this up and even changing the number...

So here is my question... is there a small snippet of java script
I can use in the source page or iframe that will automatically
fill in the Sponsoring Distributor ID:, while at the same time, blocking
the input from being changed and also block the 'I don't have a sponsor'
radio button?

That's it! Thank you, you magicians of code.

Respectfully,

StealthMarketer