JavaScript - Calling A Function From Inside Another Function

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

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

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!@

I would like to add some javascript code that used for mobile browser detection to redirect page to another page. I would like to add it to content editor web part in sharepoint. I think I need to add it to the source editor.

I got the following javascript code from a website.

(function(a,b){if(/android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|

kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|

up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-

6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|

us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|

cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el

(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|

od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-

(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |

\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|

ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|

p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok

(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po

(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|

sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl

(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg

\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk

(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|

wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})

(navigator.userAgent||navigator.vendor||

window.opera,'http://www.mycustomizedmobilepage.html');

{/script}

I also learned that I need to add this line of code to the page:

_spBodyOnLoadFunctionNames.push("functionName"); to call the javascript so that there is some kind of time delay to make the page upload to work correclty with the code.

My question is: I see this javascript start with function(a,b), I did't see actually a function name, how can I call this function by using _spBodyOnLoadFunctionNames.push


Thanks


--------------------------------------------------------------------------------

Hi Everyone,

I am not able to figure out why the function "changeDiv(the_div,the_change)" is not called from the for loop in the function displayUsers(keeper)that I generated. The displayUsers is written to get rid of excess code in the function display(keeper).

Can someone, please point out what the mistake is?


Code:

function changeDiv(the_div,the_change)
{
  var the_style = getStyleObject(the_div);
  if (the_style != false)
  {
    the_style.display = the_change;
  }
}



function getStyleObject(objectId)
{
  if (document.getElementById && document.getElementById(objectId)) {
    return document.getElementById(objectId).style;
  } else if (document.all && document.all(objectId)) {
    return document.all(objectId).style;
  } else {
    return false;
  }
}



//Shows input information for # of users selected 

function displayUsers(keeper)
{
  var display=keeper;
  var i,user;
  for(i=1;i<= display;i++)
   {
      user="user"+i;
      changeDiv('user','block');
    }
} 


/*function display(keeper)
{
  if (keeper == 1)
  {
    changeDiv('user1', 'block');
    changeDiv('user2', 'none');
    changeDiv('user3', 'none');
    changeDiv('user4', 'none');
    changeDiv('user5', 'none');
    changeDiv('user6', 'none');
    changeDiv('user7', 'none');
    changeDiv('user8', 'none');
    changeDiv('user9', 'none');
    changeDiv('user10','none');


  }
  else  if (keeper == 2)
  ...
  ...
  ...
else
  {
    changeDiv('user1', 'none');
    changeDiv('user2', 'none');
    changeDiv('user3', 'none');
    changeDiv('user4', 'none');
    changeDiv('user5', 'none'); 
    changeDiv('user6', 'none');
    changeDiv('user7', 'none');
    changeDiv('user8', 'none');
    changeDiv('user9', 'none');
    changeDiv('user10','none');
  }

}// end function display(keeper)*/

Code:

<form>
<input type="button" value="Click!" id="001" />
</form>

function one() {
window.alert('Hello');
window.alert('World!');
}

var varname=document.getElementById("001");
varname.onclick=one;

I am not sure if the last line is this example is correct. Should it not be:

varname.onclick=one();

Or is it ok to write it either way?
Thanks.

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?

In here is an example of a frameset im currently working. i have this frameset: http://www.mediafire.com/?75dvswgvelw19a9

what i want is when i select radio button "YES" and click on the "create" button in form1 http://www.mediafire.com/?eld7a1rb21h799e it will pass the value to radio button "ON" in form 2 http://www.mediafire.com/?f0o060cdpyf06ya and will call the function of the radio button "ON" -shows the hidden textarea. And if i select radio button "NO" in form1 and click on "create" button, it will select radio button "OFF" in form 2. help plsssssssss

Hi.

Firstly, i apologise for this being a google maps related question but the problem is a regular javascript question i believe, and it's really frustrating me.

As i'm sure you're aware that with the maps you can click on a red 'marker' and make an info box pop up. I'm trying to do this with a text link outside of the map. My problem is calling that script via the text link. i really can't see what i'm doing wrong;


my html link
Code:

<a href="javascript;" onmouseover="marker.openInfoWindowHtml();">test</a>

and the javascript from the map
Code:

GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml();
});

I'm sure it's something simple but i've been trying variations for hours and I can't get my head around it. Anyone with any ideas would be an absolute star.

Cheers,
Pat.

hi

i have a sliding vertical menu in my page in the left side and in the right side i have a text say for eg: Home.

So when i click on home, i need the left side vertical menu to slide and open and the home in the left side should get highlighted.

How do i do this in javascript ????

Pls help!!!!

var macs = {
getMacAddress : function()
{
document.macaddressapplet.setSep( "-" );
document.write( "Mac Address = " + document.macaddressapplet.getMacAddress() );
}


how do i call this function and display out in the website?

this doesn't seems working..

<script type="text/javascript">
document.write(mac.getMacAddress());
</script>

Anyone help?

I am taking an online class and the instructor is no help whatsoever. Please see where I'm going wrong with this. I'm sure it is something small I'm missing. Thanks.

The assignment is: Create a function named emLink() that writes an email address using text strings of the username and server names entered in reverse order as parameter values. The command to call the function would look as follows: emLink("eman","revres"). Call the stringReverse() function with name as the parameter value to reverse the order of characters.

Code:

<html>
<head>
<script type="text/javascript">

function emLink(name,server) {
	var rname="eman";
	var rserver="revres";
	stringReverse(rname);
	stringReverse(rserver);
	var email="eman@revres";
	var mailText='<a href="mailto:eman@revres">"eman@revres"</a>';
	document.write(mailText);
}


function stringReverse(textString) {
   if (!textString) return '';
   var revString='';
   for (i = textString.length-1; i>=0; i--)
       revString+=textString.charAt(i)
   return revString;
}
</script>
</head>
<body>
	 <script type="text/javascript">
    	   var rname="reldac";
                var rserver="ude.ortsa.uwm";
                emLink(rname,rserver);
	</script>


</body>
</html>

Currently, all it returns it : "eman@revres"

Hello,
I have a code:
Code:

var device = function(pos_X,pos_Y,serial){
		this.pos_x = pos_X;
		this.pos_y = pos_Y;
		this.serial_number = serial;
		this.click = function(){
			$("#Control").html("Menu");
		};
		this.draw = function() {
			$("#MainArena").append("<div style='position: absolute; top: "+this.pos_y+"px; 
			left: "+this.pos_x+"px;'  onclick='"+alert('click')+";'>device</div>");
		};
		this.move = function(newX, newY) {
			this.pos_x = newX;
			this.pos_y = newY;
		};
[...]
<body>
		<div id="MainArena"></div><div id="Control"></div>
		devices = new device(100,100,1);
		devices.draw();
</body>

The main problem is in "onclick" in <div> element. This script generates:
<div id="1" style="position: absolute; top: 100px; left:100px;" onclick="undefined;">device</div>

Hi I tried posting my question on google forum but I never received an answer. I have the following website. After I enter an Illinois address (Springfield, IL for example) a marker is placed at the location. I added a dragend listener to the marker so that when it is dragged and dropped it runs my identify function that conducts a query on an invisible ArcGIS layer which then displays the data in an infowindow.

This works fine (ignore the jumbled text in the infowindow). However I also want it to conduct the query right after I enter the address so that the infowindow pops up automatically at the initial marker. Is there a simple way to just call the function? Thank you!

https://netfiles.uiuc.edu/alouchio/shared/test.shtml