Learn VBA & Macros in 1 Week!

JavaScript - Dynamically Calling Xml Data

Full Excel VBA Course - Beginner to Expert

Dynamically Calling Xml Data	View Content

I almost have the website finished, at least functionally (the complicated backend). It will arguably be one of the coolest history sites on the web.

But I am running into some technical problems, and want to ask you about them, as I am at a point where that is my only alternative.

First is in the website:

http://184.73.182.71/timelines/search2.fwx

There is the line:

Timeline.loadXML("http://184.73.182.71/14OZH01XY.xml", function(xml, url) { eventSource.loadXML(xml, url); });

This is loading an XML data file into the time-line, and it works fine. The question is, why cant I dynamically load this data from a process, like:

Timeline.loadXML("http://184.73.182.71/getdata.php?page=10", function(xml, url) { eventSource.loadXML(xml, url); });

It is returning the exact same thing, yet it dosent work.

Somebody suggested the following:

eventSource.loadXML(eventSource.loadXMLText(xmlstring,),"http://184.73.182.71/getdata.php?page=10");

But that dosent seem to work either.

And can I do the same thing with a script tag, such as:

<script src="http://184.73.182.71/getdata.php?page=10" type="text/javascript"></script>

Is this illegal?

Thanks in advance for looking at this.

Full Excel VBA Course - Beginner to Expert

Similar Tutorials

Creating Fields Dynamically Upon Clicking And Data From Mysql Tables

Javascript Calling Css

Calling A Function Every Second

Calling Alert From Php

Calling A Function

Calling A Function

Calling A Subset Of An Xml Doc

Calling Functions

Calling A Function

Calling Css In Javascript

Calling Objects

Calling A Custom Tag?

Calling Script From An Ssi

Calling A Method Every Second...

Need Help Calling A Function

Calling 2 Functions From Inside An If Else

Calling Functions In Javascript

Calling 2 Functions With Javascrpt

New To Calling Functions? (easy)

Calling Settimeout In A Loop

Learn VBA & Macros for Excel in 1 Week!

Creating Fields Dynamically Upon Clicking And Data From Mysql Tables

Similar Tutorials

I have here a code that will automatically generate two text fields (Title & Price) when "Add another article" is pressed. I got this from the web, but I want instead of using a text field, I want it to create a drop down menu based on a mysql table, then update the price automatically (also based on the mysql table) on the other text field once a selection has been made on the drop down menu.

Code:

<link rel="stylesheet" type="text/css" media="screen" />
        <style type="text/css"></style>
        <script type="text/javascript">
            var elCount = 2;
            function add() {
                var parent = document.getElementById('parent');
                var article = document.createElement('DIV');
                article.id = 'article_' + elCount;
                article.name = 'article_' + elCount;                                     // NEW LINE
                var article_title_label = document.createElement('LABEL');
                article_title_label.appendChild(document.createTextNode('Title ' + elCount + ': '));
                var article_title_text = document.createElement('INPUT');
                article_title_text.id = 'article_' + elCount + '_title';
                article_title_text.name = 'article_' + elCount + '_title';                // NEW LINE
                var article_textarea_label = document.createElement('LABEL');
                article_textarea_label.appendChild(document.createTextNode('Price ' + elCount + ': '));
                var article_textarea = document.createElement('INPUT');
                article_textarea.id = 'article_' + elCount + '_price';
                article_textarea.name = 'article_' + elCount + '_price';                // NEW LINE
                article.appendChild(article_title_label);
                article.appendChild(article_title_text);
                article.appendChild(article_textarea_label);
                article.appendChild(article_textarea);
                parent.appendChild(article);
                elCount++;
            }
        </script>
<body>
                  <div id="parent">
                        <div id="article_1">
                            <label for="article_1_title">Title 1: </label><input type="text" name="article_1_title" id="article_1_title" />
                            <label for="article_1_price">Price: </label><input type="text" name="article_1_price" id="article_1_price" />
                       </div>
                  </div>

