JavaScript - Javascript Setting Value Of Hidden Variable

If I manually write out "2/22/2012 4:00 PM" in TargetDate, I get the correct result for what I want to do (a countdown). But I want the countdown to always be the current day at 4pm. So I tried the code below thats commented, but it is not working. New to javascript, still reading the books, just hoping for some guidance on this.


Code:

Next Update: <script language="JavaScript">
var currentTime = new Date()
var month = currentTime.getMonth() + 1
var day = currentTime.getDate()
var year = currentTime.getFullYear()
TargetDate = "2/22/2012 4:00 PM";
//TargetDate = "document.write(month + "/" + day + "/" + year) + 4:00PM";
BackColor = "white";
ForeColor = "red";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%H%% H, %%M%% M, %%S%% S";
FinishMessage = "Forecasts posted";
</script>
<script language="JavaScript" src="countdown.js"></script>

Whenever I try to compile a script I wrote, I get the error, "class, interface, or enum expected" and it points to a spot in my script that I don't think should create an error... I've tried changing different things in the line it points to, but it doesn't help. Here's are some of the errors:

Code:
Code:

var it = 0;
var udt = new array(10);
	
for(it = 0, it < udt.length, it++){
	switch(it){
		case 0: udt[it] = prompt("Type a name", "");
		case 1: udt[it] = prompt("Type a verb", "");
		case 2: udt[it] = prompt("Type an adverb", "");
		//case 3: udt[it] = prompt("Type a 
		//case 4: udt[it] = prompt("Type a 
		//case 5: udt[it] = prompt("Type a 
		//case 6: udt[it] = prompt("Type a 
		//case 7: udt[it] = prompt("Type a 
		//case 8: udt[it] = prompt("Type a 
		//case 9: udt[it] = prompt("Type a 
		//case 10: udt[it] = prompt("Type a
	}
}
document.write(udt[0] + udt[1] + "away as" + udt[2]);

Errors:
Code:

story.java:1: class, interface, or enum expected
var it = 0;
^
story.java:2: class, interface, or enum expected
var udt = new array(10);
^
story.java:4: class, interface, or enum expected
for(it = 0, it < udt.length, it++){
^
story.java:17: class, interface, or enum expected
        }
        ^

I've looked over the first one and I have no idea why that is an error. If the reason is obvious to you, please be polite. I've only been using javascript for about 2 days.

Hi,

I have a variable:

Code:

var step = 5;

that is referenced by this function:


Code:

function animate(d) {
        if (d>eol) {
          return;
        }
        var p = poly.GetPointAtDistance(d);
		if (k++>=180/step) {
          map.panTo(p);
          k=0;
        }
        map.panTo(p);
        marker.setPoint(p);
		if (supportsCanvas) {
          if (poly.GetIndexAtDistance(d)>lastVertex) {
            lastVertex = poly.GetIndexAtDistance(d);
            if (lastVertex == poly.getVertexCount()) {
              lastVertex -= 0;
            }
            while (poly.getVertex(lastVertex-2).equals(poly.getVertex(lastVertex-1))) {
              lastVertex-=1;
            }
            angle = bearing(poly.getVertex(lastVertex-2),poly.getVertex(lastVertex-1) );
            plotcar();

          }
        }
        
	if(!paused){
		setTimeout("animate("+(d+step)+")", tick);
	} else {
		continueStep=d+step;	
	}
}

and I would like for the user to have the option of setting that variable using radio buttons- say to 5, 7 or 10

is it possible?

Ok...so here is what I have:

Code:

function myClass() {
		this.checkLogin = function(name,pwd) {
			if(name.length > 0 && pwd.length > 0) {
				$.ajax({async: false,
								 type: "post",
					 				url: "url",
						 dataType: "json",
								 data: "data",
			 				success: this.parseData});
			}
		}
		this.parseData = function(data) {
			this.status = data.status;
			alert(this.status);
		}
		this.getStatus = function() {
			alert(this.status);
		}
}

