Learn VBA & Macros in 1 Week!

JavaScript - Site For Beginning Javascript

Full Excel VBA Course - Beginner to Expert

Site For Beginning Javascript	View Content

I took a class with just a little bit of JavaScript in it and didn't learn as much as I'd hoped. Is there a website that walks through JavaScript that easy to understand?
Thanks

Full Excel VBA Course - Beginner to Expert

Need Help With Beginning Javascript Code For Window.confirm() Function

Similar Tutorials

View Content

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>

Beginning Dom

Similar Tutorials

View Content

Hi,

I'm new to programming with the DOM and new to this forum as well. I have the code below showing a web page that is simply trying to alert the user of recognized DOM nodes. I am not getting the bodyElement or textElement to be recognized by the browser. The error states that "an object is required."

Code:

<html>
<head>

<title>Trickier nesting, still</title>

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

      var myDocument = document;
      var htmlElement = myDocument.documentElement;

      alert(htmlElement.nodeName);

      var headElement = htmlElement.getElementsByTagName("head")[0];

      alert(headElement.nodeName);

      var titleElement = headElement.getElementsByTagName("title")[0];

      var bodyElement = headElement.nextSibling;

      var textElement = titleElement.firstChild;

      alert(titleElement.nodeName);
      alert(bodyElement.nodeName);
      alert(textElement.nodeValue);

   

  </script>


  
</head>
<body>
  <div id="main-body">
   <div id="contents">
    <table>
     <tr><th>Steps</th><th>Process</th></tr>
     <tr><td>1</td><td>Figure out the <em>root element</em>.</td></tr>
     <tr><td>2</td><td>Deal with the <span id="code">head</span> first,
         as it's usually easy.</td></tr>
     <tr><td>3</td><td>Work through the <span id="code">body</span>.
         Just <em>take your time</em>.</td></tr>
    </table>
   </div>
   <div id="closing">
    This link is <em>not</em> active, but if it were, the answers
    to this <a href="answers.html"><img src="exercise.gif" /></a> would
    be there. But <em>do the exercise anyway!</em>
   </div>
  </div>
</body>
</html>

Placing Symbols At The Beginning And End Of Words

Similar Tutorials

View Content

I have the 10000th word and I want to put the this symbols [ and this ] the beginning and end of words .. so my question is .. how do I put the symbol is simultaneously the 10000th word that is .. there is not any program that can do such ... please help .. example :

[can]
[you]
[me]
[and]
[ask]
[google]
[yahoo]
[and over 10000 ++ more]

Beginning Of A Matching Picture Game

Similar Tutorials

View Content

Hello!

I'm in need to be able to create a matching picture game, in which I have rougly 9 images to be able to match, but 18 in total. I have started with a thought of having a button that; when pressed it will disappear and show the image that is within the function.

Progress; I am able to press the button and let the image load, but in this case everything goes fine (image resized, not sure about the id though) but the image doesn't show, it just shows an [X]
yet when I just put
Code:

<script language="Javascript" type="text/javascript">
function callImage(){
document.write("<img src=\"images/truck0.jpg">")
}
</script>

The function works fine when I press the button.
Any tips? Thank you!

Full Code so Far:

Code:

<head>
<script language="Javascript" type="text/javascript">
function callImage(){
document.write("<img src=\"images/truck0.jpg id=\"pic\" width=\"150\" height=\"150\">")
}
</script>
</head>
<body>
<form>
<input type="button" value="Display" onClick="callImage()"/>
</form>
</body>

Help With Javascript Site-search Bar

Similar Tutorials

View Content

I have a code for creating a search bar to search words on an unpublished site that i am developing. I was wondering where to enter the keywords, can anyone help me? Thanks;

Code:

<script language="JavaScript"> 
<!-- Original by http://javascript.internet.com More javascripts http://www.************** --> 
					
var NS4 = (document.layers); // Which browser? 
					
var IE4 = (document.all); 
					
var win = window; // window to search. 
					
var n = 0; function findInPage(str) 
					
{ var txt, i, found; 
					
if (str == "") return false; // Find next occurence of the given string on the page, wrap around to the 
				  // start of the page if necessary. 
					
if (NS4) 
{ 
// Look for match starting at the current point. If not found, rewind 
// back to the first match. 
					
if (!win.find(str)) 
					
while(win.find(str, false, true)) 
					
n++; else n++; // If not found in either direction, give message.
					 
if (n == 0) alert("Not found."); } 
					
if (IE4) 
					
{ txt = win.document.body.createTextRange(); // Find the nth match from the top of the page. 
					
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) 
					
{ txt.moveStart("character", 1); 
					
txt.moveEnd("textedit"); } // If found, mark it and scroll it into view. 
					
if (found) 
					
{ txt.moveStart("character", -1); 
					
txt.findText(str); 
					
txt.select(); 
					
txt.scrollIntoView(); n++; }   // Otherwise, start over at the top of the page and find first match. 
					
else { if (n > 0) { n = 0; findInPage(str); }  // Not found anywhere, give message. else alert("Not found."); } } 
					
return false; } 
					
</script>


<form name="search" onSubmit="return findInPage(this.string.value);"> 
								
<div align="center" font size=3> 
									
<input name="string" type="text" size=15 onChange="n = 0;"> 
				
</font> 
							
<input type="submit" value="Search Page">
								
</div> 
							
</form>

Get All The Links In Web Site Using Javascript

Similar Tutorials

View Content

Can any one please tell me a way to get all the links in a web page using javascript?

Autologin And Sendkeys To A Javascript Site

Similar Tutorials

View Content

Currently I have a .vbs script that I am using to auto login to a site. I know its not javascript but the site itself is and thats what causing my issue I think? The site is a reservation site for classes at the gym. Basically I want the script to login to the site and sign up for a specific class every week. Its the same class same time same day. Below is the code I have so far. I can't figure out what the "sign up" button sends for me to add it into the script. Code:

set a = createobject("wscript.shell")

a.run "https://clients.mindbodyonline.com/ASP/home.asp?studioid=6268/"

wscript.sleep (5000)

a.sendkeys ("khigbie")

a.sendkeys chr(9)

wscript.sleep (2000)

a.sendkeys ("ilovelamp11")

a.sendkeys "{Enter}"

call msgbox("Finished")

wscript.quit

I'm not sure if it helps but I pulled the source from the page when logged in...

Code:

<!-- CLISRV0107 -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
    <head>
        <title>The Edge Fitness Clubs Online</title>
        <meta http-equiv="Content-Type" content="text/html" />
        <link rel="icon" href="/favicon.ico" />
        <link rel="shortcut icon" href="/favicon.ico" />
        <script type="text/javascript" src="/work/scripts/jquery-1.4.2.js"></script><script type="text/javascript" src="/work/scripts/error.js"></script><script type="text/javascript" src="/work/scripts/mb.js"></script><script type="text/javascript" src="/work/scripts/home.js"></script>
        <script type="text/javascript">
          var js_studioid = "6268";
          var dis_array = {0:'Room', 1:'Class Type', 2:'Session Type', 3:'Workshops', 4:'Appointments', 5:'Classes', 6:'Teacher', 7:'Program', 8:'Location', 9:'Booked', 10:'Completed', 11:'Confirmed', 12:'Client', 13:'Assistant', 14:'Rentals', 15:'Assistant2', 16:'Arrived', 17:'Check Out', 18:'Instructor', 19:'Program', 20:'Company', 21:'Reserved', 22:'Total', 23:'Client', 24:'Help', 25:'Online Store', 26:'Current Series', 27:'Payment', 28:'Event', 29:'Balance', 30:'Credit', 31:'Debit', 32:'Remaining', 33:'Unbooked', 34:'Purchased', 35:'Amount', 36:'Paid', 37:'Payment Ref #', 38:'Back', 39:'Email Address', 40:'Name', 41:'Username', 42:'Password', 43:'Home Studio', 44:'Billing Name', 45:'Billing Address', 46:'Address', 47:'City', 48:'State', 49:'Postal Code', 50:'CC Type', 51:'CC Number', 52:'CC Expiration', 53:'Edit', 54:'Web', 55:'Cancel', 56:'At', 57:'Date', 58:'Time', 59:'Payment Method', 60:'Status', 61:'Series', 62:'Account', 63:'Current', 64:'Expiration Date', 65:'Description', 66:'Sale Date', 67:'Color', 68:'Location', 69:'Price', 70:'Quantity', 71:'Tax', 72:'Amount Paid', 73:'Details', 74:'Info', 75:'Size', 76:'Start Time', 77:'Start Date', 78:'End Time', 79:'End Date', 80:'First Name', 81:'Last Name', 82:'Home Phone', 83:'Mobile Phone', 84:'Work Phone', 85:'Business Phone', 86:'Business Address', 87:'Business Email', 88:'Account Information', 89:'Billing Information', 90:'Notes', 91:'Country', 92:'Click Here', 93:'Phone #', 94:'Login', 95:'Discount', 96:'Class Level', 97:'Sales Tax', 98:'Tax 2', 99:'Tax 3', 100:'Tax 4', 101:'Tax 5', 102:'', 103:'', 104:'', 105:'', 106:'', 107:'', 108:'Rep', 109:'ACH', 110:'Rep 2', 111:'Rep 3', 112:'Contract Deposit', 113:'Teachers', 114:'Instructors', 115:'Sale ID', 116:'Sold By', 117:'Exp', 118:'Subtotal', 119:'Rep 4', 120:'Rep 5', 121:'Rep 6', 122:'Insurance Company', 123:'Insurance Policy #', 124:'Birthday', 125:'Question', 126:'Test', 127:'Referral Type', 128:'Remember Me', 129:'Previous Day', 130:'Today', 131:'Next Day', 132:'Last Week', 133:'Next Week', 134:'ID', 135:'Session Type Level', 136:'Search', 137:'Appointment', 138:'Male', 139:'Female', 140:'Date', 141:'Time', 142:'Class/Session Level', 143:'Yes', 144:'No', 145:'CVV2', 146:'Cardholder Name', 147:'Check', 148:'Uncheck', 149:'All', 150:'None', 151:'Substitute', 152:'Sun', 153:'Mon', 154:'Tue', 155:'Wed', 156:'Thu', 157:'Fri', 158:'Sat', 159:'View', 160:'Update', 161:'From', 162:'To', 163:'Partner', 164:'Purchases', 165:'Fee', 166:'Contact', 167:'Submit', 168:'Gender Preference', 169:'Next', 170:'OR', 171:'Open', 172:'Late Cancel', 173:'Unconfirmed', 174:'Week', 175:'January', 176:'February', 177:'March', 178:'April', 179:'May', 180:'June', 181:'July', 182:'August', 183:'September', 184:'October', 185:'November', 186:'December', 187:'Auto Pays', 188:'Contract', 189:'Print', 190:'Enroll', 191:'Add', 192:'in', 193:'This Month', 194:'This Week', 195:'Memberships', 196:'&', 197:'Contracts', 198:'Packages', 199:'Days', 200:'Book', 201:'Rep1', 202:'Class', 203:'Workshop', 204:'Middle Name', 205:'Nickname', 206:'Back Bar Charge', 207:'County', 208:'Commission', 209:'Commission2', 210:'Locker #', 211:'Emergency Contact Information', 212:'Name', 213:'Relationship', 214:'Phone', 215:'Email', 216:'Select', 217:'Item', 218:'Type', 219:'Conversions', 220:'Members', 221:'Non-Members', 222:'Company', 223:'Prospects', 224:'Costume', 225:'Costumes', 226:'Generate', 227:'Gender', 228:'Relationship', 229:'Waist', 230:'Hip', 231:'Girth', 232:'Inseam', 233:'Head', 234:'Shoe', 235:'Tights', 236:'Height', 237:'Bust', 238:'Prefix', 239:'Active', 240:'InActive', 241:'Legal Name', 242:'STAFF ALERT', 243:'Alert', 244:'Select State/Prov', 245:'Date Range', 246:'n/a', 247:'Owner', 248:'Age', 249:'Years', 250:'Months', 251:'Formula', 252:'Referral Discount', 253:'Termination Code', 254:'Termination Comments', 255:'Day', 256:'Semester', 257:'Year', 258:'Month', 259:'Quarter'};
          var mbo_scd = '4/13/2009';
        </script>
        <link rel="stylesheet" type="text/css" href="/work/styles/jquery.tooltip.css"  /><link rel="stylesheet" type="text/css" href="/work/styles/base/jquery.ui.all.css"  /><script type="text/javascript" src="/work/scripts/jquery-1.4.2.js"></script><script type="text/javascript" src="/work/scripts/plugins/jquery.cookie-1.0.js"></script><script type="text/javascript" src="/work/scripts/plugins/jquery.mb.js"></script><script type="text/javascript" src="/work/scripts/jquery-ui-1.8.4.custom.js"></script><script type="text/javascript" src="/work/scripts/plugins/jquery.tooltip.js"></script><script type="text/javascript" src="/work/scripts/plugins/jquery.ba-resize.js"></script><script type="text/javascript" src="/work/scripts/plugins/jquery.lightboxLib.js"></script>

<script type="text/javascript">
$(function() {

	
		// init tooltips
		$("img[title],span[title],select[title],input[title],legend[title]").tooltip({
			track: true,
			showURL: false,
			fade: 250
		});
		
	
	$('fieldset.collapsible').setCollapseEvents();
	
});
</script>
<!-- MBO's analytics code DevItem R58_3856-->
<script type="text/javascript">

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-31442-3']);
    _gaq.push(['_trackPageview']);

    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

</script>




<script type="text/javascript">
function resetSession() {
	alert("Your session has expired, redirecting home.");
	parent.location = "/ASP/logout.asp?studioid=6268"
}

</script>
        <script type="text/javascript">
          var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
          document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
        </script>
        <script type="text/javascript">
          try {
              var pageTracker = _gat._getTracker("UA-31442-3");
              pageTracker._trackPageview();
          } catch (err) { }
        </script>
    </head>

<script type="text/javascript">
    var mbo_scd = '4/13/2009';
</script>

<frameset id="mainFrameset" rows="98,*" frameborder="0" framespacing="0" NORESIZE> 
  <frame name="topFrame" src="top_class.asp?tg=0&vt=&lvl=&view=&trn=&date=&loc=&page=&pMode=&prodid=&stype=-7&classid=&catid=&justloggedin=" frameborder="0" noresize scrolling="NO" >

  <frame name="mainFrame" src="main_class.asp?tg=0&amp;vt=&amp;lvl=&amp;view=&amp;trn=&amp;date=&amp;loc=&amp;page=&amp;pMode=&amp;prodid=&amp;stype=-7&amp;classid=&amp;catid=&amp;justloggedin=" frameborder="0"  scrolling="YES">


</frameset>
<noframes> 
<body style="background-color:#FFFFFF;" text="#000000">
</body>
</noframes> 
</html>

Thanks for any help!!

A Good Javascript Reference Site?

Similar Tutorials

View Content

I just started learning javascript, and it'd be cool if I could find some kind of javascript reference site similar to php.net/manual with a quick reference search. After looking through google for a long while, all I could find was tutorial sites or reference books with the only way to navigate them is through boring tables of contents. Does such a place exist? Or what's the next best thing?

Please Help. Javascript Conflict On One Page Of Web Site

Similar Tutorials

View Content

I have two main components running on this page below.

http://vtpr.net/asociacion-relacioni...d=54&Itemid=23

Sobi directory and gavick photoslide. The problem is that the photoslideshow is not loading only on the page witht he directory. I did a little investaged and got a error console for firefox and it showing this error:

Code:

    Error: Fx.Opacity is not a constructor
    Source File: http://vtpr.net/asociacion-relacionistas/modules/mod_gk_news_image_1/js/engine_compress.js
    Line: 1

I have VERY VERY limited knowledge of javascript. Any and all help is super appreciated. Thanks in advance

Javascript Alert When Leave A Site ???

Similar Tutorials

View Content

Hi,
I need to a small task in Javascripts and I would like to know whether this can be done.
If someone knows a way that can be done or provide me some code, I would be more greatful.

This is the task I need to do :-

I have a small shoppig cart. I want when a customer visit the site, if that is his first time
on the website and before he quit the browser or go to another URL of another domain or press back
and go to another page, an alert should pop up.

I have did this using cookies and Javascripts and it is working properly as I wanted.
But this alert pops up even when I go inside of my own web. I want this alert only
to popup when they leave from my web or go to anyother and it should not popup when
I click on my links or go in to my web.

I hope, I explained what I want and it is clear. Please if someone knows a solution for this.
Please send me your ideas or if you have some codes that can be helpfull to me,
please send me.

Thank you.

Problems Adding Javascript To My Site

Similar Tutorials

View Content

I am a first-time Javascript user and am trying to add the Magic Image Rotator code to my site: San Diego Solar.

I have followed others suggestions and directions from other places but I still can't figure it out.

Here is the Javascript code I am trying to run: MagicImage.js

Here is the code I am inserting into the HTML (via a .PHP file: a specific way that is used for Thesis theme on Wordpress which I run for my site).

Code:

function MagicImage() {
?>

<html>
<body>

<script language="javascript" type="text/javascript" src="http://www.sandiegosolarenergy.org/wp-content/themes/thesis_18/lib/scripts/MagicImage.js"></script>

</body>
</html>

<?php 
} 
add_action('thesis_hook_header','MagicImage');

Using Firebug for Firefox, I get errors showing up on line 37 of MagicImage.js... though I don't know what to do with that line of code.

The problem is that nothing is showing up on the page! Can someone help me?

Javascript Slider Messing Up The Rest Of The Site....need Help!

Similar Tutorials

View Content

OK, a friend and I have been working on implementing the javascript slider you see in the header of my website http://www.billboardfamily.com (hover over the facebook icon under the search area).

For some reason, this is causing a lot of the other items on the site to stop functioning all together. Can anyone help me figure out how to fix this?

NOTE: Running Wordpress

Here are some of the problems:

1) http://billboardfamily.com/videos/ The thumbnail videos do not work when you click them
2) http://billboardfamily.com/the-process/ All 4 slides are on the page, but the slider is not working at all.
3) http://billboardfamily.com/contact-us/ The contact forms I have running are not working correctly, and the styling is no longer correct.

