|
JavaScript - Color Cycling Not Working As I Had Expected
Can somebody please explain why when the lines of code that are commented out are reintroduced that this code breaks instead of resulting in each of the four circles being a different color?
Code: <!DOCTYPE HTML>
<html>
<head><title>Circles</title></head>
<body>
<canvas id="myCanvas" width="512" height="128" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>
<script type="text/javascript">
var i=0;
var axisX=128;
var axisY=64;
var radius=56;
//var colors=[red, green, blue, yellow];
//var currentColor;
function drawCircle(){
//currentColor=colors[i];
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
//cxt.fillStyle=currentColor;
cxt.strokeStyle="black";
cxt.beginPath();
cxt.arc(axisX,axisY,radius,0,Math.PI*2,true);
cxt.closePath();
cxt.fill();
cxt.stroke();
}
for (i=0;i<4;i++){
drawCircle();
axisX=axisX+84;
}
</script>
</body>
</html>
What am I doing wrong? Thank you! Similar TutorialsHello toggle div not working exactly as expected. What have I done wrong? please see this page (removed) click on About Us then in iframe click on the greyed out "Chinese" but don't move cursor ----- the div that now shows appears directly under the h2 heading. Now mouse out and the div drops to its correct position. (ie the position I think it should be in when it first shows) To see it again click on Contact Us. Why is it doing this? see iframe for code. (nothing in it so easy to see) any help much appreciated LT ps it toggles normally after the first click Here is my code for drop down list <Select Name=YearSel> <Option selected> <% SQLQUERY= "select Year from YearTable where ID = '"&id&"' " Set list=conn.execute(SQLQUERY) Do While Not list.EOF YearSel=list("Year") Response.Write "<OPTION>" & YearSel list.MoveNext Loop %> </SELECT> <INPUT TYPE="Submit" VALUE="Go" ONCLICK="go()" id=SUBMIT1 name=SUBMIT1> ......................................................................................... I have this java script in place for GO button above....but it always goes to else part function func1(){ if (document.form.YearSel.value > "2011") { document.form.action ="Test.asp"; document.form.method = "post"; document.form.submit(); } else { alert("alert else"); } } Where I am doing wrong....please help Hey everyone, I am normally very good at debugging these kinds of things but I've had a long day and am obviously overlooking something very, very simple. If anyone can spot it that would be fantastic. JavaScript Code: <script type="text/javascript">
function toggle (id) {
if (document.getElementById('sub_' + id).style.display == 'none') {
document.getElementById('sub_' + id).style.display = '';
document.getElementById('icon_' + id).src = 'images/collapse.gif';
} else {
document.getElementById('sub_' + id).style.display = 'none';
document.getElementById('icon_' + id).src = 'images/expand.gif';
}
}
</script>
HTML Code: <div id="sub_0"><div style="padding-left: 0px;"><img src="images/point.gif"> Biology</div>
<div style="padding-left: 0px;"><img src="images/point.gif"> <a href="products.php?cid=4">Chemistry</a></div>
<div style="padding-left: 0px;"><img src="images/point.gif"> <a href="products.php?cid=5">Earth/Space</a></div>
<div style="padding-left: 0px;"><img src="images/expand.gif" id="icon_6" onclick="javascript:toggle('6');" title="Click to Expand/Collapse"> <a href="products.php?cid=6">Physics</a></div>
<div id="sub_6" style="display: none;"><div style="padding-left: 10px;"><img src="images/point.gif"> <a href="products.php?cid=10">Kinimatics</a></div>
<div style="padding-left: 10px;"><img src="images/expand.gif" id="icon_12" onclick="javascript:toggle('12');" title="Click to Expand/Collapse"> <a href="products.php?cid=12">Dynamics</a></div>
<div id="sub_12" style="display: none;"><div style="padding-left: 20px;"><img src="images/point.gif"> <a href="products.php?cid=11">Newton's Laws</a></div>
<div style="padding-left: 20px;"><img src="images/point.gif"> <a href="products.php?cid=13">Special Forces</a></div>
<div style="padding-left: 20px;"><img src="images/expand.gif" id="icon_14" onclick="javascript:toggle('14');" title="Click to Expand/Collapse"> <a href="products.php?cid=14">Momentum</a></div>
<div id="sub_14" style="display: none;"><div style="padding-left: 30px;"><img src="images/point.gif"> <a href="products.php?cid=15">Impulse</a></div>
</div></div><div style="padding-left: 10px;"><img src="images/expand.gif" id="icon_16" onclick="javascript:toggle('16');" title="Click to Expand/Collapse"> <a href="products.php?cid=16">Energy</a></div>
<div id="sub_16" style="display: none;"><div style="padding-left: 20px;"><img src="images/point.gif"> <a href="products.php?cid=17">Collisions</a></div>
</div><div style="padding-left: 10px;"><img src="images/point.gif"> <a href="products.php?cid=21">Waves</a></div>
<div style="padding-left: 10px;"><img src="images/expand.gif" id="icon_18" onclick="javascript:toggle('18');" title="Click to Expand/Collapse"> <a href="products.php?cid=18">Optics</a></div>
<div id="sub_18" style="display: none;"><div style="padding-left: 20px;"><img src="images/point.gif"> <a href="products.php?cid=19">Mirrors</a></div>
<div style="padding-left: 20px;"><img src="images/point.gif"> <a href="products.php?cid=20">Lenses</a></div>
</div></div><div style="padding-left: 0px;"><img src="images/point.gif"> <a href="products.php?cid=2">Mathematics</a></div>
<div style="padding-left: 0px;"><img src="images/point.gif"> <a href="products.php?cid=7">Fine Arts</a></div>
</div> </div>
Expected Result: The icon changes to expand or collapse based on the visibility of the following <div>. Actual Result: Shows content and changes icon to collapse but when clicking on the collapse icon the <div> does not disappear and the icon just disappears in IE. In firefox clicking on the expand icon simply causes the icon to disappear. You can view what is happening he http://www.onacd.ca/products.php It is the navigation on the left. I'm going to continue to try and figure it out - but any suggestions would be great. I'm dying here. Perhaps I need a nap. Luke I have a problem when changing images and image maps with mouseover and click events in IE. Firefox, Chrome and Safari all work well but IE does not. It's hard to describe but when I mouse over a hot spot the image changes and then right away changes back. you can see it here: here is the Javascript code: Code: var current_overID = "";
var last_overID = "";
function item (img_name,width,height)
{
img_prefix = img_name;
this.slide_img = new Image (width,height);
this.slide_img.src = "http://www.dsisyr.com/images/stories/DeltaV/" + img_prefix + ".jpg";
}
function new_item (img_name,width,height)
{
item [img_name] = new item (img_name,width,height);
}
function mouseover (itemID, mapID)
{
current_overID = itemID;
if (current_overID != last_overID) {
document.deltavmap.src = item [current_overID].slide_img.src;
document.deltavmap.useMap=mapID;
}
}
new_item ("DSI-DeltaV1",700,300);
new_item ("DSI-DeltaV1-2-1",700,300);
new_item ("DSI-DeltaV1-2-2",700,300);
.....many more
<MAP NAME="deltav">
<AREA SHAPE="RECT" COORDS="27,27,219,53" HREF="#" Onmouseover="mouseover('DSI-DeltaV1-2-1', '#eng')" window.defaultStatus='' window.status='Engineering' return true >
<AREA SHAPE="RECT" COORDS="27,74,171,97" HREF="#" Onmouseover="mouseover('DSI-DeltaV1-3-1', '#sw')" window.defaultStatus='' window.status='Software'; return true >
<AREA SHAPE="RECT" COORDS="27,122,270,145" HREF="#" Onmouseover="mouseover('DSI-DeltaV1-4-1', '#doc')" window.defaultStatus='' window.status='Documentation'; return true >
<AREA SHAPE="RECT" COORDS="27,167,156,195" HREF="#" Onmouseover="mouseover('DSI-DeltaV1-5-1', '#sup')" window.defaultStatus='' window.status='Support'; return true >
<AREA SHAPE="DEFAULT" NOHREF>
</MAP>
<MAP NAME="eng">
<AREA SHAPE="RECT" COORDS="38,52,244,75"
HREF="#" Onmouseover="mouseover('DSI-DeltaV1-2-1', '#eng') "
window.defaultStatus=''
window.status='Batch Processing' return true
>
<AREA SHAPE="RECT" COORDS="40,82,230,103"
HREF="#" Onmouseover="mouseover('DSI-DeltaV1-2-2', '#eng')"
window.defaultStatus=''
window.status='Control Modules' return true
>
<AREA SHAPE="RECT" COORDS="40,112,143,136"
HREF="#" Onmouseover="mouseover('DSI-DeltaV1-2-3', '#eng')"
window.defaultStatus=''
window.status='Graphics' return true
>
<AREA SHAPE="RECT" COORDS="40,141,176,168"
HREF="#" Onmouseover="mouseover('DSI-DeltaV1-2-4', '#eng')"
window.defaultStatus=''
window.status='ProtoTyping' return true
>
<AREA SHAPE="RECT" COORDS="24,224,84,234"
HREF="#" OnClick="mouseover('DSI-DeltaV1-3-1', '#sw')"
window.defaultStatus=''
window.status='Software' return true
>
<AREA SHAPE="RECT" COORDS="24,236,124,247"
HREF="#" OnClick="mouseover('DSI-DeltaV1-4-1', '#doc')"
window.defaultStatus=''
window.status='Documentation' return true
>
<AREA SHAPE="RECT" COORDS="25,248,76,261"
HREF="#" OnClick="mouseover('DSI-DeltaV1-5-1', '#sup')"
window.defaultStatus=''
window.status='Support' return true
>
<AREA SHAPE="RECT" COORDS="620,240,699,399" HREF="#" OnClick="mouseover('DSI-DeltaV1', '#deltav')" window.defaultStatus='' window.status='deltav'; return true >
<AREA SHAPE="DEFAULT" NOHREF>
</MAP>
... many others
Can any one tell me what i need to do to fix this in IE? Thanks! Fayette Hi Guys, I'm currently working on a page working with separate categories and a whole lotta check boxes. My objective is to have one checkbox deselect the other checkboxes in its category without interfering with the rest. How would I go about doing this assuming the id tag is already in use and differs per tag? I was thinking about cycling through all checkbox tags and sorting them out via class but I'm looking for something possibly more efficient. I can get the code to open 'variouslinks()' when I click the 'Go HERE' link but I cannot get it to open them in a new window. I tried using HTML and JAVASCRIPT. Can someone please tell me what I am doing wrong???? <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script> var variouslinks=new Array() variouslinks[0]="http://www.Facebook.com"; variouslinks[1]="http://www.Myspace.com"; variouslinks[2]="http://www.FriendFinder.com"; variouslinks[3]="http://www.AshleyMadison.com"; variouslinks[4]="http://www.Pets.com"; function variouslink(){ window.location=variouslinks[Math.floor(Math.various()*variouslinks.length)]; } function openNewWindow(){ var newWindow=window.open(this.getAttribute('href'), '_blank'); newWindow.focus(); return false;} </script> </head> <body> <a href="javascript:variouslink()" rel="nofollow" target="javascript:openNewWindow()">Go HERE</a> </body> </html> I've got a table in which I want to have certain elements changeable if the user presses a button. The elements are stored in an array and I want to cycle through them when the button is pressed. Here's a section of what I'm working with so far: Code: <tr>
<td valign="top">
<dl>
<script type="text/javascript">
var w=0;
var s=0;
var c=0;
var slugga_replace_list = new Array("Slugga","Shoota","Shoota/Rokkit","Shoota/Skorcha","Twin-Linked Shoota");
var choppa_replace_list = new Array("Choppa","Big Choppa","Power Klaw");
var warboss_wargear = new Array();
warboss_wargear[0] = slugga_replace_list[s];
warboss_wargear[1] = choppa_replace_list[c];
warboss_wargear[2] = "Stikkbombz";
for (w=0; w<2; w++) {
document.write("<dt><input type='button' name='subtract' value='-' onclick='subtract()'>"+warboss_wargear[w]+"<input type='button' name='add' value='+' onclick='add()'/></dt>");
}
function add() {
s++
return s;
}
function subtract() {
s--
return s;
}
</script>
</dl>
</td>
</tr>
I've tried using the ++ and -- to change the value of s, but it's not changing the text. Am I in the neighborhood at least? I basically want a random image to show up on my webpage and start scrolling through more images i've set to that list. Here's what I have thus far. However, It'll always start by bringing up the same image and then change to an error image: Code: <html>
<head>
<script type="text/javascript" language="javascript">
<!-- Hide script from old browsers
adImages = new Array("http://i155.photobucket.com/albums/s298/Connorconway/Office_Season_6_Blu-Ray.jpg","http://i155.photobucket.com/albums/s298/Connorconway/Halloween_Blu_Ray.jpg")
imgCt = adImages.length
firstTime = true
function rotate() {
if (document.images) {
if (firstTime) {
thisAd = Math.floor((Math.random * imgCt))
firstTime = false
}
else {
thisAd++
if (thisAd == imgCt) {
thisAd = 0
}
}
document.myPicture.src=adImages [thisAd]
setTimeout("rotate()", 3 * 1000)
}
}
//--> End hiding script from old browsers </script>
</head>
<body onload="rotate()">
<img src="http://i155.photobucket.com/albums/s298/Connorconway/Office_Season_6_Blu-Ray.jpg" width="400" height="300" name="myPicture" alt="Ad Banner" />
</body>
</html>
Here's the Website I'm having problems on (So you can visually see what I mean - Under "TV ManiaX Home Page sub-heading): http://tvmaniax.myfastforum.org/index.html Thank you for any help you can give _________________ Dear Forum Members HI, I am no coder, however I am modifying my website and changing the slideshow to the one found on this website, most wonderful, the Cut & Paste JavaScript Slideshow( http://www.javascriptkit.com/script/.../jsslide.shtml ) I have it working now, and I have but one question, does the code include a way to limit the number of times that it cycles through the slides? So it just freezes on one photo after x number of cycles? many thanks, and happy holidays... Hi Chaps, I'm still having problems with a Javascript 'Lookup' function. Basically, I have a select menu 'Customer' which triggers a 3 JS functions, to populate 2 extra select menus. Code: <script type="text/javascript" language="javascript">
$(document).ready(function(){
$('#customer').change(function() {
var option=$(this).val();
getCustContact(this);
getCostCentreContact(this);
$.get('getCostCentre.php',{select:option},function(data){
$('#result').html(data).hide().fadeIn(1000);
});
});
});
</script>
<script type="text/javascript" language="javascript">
var ajax_CustContact=new Array();
function getCustContact(sel)
{
var Customer=sel.options[sel.selectedIndex].value;
document.getElementById('custcontact').options.length = 0;
if(Customer.length>0){
var index=ajax_CustContact.length;
ajax_CustContact[index]=new sack();
ajax_CustContact[index].requestFile='getCustomerContact.php?custid='+Customer;
ajax_CustContact[index].onCompletion=function(){createCustContact(index)};
ajax_CustContact[index].runAJAX();
}
}
function createCustContact(index)
{
var obj=document.getElementById('custcontact');
eval(ajax_CustContact[index].response);
}
</script>
<script type="text/javascript" language="javascript">
var ajax_CostCentreContact=new Array();
function getCostCentreContact(sel)
{
var Customer=sel.options[sel.selectedIndex].value;
document.getElementById('costcentrecontact').options.length = 0;
if(Customer.length>0){
var index=ajax_CostCentreContact.length;
ajax_CostCentreContact[index]=new sack();
ajax_CostCentreContact[index].requestFile='getCostCentreContact.php?custid='+Customer;
ajax_CostCentreContact[index].onCompletion=function(){createCostCentreContact(index)};
ajax_CostCentreContact[index].runAJAX();
}
}
function createCostCentreContact(index)
{
var obj=document.getElementById('costcentrecontact');
eval(ajax_CostCentreContact[index].response);
}
</script>
<select id="customer" name="FK_cust_id">
<option value="">Select Customer</option>
<option value="1">Customer A</option>
<option value="2">Customer B</option>
</select>
<select id="custcontact" name="FK_contact_id">
<option value="">--Select Customer First--</option>
</select>
<select id="costcentrecontact" name="FK_cost_centre_contact_id">
<option value="">--Select Customer First--</option>
</select>
Using IE Developer Tools, during debugging, I get this error: Quote: Expected ';' Error This relates to either: Code: eval(ajax_CustContact[index].response); OR Code: eval(ajax_CostCentreContact[index].response); (it's a bit random, as sometimes it works, sometimes it doesn't) I have tried changing the 'custid' to 'custname' to check whether it was an integer causing the problem, but had the same problem. If anyone can tell me where I am going wrong, I'd gladly give out a bit hi-5! Hi all having a problem with my javascript and I am not getting any errors Code: <script type="text/javascript">
//function disable()
//{
//document.book.day.disbaled="true";
//}
function enableOption()
{
book=document.book; //Temp hold of form
year=book.year.value; //gets year value
//year1=parseInt('year');
month=book.month.value; //gets month value
//month1=parseInt('month');
book.day.disabled="true"; //gets day value
if (month==="")
{
//day.disabled="true";
}
if ((year = 2012 || 2016 || 2020) && (month= 02))//check for leap year
{
//day.disabled="false";
document.book.day.options.length=0;//clears options
//below is populating the option menu
document.book.day.options[0]=new Option ("Day","",true,false);
document.book.day.options[1]=new Option ("01","01",false,false);
}
}
</script>
Ok whats happening is I want the thing to check the year and month for matches and then populate the day all using drop down boxes. Hi, I'm faced with a problem trying to set background color under IE7. I have the following Javascript: Code: function showLayer793BKColor(id)
{
var txtObj = document.all(id);
if (txtObj.style.display == 'none')
{
txtObj.style.display = ''
txtObj.style.backgroundColor = 'grey';
}
}
function hideLayer793BKColor(id)
{
var txtObj = document.all(id);
if ( txtObj.style.backgroundColor == 'grey' )
txtObj.style.display = 'none';
}
These functions are used to show or hide div blocks. These blocks are, for example, specified in the following way: Code: <div id="l_gct5tekst" style="display:none"> <b>GCT 5. Eerste verkenning problematiek</b> and, for example, Code: <div id="l_Keuze" style="display:none"> <br/> <b>GCT 5</b> <br/> </div> The whole configuration works smoothly when using IE8. However, when using IE7 I get an error msg like "Invalid value for property". When I use the Color propert iso the BackgroundColor property I get no error anymore but of course I don't have a background color anymore then. In what way can I specify the use of a background color under IE7 ? Or is just not possible in one way or the other. Furthermore, what more differences between JS under IE7 and IE8 do I have to take into account ? Do I also have to rewrite my div block in some way (using some attribs ?) to cope with IE7 ? Thanks in advance, Diederick van Elst Hi! New to JS... have been trying to rework this to call additional, independent sets of colors to cycle through (so it would loop thru a set of grays, a set of primary colors, etc). I would use perhaps a different function name in the HTML to call different sets of colors. If this is more complex than I think it is, I think 3 sets would be plenty. Would be hugely grateful for any help, thanks so much in advance. (demo link of script in current state at bottom) Code: <html><head><title></title>
<script language=javascript>
colors = ["#cacdca", "#b2b4b2", "#969896", "#7d7f7d", "#ffff00"];
cRGB = [];
function toRGB(color){
var rgb = "rgb(" + parseInt(color.substring(1,3), 16) + ", " + parseInt(color.substring(3,5), 16) + ", " + parseInt(color.substring(5,7), 16) + ")";
return rgb;
}
for(var i=0; i<colors.length; i++){
cRGB[i] = toRGB(colors[i]);
}
function changeColor(target){
var swapper = navigator.appVersion.indexOf("MSIE")!=-1 ? toRGB(document.getElementById(target).style.backgroundColor) : document.getElementById(target).style.backgroundColor;
var set = false;
var xx;
for(var i=0; i<cRGB.length; i++){
if(swapper == cRGB[i]){
if(((i+1)) >= cRGB.length){
xx = 0;
}else{
xx = i+1;
}
document.getElementById(target).style.backgroundColor = colors[xx];
document.getElementById(target).style.backgroundImage.show;
set = true;
i=cRGB.length;
}
}
set ? null : document.getElementById(target).style.backgroundColor = colors[1];
}
</SCRIPT>
</head>
<body bgcolor="#333333">
<div>
<div id="a1" onmouseover=changeColor(this.id);
style="left: 120px; background-image: url(background1.png); width: 180px; background-repeat: no-repeat; position: relative; height: 80px; background-color: none"></div>
<div id=a2 onmouseover=changeColor(this.id);
style="left: 120px; background-image: url(background2.gif); width: 180px; background-repeat: no-repeat; position: relative; height: 80px; background-color: #666633"></div>
<div id=a3 onmouseover=changeColor(this.id);
style="left: 120px; background-image: url(background3.png); width: 180px; background-repeat: no-repeat; position: relative; height: 80px; background-color: #666633"></div></div>
</body>
</html>
Demo: http://theclutch.com/rollover_color_..._bgndimage.htm i keep getting this error in explorer, while on chrome and on Firefox, it is just not working. this is the html table, (the relevant part is bold) Code:
<table align="center">
<tr>
<td>
שם:
</td>
<td>
<input type="text" id="uname" name="txtname" value="שדה חובה" onmouseout="chkfld('uname')"
onclick="this.value='';" />
</td>]
</tr>
<tr>
<td>
טלפון:
</td>
<td>
<input id="phone" type="text" name="txtphone" />
</td>
</tr>
<tr>
<td>
אימייל:
</td>
<td>
<input type="text" id="usermail" name="txtemail" value="שדה חובה" onmouseout="chkfld('usermail')"
onclick="this.value='';" />
</td>
</tr>
<tr>
<td>
סיבת הפניה:
</td>
<td>
<select id="reason">
<option>סדנאות</option>
<option>טיפול</option>
<option>הורדת משקל</option>
<option>ניקוי רעלים</option>
<option>כללי</option>
</select>
</td>
</tr>
<tr>
<td>
פרטים:
</td>
<td>
<textarea id="TextArea1" cols="20" rows="10"></textarea>
</td>
</tr>
<tr>
<td align="center">
<input type="submit" value="שלח" />
</td>
</tr>
</table>
and this is the JS: Code:
<script type="text/javascript">
function chkfld(id) {
if (document.getElementById(id).value == "" || "שדה חובה") {
document.getElementById(id).style.backgroundcolor = "yellow";
document.getElementById(id).value == "שדה חובה";
}
else {
return true;
}
}
</script>
Hi all. New here as you can probably tell, and I have a problem... I want to know how to find out the viewport height in IE. I have been trying to use document.body.clientHeight, which is supposedly exactly what I am after, but the results were always way too small to be the correct one. As a test, I whacked a div in my page and made it 4000px tall, and ran document.body.clientHeight from IE's debugger and it returned a number over 4000px. It seems as thought clientHeight is actually returning the total height of the document, not the viewport size. Thanks for any help. The website is CnJ-Tree.atwebpages.com The site works in everything, except, IE. Of course, never fails right. Anyway, the error is with the navigation. I keep getting object expected errors, on pretty much all of my onMouseOver, onMouseOut, and onClick events. Here is the html. Code: <tr>
<td background="images/CnJ-Layout_04.png" width="720" height="28" valign="middle" align="center">
<div id="container" class="navigation">
<a href="#" onClick="openPage('home.php');"><div id="home" class="home" align="center" onMouseOver="navOpen('home');" onMouseOut="navClose('home');">Home</div></a>
<a href="#" onClick="openPage('contact.php')"><div id="contact" class="contact" align="center" onMouseOver="navOpen('contact')" onMouseOut="navClose('contact')">Contact Us</div></a>
<div id="service" class="service" align="center" onMouseOver="mopen('serviceDropDown'); navOpen('service');"
onMouseOut="mclosetime(); navClose('service');" style="cursor:pointer">Services</div>
<div id="serviceDropDown" class="serviceDropDown" align="center" onMouseOver="mcancelclosetime(); navOpen('service');"
onMouseOut="mclosetime(); navClose('service');" style="visibility: hidden">
<div id="tree" style="cursor:pointer" onClick="openPage('tree-removal.php')" onMouseOver="navOpen('tree')" onMouseOut="navClose('tree')">Tree Removal</div>
<div id="trimming" style="cursor:pointer" onClick="openPage('tree-removal.php')" onMouseOver="navOpen('trimming')" onMouseOut="navClose('trimming')">Tree Trimming</div>
<div id="hauling" style="cursor:pointer" onClick="openPage('tree-removal.php')" onMouseOver="navOpen('hauling')" onMouseOut="navClose('hauling')">Any Hauling</div>
</div>
<div id="about" class="about" align="center" onMouseOver="navOpen('about')" onMouseOut="navClose('about')">About Us</div>
<div id="gallery" class="gallery" align="center" onMouseOver="navOpen('gallery')" onMouseOut="navClose('gallery')">Gallery</div>
</div>
</td>
</tr>
And here is the JS for the related areas. Code: <script type="text/javascript">
var xmlhttp
window.onload=function(){
var dotspan = document.getElementById('dots');
window.setInterval(function(){
if(dotspan.innerHTML == '...'){
dotspan.innerHTML = '.';
}
else{
dotspan.innerHTML += '.';
}
}, 200);
// Initiate AJAX usage
try { xmlhttp = new XMLHttpRequest(); } // Firefox, Opera 8.0+, Safari
catch(e){
try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } // Internet Explorer
catch(e){
try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } // Internet Explorer
catch(e){
alert("Your browser does not support AJAX!");
return false;
}
}
}
}
function navOpen(page)
{
document.getElementById(page).style.backgroundImage = "url(images/navi-rollover.png)";
document.getElementById(page).style.color = "#787864";
}
function navClose(page)
{
document.getElementById(page).style.backgroundImage = "";
document.getElementById(page).style.color = "#9b9b80";
}
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
// open hidden layer
function mopen(id)
{
// cancel close timer
mcancelclosetime();
// close old layer
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
// get new layer and show it
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';
}
// close showed layer
function mclose()
{
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
// go close timer
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}
// cancel close timer
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}
// close layer when click-out
document.onClick = mclose;
window.onload=function(){
// Initiate AJAX usage
try { xmlhttp = new XMLHttpRequest(); } // Firefox, Opera 8.0+, Safari
catch(e){
try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } // Internet Explorer
catch(e){
try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } // Internet Explorer
catch(e){
alert("Your browser does not support AJAX!");
return false;
}
}
}
}
function openPage(id)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
{
alert ("Your browser does not support XMLHTTP!");
return;
}
var url=id;
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState !=4){
document.getElementById("main").innerHTML=("<center><img src='http://upload.wikimedia.org/wikipedia/commons/4/42/Loading.gif'></center>");
}
else{
document.getElementById("main").innerHTML=xmlhttp.responseText;
}
}
;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
return new XMLHttpRequest();
}
if (window.ActiveXObject)
{
// code for IE6, IE5
return new ActiveXObject("Microsoft.XMLHTTP");
}
return null;
}
}
</script>
Hi, I'm trying to get the below code working... But it seems to be throwing an error when the function hitcount(fn) is called... Im trying to call an ASP function within Javascript... Can any one please help with this : Code: -- Javascript code --
<script LANGUAGE="JavaScript1.2" >
function checkurl(fn)
{
str = "http://webhost.in/PNM/Book/<%=gotorpt%>/" + fn;
if (str.indexOf ("web//") > 0)
{
alert("Please Select a Month!");
}
else
{
str2 = "http://webhost.in/PNM/Book/counter.asp?choserpt=Y&whichyrmth=" + str;
hitcount(fn); -- Error occurs here : Object Expected
self.location.href = str;
}
return;
}
</script>
--ASP function --
<%
function hitcount(fn)
set conn=Server.CreateObject("ADODB.Connection")
conn.Provider="Microsoft.Jet.OLEDB.4.0"
conn.Open "..\Hits\hitcounter.mdb" -- Database
conn.Mode = 3
set rs = Server.CreateObject("ADODB.Recordset")
set SQL = "UPDATE Application_counter SET Application_counter.[Counter] = Application_counter.Counter+1 where pdf='"+fn.substring(0,8)+"';"
rs.Open SQL,conn,1,3
document.write(rs(0))
rs.Close()
cn.Close()
end function
%>
Hi guys i am trying to make my form out put inputs to the table below. however when i debug in ie9 it tells me error object expected for Code: <button onclick="document.getElementById('tablename').value=
document.getElementById('name').value">Submit</button>
how do i properly declare the object? the full code is below (i will obviously have more input fields just working it all out first) thanks david 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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<title>
HiQuote
</title>
<!-- Local JavaScripts -->
<script type="text/javascript">
// --------------------------------------------
// the 'program' - the CONTROL LAYER
function getElementById(" " )
{
button onclick="document.getElementById(" ")
}
// ---------------------------------------------
// The global variables - the PERSISTENCE LAYER (sort of!)
var Name;
var Number;
var button onclick="document.getElementById(" ")
// ---------------------------------------------
// The processing functions - the LOGIC LAYER
// ---------------------------------------------
// The input/ output functions - the PRESENTATION LAYER
// THIS enhanced presentation layer uses a web page form for input
// and output.
</script>
</head>
<body>
<form name="form" action=" " >
INPUT DATA:<br/><br/>
Customer name (text): <input name="dataInputName" type = "text" size="30" /><br/><br/>
Phone number (text): <input name="dataInputNumber" type ="text" size="10" /><br /><br />
<button onclick="document.getElementById('tablename').value=
document.getElementById('name').value">Submit</button>
</form>
<table>
<tr>
<td id="tablename">
</td>
</tr>
<tr>
<td id="tablenumber">
</td>
</tr>
</table>
</body>
</html>
public classTestGeometricObject{ /** Main Method */ public static void main(String[] args) { //Declare and initialize two geometric objects GeometricObject geoObject1 = new Circle(5); GeometricObject geoObject2 = new Rectangles(5,3); System.out.println("The two objects have the same area? " + equalArea(geoObject1, geoObject2)); //Display circle displayGeometricObject(geoObject1); //Display rectangle displayGeometricObject(geoObject2); } /**A method for comparing */ public static boolean equalArea(GeometricObject object1, GeometricObject object2) { return object1.getArea()==object2.getArea(); } /**A method for displaying a geometric object*/ public static void displayGeometricObject(GeometricObject object){ System.out.println(); System.out.println("The area is " + object.getArea()); System.out.println("The perimeter is " + object.getPerimeter()); } } |
|||||||