|
JavaScript - Any Differences In Loop Increment Method?
The following code results in the exact same output.
Is there an advantage to using i++ over ++i (or visa-versa) in the loop? Code: <script type="text/javascript">
var tarr1 = []; for (var i=0; i<10; i++) { tarr1.push(i); }
var tarr2 = []; for (var i=0; i<10; ++i) { tarr2.push(i); }
alert(tarr1.join(',')+'\n'+tarr2.join(','));
</script>
Similar question for the increment method in the following: Code: <script type="text/javascript">
var tarr1 = []; var i=0; do { tarr1.push(i); i++; } while (i<10);
var tarr2 = []; var j=0; do { tarr2.push(j); ++j; } while (j<10);
alert(tarr1.join(',')+'\n'+tarr2.join(','));
</script>
Similar TutorialsHello just a quick problem with a seemingly difficult solution that I'm not aware throughout. What I'm attempting to do is increment a value when the mouse hovers over the element by using this move_right function: Code: function Move_Right( event, element, number) {
number++;
var elem = document.getElementById(element);
elem.style.right = number + "px";
}
inside the mouseover event trigger function which I figured out. The problem is it doesn't move incrementally only once every mouse hover no matter the technique of setInterval(); and or setTimeout(); also ontop of this problem I'm getting errors like : 2014-10-12 20:07:57.785Uncaught TypeError: Cannot read property 'style' of null even after the changes I made also after this original function call : This is the current code so far which is different to the previous code above "obviously" : Edit fiddle - JSFiddle Thanks if someone knows the issues here, I hope it makes sense . I'm super stuck. Is it possible to increment in a for...in loop? This is what I'm trying to do, but the increments aren't happening. Any help or advice is much appreciated!! Code: var i_1 = 3;
var i_2 = 8;
for (var key in data.id) {
if ([key] < '4')
{
attach_to = '.active';
}
else if ([key] > i_1 && [key] < i_2)
{
attach_to = '.item_' + i_1;
}
document.write(attach_to + '<br/>' + i_1+ '<br/>');
i_1 + 4;
i_2 + 4;
}
Hi again, I have written the follow code. It is meant to (when finished) output a table showing each member of the array PEOPLE. There Income ,there Tax bracket and there finally there total tax paid. The calulations in the if-else statements are correct. I have to create a loop that will go through the if else statements equal to the amount of the people in the array (This is no problem I have done this earlier) My problem is when I try to add each element (PEOPLE) to the table or there indivual tax outcomes. Can I create a loop and increment in the elements each iteration to put on the table?(for there names) As I am not meant to store each iteration,it is to write to the table each time. This is the code I'm working on with out the loop. [CODE]<html> <head> <script> PEOPLE = new Array ('Mr Dobbaleana','David Lai','Richard Watson','Leigh Brookshaw','Stijn Dekeyser'); BRACKET_LIMITS = new Array (0,6000,37000,80000,180000); MIN_TAX = new Array (0.00,0.00,4650.00,17550.00,54550.00); TAX_RATES = new Array (0.00,0.15,0.30,0.37,0.45); var taxBracket =0; var taxToPay =0; document.writeln ('<table border="2">'); document.writeln ('<tr>'); document.writeln ('<th>'+('Name')+'</th>'); document.writeln ('<th>'+('Income')+'</th>'); document.writeln ('<th>'+('Bracket')+'</th>'); document.writeln ('<th>'+('Tax')+'</th>'); document.writeln ('</tr>'); var currentPersonInRow = parseInt(prompt('Enter your income')); if (currentPersonInRow <= BRACKET_LIMITS[1]){ taxBracket=BRACKET_LIMITS.indexOf(0); taxToPay = (currentPersonInRow-BRACKET_LIMITS[0])*TAX_RATES[0]+MIN_TAX[0]; // will give total taxable income } else if (currentPersonInRow<=BRACKET_LIMITS[2]){ taxBracket=BRACKET_LIMITS.indexOf(6000); taxToPay = (currentPersonInRow-BRACKET_LIMITS[1])*TAX_RATES[1]+MIN_TAX[1]; // will give total taxable income } else if (currentPersonInRow<=BRACKET_LIMITS[3]){ taxBracket=BRACKET_LIMITS.indexOf(37000); taxToPay = (currentPersonInRow-BRACKET_LIMITS[2])*TAX_RATES[2]+MIN_TAX[2]; // will give total taxable income } else if (currentPersonInRow<=BRACKET_LIMITS[4]){ taxBracket=BRACKET_LIMITS.indexOf(80000); taxToPay = (currentPersonInRow-BRACKET_LIMITS[3])*TAX_RATES[3]+MIN_TAX[3]; // will give total taxable income } else { taxBracket=BRACKET_LIMITS.indexOf(180000); taxToPay = (currentPersonInRow-BRACKET_LIMITS[4])*TAX_RATES[4]+MIN_TAX[4]; // will give total taxable income } document.writeln ('<tr>'); document.writeln ('<td>'+(PEOPLE[0])+'</td>'); document.writeln ('<td>'+('$')+(currentPersonInRow)+'</td>'); document.writeln ('<td>'+(taxBracket)+'</td>'); document.writeln ('<td>'+('$')+(taxToPay)+'</td>'); document.writeln ('</tr>'); </script> </head> <body> </body> </html> [/ICODE] OK this is the code I wrote and it works but doesnt meet the assigment critera. Code: <html>
<head>
<script>
PEOPLE = new Array ('Mr Dobbaleana','David Lai','Richard Watson','Leigh Brookshaw','Stijn Dekeyser');
BRACKET_LIMITS = new Array (0,6000,37000,80000,180000);
MIN_TAX = new Array (0.00,0.00,4650.00,17550.00,54550.00);
TAX_RATES = new Array (0.00,0.15,0.30,0.37,0.45);
var personZero = parseFloat( prompt ((' Enter income for ')+(PEOPLE[0]),('0.00')));
var personOne = parseFloat (prompt ((' Enter income for ')+(PEOPLE[1]),('0.00')));
var personTwo = parseFloat (prompt ((' Enter income for ')+(PEOPLE[2]),('0.00')));
var personThree = parseFloat (prompt ((' Enter income for ')+(PEOPLE[3]),('0.00')));
var personFour = parseFloat(prompt ((' Enter income for ')+(PEOPLE[4]),('0.00')));
if ((personZero >= BRACKET_LIMITS[0])&&(personZero <= BRACKET_LIMITS[1]))
{
var cal1= (personZero-BRACKET_LIMITS[0]);
var cal2= (cal1*TAX_RATES[0]);
var totalTaxPaid = (cal2+MIN_TAX[0]);
var taxBracketOfPeople1=0;
alert(totalTaxPaid);
}
if ((personZero >= BRACKET_LIMITS[1])&&(personZero <= BRACKET_LIMITS[2]))
{
var cal1= (personZero-BRACKET_LIMITS[1]);
var cal2= (cal1*TAX_RATES[1]);
var totalTaxPaid = (cal2+MIN_TAX[1]);
var taxBracketOfPeople1=1;
alert(totalTaxPaid);
}
if ((personZero >= BRACKET_LIMITS[2])&&(personZero <= BRACKET_LIMITS[3]))
{
var cal1= (personZero-BRACKET_LIMITS[2]);
var cal2= (cal1*TAX_RATES[2]);
var totalTaxPaid = (cal2+MIN_TAX[2]);
var taxBracketOfPeople1=2;
alert(totalTaxPaid);
}
if ((personZero >= BRACKET_LIMITS[3])&&(personZero <= BRACKET_LIMITS[4]))
{
var cal1= (personZero-BRACKET_LIMITS[3]);
var cal2= (cal1*TAX_RATES[3]);
var totalTaxPaid = (cal2+MIN_TAX[3]);
var taxBracketOfPeople1=3;
alert(totalTaxPaid);
}
if ((personZero >= BRACKET_LIMITS[4]))
{
var cal1= (personZero-BRACKET_LIMITS[4]);
var cal2= (cal1*TAX_RATES[4]);
var totalTaxPaid = (cal2+MIN_TAX[4]);
var taxBracketOfPeople1=4;
alert(totalTaxPaid);
}
if ((personOne >= BRACKET_LIMITS[0])&&(personOne <= BRACKET_LIMITS[1]))
{
var cal1= (personOne-BRACKET_LIMITS[0]);
var cal2= (cal1*TAX_RATES[0]);
var totalTaxPaid1 = (cal2+MIN_TAX[0]);
var taxBracketOfPeople2=0;
alert(totalTaxPaid1);
}
if ((personOne >= BRACKET_LIMITS[1])&&(personOne <= BRACKET_LIMITS[2]))
{
var cal1= (personOne-BRACKET_LIMITS[1]);
var cal2= (cal1*TAX_RATES[1]);
var totalTaxPaid1 = (cal2+MIN_TAX[1]);
var taxBracketOfPeople2=1;
alert(totalTaxPaid1);
}
if ((personOne >= BRACKET_LIMITS[2])&&(personOne <= BRACKET_LIMITS[3]))
{
var cal1= (personOne-BRACKET_LIMITS[2]);
var cal2= (cal1*TAX_RATES[2]);
var totalTaxPaid1 = (cal2+MIN_TAX[2]);
var taxBracketOfPeople2=2;
alert(totalTaxPaid1);
}
if ((personOne >= BRACKET_LIMITS[3])&&(personOne <= BRACKET_LIMITS[4]))
{
var cal1= (personOne-BRACKET_LIMITS[3]);
var cal2= (cal1*TAX_RATES[3]);
var totalTaxPaid1 = (cal2+MIN_TAX[3]);
var taxBracketOfPeople2=3;
alert(totalTaxPaid1);
}
if ((personOne >= BRACKET_LIMITS[4]))
{
var cal1= (personOne-BRACKET_LIMITS[4]);
var cal2= (cal1*TAX_RATES[4]);
var totalTaxPaid1 = (cal2+MIN_TAX[4]);
var taxBracketOfPeople2=4;
alert(totalTaxPaid1);
}
if ((personTwo >= BRACKET_LIMITS[0])&&(personTwo <= BRACKET_LIMITS[1]))
{
var cal1= (personTwo-BRACKET_LIMITS[0]);
var cal2= (cal1*TAX_RATES[0]);
var totalTaxPaid2 = (cal2+MIN_TAX[0]);
var taxBracketOfPeople3=0;
alert(totalTaxPaid2);
}
if ((personTwo >= BRACKET_LIMITS[1])&&(personTwo <= BRACKET_LIMITS[2]))
{
var cal1= (personTwo-BRACKET_LIMITS[1]);
var cal2= (cal1*TAX_RATES[1]);
var totalTaxPaid2 = (cal2+MIN_TAX[1]);
var taxBracketOfPeople3=1;
alert(totalTaxPaid2);
}
if ((personTwo >= BRACKET_LIMITS[2])&&(personTwo <= BRACKET_LIMITS[3]))
{
var cal1= (personTwo-BRACKET_LIMITS[2]);
var cal2= (cal1*TAX_RATES[2]);
var totalTaxPaid2 = (cal2+MIN_TAX[2]);
var taxBracketOfPeople3=2;
alert(totalTaxPaid2);
}
if ((personTwo >= BRACKET_LIMITS[3])&&(personTwo <= BRACKET_LIMITS[4]))
{
var cal1= (personTwo-BRACKET_LIMITS[3]);
var cal2= (cal1*TAX_RATES[3]);
var totalTaxPaid2 = (cal2+MIN_TAX[3]);
var taxBracketOfPeople3=3;
alert(totalTaxPaid2);
}
if ((personTwo >= BRACKET_LIMITS[4]))
{
var cal1= (personTwo-BRACKET_LIMITS[4]);
var cal2= (cal1*TAX_RATES[4]);
var totalTaxPaid2 = (cal2+MIN_TAX[4]);
var taxBracketOfPeople3=4;
alert(totalTaxPaid2);
}
if ((personThree >= BRACKET_LIMITS[0])&&(personThree <= BRACKET_LIMITS[1]))
{
var cal1= (personThree-BRACKET_LIMITS[0]);
var cal2= (cal1*TAX_RATES[0]);
var totalTaxPaid3 = (cal2+MIN_TAX[0]);
var taxBracketOfPeople4=0;
alert(totalTaxPaid3);
}
if ((personThree >= BRACKET_LIMITS[1])&&(personThree <= BRACKET_LIMITS[2]))
{
var cal1= (personThree-BRACKET_LIMITS[1]);
var cal2= (cal1*TAX_RATES[1]);
var totalTaxPaid3 = (cal2+MIN_TAX[1]);
var taxBracketOfPeople4=1;
alert(totalTaxPaid3);
}
if ((personThree >= BRACKET_LIMITS[2])&&(personThree <= BRACKET_LIMITS[3]))
{
var cal1= (personThree-BRACKET_LIMITS[2]);
var cal2= (cal1*TAX_RATES[2]);
var totalTaxPaid3 = (cal2+MIN_TAX[2]);
var taxBracketOfPeople4=2;
alert(totalTaxPaid3);
}
if ((personThree >= BRACKET_LIMITS[3])&&(personThree <= BRACKET_LIMITS[4]))
{
var cal1= (personThree-BRACKET_LIMITS[3]);
var cal2= (cal1*TAX_RATES[3]);
var totalTaxPaid3 = (cal2+MIN_TAX[3]);
var taxBracketOfPeople4=3;
alert(totalTaxPaid3);
}
if ((personThree >= BRACKET_LIMITS[4]))
{
var cal1= (personThree-BRACKET_LIMITS[4]);
var cal2= (cal1*TAX_RATES[4]);
var totalTaxPaid3 = (cal2+MIN_TAX[4]);
var taxBracketOfPeople4=4;
alert(totalTaxPaid3);
}
if ((personFour >= BRACKET_LIMITS[0])&&(personFour <= BRACKET_LIMITS[1]))
{
var cal1= (personFour-BRACKET_LIMITS[0]);
var cal2= (cal1*TAX_RATES[0]);
var totalTaxPaid4 = (cal2+MIN_TAX[0]);
var taxBracketOfPeople5=0;
alert(totalTaxPaid4);
}
if ((personFour >= BRACKET_LIMITS[1])&&(personFour <= BRACKET_LIMITS[2]))
{
var cal1= (personFour-BRACKET_LIMITS[1]);
var cal2= (cal1*TAX_RATES[1]);
var totalTaxPaid4 = (cal2+MIN_TAX[1]);
var taxBracketOfPeople5=1;
alert(totalTaxPaid4);
}
if ((personFour >= BRACKET_LIMITS[2])&&(personFour <= BRACKET_LIMITS[3]))
{
var cal1= (personFour-BRACKET_LIMITS[2]);
var cal2= (cal1*TAX_RATES[2]);
var totalTaxPaid4 = (cal2+MIN_TAX[2]);
var taxBracketOfPeople5=2;
alert(totalTaxPaid4);
}
if ((personFour >= BRACKET_LIMITS[3])&&(personFour <= BRACKET_LIMITS[4]))
{
var cal1= (personFour-BRACKET_LIMITS[3]);
var cal2= (cal1*TAX_RATES[3]);
var totalTaxPaid4 = (cal2+MIN_TAX[3]);
var taxBracketOfPeople5=3;
alert(totalTaxPaid4);
}
if ((personFour >= BRACKET_LIMITS[4]))
{
var cal1= (personFour-BRACKET_LIMITS[4]);
var cal2= (cal1*TAX_RATES[4]);
var totalTaxPaid4 = (cal2+MIN_TAX[4]);
var taxBracketOfPeople5=4;
alert(totalTaxPaid4);
}
</script>
</head>
<body>
<script>
document.writeln ('<table border="2">');
document.writeln ('<tr>');
document.writeln ('<th>'+('Name')+'</th>');
document.writeln ('<th>'+('Income')+'</th>');
document.writeln ('<th>'+('Bracket')+'</th>');
document.writeln ('<th>'+('Tax')+'</th>');
document.writeln ('</tr>');
document.writeln ('<tr>');
document.writeln ('<td>'+(PEOPLE[0])+'</td>');
document.writeln ('<td>'+('$')+(personZero)+'</td>');
document.writeln ('<td>'+(taxBracketOfPeople1)+'</td>');
document.writeln ('<td>'+('$')+(totalTaxPaid)+'</td>');
document.writeln ('</tr>');
document.writeln ('<tr>');
document.writeln ('<td>'+(PEOPLE[1])+'</td>');
document.writeln ('<td>'+(personOne)+'</td>');
document.writeln ('<td>'+(taxBracketOfPeople2)+'</td>');
document.writeln ('<td>'+(totalTaxPaid1)+'</td>');
document.writeln ('</tr>');
document.writeln ('<tr>');
document.writeln ('<td>'+(PEOPLE[2])+'</td>');
document.writeln ('<td>'+(personTwo)+'</td>');
document.writeln ('<td>'+(taxBracketOfPeople3)+'</td>');
document.writeln ('<td>'+(totalTaxPaid2)+'</td>');
document.writeln ('</tr>');
document.writeln ('<tr>');
document.writeln ('<td>'+(PEOPLE[3])+'</td>');
document.writeln ('<td>'+(personThree)+'</td>');
document.writeln ('<td>'+(taxBracketOfPeople4)+'</td>');
document.writeln ('<td>'+(totalTaxPaid3)+'</td>');
document.writeln ('</tr>');
document.writeln ('<tr>');
document.writeln ('<td>'+(PEOPLE[4])+'</td>');
document.writeln ('<td>'+(personFour)+'</td>');
document.writeln ('<td>'+(taxBracketOfPeople5)+'</td>');
document.writeln ('<td>'+(totalTaxPaid4)+'</td>');
document.writeln ('</tr>');
document.writeln('</table>');
</script>
</body>
</html>
Hope that wasnt to confusing Thanks heaps Shaynedarcy Friends i'm in a dire situation only have wednesday to submit ..so heres the problem....i have a course work assigment where i have to hardwire Hardware items and their item codes description and prices and ask the user to input their name address the itemCode and quantity nad then creat an invoice which looks like this HARDWARE ITEMS CODE DESCRIPTION UNIT PRICE K16 Wood screws, brass, 20mm, pack of 50 $ 7.75 D24 Wood glue, clear, 1 litre $ 5.50 M93 Sandpaper, medium grade, 100 sheets $10.25 M94 Sandpaper, fine grade, 100 sheets $14.75 PLACE YOUR ORDER! NAME: Bill Silic ADDRESS-1: Apt 23 ADDRESS-2: Building 8 ADDRESS-3: Winchester POST CODE: 89763 ENTER CODE (XX to Stop): CODE: D24 QUANTITY: 2 CODE: K16 QUANTITY: 1 CODE:XX INVOICE FOR ORDER Bill Silic Apt 23 Building 8 Winchester POST CODE: 89763 D24 Wood glue, clear, 1 litre 2 @ $ 5.50 $ 11.00 K16 Wood screws, brass, 20mm, pack of 50 1 @ $ 7.75 $ 7.75 TOTAL: $ 18.75 Shipping: 2 items @ 1.00 2.00 TOTAL INCL. SHIPPING: 20.75 VAT at 20% 4.15 TOTAL TO PAY: 24.90 I HAVE ALREADY COMPLETED THIS BY MYSELF AND GOT IT WORKING WITH NO PROBLEM ..But my problem is that the teacher wants us to TEST FOR NULL ENTRY meaning if the user enters the wrong Itemcode or no ItemCode at all and give an sensible output for that case ..... she wants us to put it in a method after main and then call it in main using a do while loop so my method looks something like this Code: public static boolean isSomethingCorrect(String itemCode){
if(itemCode.equals("")||itemCode.equals(null)){
System.out.println("A sensible output");
return true;
}//close if
return false;
}
}
// and i have to implement it where i ask the user for input using a Do while loop in this area Code: //a do while loop to test null code entry
do{
System.out.println("Please select a code from the list");
String itemCode= br.readLine();
System.out.println("Please enter quantity of items " +itemCode);
String itemQuantity= br.readLine();
int quantity= Integer.parseInt(itemQuantity);
// I Will be forever grateful for any help on this program because i have tryed for hours upon hours and i just cant get it and i need to submit the day after tomorrow Why is the callwhy is the slice method only a method of an Array instance? The reason why I ask is because if you want to use it for the arguments property of function object, or a string, or an object, or a number instance, you are forced to use Array.prototype.slice.call(). And by doing that, you can pass in any type of object instance (Array, Number, String, Object) into it. So why not just default it as a method of all object instances built into the language? In other words, instead of doing this: Code: function Core(){
var obj = {a : 'a', b : 'b'};
var num = 1;
var string = 'aff';
console.log(typeof arguments);//Object
console.log(arguments instanceof Array);//false
var args1 = Array.prototype.slice.call(arguments);
console.log(args1);
var args2 = Array.prototype.slice.call(obj);
console.log(args2);
var args3 = Array.prototype.slice.call(num);
console.log(args3);
var args4 = Array.prototype.slice.call(string);
console.log(args4);
Core('dom','event','ajax');
Why not just be able to do this: Code: function Core(){
var obj = {a : 'a', b : 'b'};
var num = 1;
var string = 'aff';
var args = arguments.slice(0);
var args2 = obj.slice(0);
var args3 = num.slice(0);
var args4 = string.slice(0);
//right now none of the above would work but it's more convenient than using the call alternative.
}
Core('dom','event','ajax');
Why did the designers of the javascript scripting language make this decision? Thanks for response. I need to develop this feature for a charity site displays a number that counts up 1 every 15 seconds. This is to show how many times a kid is abused in this country. I've been researching this and haven't been able to find anything helpful yet. I figured this piece of code was a good start: function doSomething() { setTimeout('doSomething()',15000); } What are the differences between these? 1. Code: document.domain 2. Code: window.location.hostname 3. Code: self.document.location.hostname #1 and #2 I would think are very cloes, #3 would be if someone framed the site the script was on, it would show the framed site, and not the site that is framing? because of self. Hello to codingforums, This is my beginning posting here as I am mostly reading, compiling and so.. There are multiple forms in the script generated page, that has to update via script url - and the problem is probably looping through form script -so please help with this as only first form submit correctly while other pass value from 1st - need looping method or condition? Code: <SCRIPT language=Javascript>
function getMessage(hwm)
{ loc = './index.php?p=ordersBasket&sOption=add';
jlc = document.getElementById('qty');
jloc = document.getElementById('pid');
nloc = loc+ '&iProduct='+jloc.value+ '&iQuantity='+jlc.value;
self.location = nloc;
}
</SCRIPT>
<FORM id="123" name="123">
<input type="button" id="minus" value="-" onClick="qty.value = (qty.value-1)">
<input type="button" value="+" onClick="qty.value = (+qty.value+1)">
<input type="text" size="4" id="qty" name="name" value="3" />
<INPUT TYPE="text" id="pid" VALUE="123" />
<INPUT TYPE="button" value="order" onclick="getMessage(this)">
</FORM>
<FORM id="456" name="456">
<input type="button" id="minus" value="-" onClick="qty.value = (qty.value-1)">
<input type="button" value="+" onClick="qty.value = (+qty.value+1)">
<input type="text" size="4" id="qty" name="name" value="3" />
<INPUT TYPE="text" id="pid" VALUE="456" />
<INPUT TYPE="button" value="order" onclick="getMessage(this)">
</FORM>
<FORM id="789" name="789">
<input type="button" id="minus" value="-" onClick="qty.value = (qty.value-1)">
<input type="button" value="+" onClick="qty.value = (+qty.value+1)">
<input type="text" size="4" id="qty" name="name" value="3" />
<INPUT TYPE="text" id="pid" VALUE="789" />
<INPUT TYPE="button" value="order" onclick="getMessage(this)">
</FORM>
Hello. Is the any chance to increment IP address in Javascript ? For example 11.12.13.14 plus 1 will be 11.12.13.15 I've started to modify my old script: Code: var ipa = 10.11.12.13;
var partsa = [];
var tempa = ipa;
for ( var p = 0; p < 3; ++p )
{
var dot1t = tempa.indexOf(".");
partsa[p] = tempa.substring(0,dot1t);
tempa = tempa.substring(dot1t+1);
}
partsa[3] = tempa;
But do not know how to display ip like: ( parts1[0].parts1[1].parts1[2].parts1[3]+1 ) Please help. Leos First off, i have no idea what to do, because when i get beyond the realm of html/css, vb and php (some) i become lost. I hope someone can help me achieve this because i have no idea what i'm doing, and I've been at it for 2 weeks and no money to hire someone to do this for me. If you ever been in my situation, you know exactly how i feel. I have no code of my own to show you, but hope someone can still help me. I'm have a number 0.0000000, and every min i need that number to increase to 0.0000000, than to 0.0000002 and so on and so forth. Every time i click a button, whatever the number has risen to, it will reset it back down to 0.0000000. Can someone help me out with this? Hi all, This is my first post of many and am new to JS. I'm familiar with Java so I shouldn't be too lost. What I'm about to do is add support for a web app from Firefox to IE that uses OpenLayers. I've searched and found a link to this site from another thread which had a list of supported functions and what not he http://www.quirksmode.org/dom/w3c_core.html From what I've read in the last hour it seems as though I will have to use some browser sniffing (isMozilla, isIE8, etc) and have multiple conditions (if-else's) in my functions to use the proper calls. Does anyone have extra material that contains differences between IE and firefox? Someone mentioned to me that in lists IE doesn't support trailing commas but ff does.. Things like this would be very helpful Thanks, Chris Can someone explain to me the differences between the following code snippets? Mainly i don't understand the purpose of using prototype and not sure if there is a functional difference between the syntax of declaring functions. Code: var myObj = function () {
this._myInt = 1;
}
myObj.prototype = {
myNewFunction: function() {
this._myInt = 2;
}
}
VERSUS Code: var myObj = function () {
this._myInt = 1;
function myNewFunction(){
this._myInt = 2;
}
}
Hi, I wrote some javascript for a slideshow. The main webpage contains: Code: <FORM NAME="myform"> <IMG SRC="firstimage.jpg" NAME="mypic"><br> <INPUT TYPE="text" SIZE="180" NAME="mycaption" VALUE="First Caption"> <INPUT TYPE="button" VALUE="Prev" NAME="prevbutton" DISABLED=true ONCLICK="slideshowBack()"> <INPUT TYPE="button" VALUE="Next" NAME="nextbutton" ONCLICK="slideshowUp()"> </FORM> which assigns the image and caption for the first picture, and sets the Prev and Next buttons to disabled and not disabled respectively. So you start with the first image and caption, and an enabled "Next" button. I have global javascript variables: num (init to 1), max (init to 7), img1..7 (new Image ()), img1..7.src (filenames for the images), text1..7 (captions for the images), map1..7 (maps for the images). The function for moving to the next slide is: Code: function slideshowUp()
{
num=num+1
if (num==max+1)
{num=1}
document.mypic.src=eval("img"+num+".src")
document.getElementById("mypic").useMap=eval("map"+num)
document.myform.mycaption.value=eval("text"+num)
document.getElementById("prevbutton").disabled=(num==1)
document.getElementById("nextbutton").disabled=(num==max)
}
I developed this in HMTLPad (10.2) and it works perfectly in that program's preview mode. But it won't work in the main browsers! In IE 9 (9.0.33), when you click the Next button, nothing at all happens. Image and caption stay the same, Next stays enabled, Prev stays disabled. Maps don't work. Chrome (38.0.2125.122 m) and Firefox (27.0) behave like each other. The images change, but not the captions or the Prev/Next buttons. Maps don't work. Is this to be expected? If so, how do I work around it? I have modified a free JS function from he http://www.tangorangers.com/examples...post/index.php To dynamically add text fields to the form. My work-in-progress version is he http://jimpix.co.uk/junk/test/6.html On the form, I have a hidden text field: Code: <input type="hidden" name="hiddenCount" value="" /> What I'd like to do is to increment the hiddenCount each time the "Add" fields button is clicked. This is the button: <input id="add_contact()" onclick="add_contact()" value="Add" type="button"> And this is the JS function: Code: var contact_counter = 0;
function add_contact()
{
if (contact_counter < 9)
{
contact_counter++;
var newFields = document.getElementById('add_contact').cloneNode(true);
newFields.id = 'contact';
newFields.style.display = 'block';
var newField = newFields.childNodes;
for (var i=0;i<newField.length;i++) {
var theName = newField[i].name
if (theName)
newField[i].name = theName + contact_counter;
}
var insertHere = document.getElementById('add_contact');
insertHere.parentNode.insertBefore(newFields,insertHere);
}
}
I'm new to JS. I could just about edit the JS function to slightly modify it from the tangorangers version (I only changed it v. slightly). To somehow increment the value in the hidden field each time the button is pressed is beyond me though! Any advice much appreciated. Thanks I'm sure this is old news, but I am trying to use the CSS Horizonal List Menu script on JavascriptKit and having some display problems. http://www.javascriptkit.com/script/...stopmenu.shtml It works well except that I can't seem to get the CSS settings to display the same way in FF and IE. I can use pixel settings for the box size to get the menu across the entire screen in FF, but it only goes about 80% of the way in IE. If I maximize for IE, then the FF menu wraps. The % options for box size don't seem to work either. I am using Dreamweaver 4 for css settings. Is this just a limitation in the way the two browsers interpret the code? If there is an easy fix I could try it, otherwise I can live with what I have. I just need to know if there is some way to deal with it or not. If interested, the current version is at: www.chromafrica.com/template/template2.html. Greeting Everyone, Can anyone breakdown the differences between programming languages in VERY VERY BASIC plain English? (i.e. HTML use for website format, CSS used for the graphics on the webpage) Here's what I have questions about: 1. Differences between the most commonly used programming languages for software/web development (Javascript, Ruby on Rails, Phyton, etc.). 2. How do you determine which programming languages to use? 3. What factors are considered? Thank in advance for the people that reply. =) I'm trying to find the difference between 2 times. Time formats are 00:00:00.0 For example... var t1 = "00:07:51.0"; var t2 = "00:53:21.0"; How do I calculate the difference between those 2 times? TIA. Example of my problem: HERE The code is derived from a site offering some advice for javascript: HERE The example of mine tries to use an image as hyperlink... and use mouse events for certain actions. Aside from possibly being the worst javascript code humanly possible...once I slaughtered the code from the site mentioned above, I'm not getting how to arrange things so that a mouse over event switches an image , as does mousedn and mouseup, And (and this is the rub for me) repeating the setup in the same way for a list of quicktime video links. I've got it to work for one row in the table I'm using to attempt some kind of formatting. I'm told `css' is a better way for that but I'm completely ignorant about how to use `css'. So, for now I'm using a table to get at the javascript question. The idea is for viewer to see three red dots at the front of each item being offered. Mouseover is supposed to switch to a green arrow... mousedn is supposed to switch to 2 check marks. I wanted the check marks to persist, so for lack of knowing how to accomplish that... I let mouseup call the same image. (the check marks; Maybe just omitting any directive for mouseup would have the same effect?) About the `image persisting after being clicked' question: It is really a separate question so I will probably start a different thread for that. What I've done works for one list item... but fails for more than one. The only active member of the list (2 in my example) is the bottom one. mouse events on the top one are carried out on the bottom one. I tried to just change the name of all variables in the javascript, and the name given in the `img src=' section of the html code, for the second row... but clearly not what is needed. I changed the names shown below by incrementing the number in the names by 1. I've only posted one row's worth but the next row uses the same code with the variables incremented. And hopefully someone will look at the actual example (URL given above) and see the full code. The basic code I've put here for convience.: Code: <table>
<tr>
<td valign=top >
<A href="./t2.html" onMouseOver="return changeImage()" onMouseOut= "return changeImageBack()"
onMouseDown="return handleMDown()" onMouseUp="return handleMUp()"
><img
name="jsbutton_0" src="./3dots.png" border="0"
alt="javascript button"></A> some nice video
<SCRIPT language="JavaScript">
var myimgobj_0 = document.images["jsbutton_0"];
function changeImage()
{
document.images["jsbutton_0"].src= "./aro1r-mo.png";
return true;
}
function changeImageBack()
{
document.images["jsbutton_0"].src = "./3dots.png";
return true;
}
function handleMDown()
{
document.images["jsbutton_0"].src = "./checks.png";
return true;
}
function handleMUp()
{
document.images["jsbutton_0"].src = "./checks.png";
return true;
}
</SCRIPT>
</tr>
</td>
Hello, As a novice, I'm not sure which one to use though. I'm trying to do a calculation with numbers in JavaScript using variables, particularly adding variables. Any guided understanding of this concept is welcome. For example: Code: n = parseint(n) document.write(n += m) |
|||||||