any ideas? Thanks

Javascript Calling Css

Similar Tutorials

Hello, I am new to using Javascript and have some experience with HTML and CSS. I am trying to use Javascript to display an image based on a value. I have the image positions in my .css. Just to make it easy if my var x=0 i want to call the "position 1" div, or else i want to call the "position 2" div. How can i make this possible. I have positions because i have a background image and i want the different pictures to be in a different location on the background based on the value. Below is my code that I have right now. Thanks for the help.

layout.css

#layout {
position: relative;
top:0%;
z-inderx:-1;
}

#date {
position: absolute;
top:5%;
left: 50%;
margin-left: -190px;
z-index: 1;
font-family: calibri;
font-size: 44px;
font-weight: bold;
color:#000000;
}

#location1 {
position: absolute;
top:22%;
left: 50%;
margin-left: -590px;
z-index: 1;
}
#location2 {
position: absolute;
top:28%;
left: 50%;
margin-left: -590px;
z-index: 1;
}

Layout.HTML

<html>
<head>
<Title>Layout</title>
<link rel"stylesheet" type="text/css" href="layout.css" />
</head>
<body>
<div id="layout">
<center>
<img border="0" src="background.png" width="1200" height="880" />
</center>
</div>
<div id="date">
24 OCTOBER
</div>

<script type="text/javascript">
var x=0;

if (x==0)
{
<div id="location1">
<img border="0" src="picture1.png" width="70" height="60" />
</div>
}

else
{
<div id="location2">
<img border="0" src="picture2.png" width="70" height="60" />
</div>
}
</script>
</body>
</html>

Calling A Function Every Second

Similar Tutorials

I am in a class that is right now creating an online quiz that is also displays time. The part I am running into a wall right now is

"Call the runClock() function every second, storing the ID of this timed-interval command in the clockId variable."

I am unsure how to call it every second. Also, how would I call a function within a function? Here is my code so far:

<link href="quiz.css" rel="stylesheet" type="text/css" />
<script src="functions.js" type="text/javascript"></script>
<script type="text/javascript">
var seconds = 0
var clockID =
function runClock() {
clockID = seconds++;
document.getElementById("quizclock").value = seconds;
}
function startClock() {
return showQuiz;
}
</script>
</head>

Calling Alert From Php

Similar Tutorials

Hi,
How can i call a javascript alert function from an if condition in PHP?
For instance:
if (A == B)
{
CALL alert();
}

thanks

Calling A Function

Similar Tutorials

I've done a lot of work only to be stuck here at this problem. someone please help:
Using the today variable as the parameter value, call the showDateTime() function and store the value returned by the function in the thisDay field of the eventform Web form.

what exactly is this asking me to do? would you provide examples please? thanks in advance!@

Calling A Function

Similar Tutorials

I would like to call a function within a function. Is this even possible??
When I do this I get "undefined"

Here's my code:
Code:

<html>
<head>
<script type="text/javascript">
function product(a,b){
   total = a*b;
   display(total);
}

function display(num){
   return num;
}
</script>
</head>

<body>
<h1>This text I do NOT want to be erased.</h1>

<a href="http://google.com" target="_blank">Total: </a>
<script type="text/javascript">
product(3,4);
document.write(display());
</script>

</body>
</html>

I know you can just return in the first function, "product()" but I would like to do something else in my second function "display()" then return a value.

thanks

Calling A Subset Of An Xml Doc

Similar Tutorials

I'm using an XMLHttpRequest to call an XML document.

Code:

xmlhttp.open("GET","gallery.xml",false);
xmlhttp.send();
var xmlDoc = xmlhttp.responseXML; 
var x = xmlDoc.getElementsByTagName("photo");

How do I retrieve a subset of the photo elements - for example, retrieve only those with "insect" in the category node?

Calling Functions

Similar Tutorials

Hi, I'm very new to Javascript and I need some help on calling some existing functions.

What i want to do is create a new function to call the first test1 and then call test2 to turn on the checkbox. i hope this isn't confusing.