Everything works above. The first alert shows that this.status was set to 'error'. However, if I call myClass.getStatus(), I get undefined. How can I get the parseData function to set the variables in the parent function?

Thanks!

Hi guys,

I have a javascript drop-down navigation bar on my website. While I am creating the website, the drop-down have no problem overlaying the javascript (embed with flash) photo gallery in Firefox. But when I tested it in IE, it did not overlay the javascript script and the drop-down was covered by the photo gallery instead.

I tried methods like Z-index, using Div etc but it still doesn't work on Internet Explorer. I tested on Safari, Opera and Firefox doesn't seem to have any problem. Here is my links to my CSS use for my website. Really need help, have no idea what I did wrong. Can anyone advise me what to do? Thank you so much!!!! Much appreciated!!!

Working Website:
http://17thstop.sg/demo

CSS Files:
http://17thstop.sg/demo/styles.css
http://17thstop.sg/demo/css/default.advanced.css
http://17thstop.sg/demo/css/default.css
http://17thstop.sg/demo/css/dropdown.css

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

<!-- #BeginTemplate "index.dwt" -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="styles.css" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" ></link>
<link rel="icon" type="image/gif" href="animated_favicon1.gif" ></link>
<title>Four Musketters Studio</title>

<script type="text/javascript" src="gallery/swfobject.js"></script>

<!-- Menu CSS and JS -->
<link href="css/dropdown.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/default.advanced.css" media="screen" rel="stylesheet" type="text/css" />

<!--[if lt IE 7]>
<script type="text/javascript" src="js/jquery/jquery.js"></script>
<script type="text/javascript" src="js/jquery/jquery.dropdown.js"></script>
<![endif]-->

<!-- End of Menu and JS -->

</head>

<body>
	<div id="content">
		<h1><a href="index-blueprint.htm"><span>Four Musketeers</span> Studio</a></h1></div>

<!-- Start of Menu -->	
<div id="contentmenu"><ul id="nav" class="dropdown dropdown-horizontal">
	<li><a href="index.htm">Home</a></li>
	<li class="dir">About Us
		<ul>
			<li><a href="about_us.htm">The Four Musketters</a></li>			
			<li class="dir">The Team
				<ul>
					<li><a href="darren.htm">Darren</a></li>
					<li><a href="jon.htm">Jonathan</a></li>
					<li><a href="hweek.htm">Hwee Key</a></li>
					<li><a href="gavin.htm">Gavin</a></li>
				</ul>
			</li>
			<li><a href="./">Clients</a></li>
			<li><a href="./">Testimonials</a></li>
			<li><a href="./">Press</a></li>
			<li><a href="./">FAQs</a></li>
		</ul>
	</li>
	<li class="dir">Services
		<ul>
			<li><a href="cne.htm">Event & Commercial Photography</a></li>
			<li><a href="portrait.htm">Portrait Photography</a></li>
			<li><a href="wedding.htm">Wedding Photography</a></li>
			<li><a href="studio.htm">Rental of Studio</a></li>
			<li><a href="./">Training &amp; Consulting</a></li>
		</ul>
	</li>
	<li><a href="gallery3/gllery.htm">Gallery</a></li>
	<li><a href="./">Events</a></li>
	<li><a href="./">Careers</a></li>
	<li><a href="./" class="dir">Contact Us</a>
		<ul>
			<li><a href="contact.htm">Enquiry Form</a></li>
			<li><a href="locationc.htm">Contact Us & Location</a></li>		
			</ul>
	</li>
</ul>
</div>
<!-- End of Menu -->

