JavaScript - What Is The Use Of This Construct: (function() { Some Code })(); ?

I don't know anything about Javascript. My brother-in-law wanted me to update some pictures on his website. I found a piece of javascript code and am curious as to what it's function would be. Could someone please tell me what this piece of code is doing / what it's being used for. Thanks in advance.

Here's the code:

Code:

		<csscriptdict>
			<script><!--
function CSClickReturn () {
	var bAgent = window.navigator.userAgent; 
	var bAppName = window.navigator.appName;
	if ((bAppName.indexOf("Explorer") >= 0) && (bAgent.indexOf("Mozilla/3") >= 0) && (bAgent.indexOf("Mac") >= 0))
		return true; // dont follow link
	else return false; // dont follow link
}
CSStopExecution = false;

function CSAction(array) { 
	return CSAction2(CSAct, array);
}
function CSAction2(fct, array) { 
	var result;
	for (var i=0;i<array.length;i++) {
		if(CSStopExecution) return false; 
		var actArray = fct[array[i]];
		if(actArray == null) return false; 

		var tempArray = new Array;
		for(var j=1;j<actArray.length;j++) {
			if((actArray[j] != null) && (typeof(actArray[j]) == "object") && (actArray[j].length == 2)) {
				if(actArray[j][0] == "VAR") {
					tempArray[j] = CSStateArray[actArray[j][1]];
				}
				else {
					if(actArray[j][0] == "ACT") {
						tempArray[j] = CSAction(new Array(new String(actArray[j][1])));
					}
				else
					tempArray[j] = actArray[j];
				}
			}
			else
				tempArray[j] = actArray[j];
		}			
		result = actArray[0](tempArray);
	}
	return result;
}
CSAct = new Object;
CSAg = window.navigator.userAgent; CSBVers = parseInt(CSAg.charAt(CSAg.indexOf("/")+1),10);
function IsIE() { return CSAg.indexOf("MSIE") > 0;}
function CSIEStyl(s) { return document.all.tags("div")[s].style; }
function CSNSStyl(s) { return CSFindElement(s,0); }
function CSFindElement(n,ly) { if (CSBVers < 4) return document[n];
	var curDoc = ly ? ly.document : document; var elem = curDoc[n];
	if (!elem) { for (var i=0;i<curDoc.layers.length;i++) {
		elem = CSFindElement(n,curDoc.layers[i]); if (elem) return elem; }}
	return elem;
}
function CSSetImageURL(action) {
	var img = null;
	if (document.images) {
		if (!IsIE()) img = CSFindElement(action[1],0);
		else img = document.images[action[1]];
		if (img) img.src = action[2];
	}
}function CSGotoLink(action) {
	if (action[2].length) {
		var hasFrame=false;
		for(i=0;i<parent.frames.length;i++) { if (parent.frames[i].name==action[2]) { hasFrame=true; break;}}
		if (hasFrame==true)
			parent.frames[action[2]].location = action[1];
		else
			window.open (action[1],action[2],"");
	}
	else location = action[1];
}
// --></script>
		</csscriptdict>
		<csactiondict>
			<script><!--
