|
JavaScript - Calling 2 Functions From Inside An If Else
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. Similar TutorialsHi, 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 {
}
Hello, so I'm trying to call multiple functions with onClick. It doesnt really work, just wondering why. Advice or tips would be nice, thank you guys for your time. By the way this is a project for school so the comments are for my professor Code: <head>
<title>Untitled Document</title>
<script type="text/javascript">
//hello, this code doesn't work, I did it piece by piece so the bits work, but when I combined them, it stopped working
function texter(newText){
var oldHTML = document.getElementById('outputPrompt').innerHTML;
document.getElementById('outputPrompt').innerHTML = newText+"<br />"+oldHTML;
console.log(newText);
}
// texter function from class
function menuMain(){
var userInput = document.getElementById('input').value;
var mainMenu;
if (userInput == "3"){
mainMenu = menuThree();
} else if (userInput== "2") {
mainMenu = menuTwo();
} else if (userInput== "1") {
mainMenu = menuOne();
}
texter(mainMenu)
}
//going to the functions by calling them
function menuOne(){
var userInput = document.getElementById('input').value;
if (userInput.length == 0){
texter("You need to enter something in the input box");
} else {
texter("the string has been saved");
}
}
// if the length is equal to zero then there was nothing inputted
function menuTwo() {
var userInput = document.getElementById('input').value;
var theArray = userInput.split(/\s|\n|\r/);
//split string into words array i looked up the regex on coding forums
//also had help to create this from coding forums
var WordsFound = [i];
for (var i=0; i<theArray.length-0; i++) {
if (theArray[i].length < 5) { WordsFound.push('eep- '+theArray[i]); }
else { if (theArray[i].length > 5) { WordsFound.push(theArrray[i]+' -zzz'); }
else { WordsFound.push(theArray[i]); }
}
}
document.getElementById('outputPrompt').innerHTML = WordsFound.join('<br>');
}
// if the array length is less than five the word will push it onto the array
// vise versa with the array length being more than five
//then i join the word with the array
function menuThree() {
var userInput = document.getElementById('outputPrompt').reset();
}
//reset the output
function combineFunctions() {
menuMain();
menuOne();
menuTwo();
menuThree();
}
// combining the functions into one function so i can call it on onclick
function cleartext(){
document.getElementById('input').value="";
}
</script>
</head>
<body>
<h1>RoboSpeek</h1>
<textarea type='text' id='input' onfocus="cleartext()" cols="40"rows="10" wrap="physical">
Please enter 1,2,3 or Exit</textarea><br />
<input type='button' onclick='combineFunctions()' value='submit'/>
<p id='outputPrompt'>Please enter 1,2,3 or exit only</b> </p>
</body>
</html>
Hi, I would like to do something like this: Code: function searchLocations(count) {
var found = false;
var input = document.getElementById('autocomplete').value;
var inp = input.toLowerCase();
var count = 0;
for (var j = 0; j < gmarkers.length; j++) {
gmarkers[j].hide();
var str=gmarkers[j].myname.toLowerCase();
var patt1=inp;
if (str.match(patt1))
{
found = true;
gmarkers[j].show();
count++;
}
}
if (count==1)
myclick(j);
if (count>1)
centerZoom();
if ( ! found ) alert("No matches found. Please check your spelling or refine your search.");
}
on this page here, but the functions - myclick(j); and centerZoom(); aren't getting called. I tried it with switches here, but that only made things worse. I know the functions work because if I put them two } up, they get called, but that takes them out of the if statements. Those if (count...) statements have to be where they are so that "count" will get the right value. Any ideas? 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. 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 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. I am currently designing a table as such Code: ___________________________ | TABLE | | | FRAME A |___________________________| | last row clicked | FRAME B |___________________________| the top frame is a table and the bottom frame contains the last row clicked called through onclick. question: if frame B is a php file with a javascript object, how do i call the javascript object's function to print the data? here is what i have so far index.html //this is the source code for the site Code: <html> <frameset rows = "60%, 40%"> <frame src = "table_driver.php" name = "A" id = "FRAME1"> <frame src = "bottom_row.php" name = "B" id = "FRAME2"> </frameset> </html> printJSTable() //prints the table shown in frame A Code: function printJSTable()
{
echo '<script src = "java_script.js"></script>';
echo '<script src="sorttable.js"></script>';
echo '<table class = "sortable" id = "myTable" border = "1">';
echo '<thead id = "header"><tr>';
foreach($this->columns as $header => $order)
{
echo '<th>';
echo $header;
echo '</th>';
}
echo '</tr></thead><tbody>';
$counter = 0;
for($i = 0; $i < $this->numRows; $i++)
{
//IMPORTANT changeRow(this) is JS call
echo '<tr onclick = "changeRow(this)" onmouseover = "mouseOver(this)" onmouseout = "mouseOut(this)">';
foreach($this->data[$i] as $key => $value)
{
echo '<td>';
if($value!="")
echo $value;
else
{
echo '';
}
$counter++;
echo '</td>';
}
echo '</tr>';
}
echo '</tbody></table>';
echo '<form><input id = "'.$this->numRows.'"type = "button" value = "add row" onclick = "addRow(id)"></form>';
}
and this is changeRow(this) which is supposed to create the table in frame b Code: //populates headersArr and rowArr correctly parent.B.obj = new TableData(headersArr, rowArr); parent.B.obj.printTable(); here are the function definitions for TableData Code: function TableData(headers, row)
{
this.headerArr = headers;
this.rowArr = row;
}
TableData.prorotype.printTable = function()
{
for(i=0; i<this.headerArr.length; i++)
{
document.write('<tr><th>');
document.write(this.headerArr[i]);
document.write('</th><td>');
document.write(this.rowArr[i]);
document.write('</td></tr>');
}
}
and then, finally, this is the php file for the bottom frame Code: <html> <head> <link rel = "stylesheet" type = "text/css" href = "style.css"/> <script type = "text/javascript" src="java_script.js"></script> </head> <body> <script> obj = new TableData; </script> </body> </html> what i want to do is populate the variable obj from ^ (bottom_row.php) and then use the print function to print it out. right now it is populating correclt,y but i cant get it to print. The error console says that Value undefined (result of expression parent.B.obj.printTable) is not object. ?? sry for all the code! just didnt want to leave anything out thanks! Hi, i was wondering if there was a way to call a nested javascript function directly, from outside of the function its nested in? for example, if i have the following functions: Code: <script type="text/javascript">
var test = function(){
var testInner = function(){
alert('testInner');
}
}
</script>
can i then call the 'testInner' function directly from an onclick action something like this: Code: <a href="#" onclick="test.testInner()">TEST JS</a><br /><br /> That code is obviously not working for me, but is there something similar to what ive shown here that will work? Thanks in advanced so, I can pass a value from a select list to another function which then decides which function to call, but I want to cut out the middleman, and make the values the function calls, and call them directly on the onchange... I imagine something like this: Code: <select id="select" onchange="this.value">
<option selected value="function1()">Funtion 1</option>
<option value="function2()">Function 2</option>
<option value="function3()">Function 3</option>
</select>
is it possible? Hello, Our website is built in ASP.NET and uses a content management system. The CMS came with a wealth of JavaScript files and I decided to use one of these files for form validation. Although the file is over 2,300 lines, from what I can tell it is supposed to return true if the form is valid and false otherwise. The problem is that a function inside that file seems to get to a certain point, and somehow quit and return true no matter if the form is valid or not. I am calling this JS from an ASP.NET button control. When the button is clicked, a JS function ValidateForm(document.forms[0]) is called. My ValidateForm function calls another function inside the JS file (which calls another, and another...). No matter what, when that second function is called and executed, code execution stops at some point and the form submits (postbacks). I can see that the validation is working just before the postback, but it is not preventing the form from being submitted, and it also stops executing any code after it. Here is my code: ASP: Code: <asp:Button ID="SubmitBtn" runat="server" Text="Submit Form" CausesValidation="false" CssClass="submit_button" OnClientClick="FmValidate(document.forms[0]); return false;" OnClick="SubmitBtn_Click" /> My Javascript: Code: function FmValidate(formObj) {
var strError = ''; var e = null;
if (strError == '' && 'function' == typeof design_validateHtmlForm) {
alert('before');
// this line causes execution to stop - located in external JS file
// code states "Returns first invalid element, or null."
e = design_validateHtmlForm(formObj);
alert("e is " + e);
if (e) { strError = e.title; }
return false;
}
}
In my ASP.NET button, changing the OnClientClick method to "return false" will prevent form submission, but "return FmValidate(formObj);" will not if that function calls design_validateHtmlForm(formObj). I receive the message box saying "before" but I never receive the second one. I have debugged using Fire bug, but the code seems to cycle through each element on the page and stepping through the code is not realistic (I have done so for 20-minute stretches). I am wondering if anyone has any ideas what code I could look for that would stop execution and return true no matter what, or how I could begin debugging this monster. I still can't understand very well when to use and when NOT to use parenthesis when calling/using methods and functions. Case 1: Where I commented "// No parenthesis.", could someone explain why not. And at the end, where the commen reads "// Parenthesis. ? Code: /* This function will be used as a method inside the objects. */
function getPayment() {
thePayment = 250;
thePayment += (this.seats == 'leather') ? 100 : 50;
thePayment += (this.engine == 'V-8') ? 150 : 75;
thePayment += (this.radio == 'CD Player') ? 30 : 10;
return thePayment;
}
/* Object Constructor (prototype of the object). */
function car(seats, engine, radio) {
this.seats = seats;
this.engine = engine;
this.radio = radio;
this.payments = getPayment; // No parenthesis.
}
/* Creates an instance called 'my_car' out of the 'car' object. */
var my_car = new car('cloth', 'V-6', 'Tape Deck');
/* Object Initializer - automatically instantiates the object. */
var carObj = {
seats: 'leather',
engine: 'V-8',
radio: 'CD Player',
payments: getPayment // No parenthesis. No comma after last item.
}
// Firebug...
console.log(my_car.payments()); // Parenthesis.
console.log(carObj.payments()); // Parenthesis.
/* vim:set foldmethod=indent: */
Case 2: Please look at the comments. Code: window.onload = initAll; // Why no () here?
function initAll() {
window.doStuff(); // Why () here?
}
function doStuff() {
var msg_text = 'I love you so much!';
var msg_link = window.document.getElementById('msg_link');
console.log(msg_link);
var msg_box = window.document.getElementById('msg_box');
msg_link.onmouseover = function() {
//msg_box.value = msg_text;
msg_box.setAttribute('value', 'May the force be with you!');
};
msg_link.onmouseout = function() {
/* This works in ie. */
//msg_box.value = '';
/* Doesn't work in ie7 (and probably not in ie6 either).
* Perhaps the code above is reasonable. */
msg_box.removeAttribute('value');
}
}
/* vim:set foldmethod=indent: */
im not sure now to word it, or how to do it, im a php coder not a javascript -.- but here it is, basicly i have one ajax file and wish to use it for everypage, i tryed to do it so i can just call one function for all ajax uses, but forms seem to be thowing me off the idea is when i call it, i stat if its a form or a element, Code: function ajax(str, b, c) {
a = b;
type = c;
if (type === 'form') {
document.form.b.value='Reading in progress...';
}
if (type === 'element') {
document.getElementById(a).innerHTML='Reading in progress...';
}
xmlhttp = GetXmlHttpObject();
if (xmlhttp === null) {
alert('Your browser does not support XMLHTTP!');
return;
}
xmlhttp.onreadystatechange = stateChanged;
xmlhttp.open('GET', str, true);
xmlhttp.send(null);
}
in this, the variable a is set as the id of the elemnt/form, it works fine for elemnts, but not for forms, i think this is because its thinking a is the id, not the variable, any way around this? How can I call a PHP Function inside a Javascript Function? This is what I have so far, but I don't think I'm doing it the right way. Any suggestions? PHP Code: <?php function phpQuery(){ $query = mysql_query("INSERT INTO mytable VALUES('','name','email')"); } ?> <script type="text/javascript"> function delayQueries() { timeoutID = window.setTimeout(doQueries, 2000); } function doQueries() { var runQuery = "<?php phpQuery(); ?>"; } </script> Hi, I am working on a google map where you can show lines on the map by checking checkboxes. Lines are displayed according to their category attribute in the xml file. The function that picks up the checkbox click is like this: Code: function boxclick(box,category) {
if (box.checked) {
show(category);
} else {
hide(category);
}
Another part of the code assigns that category attribute to arrows, so that when a line of "x" category is displayed, the relevant arrows are displayed along with it, to indicate directionality. I also have a select list which displays the lines by looping through their array and using selectedIndex in a function called handleSelected2. But I can't get the arrows to display along with the lines from the select box. After trying many, many things, I figure that all I need to do is to call the show(category) function from inside the handleSelected2 function and it should all come together. So I came up with this: Code: function handleSelected2(opt,category) {
for (var h = 0; h <gpolylines.length; h++) {
gpolylines[h].hide();
}
h = opt.selectedIndex - 1;
if (h > -1) {
gpolylines[h].show();
}
for (var v=0; v<pts.length; v++) {
show(category);
}
}
which gets me lines, but no arrows. You can see it sort of working he http://www.xelawho.com/map/zonesarrowstest.htm I figure I've got to be close, because if I just tell it to show all the arrows (without going through the category filter) like this: Code: function handleSelected2(opt,category) {
for (var h = 0; h <gpolylines.length; h++) {
gpolylines[h].hide();
}
var h = opt.selectedIndex - 1;
if (h > -1) {
gpolylines[h].show();
}
for (var i=0; i<pts.length; i++) {
pts[i].show();
}
}
then all the arrows show up, as you can see he http://www.xelawho.com/map/zonesarrowstest2.htm I'm not getting any error messages and I've tried pretty much everything I can think of... I've been tweaking this for days and it's driving me crazy. Does anybody else have any ideas? Thanks in advance. Hi, I have written a number of functions designed to return frequency data on 1000 randomly chosen numbers using different math functions for the rounding. I would like to include all of these functions within the wrapper of another function so that only one call is needed to get returns from all of the 'inner' functions. However, while each of the functions works in isolation, the moment I wrap them in another function they stop working. The following code is one of the functions 'frequencyWrapperOne' that has been wrapped in the function 'testWrapper'. A call to testWrapper does nothing. Can anyone see what I'm doing wrong? Code: function testWrapper()
{
function frequencyWrapperOne()
{
var numberArrayOne = new Array(0,0,0);
for (var i = 0; i < 1000; i = i + 1)
{
var chosenNumber = Math.floor(Math.random() * 3);
if (chosenNumber == 0)
{
numberArrayOne[0] = numberArrayOne[0] + 1;
}
if (chosenNumber == 1)
{
numberArrayOne[1] = numberArrayOne[1] + 1;
}
if (chosenNumber == 2)
{
numberArrayOne[2] = numberArrayOne[2] + 1;
}
}
return window.alert(numberArrayOne.join(','));
}
}
testWrapper();
Thanks. Ok here is what I have so far, my ending part of my Call Function I think is ok. for my main function. I think I misplaced the { and } I will show you all the codes I have for my main function this is what I have I think I did misplace something but I can not pin point where that one small things should be Code: unction showResults(race,name,party,votes)
{ // script element to display the results of a particular race
var totalV = totalVotes(votes);
document.write("<h2>" + race + "</h2>");
document.write("<table cellspacing='0'>");
document.write("<tr>");
document.write("<th>Candidate</th>");
document.write("<th class ='num'>Votes</th>");
document.write("<th class='num'>%</th>");
document.write("</tr>");
}
for (var i=0; i < name.length; i++)
{
document.write("<tr>");
document.write("<td>" name[i] + "(" + party[i] + ")</td>");
document.write("td class='num'>" + votes[i] + "</td>");
var percent=calcPercent(votes[i], totalV)
document.write("<td class='num'>(" + percent +"%)</td>");
createBar(party[i],percent)
document.write("</tr>");
}
document.write("</table>");
}
</script>
Just wondering if i misplaced any ; or { or } anywhere suggestions? Here is my call function Code: <script type="text/javascript"> showResults(race[0],name1,party1,votes1); showResults(race[1],name2,party2,votes2); showResults(race[2],name3,party3,votes3); showResults(race[3],name4,party4,votes4); showResults(race[4],name5,party5,votes5); </script> I been going over this, I can not seem to figure out what { i might be missing? Thanks Is there a way to activate a function from another function? It has to be in the script tag, it can't be in the HTML section. Can I use something similar to this following code? If not, can anyone give me some help? I have tried to do it various ways, and have looked it up a few times, but to no avail. Can I use something similar to this following code? If not, can anyone give me some help? if (condition) {activate functionname();} Any help I can get would be appreciated. Thanks a lot to anyone who can help. Hi, How can i call a javascript alert function from an if condition in PHP? For instance: if (A == B) { CALL alert(); } thanks 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())"; 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>
|
|||||||