Javascript Not Working On Sub Menu Items On Dnn Site

Similar Tutorials

View Content

Hi, I really need urgent help. I am using a javascript on a DotNetNuke CMS site to allow the user to choose text/background colour, basically it changes stylesheets. Here is the code that I have used: http://www.dynamicdrive.com/dynamici...etswitcher.htm and here is my example: http://lrptintranet.com.dnnmax.com/ - you can see the colour image buttons top right under the main menu. The style sheet changer seems to work on the top menu level items but as soon as you choose a submenu the javascript doesn't seem to work. I don't know anything at all about javascript - can anyone offer any advice how I can get this working on the sub menu pages?

Javascript Search Not Finding All Files In My Site

Similar Tutorials

View Content

Hi all- I currently use a javascript seacrh string on my website that searchs all folders (directories) and gives results on a html page. My problem is that some folders (or sub directories) are not being found when I type into the form search box. Does anyone know why this might be happening?

here is the script im using
<script language="JavaScript" type="text/javascript">function OnSearchSubmit(){var b_return=true;if (document.form_search.sw){for(var i=0;i<document.form_search.sw.value.length;i++){if (document.form_search.sw.value.charAt(i)!=" ") {lh="searchresult.html?sw="+encodeURIComponent(document.form_search.sw.value);b_return=false;break;} }}if (b_return) return;window.open(lh,"_self");}</script>