Code:

function test1(inStore,onSale,newItem)
{
var daURL;
if (inStore==true)
{
BSSetStoreOnly(true);
daURL="s-2-Online-Store.aspx?ms=bsm1";
if (onSale==true){
daURL+='&SaleOnly=1';
} 

} else {
BSSetStoreOnly(false);
daURL="s-1-Our-Products.aspx?ms=bsm1"; 

if(newItem==true)
{
daURL+='&NewOnly=1';
}
}

location=daURL;
}

function test2()
{
var pInc;

chk=document.getElementById("chkAll");
pInc=readCookie("overrideURL");

if (pInc==null)
{
pInc=0;
}
if (pInc==0) {
chk.checked=false;
} else {
chk.checked=true;
}


} 

function callingTest1Test2 {

}

Calling A Function

Similar Tutorials

New here. The issue is this:

I am trying to display two clocks. I used the javascript clock generator (http://rainbow.arch.scriptmania.com/...generator.html) to create both clocks. However, the same code to place in the html was given to call each clock;

<script language="JavaScript">displayTime();</script>.

Below is the code for both clocks. What can be changed so that each clock displays on my website?

Clock 1:

function timeSource(){
x=new Date(timeNow().getUTCFullYear(),timeNow().getUTCMonth(),timeNow().getUTCDate(),timeNow().getUTCHours (),timeNow().getUTCMinutes(),timeNow().getUTCSeconds());
x.setTime(x.getTime()+10800000);
return x;
}
function timeNow(){
return new Date();
}
function leadingZero(x){
return (x>9)?x:'0'+x;
}
function twelveHour(x){
if(x==0){
x=12;
}
return (x>12)?x-=12:x;
}
function displayOnTime(){
if(fr==0){
fr=1;
document.write('<font size=1 face=verdana><b><span id="tP">'+eval(outputTime)+'</span></b></font>');
}
document.getElementById('tP').innerHTML=eval(outputTime);
setTimeout('displayOnTime()',1000);
}
function amPMsymbol(x){
return (x>11)?'pm':'am';
}
function fixYear4(x){
return (x<500)?x+1900:x;
}
var dayNames=new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
var monthNames=new Array('January','February','March','April','May','June','July','August','September','October','Novem ber','December');
var fr=0;
var outputTime1="dayNames[timeSource().getDay()]+' '+timeSource().getDate()+' '+monthNames[timeSource().getMonth()]+' '+fixYear4(timeSource().getYear())+' '+':'+':'+' '+twelveHour(timeSource().getHours())+':'+leadingZero(timeSource().getMinutes())+':'+leadingZero(tim eSource().getSeconds())+' '+amPMsymbol(timeSource().getHours())";

Clock 2:

function timeSource(){
x=new Date(timeNow().getUTCFullYear(),timeNow().getUTCMonth(),timeNow().getUTCDate(),timeNow().getUTCHours (),timeNow().getUTCMinutes(),timeNow().getUTCSeconds());
x.setTime(x.getTime()+daylightSaving()-18000000);
return x;
}
function timeNow(){
return new Date();
}
function daylightSaving(){
return ((timeNow().getTime()>findDay(0,2,3,2).getTime())&&(timeNow().getTime()<findDay(0,10,3,1).getTime()) )?3600000:0;
}
function findDay(d,m,h,p){
var week=(p<0)?7*(p+1):7*(p-1),nm=(p<0)?m+1:m,x=new Date(timeNow().getUTCFullYear(),nm,1,h,0,0),dOff=0;
if(p<0){
x.setTime(x.getTime()-86400000);
}
if(x.getDay()!=d){
dOff=(x.getDay()<d)?(d-x.getDay()):0-(x.getDay()-d);
if(p<0&&dOff>0){
week-=7;
}
if(p>0&&dOff<0){
week+=7;
}
x.setTime(x.getTime()+((dOff+week)*86400000));
}
return x;
}
function leadingZero(x){
return (x>9)?x:'0'+x;
}
function twelveHour(x){
if(x==0){
x=12;
}
return (x>12)?x-=12:x;
}
function displayTime(){
if(fr==0){
fr=1;
document.write('<font size=2 face=Arial><b><span id="tP">'+eval(outputTime)+'</span></b></font>');
}
document.getElementById('tP').innerHTML=eval(outputTime);
setTimeout('displayTime()',1000);
}
function amPMsymbol(x){
return (x>11)?'pm':'am';
}
function fixYear4(x){
return (x<500)?x+1900:x;
}
var dayNames=new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
var monthNames=new Array('January','February','March','April','May','June','July','August','September','October','Novem ber','December');
var fr=0;
var outputTime="dayNames[timeSource().getDay()]+' '+timeSource().getDate()+' '+monthNames[timeSource().getMonth()]+' '+fixYear4(timeSource().getYear())+' '+':'+':'+' '+twelveHour(timeSource().getHours())+':'+leadingZero(timeSource().getMinutes())+':'+leadingZero(tim eSource().getSeconds())+' '+amPMsymbol(timeSource().getHours())";

Calling Css In Javascript

Similar Tutorials

in HTML you can call CSS

Code:

<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<tr><td class="cssHere">Display</td></tr>

can you even call CSS in javascript?
Code:

document.writeln("<tr><td class="cssHere">" + Display + "</td></tr>");

if so how do you even call the "style.css"

thanks

Calling Objects

Similar Tutorials

I am able to do the following;
Code:

alert(myObject.Income.EESA.Name);

However I'm looking at
Code:

alert(myObject.Income[0].Name);

Or even better, not the full name, just "EESA". I need to loop through as you can see at the end of this script what I'm working on.
Code:

<script type="text/javascript">
var EESARate = 289.3;
var DLARate = 111.20;
var CARate = 61.35;
var SkyCost = 54.75;
var PerfectHomeCost = 28.17;
var CreditExpertCost = 14.99;
var UnitedUtilitiesCost = 8.13;
var BTCost = 57.18;
var AdobeCCCost = 46.88;
var TVLicenceCost = 6.06;
var GasCost = 10.00;
var ElectricCost = 20.0;
var ServerPackageCost = 9.99;
var USDValue = 123; //Fetch the value

var myObject = {
    "Income": {
        "EESA": {
            "Name": "Enhanced Employment and Support Allowance",
            "Amount": {
                "GBP": EESARate,
                "USD": EESARate * USDValue
            },
            "Frequency": {
                "When": "14",
                "Next": "30/10/2014"
            },
            "Description": "",
        },
        "DLA": {
            "Name": "Disibility Living Allowance",
            "Amount": {
                "GBP": DLARate,
                "USD": DLARate * USDValue
            },
            "Frequency": {
                "When": "7",
                "Next": "Wednesday"
            },
            "Description": "",
        },
        "CA": {
            "Name": "Carers Allowance",
            "Amount": {
                "GBP": CARate,
                "USD": CARate * USDValue
            },
            "Frequency": {
                "When": "7",
                "Next": "Saturday"
            },
            "Description": "",
        },
    },
    "Bills": {
        "Sky": {
            "Name": "Sky",
            "Amount": {
                "GBP": SkyCost,
                "USD": SkyCost * USDValue
            },
            "Frequency": {
                "When": "30",
                "Next": "XX/XX/XX"
            },
            "Description": "",
        },
        "PerfectHome": {
            "Name": "Sky",
            "Amount": {
                "GBP": PerfectHomeCost,
                "USD": PerfectHomeCost * USDValue
            },
            "Frequency": {
                "When": "7",
                "Next": "Wednesday"
            },
            "Description": "",
        },
        "CreditExpert": {
            "Name": "Experian Credit Expert",
            "Amount": {
                "GBP": CreditExpertCost,
                "USD": CreditExpertCost * USDValue
            },
            "Frequency": {
                "When": "30",
                "Next": "XX/XX/XX"
            },
            "Description": "",
        },
        "UnitedUtilities": {
            "Name": "United utilities",
            "Amount": {
                "GBP": UnitedUtilitiesCost,
                "USD": UnitedUtilitiesCost * USDValue
            },
            "Frequency": {
                "When": "7",
                "Next": "Wednesday"
            },
            "Description": "",
        },
        "BT": {
            "Name": "British Telecomunications",
            "Amount": {
                "GBP": BTCost,
                "USD": BTCost * USDValue
            },
            "Frequency": {
                "When": "30",
                "Next": "XX/XX/XX"
            },
            "Description": "",
        },
        "AdobeCC": {
            "Name": "Adobe Creative Cloud Suite",
            "Amount": {
                "GBP": AdobeCCCost,
                "USD": AdobeCCCost * USDValue
            },
            "Frequency": {
                "When": "30",
                "Next": "XX/XX/XX"
            },
            "Description": "",
        },
        "TVLicence": {
            "Name": "Television Licence",
            "Amount": {
                "GBP": TVLicenceCost,
                "USD": TVLicenceCost * USDValue
            },
            "Frequency": {
                "When": "30",
                "Next": "XX/XX/XX"
            },
            "Description": "",
        },
        "Gas": {
            "Name": "Eon Gas",
            "Amount": {

                "GBP": GasCost,
                "USD": GasCost * USDValue
            },
            "Frequency": {
                "When": "7",
                "Next": "Wednesday"
            },
            "Description": "",
        },
        "Electric": {
            "Name": "Eon Electric",
            "Amount": {
                "GBP": ElectricCost,
                "USD": ElectricCost * USDValue
            },
            "Frequency": {
                "When": "7",
                "Next": "Wednesday"
            },
            "Description": "",
        },
        "ServerPackage": {
            "Name": "1&1 Unlimited Plus (12 mo. term)",
            "Amount": {
                "GBP": ServerPackageCost,
                "USD": ServerPackageCost * USDValue
            },
            "Frequency": {
                "When": "30",
                "Next": "XX/XX/XX"
            },
            "Description": "",
        },
    },
};

var IncomeTotal = 0;
for (var k in myObject.Income) {
    if (myObject.Income.hasOwnProperty(k)) {
       ++IncomeTotal;
    }
}
alert(myObject.Income.EESA.Name);
document.write('<table>')
for(i = 0; i < IncomeTotal; i++){
   document.write('<tr>')
   document.write('<td>row ' + (i+1) + ', column 0</td>')
   document.write('</tr>')
}
document.write('</table>')
var TotalBills = 0;
for (var k in myObject.Bills) {
    if (myObject.Bills.hasOwnProperty(k)) {
       ++TotalBills;
    }
}
//alert(TotalBills);

</script>

Calling A Custom Tag?

Similar Tutorials

Hey guys, I'm trying to call the following custom tag: <mvt:item name="category_tree" /> from a JS function:

<script language="javascript" type="text/javascript">

</script>

But the custom tag is not executing in the browser. Am I calling it wrong from my JS code?

Calling Script From An Ssi

Similar Tutorials

Can I clean up the header section on some of my pages by putting all the javascript stuff in another page, and then using a server side script to assemble the header? If so how do I do this?

For example all my pages have the following in the header:

<script type="text/javascript" src="css/csshorizontalmenu.js"></script>

I want to have this in a seperate file and call with SSI but it doesnt work when I use something like the following:

<?php require_once('navigation.php'); ?>

Thanks for any help.

Calling A Method Every Second...

Similar Tutorials

So I'm new around here, and to web dev in general, but I've got a (hopefully) short question.

I am trying to call a function (nextMonth()) every second from the time that the cycle method gets called, until it is called again. As of now I am trying to use setInterval, (and I previously tried with setTimeout and using a callback argument but maybe I wasn't doing that properly).

The problem is that after running the cycle() method for 5 or 6 seconds, the entire browser freezes up and you have to kill it and restart it.

Here is my code as of now:

Code:

function cycle()
{
	if(CYCLEINT != null) //STOP THE CYCLE LOOP
	{
		window.clearInterval(CYCLEINT);
		CYCLEINT = null;
		document.getElementById("cycle").innerHTML = "Cycle Months";
	} 

	else //LOOP IS NOT RUNNING, INITIATE AND CONTINUE INTERVAL.
	{
		CYCLEINT = self.setInterval("nextMonth()", 1000);				
		document.getElementById("cycle").innerHTML = "Pause";
	}
} 


function prevMonth()
{
	var dVal = $( ".slider" ).slider( "option", "value");

	if(dVal > 1)
	{
		dVal--;
		$( ".slider" ).slider( "option", "value", dVal );
		refresh();
	}
}

function nextMonth()
{
	var dVal = $( ".slider" ).slider( "option", "value");

	if(dVal < dateMax)
	{
		dVal++;
		$( ".slider" ).slider( "option", "value", dVal );
		refresh();
	}

	if(CYCLEINT != null && dVal >= dateMax)		
	{
		cycle();
	}
}

Need Help Calling A Function

Similar Tutorials

I need to create a form button named Create Resume. When clicked this button should call a function that generates a new Web page displaying a resume based on the user input. I am supposed to use the document.write() method to populate a newly generated Web page with all of the XHTML elements, formatting and variable values needed to produce the desired output in Web (.htm) format.

I was hoping to get some guidance on how to accomplish this final step on my project. Any help would be greatly appreciated!

KM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Web 115 Final Project</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

</head>

<body>
<script type="text/javascript" src="projectjs.js">
</script>
<hr align="center" width="60%" />
</br>
<script type="text/javascript">
document.write("<span style=\"font-family:garamond; text-align:center;font-size:

30px;\"> <p><b>Build Your Resume</b></p><\/span>");
</script>

<form name="resume" method="get">
<p><input type="text" value="Enter your full name" size="50"/>
</p><p>
<input type="text" value="Enter your address" size="150"/>
</p><p>
<input type="text" value="Enter your phone number" size="50"/>
</p><p>
<input type="text" value="Enter your e-mail address" size="50"/>
</p>
<script language = "Javascript">
function echeck(str) {

var at="@"
var dot="."
var lat=str.indexOf(at)
var lstr=str.length
var ldot=str.indexOf(dot)
if (str.indexOf(at)==-1){
alert("Invalid E-mail ID")
return false
}

if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)

==lstr){
alert("Invalid E-mail ID")
return false
}

if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)