<div id="content1">

	<!-- #BeginEditable "BodyContent" -->

	<div id="flashcontent">AutoViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a> </div>	
	<!-- #EndEditable -->
	<script type="text/javascript">
		var fo = new SWFObject("gallery/autoviewer.swf", "autoviewer", "100%", "100%", "8", "#181818");
			fo.addVariable("xmlURL", "gallery/gallery.xml");		
				
		//Optional Configuration
		//fo.addVariable("langOpenImage", "Open Image in New Window");
		//fo.addVariable("langAbout", "About");	
		//fo.addVariable("xmlURL", "gallery/gallery.xml");					
		
		fo.write("flashcontent");	
		
	</script></div>


			<div id="footer">
				<p id="links">
				Copyright &copy; 2010 &minus; Four Musketters Studio &middot; Your Number 1 Choice.
				</p>
				<p>
					<a href="#">Home</a>
					<a href="#">Practice</a>
					<a href="#">Attorneys</a>
					<a href="#">Accidents</a>
					<a href="#">News</a>
					<a href="#">About Us</a>
					<a href="#">Contact Us</a>
				</p>
			</div>

</body>

<!-- #EndTemplate -->

</html>

Hi,

I was tasked with creating a JavaScript quiz...
I succeeded in doing so but part of the requirement was to use hidden fields for the answers.

Would this be possible using the code I currently have:

Thanks

Code:

<html>
<head>
<script type="text/javascript">
	function valid() 
	{
		cor = "0"
		incor = "0"
		test0 = document.myform.elements[0].value;
		test1 = document.myform.elements[1].value;
		test2 = document.myform.elements[2].value;
		test3 = document.myform.elements[3].value;
		test4 = document.myform.elements[4].value;
		test5 = document.myform.elements[5].value;
		test6 = document.myform.elements[6].value;
		test7 = document.myform.elements[7].value;
		test8 = document.myform.elements[8].value;
		test9 = document.myform.elements[9].value;
		
			if (test0 == "64") 
			{
				alert("Congratulations you got question one correct!");
                    ++cor
			}
				else alert("Sorry, you got question one incorrect!");

	
			if (test1 == "56") 
			{
				alert("Congratulations you got question two correct!");
                    ++cor
			}
				else alert("Sorry, you got question two incorrect!");
			
			if (test2 == "7") 
			{
				alert("Congratulations you got question three correct!");
                    ++cor
			}
				else alert("Sorry, you got question three incorrect!");
				
			if (test3 == "8") 
			{
				alert("Congratulations you got question four correct!");
                    ++cor
			}
				else alert("Sorry, you got question four incorrect!");
				
			if (test4 == "100") 
			{
				alert("Congratulations you got question five correct!");
                    ++cor
			}
				else alert("Sorry, you got question five incorrect!");
				
			if (test5 == "1947") 
			{
				alert("Congratulations you got question six correct!");
                    ++cor
			}
				else alert("Sorry, you got question six incorrect!");
				
			if (test6 == "1") 
			{
				alert("Congratulations you got question seven correct!");
                    ++cor
			}
				else alert("Sorry, you got question seven incorrect!");
				
			if (test7 == "7") 
			{
				alert("Congratulations you got question eight correct!");
                    ++cor
			}
				else alert("Sorry, you got question eight incorrect!");
				
			if (test8 == "132") 
			{
				alert("Congratulations you got question nine correct!");
                    ++cor
			}
				else alert("Sorry, you got question nine incorrect!");
							
			if (test9 == "5280") 
			{
				alert("Congratulations you got question ten correct!");
                    ++cor
			}
				else alert("Sorry, you got question ten incorrect!");
				
				
					
			//else ++incor
				alert("you got " + cor + " right\n You got " + cor/10 * 100 + "% correct!");
	}