CSAct[/*CMP*/ 'B52BCE950'] = new Array(CSSetImageURL,/*CMP*/ 'cac logo',/*URL*/ 'Images/components/geebee.jpg');
CSAct[/*CMP*/ 'B527CA9F3'] = new Array(CSSetImageURL,/*CMP*/ 'cac logo',/*URL*/ 'Images/components/cutline.gif');
CSAct[/*CMP*/ 'B527CAD04'] = new Array(CSSetImageURL,/*CMP*/ 'cac logo',/*URL*/ 'Images/components/f-4.jpg');
CSAct[/*CMP*/ 'B527CAE85'] = new Array(CSSetImageURL,/*CMP*/ 'cac logo',/*URL*/ 'Images/components/cutline.gif');
CSAct[/*CMP*/ 'B527CBCF6'] = new Array(CSSetImageURL,/*CMP*/ 'cac logo',/*URL*/ 'Images/components/boeing-314.jpg');
CSAct[/*CMP*/ 'B527CBEF7'] = new Array(CSSetImageURL,/*CMP*/ 'cac logo',/*URL*/ 'Images/components/cutline.gif');
CSAct[/*CMP*/ 'B527CC588'] = new Array(CSGotoLink,/*URL*/ 'goldenage.htm','');
CSAct[/*CMP*/ 'B527CD869'] = new Array(CSGotoLink,/*URL*/ 'aboutus.html','');
CSAct[/*CMP*/ 'B527D7110'] = new Array(CSSetImageURL,/*CMP*/ 'cac logo',/*URL*/ 'Images/components/HE-111.jpg');
CSAct[/*CMP*/ 'B527D7281'] = new Array(CSSetImageURL,/*CMP*/ 'cac logo',/*URL*/ 'Images/components/cutline.gif');
CSAct[/*CMP*/ 'B527D73B2'] = new Array(CSGotoLink,/*URL*/ 'wwiiidmodels.htm','');
CSAct[/*CMP*/ 'B527D75D3'] = new Array(CSSetImageURL,/*CMP*/ 'cac logo',/*URL*/ 'Images/components/lancaster.jpg');
CSAct[/*CMP*/ 'B527D77E4'] = new Array(CSSetImageURL,/*CMP*/ 'cac logo',/*URL*/ 'Images/components/cutline.gif');
CSAct[/*CMP*/ 'B527D7895'] = new Array(CSGotoLink,/*URL*/ 'wwiiexpert.htm','');
CSAct[/*CMP*/ 'B527D9120'] = new Array(CSGotoLink,/*URL*/ 'modeler.html','');
CSAct[/*CMP*/ 'B527D9291'] = new Array(CSGotoLink,/*URL*/ 'faq.html','');
CSAct[/*CMP*/ 'B527D9372'] = new Array(CSGotoLink,/*URL*/ 'contact.html','');
CSAct[/*CMP*/ 'B527D94A3'] = new Array(CSGotoLink,/*URL*/ 'custom.htm','');
CSAct[/*CMP*/ 'B527D96E5'] = new Array(CSGotoLink,/*URL*/ 'seaplanes.htm','');
CSAct[/*CMP*/ 'B52D133826'] = new Array(CSGotoLink,/*URL*/ 'postwarmodels.htm','');
CSAct[/*CMP*/ 'B530F9380'] = new Array(CSSetImageURL,/*CMP*/ 'cac logo',/*URL*/ 'Images/components/F-104.jpg');
CSAct[/*CMP*/ 'B530F9501'] = new Array(CSSetImageURL,/*CMP*/ 'cac logo',/*URL*/ 'Images/components/cutline.gif');

// --></script>

		</csactiondict>

Here's the website that it's on: http://www.aircraftmodels.com/index.htm

Hi, I have this code:
Code:

window.addEvent('domready',function(){
			
			document.id('cool').addEvent('click',function() {
				
				light = new LightFace.IFrame({ height:400, width:800, url: 'http://google.com', title: 'Google!' }).addButton('Close', function() { light.close(); },true).open();
				
			});
			
		});

It's a piece from something called the lightface iframe. What I want to do is to have this code on my javascript page, that's included on the main page where I want to call it. I call on it like this: Code:

<a href="#" id="cool">Edit general info</a>

However this only works if it's on the main page, not when I have it on my js page. So what I want to do is to turn it into a function, because that I know works.

Could anyone help me with this?

Thanks in advance for your time!

Found this random background img code that works great:



Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>Untitled</title>
	<script  type="text/javascript">
		function changeImg(imgNumber)	{
			var myImages = ["images/image0.jpg", "images/image1.jpg", "images/image2.jpg", "images/image3.jpg"]; 
			var imgShown = document.body.style.backgroundImage;
			var newImgNumber =Math.floor(Math.random()*myImages.length);
			document.body.style.backgroundImage = 'url('+myImages[newImgNumber]+')';
		}
		window.onload=changeImg;
	</script>
	<style type="text/css">
		.bg {background-attachment:fixed; background-repeat: no-repeat; background-position:0% 0%;}

	</style>