==lstr){
alert("Invalid E-mail ID")
return false
}

if (str.indexOf(at,(lat+1))!=-1){
alert("Invalid E-mail ID")
return false
}

if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
alert("Invalid E-mail ID")
return false
}

if (str.indexOf(dot,(lat+2))==-1){
alert("Invalid E-mail ID")
return false
}

if (str.indexOf(" ")!=-1){
alert("Invalid E-mail ID")
return false
}

return true
}

function ValidateForm(){
var emailID=document.resume

if ((emailID.value==null)||(emailID.value=="")){
alert("Please Enter your Email ID")
emailID.focus()
return false
}
if (echeck(emailID.value)==false){
emailID.value=""
emailID.focus()
return false
}
return true
}
</script>
<p>
<textarea id="tarea" cols="75" rows="4">Enter your personal information

</textarea></p><p>
<textarea id="tarea" cols="75" rows="4">Enter your career objectives

</textarea></p><p>
<textarea id="tarea" cols="75" rows="4">Enter your educational background

</textarea></p><p>
<input type="text" value="Most recent employment beginning and ending dates"

size="50"/></p><p>
<textarea id="tarea" cols="75" rows="4">Most recent employment experience</textarea>

</p><p>
<input type="text" value="Employment beginning and ending dates" size="50"/></p><p>
<textarea id="tarea" cols="75" rows="4">Additional Employment

