JavaScript - Js Declaring-wrong Validation Due To Function Problem With Variable Holding Same Valu

Thank you in advance if someone can help. I have been banging my head against the wall for hours now.

Here is the code:

Code:

for (var i = 0; i < BS_crm['activityTypes'].length; i++) {
        var clickFunc = function(){ activityList.showForm( -1, {blockType:[""+BS_crm['activityTypes'][i]['id'], "0"]} ); };
        var type = {
                value: BS_crm['activityTypes'][i]['id'],
                label: "Add New "+BS_crm['activityTypes'][i]['label'],
                css: BS_crm['activityTypes'][i]['css']+"_16",
                onClick: clickFunc
        };
        previewLinks.items.push( type );

}

Now, basically what I am doing here is running through one array to
create an array of objects, that will be used to create links that
will use whatever onClick function I pass it. The problem is that on
the second line I need the BS_crm['activityTypes'][i]['id'] to be a
value, not a reference. If that line was simply changed to:

Code:

var clickFunc = function(){ activityList.showForm( -1, {blockType:["3", "0"]} ); };

then everything would work as I need.

How can I make this happen? I would really appreciate any help.

Thank you again in advance.

Hi, I have a list setup with links. The list scrolls with the css setting of overflow:auto.

However, when a link in the list that is scrolled down to (that is hidden unless scrolled down to) is clicked, I'd like to hold the list at that list item so that the viewer can return to the same line in the list and click the next li.

Right now, the list resets to the top after a li link is clicked... I have a feeling this is something simple, but I'm guessing it would be javascript...??

The site to view - click here and then see the left side scrolling list. Thanks!!

Hey there, I started learning Javascript about five weeks ago when I started my University course, and I have been doing above averagely in the little mini-tests, but now I am on coursework I have been having trouble getting past the most simple thing, and I can't help think that I'm just approaching the issue from the wrong angle in my head.

I'm not asking to be spoon-fed the answers from veteran coders or cheating because that just defeats the point of learning. In fact I actively discourage anyone from posting a direct answer to this question. However I would like some assistance in the kind of thinking that would help me in term of creating a function like this;

Name of function and parameters: index(string,pattern,caseSensitive)

"Where pattern starts in string (or -1 if it is not found), return the index. The search needs to be case sensitive if the third parameter is true else it is case insensitive."

(Where underlined and italics are parameter names)

I know how to create functions in general, however I cannot get my head around the fact that the parameters are supposed to represent something, and it is required for me to program something without knowing what the parameters represent. I know it's simple and I'm probably thinking about it the wrong way. If anyone could assist me I would be grateful.

I'm currently trying to hide my navigation button when it hides the end of the list, right now I currently have:

Previous / Next (they are about the same anyways)
Code:

function previousEvent(i) {
        var k = new Number(i);
        if (index == 0) {
            $('#previous').hide();
        }

        else {
            $('#next').show();
            index = index - 1;
            eventSelected(rawDates[index], rawTime[index]);

        }
    }

And in my html...the div properties:

Code:

<div style="text-align:right;">
                        <div id="next" style="float:right;"><a onclick="javascript:nextEvent();">
                        <input type="image" name="next" src="images/SiteCollectionImages/MiniEvents/btn_Next.gif" alt="Next Event" title="Next Event"/></a>
                        </div>
                        <div id="previous" style="float:right; padding-right:2px;"><a onclick="javascript:previousEvent();">
                        <input type="image" name="previous" src="images/SiteCollectionImages/MiniEvents/btn_Previous.gif" alt="Previous Event" title="Previous Event"/></a>
                        </div>

edit:
Sorry forgot to explain, I'm trying to make it so when they click on next, and keep clicking until the end of the dataset, it will hold the previous button where it usually is. Instead right now it moves it over to where the "Next" button is. I figured there has to be a way to hide the button, but yet hold the position still.

Thanks in advance!

Matt

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