</head>
<body class="bg">
	<p>Some text</p>
	<!-- put a lot text lines here to see that the background stays fixed. -->
	<p>Some text</p>
</body>

The only problem i have is making the background image width and height 100% so that the entire image fills in the screen and fills in on resize of window. Please Help...thanks in advance

I need help adding an additional function to some existing java script code I already have. In addition to the functions already on this js, I want make it so the banner displays one of the images randomly on each new page load. I have an external js file that this page also links too. Not sure if I need to post that also. I was hoping to just add to this code. Any help is greatly appreciated

<script type="text/javascript" src="js/homepage-banners/simplegallery.js">
</script>

<script type="text/javascript">

var mygallery=new simpleGallery({
wrapperid: "simplegallery1",
dimensions: [250, 180],
imagearray: [
["img/headers/automotive.jpg", "http://www.visionsystem.com/applications/automotive_metal.php", "", ""],
["img/headers/electrical.jpg", "http://www.visionsystem.com/applications/electronics.php", "", ""],
["img/headers/food-packaging.jpg", "http://www.visionsystem.com/applications/food_pharmaceutical.php", "", ""],
["img/headers/medical-pharmaceutical.jpg", "http://www.visionsystem.com/applications/food_pharmaceutical.php", "", ""],
["img/headers/semiconductor.jpg", "http://www.visionsystem.com/applications/electronics.php", "", ""],
["img/headers/automation.jpg", "http://www.visionsystem.com/applications/food_pharmaceutical.php", "", ""]
],

autoplay: [false, 2500, 2],
persist: false,
fadeduration: 500,
oninit:function(){
},
onslide:function(curslide, i){
}
})

</script>

HTML CODE BELOW (JAVASCRIPT CODE FOLLOWS);

Code:

<!DOCTYPE html>
<html>
   <head>
      <meta http-equiv="content-type" content="text/html;charset=utf-8">
      <title>Text Object value Property</title>
      <script type="text/javascript" src="../jsb-global.js"></script>
      <script type="text/javascript" src="jsb-11-02.js"></script>
   </head>
   <body>
      <h1>Text Object value Property</h1>
      <form id="UCform" action="make-uppercase.php">
         <p>
            <input type="text" id="converter" name="converter" value="sample">
         </p>
      </form>
   </body>
</html>

This program below switches what is entered into the text filed to caps when hitting the enter button or the tab button. Can someone explain to me why it is not working. The answer would be helpful to a newbie who's trying hard to learn the fundamentals...

Code:

// initialize when the page has loaded
window.onload = initialize;

var oInput;   // (global) input field to make uppercase

// apply behaviors when document has loaded
function initialize()
{
   // do this only if the browser can handle DOM methods
   if (document.getElementById)
   {
      // apply event handler to the button
      oInput = document.getElementById('converter');

         if (oInput){
      
            var event = oInput.onchange;
            upperMe(event);
           
         }

      // apply event handler to the form
      var oForm = document.getElementById('UCform');
         if (oForm)
         {
           var event = oForm.onsubmit;
           upperMe(event);
         }
   }
}

// make the text UPPERCASE
function upperMe(evt)
{      // consolidate event handling
      if (!evt) evt = window.event;

   
   // set input field value to the uppercase version of itself
   var sUpperCaseValue = oInput.value.toUpperCase();
   oInput.value = sUpperCaseValue;

   // cancel default behavior (esp. form submission)
      // W3C DOM method (hide from IE)
      if (evt.preventDefault) evt.preventDefault();

   // IE method
   return false;
}

Hello everybody
I need your help in this problem

At first, this is the code used