Experience</textarea></p><p>
<input type="text" value="Employment beginning and ending dates" size="50"/></p><p>
<textarea id="tarea" cols="75" rows="4">Additional Employment

Experience</textarea></p><p>
<input type="text" value="Employment beginning and ending dates" size="50"/></p><p>
<textarea id="tarea" cols="75" rows="4">Additional Employment

Experience</textarea></p><p>
<textarea id="tarea" cols="75" rows="4">Character References</textarea></p><p>
<textarea id="tarea" cols="75" rows="4">Business References</textarea></p></br>
<input type="button" name="push_button" value="Create Resume"/>
</form>

</body>
</html>

Calling 2 Functions From Inside An If Else

Similar Tutorials

Hi,

I have an embarrassingly similar problem to the last time I was here. I have a google map that generates links and checkboxes from an xml file and puts them in a sidebar. The links open infowindows and the checkboxes show or hide lines on the map.

Which all works ok. But (like last time) I have another function that puts arrowheads along those lines to indicate directionality.

The code which turns the lines off and on looks like this:
Code:

function togglePoly(poly_num) {
        if (document.getElementById('poly'+poly_num)) {
           if (document.getElementById('poly'+poly_num).checked) {
              gpolys[poly_num].show();
			} else {
              gpolys[poly_num].hide();
			}

        }

      }