thanks!

Post Url To Iframe And Load Site - Javascript?

Similar Tutorials

View Content

Hi,

I am looking for some code that will do the following

Form to post any URL to an iFrame and load said URL.

I been told Javascript can do this, but I am also after the form bit as well if possible.

Modify Javascript Site Search Code?

Similar Tutorials

View Content

Hi all.... newbie here. Have just finished my eccomerce site and it's ready to go but have come across a stumbling block. I use webplus4 which is a great web design program... except for one thing. The site search tool is very weak... it won't find results for words of less than 4 characters... and since my website is about plush pets this is important. For instance if you type in the breed 'pug' it says 0 results found. Same if you enter Old English Sheepdog, it ignores the entire search term because of the world 'old'. If you enter plush pug, it also ignores the entire search string.

I don't have the money to purchase software nor the time and then configure the javascript to match my site. Is there anyone out there that can modify the following javascript file (jsSiteSearch.js) so that the search will not ignore words of 3 letters? Am aware that once modified I will have to replace the file each time but it will be worth it. By the way, no one on the webplus forums seems to know how to do it.

Here is the code... (have removed all the keywords)...

function GetSiteSearchResults(newWindow,frameObject,frameObjectName,fontFace,fontSize,fontColour,linkFace,lin kSize,linkColour,resultsText)
{
var sTerms="";
var iDepth = 0;
var sURL = new String(document.location);
if (sURL.indexOf("?") > 0)
{
var arrParams = sURL.split("?");
var arrURLParams = arrParams[1].split("&");
for (var i=0;i<arrURLParams.length;i++)
{
var sParam = arrURLParams[i].split("=");
var sValue = unescape(sParam[1]);
if( sParam[0] == frameObjectName)
sTerms = sValue;
if( sParam[0] == "depth")
iDepth = parseInt(sValue);
}
}
var d=frameObject.document;
if (sTerms=="") {d.open(); d.write("<html><head></head><body style=\"background: transparent;\"></body></html>"); d.close();return;}
var sBack=""; for (i=0; i<iDepth; i++) sBack+='..\\\\';
d.open();
d.write("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">");
d.write("<html lang=\"en\">");
d.write("<head>");
d.write("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">");
d.write("</head>");
d.write("<body style=\"margin: 0px 0px 0px 0px; font-family: "+fontFace+"; font-size: "+fontSize+"; color: "+fontColour+"; background: transparent;\">");
d.write("<div id=\"wpSearchResults\"></div>");
d.write("<script type=\"text/javascript\">");
d.write("var wordMap = new Array(\"...........................................);

d.write("function doNav(ind)");
d.write("{");
if (newWindow)
d.write(" window.open(\""+sBack+"\"+linkMap[ind],\"_blank\");");
else
d.write(" parent.window.location.href=linkMap[ind];");
d.write("}");
d.write("function wpDoSearch(searchTerms){");
d.write("var terms = searchTerms.split(\" \");");
d.write("if (terms==\"\") return;");
d.write("var results = \"\";");
d.write("var resultscount = 0;");
d.write("for (var i=0; i<wordMap.length; i++)");
d.write("{");
d.write(" var found=true;");
d.write(" for (var j=0; j<terms.length; j++)");
d.write(" if (wordMap[i].indexOf(terms[j].toLowerCase())==-1) found=false;");
d.write(" if (found)");
d.write(" {");
d.write(" results+=\"<a style=\\\"cursor: pointer; font-family: "+linkFace+"; font-size: "+linkSize+"; color: "+linkColour+"; \\\" onclick=\\\"doNav(\"+i+\");\\\"><u>\"+pageMap[i]+\"</u></a><br>\"+preMap[i]+\"...<br><br>\";");
d.write(" resultscount++;");
d.write(" }");
d.write("}");
d.write("document.getElementById(\"wpSearchResults\").innerHTML=resultscount+\" "+resultsText+" \"+searchTerms+\"<br><br>\"+results;");
d.write("}");
while(sTerms.indexOf("\"") != -1 ) {
sTerms = sTerms.replace("\"","");
};
d.write("wpDoSearch(\""+sTerms+"\");");
d.write("</script>");
d.write("</body></html>");
d.close();
}

Thanks so very much in advance. Any help asap will be much appreciated.

Cheers

Javascript Tabifier On My Site Won't Work In Firefox, But Works In Ie

Similar Tutorials

View Content

I'm using the Javascript Tabifier (found he http://www.barelyfitz.com/projects/tabber/) on a new website I'm building.

Here is the test page I've been trying it out on: http://www.myohmomma.com/test-2

It seems to be working well in IE, but doesn't even appear in Firefox. Any idea why?

Additionally, there seem to be some positioning issues when I view it in Firefox, which I'm thinking is a topic for the CSS forums, but I thought could be relevant to my issue, somehow.

I don't want to overwhelm anyone williing to help with code, so please let me know if there is more you need to see. This is what applies to the tabifier:

In the head of my php document:

[CODE]<script type="text/javascript" src="http://www.myohmomma.com/wp-includes/js/tabber-minimized.js"></script>[CODE]

In the sidebar of my php document:

[CODE] <div class="sidebar">
<div class="tabber">
<div class="tabbertab">
<h2>Welcome</h2>
<img src="images/Welcome.png" alt="" />
<div id="Connect">
<div id="Connect-01">
<img src="images/Connect_01.png" width="315" height="48" alt="" />
</div>
<div id="Connect-02">
<img src="images/Connect_02.png" width="27" height="87" alt="" />
</div>
<div id="Facebook">
<img src="images/Facebook.png" width="76" height="82" alt="" />
</div>
<div id="Connect-04">
<img src="images/Connect_04.png" width="21" height="87" alt="" />
</div>
<div id="Newsletter">
<img src="images/Newsletter.png" width="77" height="82" alt="" />
</div>
<div id="Connect-06">
<img src="images/Connect_06.png" width="21" height="87" alt="" />
</div>
<div id="Twiiter">
<img src="images/Twiiter.png" width="75" height="82" alt="" />
</div>
<div id="Connect-08">
<img src="images/Connect_08.png" width="18" height="87" alt="" />
</div>
<div id="Connect-09">
<img src="images/Connect_09.png" width="76" height="5" alt="" />
</div>
<div id="Connect-10">
<img src="images/Connect_10.png" width="77" height="5" alt="" />
</div>
<div id="Connect-11">
<img src="images/Connect_11.png" width="75" height="5" alt="" />
</div>
</div>

</div>

<div class="tabbertab">
<h2>Features</h2>
<p>Tab 2 content.</p>
</div>

<div class="tabbertab">
<h2>Categories</h2>
<p>Tab 3 content.</p>
</div>

<div class="tabbertab">
<h2>Search</h2>
<p>Tab 4 content.</p>
</div>

</div>
</div>[CODE]

From my CSS stylesheet:

[CODE].sidebar{
position: relative;
top:0px;
padding-top:20px;
padding-right:10px;
padding-left:10px;
padding-bottom:0px;
float:right;
width:350px;
}

.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
background:#ffffff;
}

.sidebar ul li{
padding: 10px 0 10px 0;
background:#ffffff;
}

.sidebar ul li h2{
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
color: #2d0a0b;
border-top: 1px solid #2d0a0b;
border-bottom: 1px solid #2d0a0b;
padding: 5px 0px 5px 0px;
background:#ffffff;
}

.sidebar ul ul li{
padding: 0;
background:#ffffff;
}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;
}

/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
}
.tabberlive {
margin-top:1em;
}

