|
JavaScript - Java Script Load Object In Div With Innerhtml Problem
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="&MM_ComponentVersion=1&skinName=http://www.mediapod.org/jwp/wp-content/plugins/JRockControll/Corona_Skin_1&streamName=<?php echo $flv; ?>&autoPlay=true&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 ="&MM_ComponentVersion=1&skinName=http://www.mediapod.org/jwp/wp-content/plugins/JRockControll/Corona_Skin_1&streamName=<?php echo $flv; ?>&autoPlay=true&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. Similar TutorialsHi , I have a an application which works fine on XP IE6, but the same application throws error " Java Script Error Style is null or not an object" on XP IE8 and Windows 7 . Please help me to resolve this issue. Please Tahnks in advance Hey there. I'm creating my web-site now. I'm planing to have some slide/object change by itself. I know Java Script perform this task. I have get the code and apply to the image I want. It works. My idea is each of my image upper left corner have the representative number of the slide. When the slide1 go to slide 2 automatically, the number will change colour from 1 to 2. When the user click the number, the slide will change according to the number. Let said I have 3 slide. Each slide and have no 1 ,2 ,3 move forward, move backward icon on the upper left corner. I have slide1 ,slide2, slide3 change by itself within 2.5 second. When the user go thru slide 1, slide 2 and till slide3, user find out he/she interested on slide 1 and by clicking 1 on the upper left corner, the slide will change back to slide 1. Something like showing on the home page at www.easyjet.com.EN or http://www.thomascook.com/ . Both home page show a slide. This is what exactly I want. I learn HTML code before but not Java Script. I have borrow many Java Script reference book. but no idea how to inside the number on the upper left corner on each slide and how the number work accordingly with the slide. So sorry if you can't understand what I was talking about. But, anyone who understand me or have any idea how can I mortify the Java script to what I want. Just answer or email me to trista_soo@yahoo.com or facebook me on sym107@hotmail.com. Thanks for your time and efforts. Your help I really appreciate. Cheers! Hi Script Experts I am facing issue in below code for Brisilia time zone.(GMT-3). Issue comes in October month only. It is going tobig loop. I am not getting how Date object is behaving here. Thanks in advance Pranav Sharma *********************************** <script type="text/javascript"> var nDate; var nCurrentYear = 2011; var nCurrentMonth = 10; nYear=2011; nMonth=10; var date = new Date(nYear, nMonth-1, 1); document.write('Month:'+date.getMonth() +':CurrentMonth:'+nCurrentMonth); while (date.getMonth() == nCurrentMonth-1) { nDate = date.getDate(); document.write(date.toDateString()); date = new Date(nCurrentYear, date.getMonth(), date.getDate()+1); } </script> ********************************** 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 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>
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 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 Remodeling","location='kitchen-remodeling.php'");
mm_menu_0725085737_0.addMenuItem("Budget Kitchen 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 Cabinets","location='kitchen-cabinets.php'");
mm_menu_0725090038_1.addMenuItem("Cabinet Refinishing","location='cabinet-refinishing.php'");
mm_menu_0725090038_1.addMenuItem("Cabinet 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 Remodeling","location='bath-remodeling.php'");
mm_menu_0725090215_2.addMenuItem("Walk in 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 Improvement","location='home-improvement.php'");
mm_menu_0725090242_3.addMenuItem("Window Replacement","location='window-replacement.php'");
mm_menu_0725090242_3.addMenuItem("Furniture Refinishing","location='furniture-refinishing.php'");
mm_menu_0725090242_3.addMenuItem("General 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()
//-->
Hello, I am trying to use .innerHTML to replace an image with an embedded flash file. Here is my code... HTML: Code: <a href="#" onclick="funt1(); return false;">do it to it</a><br><br> <span id="embed"><img src="video%20convert%20zone/zerotime.png"></span> JavaSscript: Code: <script type="text/javascript">
function funt1(){
document.getElementById('embed').innerHTML='<object width="100" height="40"><param name="movie" value="video%20convert%20zone/video.swf"></param><embed src="video%20convert%20zone/video.swf" width="100" height="40" name="player" id="player" menu="false" loop="false" bgcolor="#000000" wmode="transparent" type="application/x-shockwave-flash"></embed><param name="loop" value="false"></param><param name="menu" value="false"></param><param name="bgcolor" value="#000000"></param><param name="wmode" value="transparent"></param></object>'; return false;
}
</script>
And for some reason in Internet Explorer when I click the "do it to it" link, the image just disappears, and object and embed don't appear. But it works in Firefox. Any suggestions? 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/>
    <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 This is a weird idea I have- i will try to explain it all (forgive me if i do not). i'm using xml to create dynamic content on the site i'm building for myself. now, i know there is a way to randomly load xml content using php- but i have zero experience with php (though i not afraid to learn it, if it is the only way to do this). here's what i want to do: i have (let's say) 4 "announcement" areas on a page, in addition to a "random info" bar off to the side. in each of these, i want to have randomly loaded xml content each time the page is refreshed/viewed. so if i have a "recent site news" section on the page, i would have a folder for "some code" to look in to pull out an xml file to display. etc etc. basically, i'm wondering if there is a java way to do this (perhaps similar to the choosePic function?). it doesn't have to load a different xml file each time the page is refreshed either- if there's a way to pick a set number of items from any xml file i specify- that would be ok too. any help would be greatly appreciated. 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've created a test page with loads of comments on the source, as this is quite hard to explain. phurley.co.uk/test.php - (if you select 'specific date', this is the one i'm trying to get working for now) Basically, I have a text box that when selected makes a calendar pop up. This works fine, but I am now making the html for the text box be produced via innerHTML in a JS function (with select boxes and a case/break), and the pop up no longer works. I've tried all night to get this working but my JS skills are letting me down. If you could take the time to have a look at the source code it would be very very much appreciated. thank you I have been working with someone of a forum to get a script functioning, and we have it working fine in firefox and safari etc.. but there seems to be issues with internet explorer and the script is not functioning in that browser. It seems it is an inner html issue. I am very new to ajax and my javascript is limited, but with other help assisting me, but I have a deadline of today. I just need to get this working in internet explorer, can anyone please help. here is the ajax code for the script. Code: function get_XmlHttp() {
var xmlHttp = null;
// if a native XMLHttpRequest object exists
if ( window.XMLHttpRequest ) {
xmlHttp= new XMLHttpRequest;
} else {
// let's try an ActiveXObject
try {
xmlHttp= new ActiveXObject("MSXML2.XMLHTTP.6.0");
} catch(ex) {
xmlHttp= new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
function ajaxrequest(tagID,post) {
var http = get_XmlHttp();
var info = 'request='+post;
http.onreadystatechange = function() {
if (http.readyState == 4) {
document.getElementById(tagID).innerHTML = http.responseText;
}
}
http.open("POST", 'destinations.ajax.regions.php', true); // edit php.php to your actual php file path
http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http.send(info);
}
Hello All, I'm new to javascript and trying to build a news page that has expandable/collapsible headlines. I copied some javascript to do this that works fine except that when I try to replace the clickable '+' or '-' characters with clickable images, somehow doing a comparison of the innerHTML in order to toggle it from the plus image to the minus image doesn't work. I'm assuming it has to do with how innerHTML translates tagged html vs. straight characters or text, but have tried everything and can't fix it. Any help would be greatly appreciated. Below are the script and the html in the body. Here's the script: Code: <style type="text/css"><!--
.save{
behavior:url(#default#savehistory);}
a.dsphead{
text-decoration:none;}
a.dsphead:hover{
text-decoration:underline;}
a.dsphead span.dspimg{
font-weight:normal;}
.dspcont{
display:none;}
//--></style>
<script type="text/javascript"><!--
function dsp(loc){
if(document.getElementById){
var foc=loc.firstChild;
foc=loc.firstChild.innerHTML?
loc.firstChild:
loc.firstChild.nextSibling;
// this is the problem area, which worked when it was like this:
// foc.innerHTML=foc.innerHTML=='+'?'-':'+';
foc.innerHTML=foc.innerHTML=='<img src=../img/art/expand.png></img>'?'<img src=../img/art/collapse.png></img>':'src=../img/art/expand.png></img>';
foc=loc.parentNode.nextSibling.style?
loc.parentNode.nextSibling:
loc.parentNode.nextSibling.nextSibling;
foc.style.display=foc.style.display=='block'?'none':'block';
}}
if(!document.getElementById)
document.write('<style type="text/css"><!--\n'+
'.dspcont{display:block;}\n'+
'//--></style>');
//--></script>
<noscript>
<style type="text/css"><!--
.dspcont{display:block;}
//--></style>
</noscript>
And here is the html: Code: <h3><a href="javascript:void(0)" class="dsphead"
onclick="dsp(this)">
<!-- this is the problem area which worked when it was like this:
<span class="dspimg">+</span>
-->
<span class="dspimg"><img src=../img/art/expand.png></img></span>August 2, 2010 - Latest Headline</a></h3>
<div class="dspcont"><br /><p>Content paragraph 1</p><p>Content paragraph 2</p>
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. 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> </td>
<td><label></label></td>
<td><label></label></td>
</tr>
</table>
<p> </p>
<p> </p>
</form>
plz help me with a sample java scrip 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> <a href="#"><img src="images/help.png" title="help" /></a> <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" /> Link-1</a>
<a href="link-2.htm" title="chaitnyas testing page"><img src = "images/2.gif" /> Link-2</a>
<a href="link-3.htm" title="chaitnyas testing page"><img src = "images/3.gif" /> Link-3</a>
<a href="link-4.htm" title="chaitnyas testing page"><img src = "images/4.gif" /> Link-4</a>
<a href="link-5.htm" title="chaitnyas testing page"><img src = "images/5.gif" /> 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" /> Link-1</a>
<a href="#" title="chaitnyas testing page"><img src = "images/7.gif" /> Link-2</a>
<a href="#" title="chaitnyas testing page"><img src = "images/8.gif" /> 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" /> Link-1</a>
<a href="#" title="chaitnyas testing page"><img src = "images/10.gif" /> Link-2</a>
<a href="#" title="chaitnyas testing page"><img src = "images/11.gif" /> 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>
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 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> 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. |
|||||||