HTML Code
PHP Code:
<input  type="text" onfocus="fadeIn(this)" /><div class="box" style="opacity: 0.0"></div><br />
<input  type="text" onfocus="fadeIn(this)" /><div class="box" style="opacity: 0.0"></div> 



JavaScript Code
PHP Code:
function fadeIn(elem){
      element = elem.nextSibling;
      elemOpacity = element.style.opacity;
      element.innerHTML = elemOpacity;
      if (elemOpacity < 1.0) 
            element.style.opacity = parseFloat(elemOpacity) + 0.1;
      timeIn = setTimeout(fadeIn, 100);
} 




I have used the opacity property to make fading element like fadeIn() function in jquery , and i have used onfocus event to execute the code .
Problem exists in setTimeout function, this function Does not work But the code works without this function

What is the cause of the problem , Please help me

Hi,

Firstly, I would like to introduce myself. I am new to the application framework in sencha and JS.

Acutally i have to pop an image on click of the text. I checked some of the same codes and wrote this code in sencha javascript. can any one please check what's wrong with this code and let me know how to call this function from html code.

function showEditWindow() {

var win = new Ext.Window({
title: 'image',
width: 100,
height: 100,
html: '<img src=\"p1.png\"></img>',

});

win.show();
return win;
};

I am having some difficulty in constructing a window.confirm() function that works with my code. So if the form data is valid, I need to use a window.confirm() dialog box to show the user's total cost based on the rental rate of equipment chosen and the reservation period. The user must accept the cost by pressing the confirm button, and if user cancels do not submit data. I have written this code but cannot figure out how to find the number of days from the 2 date fields and use that to calculate and display the total cost. Any help with this will be greatly appreciate. Thanks so much.

[This is the part I am having trouble with:]

//confirm submit and display rental cost
Code:

			 	var equip = document.forms[0].equipment.value
				var pDate = document.forms[0].pickupDate.value
				var pHours = document.forms[0].pickupHours.value
				var pMinutes = document.forms[0].pickupMinutes.value
				var rDate = document.forms[0].returnDate.value
				var rHours = document.forms[0].returnHours.value
				var rMinutes = document.forms[0].returnMinutes.value
				
				var pTime = pHours + pMinutes
				var rTime = rHours + rMinutes
				
				var total = (((rDate - pDate) - 1) * 24) * equip) + ((rTime + (24 - pTime)) * equip)
		
				function confirmSubmit() {
				var submitForm = window.confirm("'The total rental cost is: ' + total");
				if (submitForm == true) 
					return true;
					return false;
				}

[Below is the code I have so far:]
Code:

<!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>
	<!-- Brooks Rogalski
		December 6, 2010 -->