/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
margin:0;
padding: 3px 0;
border-bottom: 0px solid #778;
font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
list-style: none;
margin: 0;
display: inline;
}

ul.tabbernav li a
{
padding: 3px 0.5em;
margin-left: 0px;
margin-right: 3px;
border: 1px solid white;
background: white;
text-decoration: none;
}

ul.tabbernav li a:link { color: #2d0a0b; }
ul.tabbernav li a:visited { color: #2d0a0b; }

ul.tabbernav li a:hover
{
color: #2d0a0b;
text-decoration:underline;
background: white;
border-color: white;
}

ul.tabbernav li.tabberactive a
{
color: #fbb1c0;
background-color: #2d0a0b;
border: 1px solid #2d0a0b;
}

ul.tabbernav li.tabberactive a:hover
{
color: #fbb1c0;
text-decoration:underline;
background: #2d0a0b;
border-bottom: 1px solid white;
}

/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding:5px;
border:10px solid #2d0a0b;

/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */

height:285px;

/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */

overflow:auto;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;
}

#Connect {
position:absolute;
left:30px;
top:200px;
width:315px;
height:135px;
}

#Connect-01 {
position:absolute;
left:0px;
top:0px;
width:315px;
height:48px;
}

#Connect-02 {
position:absolute;
left:0px;
top:48px;
width:27px;
height:87px;
}