and the sidebar creation code is like this:
Code:

sidebar_html += '<input type="checkbox" id="poly'+poly_num+'" checked="checked" onclick="togglePoly('+poly_num+');">' + label + '<br />';

so I was thinking that I could just call the functions that put the arrows on the lines like this, to show/hide them along with their respective lines:
Code:

 function togglePoly(poly_num,category) {
        if (document.getElementById('poly'+poly_num)) {
           if (document.getElementById('poly'+poly_num+category).checked) {
              gpolys[poly_num].show();
			show(category);
           } else {
              gpolys[poly_num].hide();
			 hide(category);
           }
        }
      }

and change the sidebar code to this:
Code:

sidebar_html += '<input type="checkbox" id="poly'+poly_num+'" checked="checked" onclick="togglePoly('+poly_num+','+category+');">' + label + '<br />';

and all would be well.

But all is not well - I get an error saying that my category is not defined in the sidebar_html line.

If you want to see it in action, here's without trying to toggle the arrows on and off:
http://xelawho.com/map/busroutes2.htm

and here's the version with the category undefined error:
http://xelawho.com/map/busroutes3.htm

can anybody help me out here?

thanks in advance.

Calling Functions In Javascript

Similar Tutorials

Hello all here is a more intelligent question. This one is just on an exercise I am doing.