</script>
</head>
<body>
<form name="myform">
<table border="1" cellpadding="10">
<tr><td>1. 64 added to what number gives a sum of 128?</td><td><input type="text" name="q1"></td></tr>
<tr><td>2. The product of 8 and 7 is?</td><td><input type="text" name="q2"></td></tr>
<tr><td>3. 35 divided by 5 is:</td><td><input type="text" name="q3"></td></tr>
<tr><td>4. 40 divided by 5 is:</td><td><input type="text" name="q4"></td></tr>
<tr><td>5. What is the area of rectangle that measure 5 by 20?</td><td><input type="text" name="q5"></td></tr>
<tr><td>6. What is 3054 subtracted from 5001?</td><td><input type="text" name="q6"></td></tr>
<tr><td>7. What is the result of 5 x 8-39?</td><td><input type="text" name="q7"></td></tr>
<tr><td>8. What is the binary number 111 in decimal?</td><td><input type="text" name="q8"></td></tr>
<tr><td>9. The sum of 33 and 44 and 55 is:</td><td><input type="text" name="q9"></td></tr>
<tr><td>10. How many feet in a mile?</td><td><input type="text" name="q10"></td></tr>
<tr><td><input type="button" onClick="valid()" value="score"></td><td><input type="reset"></td></tr>
</form>
</table>

</body>
</html>

my code is below
what i want this to do is take the x_cityid and add it to teh hidden field with the id of citiesid (I will do an ajax call before this but my simple javascript is not working)

what am i doing wrong?

function addtocitylist() {
var x_cityid = document.getElementById('x_cityid');
var x_areaid = document.getElementById('x_areaid');
var scitiesid=document.getElementById('citiesid');
var areasid = document.getElementById('areasid');

if (!scitiesid) {
scitiesid.value = x_cityid;
} else {
scitiesid.value = scitiesid + ',' + x_cityid;
}
scitiesid.value = scitiesid ;


alert(scitiesid);
}

Is it possible to scrape displayed text you can't find in html source code ?

The text shows up only when you click a link, but is still not visible in source code. That link has got a userid and is used as a variable in function ShowUserPhone(userid).

If someone knows how to solve this mystery, please help. I added http://www.mediafire.com/file/9eo72u...wUserPhone.txt file as available .js source linked to that smart page. I've also put some comments there about URL original location.

Here is the main function where the process started I guess:

Code:

function ShowUserPhone(userid){
    var UserPhoneLink=document.getElementById("UserPhoneLink");
    var UserPhone = document.getElementById("UserPhone");
        if(document.images){
            (new Image()).src="/pp-owners-list-click-counter.asp?UserId="+escape(userid)+"&counterType=detailsphone";
        }
        if (UserPhoneLink){
            UserPhoneLink.style.display="none";
        }
    if (UserPhone){
        UserPhone.style.display="block";
    }
}

Please help.

Hi ,
I need your help in toggling the causes validation property of a link button depending upon the value selected from the radio button list...if i select "yes" from radio button then the linkbutton causes validation=true...if i select "no" from radio button then the linkbutton causes validation =false..help me out people

So this is how I setup an item in the list and it works fine but I can't fine the syntax for setting an option group in javascript.

Cheers Daniel.

Code:

Users[0] = new Option("Text to show in list", "Item Value");

Hello; I have been trying to find files referenced in Acrobat 9 Pro help regarding using javascript in PDF files. I am waiting or Adobe to send me
a link I can use to change my password for their forums.
Meanwhile, does anyone have good links to these references?

Thanks so much
JK

Hello,

I use a iplocator api, which is javascript and gives out the city name, country and zipcode output
PHP Code:
<script language="JavaScript" src="http://www.somesite.com/somefile.js?key=apikey"></script>
<script language="JavaScript">
<!--
document.write(ip2location_isp() + ', ' + ip2location_city() + ', ' + ip2location_zip_code() + ', ' + ip2location_net_speed());
//-->
</script> 


my question or where i need help is that, i would like to output each of those as a hidden text field, so later i can store into mysq database with POST method from the hidden field.

thank you in advance for your time n help