I need some help on my math equation, I got the calculations and confirm.submit, and the alert messages to all work properly, but when I go to put the data into the math equation, I am coming up with some outrageous number way off from what it is supposed to be. What I am trying to accomplish is to take the calculated number of day and hours and minutes; multiply the total time in hours by the equipment cost per hour and calculate the total amount of rent. My problem I think is in the calculate total amount of rent section in the script. Please help, your expertise is greatly appreciated.

Below is the math equation in the script section:
Code:

//calculate days from date field
				
				function checkit() {

					var today = new Date();
					var nowyear = today.getFullYear();

					var d1 = document.forms[0].pickupDate.value.split("/");
					var yr = d1[2];
					var mm = d1[0]-1;
					var dy = d1[1];
					var OK1 = checkValidDate(yr,mm,dy);
					if ((yr < nowyear || yr > nowyear +1)) {OK1 = false}    // only valid for current year and next year

					var d2 = document.forms[0].returnDate.value.split("/");
					yr = d2[2];
					mm = d2[0]-1;
					dy = d2[1];
					var OK2 = checkValidDate(yr,mm,dy);
					
					if ((yr < nowyear || yr > nowyear+2)) {OK2 = false}

					if ((!OK1) || (!OK2)) {
						alert ("Invalid dates\(s\) or incorrect format!  Please try again.");
						document.forms[0].pickupDate.value = "";
						document.forms[0].returnDate.value = "";
						return false;
					}

					// arbitrary or example start and end times obtained from elsewhere (select lists)
					var fhrs = parseFloat(document.forms[0].pickupHours.value);
					var fmins = parseFloat(document.forms[0].pickupMinutes.value);
					var shrs = parseFloat(document.forms[0].returnHours.value);
					var smins = parseFloat(document.forms[0].returnMinutes.value);

					var firstDate = new Date(d1[2],d1[0]-1,d1[1],fhrs,fmins);  // note month must be 0-11!!  Also note USA date format
					var secondDate = new Date(d2[2],d2[0]-1,d2[1],shrs,smins);  
					var difference = secondDate.getTime() - firstDate.getTime();

					var secs = difference/1000;
					var days = Math.floor(secs/86400);
					secs %= 86400;
					var hours= Math.floor(secs/3600);
			
					if (hours<10) {hours = "0" + hours}
					secs %= 3600;
					var mins = Math.floor(secs/60);

					if (mins<10) {mins = "0" + mins}
						alert ("Time Difference is " + days + " Days " + hours + " Hours " + mins + " Minutes");
						
					//calculate total amount of rent
					
					var equip = parseFloat(document.forms[0].equipment.value);
					var total = (((days * 24) + hours + mins) * equip);
                    var OK = window.confirm(" The total rental cost is $" + total + "\n Click OK to accept, Cancel to decline");

                    if (OK) {return true}
                    else {return false}
				}


				function checkValidDate(yr,mm,dy) {
				
					var nd = new Date();
					nd.setFullYear(yr,mm,dy);  // YYYY,MM(0-11),DD
					var ndmm = nd.getMonth();
				
					if (ndmm != mm) {
						return false; 
					}
					else {
						return true;
					}
				}

This is the form in the body section:

Code:

<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" id = "dateIn" name = "pickupDate" id = "date1" onchange = checkValidPDate(this.value)>
				</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" id = "dateOut" name = "returnDate" id = "date2" onchange = checkValidRDate(this.value)>
				</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" onblur="checkAge(this.value)" />
				</td>
			</tr>
			<tr>
				<td colspan = "3" align = "center">
					<input type = "submit" name = "submit" value = "Submit Reservation" onclick = "return checkit()"/>
					<input type = "button" value = 'Set Cookies' onclick = "setCookie('anyName', cookieValue ,expDate)">
					<input type = "button" value = 'Display Cookies' onclick = "dispCookie('anyName')">
				</td>
			</tr>
		</table>
	</form>

So I want this function to return the date in the format: 4-Jan-2011. I feel like I have to make the variables strings or something but I can't figure it out, I'm kinda new to javascript.