<title>ABC Outdoor Sports</title>
<meta http-equiv="content-type"
	content="text/html; charset=iso-8859-1" />
	
	<script type = "text/javascript">
		/* <![CDATA[ */
		
			//image slideshow function
			
			var interval = 4000; // delay between rotating images
			var random_display = 1; // 0 = no, 1 = yes
			var pause = false;
			var image_index = 0;
			
			image_list = new Array();
			image_list[image_index++] = new imageItem("fishing.jpg");
			image_list[image_index++] = new imageItem("biking.jpg");
			image_list[image_index++] = new imageItem("climbing.jpg");
			image_list[image_index++] = new imageItem("kayaking.jpg");
			image_list[image_index++] = new imageItem("scuba.jpg");
			
			var number_of_image = image_list.length;
			
			function imageItem(image_location) {
			
				this.image_item = new Image();
				this.image_item.src = image_location;
			}
			
			function get_ImageItemLocation(imageObj) {
				return(imageObj.image_item.src)
			}

			function generate(x, y) {
			
				var range = y - x + 1;
				return Math.floor(Math.random() * range) + x;
			}

			function getNextImage() {
				if (pause == true) return;
				
				if (random_display) {
					image_index = generate(0, number_of_image-1);
				}
				else {
					image_index = (image_index+1) % number_of_image;
				}
				
				var new_image = get_ImageItemLocation(image_list[image_index]);
				return(new_image);
			}

			function rotateImage(place) {
				
				var new_image = getNextImage();
				
				document[place].src = new_image;
				
				var recur_call = "rotateImage('"+place+"')";
				
				setTimeout(recur_call, interval);
			}

			
				
			//validate form functions
			
			function validateForm() {
			
				var valid = true;
				
				//validate equipment 
				
				if (document.forms[0].equipment.selectedIndex == 0) {
					window.alert("Please select your equipment type.");
					document.forms[0].equipment.focus();
					return false;
				}
				
				//validate pick-up date
			
				if (document.forms[0].pickupDate.value == "'' || '(mm/dd/yyyy)'" ) {
					window.alert("Please enter your Pick-up Date.");
					document.forms[0].pickupDate.focus();
					valid = false;
					return valid;
				}
				
				today = new Date();
				year = today.getFullYear() ;
				month = today.getMonth();
				day = today.getDate();
				
				//validate pickup date format
				
				var re =/^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{2,4}$/
	
				if(document.forms[0].pickupDate.value != '' && 		!document.forms[0].pickupDate.value.match(re)) { 
					window.alert("Invalid date format: " + document.forms[0].pickupDate.value); 
					document.forms[0].pickupDate.focus();
					valid=false;
					return valid;
				}
	
				var date;
				var input2=document.forms[0].pickupDate.value;
				var cyear = parseInt(input2.substring(6,10));
				var cmonth = parseInt(input2.substring(0,2)) - 1;
				var cday = parseInt(input2.substring(3,5));
	
				if ( month < cmonth ){
					date = year - cyear - 1;
				}
				else if ( month < cmonth ){
					date = cyear - year;
				}
				else if ( month == cmonth ){
					if ( cday < day ){
						date = cyear - year - 1;
					}
					else if ( day > cday ){
						date= cyear - year;
					}
					else if ( day == cday ){
						date = cyear - year-1;
					}
				}
	
				if(date < 2){
					window.alert('Must be atleast 2 days from today');
					valid=false;
					return valid;
				}
				
				//validate pick-up time hours
				
				if (document.forms[0].pickupHours.selectedIndex == 0) {
					window.alert("Please select the number of hours for pick-up time.");
					document.forms[0].pickupHours.focus();
					return false;
				}
				
				//validate pick-up time minutes
				
				if (document.forms[0].pickupMinutes.selectedIndex == 0) {
					window.alert("Please select the number of minutes for pick-up time.");
					document.forms[0].pickupMinutes.focus();
					return false;
				}
				
				//validate return date
			
				if (document.forms[0].returnDate.value == "'' || '(mm/dd/yyyy)'" ) {
					window.alert("Please enter your Return Date.");
					document.forms[0].returnDate.focus();
					valid = false;
					return valid;
				}
				
				//validate return date format
				
				if(document.forms[0].returnDate.value != '' && !document.forms[0].returnDate.value.match(re)) { 
					window.alert("Invalid date format: " + document.forms[0].returnDate.value); 
					document.forms[0].returnDate.focus();
					valid=false;
					return valid;
				}
	
				if(document.forms[0].returnDate.value <= document.forms[0].pickupDate.value){
					window.alert("Please choose later date");
					valid=false;
					return false;
				}
				
				//validate return time hours
				
				if (document.forms[0].returnHours.selectedIndex == 0) {
					window.alert("Please select the number of hours for return time.");
					document.forms[0].returnHours.focus();
					return false;
				}
				
				//validate return time minutes
				
				if (document.forms[0].returnMinutes.selectedIndex == 0) {
					window.alert("Please select the number of minutes for return time.");
					document.forms[0].returnMinutes.focus();
					return false;
				}
				
				//validate first name
			
				if (document.forms[0].firstName.value=="") {
					window.alert("Please enter your first name.");
					document.forms[0].firstName.focus();
					valid = false;
					return valid;
				}
				
				//validate last name
			
				if (document.forms[0].lastName.value=="") {
					window.alert("Please enter your last name.");
					document.forms[0].lastName.focus();
					valid = false;
					return valid;
				}
				
				//validate street address
			
				if (document.forms[0].street.value=="") {
					window.alert("Please enter your street address.");
					document.forms[0].street.focus();
					valid = false;
					return valid;
				}
				
				//validate city
			
				if (document.forms[0].city.value=="") {
					window.alert("Please enter your city.");
					document.forms[0].city.focus();
					valid = false;
					return valid;
				}
				
				//validate zip code
				
				if (document.forms[0].zip.value==""){
					window.alert("Please enter your zip code.");
					document.forms[0].zip.focus();
					valid=false;
					return valid;
				}
	
				var re5digit=/^\d{5}$/ 
	
				if (document.forms[0].zip.value.search(re5digit)==-1){ 
					window.alert("Please enter a 5 digit number")
					valid=false;
					return valid;
				}
				
				//validate date of birth
				
				if (document.forms[0].date.value == "'' || '(mm/dd/yyyy)'" ){
					window.alert("Please enter your date of birth.");
					document.forms[0].birthDate.focus();
					valid=false;
					return valid;
				}
				
				var reDateFormat = /^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{4}$/
				
				if(document.forms[0].date.value.search(reDateFormat)==-1){
					window.alert("Please enter a standard format. [mm/dd/yyyy]")
					valid=false;
					return valid;
				}
				
				//check if over 18
				
				var age;
				var input = document.forms[0].birthDate.value;
				var pyear = parseInt(input.substring(6,10));
				var pmonth = parseInt(input.substring(0,2)) - 1;
				var pday = parseInt(input.substring(3,5));
	
				if ( month < pmonth ){
					age = year - pyear - 1;
				}
				else if ( month > pmonth ){
					age = year - pyear;
				}
				else if ( month == pmonth ){
					if ( day < pday ){
						age = year - pyear - 1;
					}
					else if ( day > pday ){
						age = year - pyear;
					}
					else if ( day == pday ){
						age = year - pyear;
					}
				}
				if(age < 18){
					window.alert('Attention: Under 18!');
					valid=false;
					return valid;
				}	
				
				//confirm submit and display rental cost
			
			 	var equip = document.forms[0].equipment.value
				var pDate = document.forms[0].pickupDate.value
				var pHours = document.forms[0].pickupHours.value
				var pMinutes = document.forms[0].pickupMinutes.value
				var rDate = document.forms[0].returnDate.value
				var rHours = document.forms[0].returnHours.value
				var rMinutes = document.forms[0].returnMinutes.value
				
				var pTime = pHours + pMinutes
				var rTime = rHours + rMinutes
				
				var total = (((rDate - pDate) - 1) * 24) * equip) + ((rTime + (24 - pTime)) * equip)
		
				function confirmSubmit() {
				var submitForm = window.confirm("'The total rental cost is: ' + total");
				if (submitForm == true) 
					return true;
					return false;
				}
				
				
			}
			
			
			
			
		/* ]]> */
	</script>

