|
JavaScript - Ok Javascript Function Not Work With Loops
We have created this function with loops and arrays
Problem is the loops work only when I take out the function when the function is in place, nothing works, it is part of exercise anyone have suggestions here is my code Code: title>Congressional Races</title>
<link href="results.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="votes.js"></script>
<script type="text/javascript">
function totalVotes(votes){
var total=0;
for (var i = 0; i <votes1.length; i++) {
total = total + votes1[i];
}
document.write(total);
}
</script>
}
</head>
<body>
thanks all who can help Similar TutorialsHi, I have PHP application and use javascript to download a file that is stored in the application. It works perfectly in FF but does not work in IE8. It does not even give an error. Below is the javascript code Code: function download(href)
{
document.location.href = href;
}
----------------------------
function checkfile_newsletter() {
document.getElementById('spn_msg').innerHTML = '';
if(window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
} else {// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if(xmlhttp.readyState==4 && xmlhttp.status==200) {
str = xmlhttp.responseText;
if(str == "active") {
try {
//document.getElementById('anchor_nl2').click();
obj = document.getElementById('anchor_nl2');
if (obj.click) {
obj.click();
} else if(document.createEvent) {
var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click", true, true, window,
0, 0, 0, 0, 0, false, false, false, false, 0, null);
var allowDefault = anchorObj.dispatchEvent(evt);
}
} catch(e) {}
return false;
}
document.getElementById('spn_msg').innerHTML = str;
}
}
var url = document.getElementById('hdn_contextpath').value + "index.php/download/checknewsletter/" + document.getElementById('sel_year').options[document.getElementById('sel_year').selectedIndex].value + "/" + document.getElementById('sel_month').options[document.getElementById('sel_month').selectedIndex].value + "/none/" + new Date().getTime() + '/'+ Math.random();;
xmlhttp.open("GET",url,true);
xmlhttp.send(url);
alert(url);
}
The PHP code that triggers the above functions is as below PHP Code: <td> <select id="sel_month" name="sel_month" onchange="changepath();"> <?php $ctr = 1; foreach($arr_month as $month) { echo "<option value='".($ctr)."' ".($ctr++ == $curr_month ? "selected" : "")." >$month</option>"; } ?> </select> <select id="sel_year" name="sel_year" onchange="changepath();"> <?php for($ctr = $curr_year; $ctr >= $start_year; $ctr--) { echo "<option value='$ctr' ".($ctr == $curr_year ? "selected='selected'" : "").">$ctr</option>"; } ?> </select> <a id="anchor_nl2" href="<?php echo $this->config->item('base_url'); ?>index.php/download/newsletter2/<?php echo $curr_year; ?>/<?php echo $curr_month; ?>" onclick="download(this.href); "></a> <input type="button" id="btn_get" name="btn_get" value="Retrieve the Newsletter" onclick="checkfile_newsletter(); "> <input type="hidden" id="hdn_nl2_path" name="hdn_nl2_path" value="<?php echo $this->config->item('base_url'); ?>index.php/download/newsletter2/" /> <br/> <span id="spn_msg" class="display_msg"></span> I tried to debug it with alert but it goes to the checkfile_newsletter(); function but does not trigger the alert in download(this.href); when run on IE8 but in FF it works properly. Please help me to resolve this. Thanks Hey all, I am confused about the true difference between the two below examples. Code: first example:
// Demonstrating a problem with closures and loops
var myArray = [“Apple”, “Car”, “Tree”, “Castle”];
var closureArray = new Array();
// Loop through myArray and create a closure for each that outputs that item
for (var i = 0; i < myArray.length; i++) {
var theItem = myArray[i];
closureArray[i] = function() {
document.write(theItem + “ < br / > ”);
}
}
// Loop through the closures and execute each one.
for (var i = 0; i < closureArray.length; i++) {
closureArray[i]();
}
Here we iterate through the length of myArray, assigning the current index of myArray to theItem variable. We declare closureArray 4 times as an anonymous function. The anonymous function in turn declares the predefined write() function, which is passed parameters. Since write() is in closureArray() a closure is created??? During each iteration, theItem is reassigned its value. The four closures reference this value. Since they reference this same value and since this value is reassigned ultimately to the value of the fourth index position, tHe time we execute closureArray later on, all four closures output the same string. This is because all four closures are within the same scope "the same environment" and therefore are referencing the same local variable, which has changed. I have a couple of problems with this example: 1) I thought a closure is a function that is returned - the inner function is not returned above. 2) theItem is not even a local variable of the parent function (closureArray) - I thought in order for a closure to work, the inner function only accesses the local variables of the outer function, but in this case the local variable is defined OUTSIDE of the parent function. 3) The guy says the "the four closures are sharing the same environment." The thing is even in the second example, they are sharing the same environment. Second example: Code: // A correct use of closures within loops
var myArray = [“Apple”, “Car”, “Tree”, “Castle”];
var closureArray = new Array();
function writeItem(word) {
return function() {
document.write(word + “ < br / > ”);
}
}
// Loop through myArray and create a closure for each that outputs that item
for (var i = 0; i < myArray.length; i++) {
var theItem = myArray[i];
closureArray[i] = writeItem(theItem);
}
// Loop through the closures and execute each one.
for (var i = 0; i < closureArray.length; i++) {
closureArray[i]();
}
Here we iterate over the length of myArray (4 times), assigning the index of myArray to theItem variable. We also return a function reference to the closureArray during each iteration (closureArray[i]), where i is index number so we assign 4 functon references. So when we iterate through myArray, we immediatelly call the writeItem() fucntion passing an argument of theItem at its current value. This returns a child anonymous function and when that child function is called, it will execute a block that calls the predefined write() method. We assign that returned anonymous function to the variable closureArray. Hence, closureArray holds a reference to that anonymous function. So closureArray during each iteration holds a reference to the anonymous function and we later call closureArray, which in turn calls the anonymous function, therefore calling the predefined write() function to output the local variable of the parent function. This outputs each distinct index of myArray. QUESTION: This is because since we created the closure, when we call writeItem, passing theItem argument, since theItem is a local variable of the parent function of the closure, it is never destroyed when we later call closureArray (the reference to the child anonymous function)? Yet weren't we using a closure in the first example as well? So whey wasn't those variables preserved? I don't think it has anything to do with assigning a returned anonymous function to closureArray. Even though an anonymous function creates a new memory position in the javascript engine, therefore not overwriting the other function references we create during the iteration, it's still referring to a local variable declared outside the reference. So if it's about the closure retaining value of parent's local variable even after exiting the parent function allowing for the current indexes to be preserved, then why did the closure in the first example fail to retain each index? Thanks for response This is a final loops in an exercise here is my code Code: <script type="text/javascript">
var counter;
for (counter=0; counter<amount.length; counter++) {}
{
document.writeIn(counter+"<br/>");
document.writeIn("<tr><td>"date"[counter]"</td>");
document.writeIn("<td class = 'amt'>myArray</td>");
document.writeIn("<td>"firstName[counter]"</td>");
document.writeIn("<td>"lastName[counter]"</td>");
document.writeIn("<td>"street[counter]"<br />");
document.writeIn("<td>"+street[counter]+" "+city[counter]+" "state[counter]+" "+zip[counter]+"</td></tr>);
Total=total+amount[counter];
document.writeIn("<table>");
}
</script>
This is what i have, what do i need to do to make this more proper and written properly? thanks Hello all. I've spent a few days now browsing this forum along with guides on the net, I'm new to JS and I'm having a bit of trouble with loops. I just don't seem to get them, I was wondering if anyone had any tips or methods (the simpler the better ) for getting these learnt and done with? Would appreciate any tips Thanks Hi guys, I am new to learning javascript and have a test tomorrow on for loops. I know the answers to the three following loops but i wondered if anyone could take the time to explain to me how to find the answer from the code as I have no idea on how to find the answers (the answer is what is displayed in the alert). Many thanks, Mike The loops are these three: 1. var a=4;b=6; for(var c=0;c<=a;c++){b=b+c;} alert(b); (answer is 16) 2. var v=1; for(i=1;i<5;i++) for(j=2;j<5;j++) v+=1; alert(v); (answer is 13) 3. var s=0; for(i=0;i<=8;i++) if((i%2)==0)s+=1; alert(s); (answer is 5) Hi, Which among the following for iterating objects in JavaScript is better in terms of performance & usage? A) property enumeration: for (var propName in someObject) { var value = someObject[propName]; } B) Array protocol for (var i=0; i<someObject.length; i++) { var value = someObject[i]; } C) forEach method Can forEach method be used across various browsers and OS? K This is driving me crazy. I simply want to display the values of the checkboxes with a specific name. This loop executes only once, then stops, showing no error msg. I have found no similar problem elsewhere on the net and have done a ton of tests, but cannot find out why it won't continue to loop. I've included the whole html file. Please Help! Code: <HTML>
<SCRIPT language="JavaScript">
function test1()
{
var chkLen=document.frmTable.CHK0.length;
for (k=0;k<chkLen;k++)
{
//execution stops after one loop. no error msg.
document.write(document.getElementsByName('CHK0')[k].value);
}
}
</SCRIPT>
<FORM NAME=frmTable>
<TABLE BORDER=1>
<TR>
<TD><INPUT TYPE=CHECKBOX NAME=CHK0 VALUE='one'>1</TD>
<TD><INPUT TYPE=CHECKBOX NAME=CHK0 VALUE='two'>2</TD>
<TD><INPUT TYPE=CHECKBOX NAME=CHK0 VALUE='three'>3</TD>
</TR>
</TABLE><BR>
<INPUT TYPE=BUTTON VALUE='Go' onClick=test1()>
</FORM>
</HTML>
I want to learn javascript and I found codecademy.com which seems like a great way to learn the language. Before the first lesson it says Quote: You should be comfortable with loops, if statements, functions, and objects before attempting this course. Can someone explain what these are or point me in the direction where I can find the answers? I tried searching with google, but I havent found anything that clearly states what exactly the loop, object, etc. is. 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, hello, would you please tell me why my function does not work? what's wrong with my code Code: <html>
<head>
<title> Egypt </title>
</head>
<body>
<form name="myform" action="#" onsubmit="return checkBoxes(this);">
<div align="left"><br>
<input type="checkbox" name="option1" value="Top10"> Top 10 Tourist Attractions of Egypt<br>
<input type="checkbox" name="option2" value="Alexandria"> Alexandria <br>
<input type="checkbox" name="option3" value="POIs"> POIs<br>
<br>
<INPUT TYPE=SUBMIT VALUE="submit">
</div>
</form>
<script type="text/javascript">
function checkBoxes(theForm) {
if (
theForm.option1.checked == false &&
theForm.option2.checked == false &&
theForm.option3.checked == false)
{
alert ('You didn\'t choose any of the checkboxes!');
return false;
} else {
return true;
}
</script>
</body>
</html>
I'm new to JS and I can't get this function to display. Can you help me please?
Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>Untitled</title>
<head>
<script type="text/javascript">
function creatediv(){
var nwdiv=document.createElement('div');
nwdiv.style.float='right'
nwdiv.id='mydiv';
var txt='hello world!';
document.body.apendChild(nwdiv);
document.getElementById(mydiv).innerHTML=txt;
document.write(txt);
}
</script>
<style type="text/css">
</style>
</head>
<body>
<form>
<input type="button" value="Click me!" onclick="creatediv()" />
</form>
</body>
</html>
Does anyone know how to make URL links that use Javascript still work when users have Javascript disabled on their browser? The only reason I'm using JS on a URL is because my link opens a PDF file, and I'm forcing it not to cache so users have the latest version. I tried the <script><noscript> tags, but I'm not sure if I'm using it correctly, as my URL completely disappears. Below is my HTML/Javascript code: <p class="download"> <script type="text/javascript">document.write("<span style=\"text-decoration: underline;\"><a href=\"javascript:void(0);\" onclick=\"window.open( 'http://www.webchild.com.au/mediakit/Direct_Media_Kit_Web.pdf?nocache='+ Math.floor( Math.random()*11 ) );\" >The Child Magazines Media Kit</a></span> (PDF 1 MB) ");</script> <noscript><span style="text-decoration: underline;"><a href="http://www.webchild.com.au/mediakit/Direct_Media_Kit_Web.pdf" >The Child Magazines Media Kit</a></span> (PDF 1 MB)</noscript> </p> Thanks for any help, Michael I've been trying for several hours to solve this University problem but I'm just unable to get it done. I'm supposed to create a function that takes an array with all the A,B,C,D ... and shift them one place to the right (for instance array of A,B,C,D should be shifted and be like D,A,B,C - the last character goes to first position) Here is the code that I've been dealing with: Code: var abcArray = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z'];
function shift(anyArray)
{
var newArray = Array(anyArray.length);
for (var position = 0; position < newArray.length; position = position + 1)
{
if (position == 0)
{
newArray[position] = anyArray[anyArray.length - 1];
}
else
{
newArray[position] = anyArray[position - 1];
}
}
anyArray = newArray;
}
shift(abcArray);
document.write(abcArray);
If I remove the function and try this code directly on the array it does work, but when I use the code as it is just like you see - the function shift doesn't change the Array and doesn't shift the values inside one position to the right and I have no clue why. Anyone has some ideas?! I made a 50th anniversary guestbook to add memories/etc about our organization. The people can look at the entries and then if they want to add one of there own, there's a link that should pop up a form in a new for them to add it. I have no idea why this pop is not working in Internet Explorer (both IE6 and 7). It works beautifully in Firefox. I have no idea how you can go wrong with window.open. I'm stuck. Again, only the actual pop up function doesn't work. Everything else seems to be working fine. I included all of my code though even for the tab navigation because the link to the pop up form changes based on what tab they are in (i.e. if they're looking at the past memories tab and click on the link, it takes them to the past memories form). I know it's probably TMI on the code, but I thought it might be somehow related and better safe than sorry, right? HTML Page Code: <html>
<head>
<title>50th Anniversary Reflections</title>
<script type="text/javascript" src="js/guestbook.js"></script>
<link href="css/guestbook.css" media="all" type="text/css" rel="stylesheet">
</head>
<body>
<div id="guestbook_container">
<div id="tab_nav_container">
<ul>
<li><div id="tab_1" class="tabs_on" onclick="tabsClass.switchTab(this);"><a target="gstbk_frame" href="guestbook_query.asp?cat=1" onclick="change_value(1);">Past Memories</a></div></li>
<li><div id="tab_2" class="tabs_off" onclick="tabsClass.switchTab(this);"><a target="gstbk_frame" href="guestbook_query.asp?cat=2" onclick="change_value(2);">Career Impact</a></div></li>
<li><div id="tab_3" class="tabs_off" onclick="tabsClass.switchTab(this);"><a target="gstbk_frame" href="guestbook_query.asp?cat=3" onclick="change_value(3);">Future Wishes</a></div></li>
<li><div id="new" class="tabs_off" onclick="popupform();">Share Your Memories</div></li>
</ul>
</div><!-- end tab_nav_container -->
<div id="tab_content_container">
<div id="tab_1_data" class="tab_content"><p class="tab_category">What is your most important memory of NACUA?</p></div>
<div id="tab_2_data" class="tab_content" style="display: none;"><p class="tab_category">How has NACUA benefitted you and your career?</p></div>
<div id="tab_3_data" class="tab_content" style="display: none;"><p class="tab_category">What is your most important wish or hope for NACUA's future?</p></div>
</div><!-- end tab_content_container -->
<script type="text/javascript">
tabsClass.addTabs("tab_nav_container");
</script>
<br class="clear" />
<div id="iframe_container">
<iframe name="gstbk_frame" id="gstbk_frame" src="guestbook_query.asp?cat=1" width="730px" height="550px" scrolling="auto" frameborder="none"></iframe>
</div><!-- end iframe_container -->
<br class="clear" />
</div><!-- end guestbook_container -->
</body>
</html>
Here's the guestbook.js file: Code: //***** ASSIGN/CHANGE CATEGORY VALUES *****
function popupform(){
var href;
href="guestbook_submission_form.asp?cat="+catValue;
window.open(href, "Submission Form", 'width=600, height=400, scrollbars=no');
}
var catValue = "1"
function change_value(catChange){
catValue=catChange;
change_text();
}
function change_text(){
if(catValue=="1"){
document.getElementById("new").innerHTML = "<a href='#' style='color:#ffffff;'>Share Your Memories!</a>";
}
if(catValue=="2"){
document.getElementById("new").innerHTML = "<a href='#' style='color:#ffffff;'>Share Your Career Experiences!</a>";
}
if(catValue=="3"){
document.getElementById("new").innerHTML = "<a href='#' style='color:#ffffff;'>Add Your Own Wish!</a>";
}
}
//***** ASSIGN/CHANGE VALUES AND TABS *****
function assignCategory(cat){
document.form.category.value=cat;
}
function onLoadAssignAndSwitch(cat){
assignCategory(cat);
tabsClass.addTabs("tab_nav_container");
var initialTab = "tab_" + cat + "_data"
if (initialTab != "tab_1_data"){
document.getElementById(initialTab).style.display = "";
document.getElementById("tab_1_data").style.display = "none";
}
document.getElementById("tab_" + cat).className = "tabs_on";
}
function assignAndSwitch(element, cat){
tabsClass.switchTab(element);
assignCategory(cat);
}
//***** TABBED MENU *****
var tabsClass = {
tabSetArray: new Array(),
classOn: "tabs_on",
classOff: "tabs_off",
addTabs: function (tabsContainer) {
tabs = document.getElementById(tabsContainer).getElementsByTagName("div");
for (x in tabs) {
if (typeof(tabs[x].id) != "undefined") {
this.tabSetArray.push(tabs[x].id);
} else {}
}
},
switchTab: function (element) {
for (x in this.tabSetArray) {
tabItem = this.tabSetArray[x];
dataElement = document.getElementById(tabItem + "_data");
if (dataElement) {
if (dataElement.style.display != "none") {
dataElement.style.display = "none";
} else {}
} else {}
tabElement = document.getElementById(tabItem);
if (tabElement) {
if (tabElement.className != this.classOff) {
tabElement.className = this.classOff;
} else {}
} else {}
}
document.getElementById(element.id + "_data").style.display = "";
element.className = this.classOn;
}
};
I'm not that advanced in javascript (although not a total idiot) Any help and/or suggestions would be greatly appreciated! Thank you! Hi! What am doing wrong? The script works -- identifies blank fields -- but the second function (change_subject) is ignored. This is the script: Code: <HEAD>
<script>
function is_filled()
{
if (form_1.realname.value=="")
{
alert("Please enter your name")
form_1.realname.focus()
return false
}
if (form_1.subject.value=="")
{
alert("Please enter a subject")
form_1.message.focus()
return false
}
else
return true
};
function change_subject
{
form_1.subject.value="form_1.realname.value + '_' + form_1.subject.value"
};
</script>
</HEAD>
This is the FORM (used for MSA FormMail): Code: <form name="form_1"; onSubmit="return is_filled()"; on Submit="change_subject()"; method="post"; action="http://gb2gf.org/cgi-sys/FormMail.cgi">
<input type="hidden" name="recipient" value="drt@gb2gf.org">
<input type="hidden" name="required" value="greeting,realname,city_state,email_1,email_2,message">
<input type="hidden" name="sort" value="order:greeting,realname,city_state,email_1,email_2,message">
<input type="hidden" name="redirect" value="http://www.gb2gf.org/thanks.htm">
<!-- Input fields here -->
</form>
Thanks! Dr. T. Hey guys, I'm beginning to learn javascript, and I've come across functions like the one below in many scripts. I just don't understand the purpose of the parameter! Nothing is being passed into the function when it's being called- so what's the point of specifying an argument??? Code:
function doSomething(e) {
if (!e) var e = window.event;
alert(e.type);
}
Why not: Code: function doSomething() {
var e = window.event;
alert(e.type);
}
hello, I posted a threat a couple of days ago, but i got no answer. I guess it was just too messy. So i'm trying over again. You might therefore have a little deja vu, but still, any help will be greatly appreciated. I need this function to work on all my div, separately, on loading. here is the function: Code: <script>
// Random Position Script
var xxx = Math.floor(Math.random()* (pageWidth()-230));
var yyy = Math.floor(Math.random()* (pageHeight()-50));
function start()
{var x = (posLeft()+xxx) + 'px';
var y = (posTop()+yyy) + 'px';
moveObjTo('myobj',x,y);
setObjVis('myobj','visible');}
window.onload = start;
window.onscroll = start;// JavaScript Document
</script>
At the moment, the function is working on one object ('myObj'). I laced all my documents into separate divs and i need them all (and seperatly) to load on a random position at start. So i need to write in something that makes this function keep on going for all my objects. It might seem like a very dumb question, but 'm just starting with javascript, so not much of a coder yet. Hope you can help o this one. nice day to everybody! Hey all i am in need of some help trying to figure out how to pass a string into an array field for a chart. The chart i am using is this [http://www.highcharts.com/] Here is the chart code: Code: function drawChart(theDATA)
{
var chart = new Highcharts.Chart({
chart: {renderTo: 'container',defaultSeriesType: 'column'},
title: {text: 'March 2010 Confirmed User Visit\'s'},
xAxis: {categories: ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27','28','29','30','31']},
yAxis: {min: 0,title: {text: 'User Visit\'s'}},
legend: {layout: 'vertical',backgroundColor: '#FFFFFF',style: {left: '100px',top: '70px',bottom: 'auto'}},
tooltip: {formatter: function() {return this.y;}},
plotOptions: {column: {pointPadding: 0.2,borderWidth: 0}},
series: [{name: 'Confirmed Users Visit\'s',
data: theDATA.split(',')
}]
});
}
With the code above, you would think that theDATA would work but it does not display the data within it. Say that theDATA is '2,5,4,7,8,9'. If i had this: Code: data: [2,5,4,7,8,9] Then it would work just fine. But if i use those same numbers... Code: theData = "2,5,4,7,8,9"
data: theDATA.split(',')
It does nothing on the chart... So what am i doing wrong???? David I don't get to use javascript as much as I would like, but I am having a problem with a page so I stripped out all the extras and got down to just the part I am having a problem with and I think this should fill the div with the id testingdiv when the page loads but it doesn't. Any help would be appreciated. Code: <script type="text/javascript">
function getClientList(listtype) {
document.getElementById('testingdiv').innerHTML = listtype;
}
window.onload = getClientList('own');
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<input type="hidden" name="hidden" id="hidden" value="99" />
<title>untitled</title>
</head>
<body>
<div id="testingdiv"></div>
</body>
</html>
|
|||||||