Hello, I am having some trouble with this Javascript slide show. At the moment when you click on the thumbnails they link to a larger image in a seperate browser page. I would really like to customize it so that the images open up in a smaller window on the same page. I'm sure this is something really simple but as of yet haven't been able to solve this little problem. I'm quite new to webdesign and would really appreciate some help.

Thanks

Hazel


<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Exclusive Ionian</title>

<script type="text/javascript">

<!--

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;

// -->

</script>

<script>



function changeimage(towhat,url, toImg){

if (document.images){

document.getElementById(toImg).src=towhat.src

gotolink=url

}

}

function sshow(){

window.location=gotolink

}



</script>

<script language="JavaScript1.1">

var myimages=new Array()

var gotolink="#"



function preloadimages(){

for (i=0;i<preloadimages.arguments.length;i++){

myimages[i]=new Image()

myimages[i].src=preloadimages.arguments[i]

}

}



preloadimages("i/allegra/1.jpg","i/allegra/2.jpg","i/allegra/3.jpg","i/allegra/4.jpg","i/allegra/5.jpg")



</script>

<style type="text/css">

<!--



#sddm

{ margin: 0;

padding: 0;

z-index: 30}



#sddm li

{ margin: 0;

padding: 0;

list-style: none;

float: left;

font: 11pt Trebuchet MS}



#sddm li a

{ display: block;

margin: 0 1px 0 0;

padding: 0px 1px;

width: 78px;

background: #EDEFED;

color: #999999;

text-align: center;

text-decoration: none}



#sddm li a:hover