</head>
<body onload = "rotateImage('rImage')">

	<h1> ABC Outdoor Sports Equipment </h1>

	
	<img src="fishing.jpg" id="rImage" width="250" height="200" onmouseover = "pause=true;" onmouseout = "pause=false;"> 
	
	<br/>
	<br/>
	
	<form onsubmit = "return validateForm();" action = "mailto:rogalskibf@gmail.com?subject=ABC Customer Reservation" method="post" enctype="text/plain">
		<table border = "0">
			<tr>
				<td>
					Equipment:<br/>
					<select name = "equipment">
						<option value="unselected">Select Equipment Type</option>
						<option value = 20>Fishing Boat</option>
						<option value = 15>Kayak</option>
						<option value = 2>Mountain Bike</option>
						<option value = 10>Scuba Gear</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>
					Pick-up Date: <br/>
					<input type = "text" name = "pickupDate" value = "(mm/dd/yyyy)"/>
				</td>
				<td>
					Pick-up Time: <br/>
					<select name = "pickupHours">
						<option value="unselected">hr</option>
						<option value = 7>07</option>
						<option value = 8>08</option>
						<option value = 9>09</option>
						<option value = 10>10</option>
						<option value = 11>11</option>
						<option value = 12>12</option>
						<option value = 13>13</option>
						<option value = 14>14</option>
						<option value = 15>15</option>
						<option value = 16>16</option>
						<option value = 17>17</option>
					</select>

					<select name = "pickupMinutes">
						<option value="unselected">min</option>
						<option value = 0>00</option>
						<option value = .5>30</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>
					Return Date: <br/>
					<input type = "text" name = "returnDate" value = "(mm/dd/yyyy)"/>
				</td>
				<td>
					Return Time: <br/>
					<select name = "returnHours">
						<option value="unselected">hr</option>
						<option value = 7>07</option>
						<option value = 8>08</option>
						<option value = 9>09</option>
						<option value = 10>10</option>
						<option value = 11>11</option>
						<option value = 12>12</option>
						<option value = 13>13</option>
						<option value = 14>14</option>
						<option value = 15>15</option>
						<option value = 16>16</option>
						<option value = 17>17</option>
					</select>
					
					<select name = "returnMinutes">
						<option value="unselected">min</option>
						<option value = 0>00</option>
						<option value = .5>30</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>
					First Name: <br/>
					<input type = "text" name = "firstName"/>
				</td>
				<td>
					Last Name: <br/>
					<input type = "text" name = "lastName"/>
				</td>
			</tr>
			<tr>
				<td>
					Street: <br/>
					<input type = "text" name = "street"/>
				</td>
				<td>
					City: <br/>
					<input type = "text" name = "city"/>
				</td>
				<td>
					Zip:<br/>
					<input type = "text" name = "zip" maxlength = "5"/>
				</td>
			</tr>
			<tr>
				<td>
					Date of Birth: <br/>
					<input type = "text" name = "date" value = "(mm/dd/yyyy)"/>
				</td>
			</tr>
			<tr>
				<td colspan = "3" align = "center">
					<input type = "submit" name = "submit" value = "Submit Reservation"/>
				</td>
			</tr>
		</table>
	</form>