#Facebook {
position:absolute;
left:27px;
top:48px;
width:76px;
height:82px;
}

#Connect-04 {
position:absolute;
left:103px;
top:48px;
width:21px;
height:87px;
}

#Newsletter {
position:absolute;
left:124px;
top:48px;
width:77px;
height:82px;
}

#Connect-06 {
position:absolute;
left:201px;
top:48px;
width:21px;
height:87px;
}

#Twiiter {
position:absolute;
left:222px;
top:48px;
width:75px;
height:82px;
}

#Connect-08 {
position:absolute;
left:297px;
top:48px;
width:18px;
height:87px;
}

#Connect-09 {
position:absolute;
left:27px;
top:130px;
width:76px;
height:5px;
}

#Connect-10 {
position:absolute;
left:124px;
top:130px;
width:77px;
height:5px;
}

#Connect-11 {
position:absolute;
left:222px;
top:130px;
width:75px;
height:5px;
}[CODE]

I've visited the forums so many times as a reader and usually find solutions here. I'm usually good at figuring it out on my own, but I'm really stumped. I am new at this and I think I'm in over my head. I'd reallly appreciate some help.

Javascript E-commerce Site....passing The Shopping Cart Thru All The Pages.

Similar Tutorials

View Content

Javascript Code To Fetch Data From 2 Cols Of An Excel File And Upload To Ftp Site

Similar Tutorials

View Content

I am trying for a javascript code that would ask for the excel file location when run, fetch data from two columns till eof in an excel file (MS Excel 2010), append it to an existing text file and upload the plain text file to an ftp location.

The ftp username, password and location needs to be hard coded in the script.

Is this possible?

Installing Javascript "daily Site News" As Include And Only Text

Similar Tutorials

View Content