Code:

function calander(TheDay) {
                var theDate = new Date();
                var day = new theDate.getDay();
                var month = new theDate.getMonth();
                var year = new theDate.getFullYear();
                
                if (month == 0) {month = "Jan";}if (month == 1) { month = "Feb"; }
                if (month == 2) { month = "March"; }if (month == 3) { month = "April"; }
                if (month == 4) { month = "May"; }if (month == 5) { month = "June"; }
                if (month == 6) { month = "July"; }if (month == 7) { month = "Aug"; }
                if (month == 8) { month = "Sept"; }if (month == 9) { month = "Oct"; }
                if (month == 10) { month = "Nov"; }if (month == 11) { month = "Dec"; }

                TheDay.value = day + "-" + month + "-" + year;
}

Hi all,

I'm a javascript newbie and having some trouble with what I imagine it s a very basic issue!

I am trying to declare a variable inside a function and use it later on in my code... but it just already returns white space... i.e. not variable value.

I am setting it within this function:

Code:

function show_video1(){
	document.getElementById('video1').style.display="block";
	var video1Name = "Education World News (Part 1)";
	document.getElementById('video2').style.display="none";
	document.getElementById('video3').style.display="none";
	document.getElementById('video4').style.display="none";
	document.getElementById('video5').style.display="none";
	document.getElementById('video6').style.display="none";
	document.getElementById('video7').style.display="none";
	document.getElementById('video8').style.display="none";
	document.getElementById('video9').style.display="none";
	document.getElementById('video10').style.display="none";
	document.getElementById('video11').style.display="none";
}

and trying to call it later on with this:

Code:

<script type="text/javascript">document.write(video1Name)</script>

It might be worth noting that each one of my 11 videos will hace a different name.

Can anyone help out a newbie?

Many thanks,

greens85

Hi all,

Rookie (extremely) programmer here, so be gentle


Trying to build a little tool here..

Code:

<html>
<body>


Artist ID: <input type=TEXT id=ArtistID name= ArtistID value="Artist ID">
<SELECT>
        <OPTION value="http://URL.com/EditUser/"ArtistID.value".html">Edit User</OPTION>
	<OPTION value="http://URL.com/EditArtist/"ArtistID.value".html">Edit Artist</OPTION>
	<OPTION value="http://URL.com/Subscruptions/"ArtistID.value".html">Subscriptions</OPTION>
	<OPTION value="http://URL.com/ControlRoom/"ArtistID.value".html">Control Room</OPTION>
</SELECT>
<input type="submit" value="Chyeah">


</body>
</html>

Yeah. Like I said. Rookie.

I'm trying to save the input and pass it into the URLs that are the option values. So Artist ID being 111 would take you to url.com/<WHATEVER OPTION YOU CHOSE FROM DROP DOWN>/111

What am I doing wrong/What am I not doing?


ps if this is in the wrong forum, sorry! Feel free to move it. Couldn't decide if this should go in DOM forum or not (probably bc I don't know what DOM is!)

Hi

I need a bit of javascript help with an array please. just don't seem to have the correct syntax.

(the "code" below is pseudo code, just to get the idea across)

Here's what I currently have:

var bill = new array[20];
var sam = new array[20];
var nancy = new array[20];
var Oscar = new array[20];

I'm assigning objects to them (ie Oscar[5] = new objLabel()

This seems like a kluge, however. Here's what I'd like
(again, pseudo-code)

var Objects = {bill:null; sam:null; nancy:null; Oscar:null};
var theObject = new Array of Objects[20];



// yes: i know that's wrong... and that's the part I'm having trouble with

so that I can do something like:

with theObject[5] do {
bill = new objLabel();
nancy = new objImage();
};

Just seems to me that keeping a single array of multiple objects is likely to be less error-prone than multiple arrays of single objects...

But I don't have the syntax right... or can it be done in JS?

If it's doable, would someone be kind enough to show me how to declare and access that example?