</body>
</html>

Hi,

I am facing a problem in passing replace() function as an argument in user defined java function, can any one help me how to resolve it?

intention is to pass a file path to my user defined function, but before passing the path i want to replace the character '\' to '\\'

I am posting my javascript function he

<a href="#" onclick="OpenDocPreview('<%# Eval("PATH")%>'.replace(/\\/g,"\\\\"), '<%# Eval("Filename")%>')"><%# Eval("DocTitle") %></a>


function OpenDocPreview(url, docname) {
alert('message from search base : ' + url + ' ' + docname);
}

thank you,

I was working on a tutorial for some ajax uploading stuff and I ran across a new function syntax I don't recognize. I am not a Javascript pro, but I am not a newbie either. here is the code I am working on:

Code:

		function handleFileSelect(e){
			var files = e.target.files;
			var output = [];
			for(var i=0,f;f=files[i];i++){
				if(f.type.match('image.*')){
					var reader = new FileReader();
					
					reader.onload = (function(theFile){
						return function(e){
							var span = document.createElement('span');
							span.innerHTML = ['<img class="thumb" src="',e.target.result,'" title="',theFile.nbame,'" />'].join('');
							document.getElementById('list').insertBefore(span,null);
						};
					})(f);
					
					reader.readAsDataURL(f);
				}
			}
			document.getElementById('list').innerHTML = '<ul>'+output.join('')+'</ul>';
		}
		document.getElementById('files').addEventListener('change',handleFileSelect,false);