{ background: #EDEFED}



#sddm div

{ position: absolute;

visibility: hidden;

margin: 0;

padding: 0;

background: #EDEFED;

border: 0px solid #EDEFED}



#sddm div a

{ position: relative;

display: block;

margin: 0;

padding: 5px 10px;

width: auto;

white-space: nowrap;

text-align: left;

text-decoration: none;

background: #EDEFED;

color: #999999;

font: 11pt Trebuchet MS}



#sddm div a:hover

{ background: #F7CB96;

color: #999999}

-->

</style>

<link href="file:///E|/c/rou.css" rel="stylesheet" type="text/css" />

<style type="text/css">

<!--





-->

</style>

</head>

<body>

<br />

<table width="900" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#EFEFED">



<tr>

<td width="900" bgcolor="#EFEFED">

<div align="center">

<p><a href="javascript:sshow()"><img src="i/allegra/1.jpg" name="targetimage" width="900" height="425" hspace="0" vspace="15" border="0" id="targetimage"><br />

</a>



<a href="file:///E|/i/allegra/1.jpg" onmouseover="changeimage(myimages[0],this.href, 'targetimage')"><img src="i/allegra/1s.jpg" width="180" height="85" hspace="0" vspace="0" border="0"></a><a href="file:///E|/i/allegra/2.jpg" onmouseover="changeimage(myimages[1],this.href, 'targetimage')"><img src="i/allegra/2s.jpg" width="180" height="85" hspace="0" vspace="0" border="0" /></a><a href="file:///E|/i/allegra/3.jpg" onmouseover="changeimage(myimages[2],this.href, 'targetimage')"><img src="i/allegra/3s.jpg" width="180" height="85" hspace="0" vspace="0" border="0" /></a><a href="file:///E|/i/allegra/5.jpg" onmouseover="changeimage(myimages[4],this.href, 'targetimage')"><img src="i/allegra/4s.jpg" width="180" height="85" hspace="0" vspace="0" border="0"></a><a href="file:///E|/i/allegra/4.jpg" onmouseover="changeimage(myimages[3],this.href, 'targetimage')"><img src="i/allegra/5s.jpg" width="180" height="85" hspace="0" vspace="0" border="0" /></a></p>

</div></td></tr>





<tr>

<td valign="top" bgcolor="#EFEFED"><br />

<p align="left" class="style9"><br />

<br />

</p></td>

</tr>

</table>

<p align="center">&nbsp;</p>

</body>

</html>

Afternoon All,

I have managed to secure some JavaScript code from another site that allows me to access values from within my Google Analytics cookie:


<!-- begin Referer Check -->

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write("<script src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'>" + "</sc" + "ript>");
</script>

<script type='text/javascript'>
var pageTracker = _gat._getTracker("UA-1-1");
pageTracker._trackPageview();

//
// This is a function that I "borrowed" from the urchin.js file.
// It parses a string and returns a value. I used it to get
// data from the __utmz cookie
//
function _uGC(l,n,s) {
if (!l || l=="" || !n || n=="" || !s || s=="") return "-";
var i,i2,i3,c="-";
i=l.indexOf(n);
i3=n.indexOf("=")+1;
if (i > -1) {
i2=l.indexOf(s,i); if (i2 < 0) { i2=l.length; }
c=l.substring((i+i3),i2);
}
return c;
}

//
// Get the __utmz cookie value. This is the cookies that
// stores all campaign information.
//
var z = _uGC(document.cookie, '__utmz=', ';');
//
// The cookie has a number of name-value pairs.
// Each identifies an aspect of the campaign.
//
// utmcsr = campaign source
// utmcmd = campaign medium
// utmctr = campaign term (keyword)
// utmcct = campaign content
// utmccn = campaign name
// utmgclid = unique identifier used when AdWords auto tagging is enabled
//
// This is very basic code. It separates the campaign-tracking cookie
// and populates a variable with each piece of campaign info.
//
var source = _uGC(z, 'utmcsr=', '|');
var medium = _uGC(z, 'utmcmd=', '|');
var term = _uGC(z, 'utmctr=', '|');
var content = _uGC(z, 'utmcct=', '|');
var campaign = _uGC(z, 'utmccn=', '|');
var gclid = _uGC(z, 'utmgclid=', '|');
//
// The gclid is ONLY present when auto tagging has been enabled.
// All other variables, except the term variable, will be '(not set)'.
// Because the gclid is only present for Google AdWords we can
// populate some other variables that would normally
// be left blank.
//
if (gclid !="-") {
source = 'google';
medium = 'cpc';
}
// Data from the custom segmentation cookie can also be passed
// back to your server via a hidden form field
var csegment = _uGC(document.cookie, '__utmv=', ';');
if (csegment != '-') {
var csegmentex = /[1-9]*?\.(.*)/;
csegment = csegment.match(csegmentex);
csegment = csegment[1];
} else {
csegment = '(not set)';
}

//
// One more bonus piece of information.
// We're going to extract the number of visits that the visitor
// has generated. It's also stored in a cookie, the __utma cookis
//
var a = _uGC(document.cookie, '__utma=', ';');
var aParts = a.split(".");
var nVisits = aParts[5];

/*

function populateHiddenFields(f) {
f.source.value = source;
f.medium.value = medium;
f.term.value = term;
f.content.value = content;
f.campaign.value = campaign;
f.segment.value = csegment;
f.numVisits.value = nVisits;

alert('source='+f.source.value);
alert('medium='+f.medium.value);
alert('term='+f.term.value);
alert('content='+f.content.value);
alert('campaign='+f.campaign.value);
alert('custom segment='+f.segment.value);
alert('number of visits='+f.numVisits.value);

return false;
}

*/

document.forms["cforms2"].elements["cf2_field_1"].value = source;

</script>




The key outputs from this code are the vars:

source
medium
term
content
campaign
csegment
nVisits

My question is, how can I get the source var into the hidden field in the form in my footer http://www.yogaholidays.co?

I have tried to pass just the source var from within the <script> tags.

document.forms["cforms2"].elements["cf2_field_1"].value = source;

I have commented out part of original code that I did not think I needed.

Any help that can be offered I would be grateful, ultimately I would like to be able to pass all these values to hidden fields.

Thanks

Paul Brown