Today I have been embedding some Google Maps on my website. When I got around to putting in event handlers for markers on the map I ran into some trouble with how to declare them in the way I have the map setup.

The issue is that I have an array, label, and want to indicate a single element from that array to the event handling function. But the declaration of this seems tricky.

The code in question are the two lines like this one in the script below:

GEvent.addListener(marker[i], 'mouseover', function() { map.addOverlay(label[i]); });


Specifically, the problem is with function() { map.addOverlay(label[i]); because I don't want label[i] to be used, but whatever value i has should be substituded in there. But since this is a function being declared and not actually executed the value for i does not get used.

I've been able to get it to work by using eval() to force the actual value of i into the code, like so:

eval('GEvent.addListener(marker[i], \'mouseout\', function() { map.removeOverlay(label['+i+']); });');

but am wondering if there is a better solution?


Here's a section of my script showing the issue in context. You can see that i is incremented with a loop and used as the index of a few arrays.

Code:

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

	icon[i] = new GIcon();

	icon[i].image = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
	icon[i].iconSize = new GSize(12, 20);
	icon[i].iconAnchor = new GPoint(6, 20);

	map.addOverlay(marker[i] = new GMarker(new GLatLng(buildings[i][1], buildings[i][2]), {icon:icon[i]}));


	label[i] = new ELabel(new GLatLng(buildings[i][1], buildings[i][2]), '<nobr>'+buildings[i][3]+'<\/nobr>', 'maplabel');

	GEvent.addListener(marker[i], 'mouseover', function() { map.addOverlay(label[i]); });

	GEvent.addListener(marker[i], 'mouseout', function() { map.removeOverlay(label[i]); });
}

Hello fellow programmers,

I am having some trouble with my javascript doing what I want it to, which is returning values (true/false || 1/0).

I haven't used much javasript but I am experienced with C#, Java, Python etc so this is sort of new to me syntax wise.

Here is what I have so far:
http://jsfiddle.net/HpSyJ/1/

note: for some reason css doesn't like jsfiddle :S, the error messages are hidden in my Notepad++ & firefox combo though

Really all I want is when I hit submit, it runs an alert or changes the error message to visible.

Can someone please have a quick read over and see if anything jumps out at them?

Thanks in advance, Andrew

hi everyone,

firstly to call myself a noob would be inflating my ego. I have done one project in javascript so far and have had no schooling on the topic, however I have learned quite a lot in the last few months from this thing called the 'internet'. So far I managed to make an html image map that has various tooltips which will appear onmouseover, and the tooltip disappears onmouseout. Each point of coords that i have defined has a hyperlink to a different page on the internet. It works just like i wanted it to and i couldn't be happier, that is, when i'm using a mouse...

When i am using a touchscreen device it is a different story. specifically i'm trying to port my html page to android as i figured it would be easy with the android sdk and webview (it was, but read on). What i found when i used the 'app' on my phone was that onmouseover works when you touch the screen, however it also registers as a click, so pop goes the tooltip, and i'm whisked away to my webpage. not the desired result.

Ideally I would like to hold down the screen for 3 seconds and then the hyperlink would activate, but i decided that just getting the thing functional would suffice for the time beaing so i tried to include some 'ondblclick' that would trigger a document.location. This worked fine on a web browser again, but had no result on the touchscreen. I decided to abandon this half step because I have read that ondblclick doesn't work in an image map and it isn't my intended result anyway.

I have found a lot of javascript and jquery samples that emulate the onHold event that i'm trying to achieve, both on this forum and all over the internet, however these samples are overly complex and are focused on looping an action, such as incrementally increasing a value or zooming or whatever. I just want to redirect the user to another page if they trigger 'onmousedown' for 3 seconds.

anybody want to trade some help for a thankyou?

Hey guys, i'm taking on my first minor project in javascript and i've run into an error. For whatever reason, buttons i've defined are calling on functions that supposedly don't exist, yet they are clearly in the code and can be applied anywhere. I also checked the syntax errors in google chrome and they state:

Uncaught SyntaxError: Unexpected token else
Uncaught reference error: go() is not defined
Uncaught reference error: highscore() is not defined.

So without further delay, here is the full code. Can anyone help me out?

Code:

<html>
<head>
<script type="text/JavaScript">
<!--
	var sam = 9;
	var sally = 8;
	var donald = 4;

function percentage (score) {
  return score / 10 * 100;
};
function go() {
  document.write("Sam's score on the test is " + percentage(sam) + "%, <br \> Sally's score on the test is " + percentage(sally) +
              "%, <br \> Donald's score on the test is " + percentage(donald) + "%");
};
function highscore() {
if (Math.max(90, 80, 40) === 90){
        document.write("Sam's score was the highest.")};
    else if (Math.max(90, 80, 40) === 80){
        document.write("Sally's score was the highest.")};
	else{
		document.write("Donald's score was the highest.")}
};
//-->
</script>
</head>
<body>
<input type="button" onclick="go()" value="Student Grades">
<br \>
<input type="button" onclick="highscore()" value="Highest Score">
</body>
</html>

So if both validations work seperatley (if I just put radio buttons validation in the function without the spinner validation then radio buttons validation works and same vise versa), how come when I put both validations in the function, the top validation which is the radio validation works but the bottom validation which is the spinner validation does not display a message when it is suppose to?

Code is below:

Code:

 <head>
                    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
                    <title>Create a Session</title>
                            <script type="text/javascript">
            
        function validation() {
                        var errMsgO = document.getElementById("radioAlert");
                        var btnRadioO = document.getElementsByName("sessionNo");               
                        var isbtnRadioChecked = false;
                        var errQuesMsgO = document.getElementById("numberAlert");
            			var questionNumberO = document.getElementsByName("txtQuestion");
                        
            			for(i=0; i < btnRadioO.length; i++){
                            if(btnRadioO[i].checked){
                                isbtnRadioChecked = true;
                            }
                        }
                        
                        if(!isbtnRadioChecked) {
                           errMsgO.innerHTML = "Please Select the Number of Sessions you Require";
                        } else {
                            errMsgO.innerHTML = "";
                        }
                        return false; 
                        
                          
        
            if(questionNumberO[0].value == 0){
                errQuesMsgO.innerHTML = "Please Set the Number of Questions";
            } else {
                errQuesMsgO.innerHTML = "";
            }
               return false; 
                    }    
    </script>
            </head>
            <body>
            <form action="create_session.php" method="post" name="sessionform">
        <table>
                  <tr>
                  <th>2: Number of Sessions :</th>
                  <td class="sessionNo"><input type="radio" name="sessionNo" value="1" />1</td>
        		  <td class="sessionNo"><input type="radio" name="sessionNo" value="2" />2</td>
        		  <td class="sessionNo"><input type="radio" name="sessionNo" value="3" />3</td>
        		  <td class="sessionNo"><input type="radio" name="sessionNo" value="4" />4</td>
        		  <td class="sessionNo"><input type="radio" name="sessionNo" value="5" />5</td>
        		  </tr>
        		  </table>
        		  <div id="radioAlert"></div>
            <table>
                        <tr>
                        <th>Number of Questions:</th>
                            <td class="spinner"><textarea class="spinnerQuestion" name="txtQuestion" id="txtQuestion" cols="2" rows="1"></textarea></td>
                            <td><button class="scrollBtn" id="btnQuestionUp"><img src="Images/black_uppointing_triangle.png" alt="Increase" /></button>
                            <button class="scrollBtn" id="btnQuestionDown"><img src="Images/black_downpointing_triangle.png" alt="Decrease" /></button></td>
                            </tr>
                            </table>
                            <div id="numberAlert"></div>
                            <p><input class="questionBtn" type="button" value="Prepare Questions" name="prequestion" onClick="validation()" /></p>      <!-- Prepare Questions here-->
                
                    </form>
            </body>