To be a little more clear, the code in question is that is the very middle. The syntax I don't understand is:

Code:

class.event = (function(arguments){
     //stuff you put in a function...
})(more Arguments?);

I tried to customize a simple one to learn for myself and I wrote this:

Code:

var a = 'A';
var b = 'B';

test = (function(t){
     alert(t);
     alert(b);
})(b);

test(a);

The browser would alert 'B' and that's it. The console would tell me that 'test is not a function.' OK, so I am confused.

The topmost code works. What I am wondering is what the syntax is called for creating a function (or event listener?) that way, and how it works. Although if I new what it was called I could just google how it works.

i keep getting error Call to undefined function codeandurl()

below is my code
PHP Code:
<?php

$value= strip_tags(get_field('link',$post));
$resultid=get_field('resultid',$post);
codeandurl($resultid,$value); 
?>
<div id="result"></div> 

<script type="text/javascript">
function codeandurl(resultid,url){
$( "#result" ).text(resultid);        
      $( "#result" ).dialog({
    modal: true,
    buttons: {
    Ok: function() {
    $( this ).dialog( "close" );
    }
    }
});     
      window.open(url); 
      return false;
}
</script>

Hi!

I'm trying to toggle a class and one works and the other does not and I don't know why. I'm just getting my feet wet with jquery and javascript and I figured this was a pretty easy task to take on! Maybe.

Link to the page:
Franklin Township Soccer Club - Change Field Status

My sad, sorry attempt =|

Code:

	$( "li.open" ).click(function() {
	$( this ).toggleClass( "closed" );
	});
	
	$( "li.closed" ).click(function() {
	$( this ).toggleClass( "open" );
	});

The first function works with open, so I figured I'd just use opposite on closed! Ha! I don't think so!

In the end within those function there is an element in a form on that page it's hidden. I'd like to change the value from a 0 to 1 for vice versa. That' will be my next step. If you could give me a little nudge in the right direction I'd appreciate it! But first understanding why one works and the other does not, that is the primary mission!

I do appreciate any help given!

Dave

Hi All, I'm trying to convert an anonymous function to a real function (nesting is getting out of hand), however the msg object becomes undefined after conversion. Here is the converted anonymous function which fails: https://gist.github.com/2587613 and here is the original anonymous function which works: https://gist.github.com/2587667

Any help would be greatly appriciated

<p>
<script type="text/javascript">// <![CDATA[
var metrics = {
"mm" : 1,
"cm" : 10,
"m" : 1000,
"inch" : 25.4,
"foot" : 304.8
};
function convert(num, dec){
var val = document.getElementById("fromVal").value;
if(isNaN(val)){
return
}


function roundNumber(num, dec) {
var result = Math.round( Math.round( num * Math.pow( 10, dec + 1 ) ) / Math.pow( 10, 1 ) ) / Math.pow(10,dec);
return result;
}

document.getElementById("toVal").value = val *
metrics[document.getElementById("fromSystem").value]/
metrics[document.getElementById("toSystem").value];
}
var interval = null;
function watchChanges(){
interval == null ? setInterval("convert()", 500) :
clearInterval(interval);
}
// ]]></script>
</p>
<table>
<tbody>
<tr>
<td><input id="fromVal" style="width: 100px;" onfocus="watchChanges()" onblur="watchChanges()" type="text" /><select id="fromSystem" onchange="convert()"> <option value="mm">millimeters</option> <option selected="selected" value="cm">centimeters</option> <option value="m">meters</option> <option value="foot">feet</option> <option value="inch">inches</option> </select></td>
</tr>
<tr>
<td colspan="1" align="center">=</td>
</tr>
<tr>
<td><input id="toVal" style="width: 100px;" type="text" disabled="disabled" /><select id="toSystem" onchange="convert()"> <option value="mm">millimeters</option> <option value="cm">centimeters</option> <option value="m">meters</option> <option selected="selected" value="foot">feet</option> <option value="inch">inches</option> </select></td>