I have to call a function using parameter values.

my main function is this

Code:

function showResults(race,name,party,votes)

or just

function showResults

in the next lines below

i have to call the function

is this the right way

Code:

<script type="text/javascript">
	{
showResults=("race[0],name1,party1,votes1");

    }
</script>

or should it be without the { and }

like this?

Code:

script type="text/javascript">
	
showResults=("race[0],name1,party1,votes1");

    
</script>

or is it like this

Code:

script type="text/javascript">
	
showResults(race[0],name1,party1,votes1);

    
</script>

Thanks all, what would be the proper method

Thanks

Calling 2 Functions With Javascrpt

Similar Tutorials

i now have

<a href=""javascript:NewCssCal('repaymentdate','ddMMyyyy')"">

how can I have this after it calls teh newcsscal and fills in the textbox call another function.
(i don't want to add it to newcsscal as that's used in multiple locations and I only need to call this function in 1 location.

New To Calling Functions? (easy)

Similar Tutorials

i have a script that will let you know what the date is.. as well as a countdown to thanksgiving.. it is called tday.js
Code:

function showDate() {
   thisDate = new Date();
   var thisWDay=thisDate.getDay();
   var thisDay=thisDate.getDate();
   var thisMonth=thisDate.getMonth();
   var thisYear=thisDate.getFullYear();
   var mName = new Array("January", "February", "March", "April", "May", 
       "June", "July", "August", "September", "October","November", "December");
   var wdName = new Array("Sunday", "Monday", "Tuesday", "Wednesday",
       "Thursday", "Friday", "Saturday");
   return wdName[thisWDay]+", "+mName[thisMonth]+" "+thisDay+", "+thisYear;
}


function calcThanksgiving(year) {
   var delta = year - 1900;
   var tday = delta % 12;
   tday = (tday + Math.floor(tday/4) + Math.floor(delta/12)) % 7;
   return (tday == 0)? 28 : (29 - tday);
}

function daysToThanksgiving() {
   var thisDate = new Date();
   var year = thisDate.getFullYear();
   var tday = calcThanksgiving(year);
   var tdate = new Date("November "+tday+", "+year);
   if (thisDate > tdate) {
      year++;
      tday = calcThanksgiving(year);
      tdate = new Date("November "+tday+", "+year);
   }

   return Math.floor((tdate-thisDate)/(1000*60*60*24));
}

so now i have to call upon this script to print "today is ..the date.. . <br> there are ..days... till thanksgiving

im kind of new of calling on javascript files but i came up with

Code:

<SCRIPT LANGUAGE="JavaScript" SRC="tday.js">
</SCRIPT><script type="text/javascript">
document.write('Today is: '+showDate()+'. There are '+daysToThansgiving()+' days until Thanksgiving.');
</script>

and it doesnt seem to be working.

Calling Settimeout In A Loop

Similar Tutorials

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css"> 

#status
{
	background-color:#FF0;
	width: 300px;
	height: 150px;
	overflow:scroll;
	margin-top: 25px;
}

#money
{
	position:absolute;
	left: 325px;
	top: 416px;
}
</style>

<script type="text/javascript">

function Machine()
{
	this.getCash = function()
	{
		var i = 0;
		var rand = 0;
		
		while (i < 2)
		{
			t = setTimeout("rand = Math.ceil(Math.random() * 4 )", 1000);
			alert(rand);
			i++;
		}
		
		clearTimeout(t);
	}
}

var soda = new Machine();
soda.getCash();

</script>
</head>

<body>
<div style="margin-bottom:25px"> 
Soda Machine.
<p>_________________</p>

1. Earn Money
<br />
2. Buy Soda
</div>
<table> 
<thead>
<th>Soda</th>
<th>Price</th>
<th>Buy</th>
</thead>
<tbody>

<tr>
<td>
Basic Fizz
</td>
<td>
$5
</td>
<td>
<input type="button" id="b_fizz" value="Buy Basic Fizz" /> 
</td>
</tr> 

<tr>
<td>
Advanced Fizz
</td>
<td>
$11
</td>
<td>
<input type="button" id="a_fizz" value="Buy Advanced Fizz" /> 
</td>
</tr> 

<tr>
<td>
The Good Stuff
</td>
<td>
$17
</td>
<td>
<input type="button" id="cc_fizz" value="Buy Coca Cola" /> 
</td>
</tr> 

</tbody>
</table>

<div id="status">
<p style="margin-top:0">Status Window: </p>
</div>

<input type="text" id="money" value="$0" disabled="disabled" /> 

<input type="button" id="earn" value="Earn Cash" />



</body>
</html>

Basically, what I'm trying to do is get a random number every second for 2 seconds automatically so that in the status window it says:

"You earned $2"
"You earned $3"
....etc.

But my random number keeps showing up as 0. I know I'm probably overlooking something as far as closures...can someone please enlighten me? Check the javascript code

tried this also..same result for everything I try: D:
Code:

function Machine()
{
	this.rand = 0;
	this.r = function()
	{
		this.rand = Math.ceil(Math.random() * 4);
	}
	
	this.getCash = function()
	{
		var i = 0;
		
		while (i < 3)
		{
			t = setTimeout("this.r()", 1000);
			alert(this.rand);
			i++;
		}
		
		clearTimeout(t);
	}
}

var soda = new Machine();
soda.getCash();