|
JavaScript - Increment By 1 Every 15 Seconds
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); } Similar TutorialsI'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;
}
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>
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 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? 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>
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 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 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 . how long are these numbers? Code: setImageInterval("ad1", 1000, 3);
I know 3 is the max, but the 1000 = how many seconds? Thanks -Tim Hey guys..... I'm wondering how you go about getting a script to run every 30 seconds for example? Thanks a lot! Hi I am creating an animation based on Sam Dunn's tutorial 'Animate Curtains Opening with jQuery' ( http://buildinternet.com/2009/07/ani...g-with-jquery/ ). What i need to do is create a 2 second delay in the curtains opening in order to give enough time for an iframe, thats behind the curtains, to load it's content. Here is Sam's script : ----------------------------------------------------------------- <!-- Animate a Curtain Opening with jQuery index.html By Sam Dunn 2009 Build Internet! www.buildinternet.com --> <!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"/> <title>Animate a Curtain Opening with jQuery | Build Internet</title> <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script> <script src="jquery.easing.1.3.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $curtainopen = false; $(".rope").click(function(){ $(this).blur(); if ($curtainopen == false){ $(this).stop().animate({top: '0px' }, {queue:false, duration:350, easing:'easeOutBounce'}); $(".leftcurtain").stop().animate({width:'60px'}, 2000 ); $(".rightcurtain").stop().animate({width:'60px'},2000 ); $curtainopen = true; }else{ $(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'}); $(".leftcurtain").stop().animate({width:'50%'}, 2000 ); $(".rightcurtain").stop().animate({width:'51%'}, 2000 ); $curtainopen = false; } return false; }); }); </script> <style type="text/css"> *{ margin:0; padding:0; } body { text-align: center; background: #4f3722 url('images/darkcurtain.jpg') repeat-x; } img{ border: none; } .leftcurtain{ width: 50%; height: 495px; top: 0px; left: 0px; position: absolute; z-index: 2; } .rightcurtain{ width: 51%; height: 495px; right: 0px; top: 0px; position: absolute; z-index: 3; } .rightcurtain img, .leftcurtain img{ width: 100%; height: 100%; } .logo{ margin: 0px auto; margin-top: 150px; } .rope{ position: absolute; top: -40px; left: 70%; z-index: 4; } </style> </head> <body> <div class="leftcurtain"><img src="images/frontcurtain.jpg"/></div> <div class="rightcurtain"><img src="images/frontcurtain.jpg"/></div> <img class="logo" src="images/buildinter.png"/> <a class="rope" href="#"> <img src="images/rope.png"/> </a> </body> </html> ----------------------------------------------------------------- Any help will be greatly appreciated. Thanks. Jet. Hi all, I use a javascript to generate a checkbox list. It works well but all the <input type="checkbox"> generated have the same id. I would like to find a way to auto-implement the id (with a unique id). So if my javascript generates 10 checkboxes, I will get id from 1 to 10 or something similar. Code: // here I build the filter checkboxes based on all the class names
$.each(arrayUniqueClasses, function() {
$('<li><input class="styled" type="checkbox" checked="checked" name="1" value="'+this+'" id="1" />
<label class="check" for="1"></label>
<label class="info" for="filterID'+this+'">'+this+'<\/label><\/li>').appendTo('ul.filters');
});
so I tried something but it doesn't work at all (I'm a beginner as you can guess) : Code: var getUniqueId =
(function ()
{
var id=0;
return function()
{
if (arguments[0]==0) id=0;
return id++;
}
}
)();
Thanks for helping here the full script if needed : Code: function unique(a) {
tmp = new Array(0);
for(i=0;i<a.length;i++){
if(!contains(tmp, a[i])){
tmp.length+=1;
tmp[tmp.length-1]=a[i];
}
}
return tmp;
}
function contains(a, e) {
for(j=0;j<a.length;j++)if(a[j]==e)return true;
return false;
}
function removeItems(array, item) {
var i = 0;
while (i < array.length) {
if (array[i] == item) {
array.splice(i, 1);
} else {
i++;
}
}
return array;
}
$(document).ready(function () {
if ($('.filterThis > li').length < 2) { return; }
var stringOfClassNames = '';
$('.filterThis > li').each( function (i) {
var thisClassString = $(this).attr('class');
stringOfClassNames = stringOfClassNames +' '+ thisClassString
});
stringOfClassNames = jQuery.trim(stringOfClassNames);
var arrayClasses = stringOfClassNames.split(' ');
var arrayClasses = arrayClasses.sort();
totalNumberOfItemsToFilter = $('.filterThis > li').length;
var result = new Object();
for (var filterClass in arrayClasses) {
if (result[arrayClasses[filterClass]] === undefined) {
result[arrayClasses[filterClass]] = 1;
} else {
result[arrayClasses[filterClass]]++;
}
}
var resultsToRemoveFromFilters = new Array();
for (var item in result) {
if (result[item] == totalNumberOfItemsToFilter) {
resultsToRemoveFromFilters.push(item);
}
}
arrayUniqueClasses = (unique(arrayClasses));
if (arrayUniqueClasses.length > 1) {
$('<ul class="filters"><\/ul>').insertAfter('h3');
$.each(arrayUniqueClasses, function() {
$('<li><input class="styled" type="checkbox" checked="checked" name="1" value="'+this+'" id="0" /><label class="check" for="0"></label><label class="info" for="filterID'+this+'">'+this+'<\/label><\/li>').appendTo('ul.filters');
});
var classesStringOfSin = new Array();
classesStringOfSalvation = arrayUniqueClasses;
$('.filterThis > li').addClass('filterTriggerShown');
$('.filters input').click( function() {
var value= $(this).val();
stringValue = '.filterThis > li.'+value;
if ($(this).is(':checked')) {
classesStringOfSalvation.push(value);
classesStringOfSin = removeItems(classesStringOfSin, value);
$(stringValue).removeClass('filterTriggerHidden').addClass('filterTriggerShown').slideDown();
} else {
classesStringOfSin.push(value);
classesStringOfSalvation = removeItems(classesStringOfSalvation, value);
$(stringValue).removeClass('filterTriggerShown').addClass('filterTriggerHidden');
$.each(classesStringOfSalvation, function() {
var newStringValue = stringValue+'.'+this;
$(newStringValue).removeClass('filterTriggerHidden').addClass('filterTriggerShown');
});
$('.filterTriggerHidden').slideUp();
}
});
}
});
I want a code that changes text (of maybe a div) after 10 seconds. So like i could have some text and a link on my page then after 10 seconds it will change to something else and i can make it change to as many things as i want. Then when it goes threw them all it starts over. THANKS This is the script to hide the div (adsdiv) Its working on all browser except IE Code: <script type="text/javascript">
function closeMyAd() {
document.getElementById("adsdiv").style.display = "none" ;
}
var milisec=0
var seconds=30
function display(){
if (milisec<=0){
milisec=9
seconds-=1
}
if (seconds<=-1){
milisec=0
seconds+=1
}
else
milisec-=1
if( seconds > 0 ) {
document.getElementById( "closingtimer" ).innerHTML = seconds ;
setTimeout("display()",100) ;
}else{
closeMyAd() ;
}
}
if( document.getElementById( "closingtimer" ) )
display() ;
</script>
Hi people, I'm building an online psychological experiment in which I need to display an image for 5 seconds on the screen. Does anyone has a simple script for that? I found some script that does image rotation but its not exactly what I am looking for. First, the rotation of the images doesn't stop and second I don't need something so elaborate. This is the script that I found. Code: <SCRIPT LANGUAGE="JavaScript">
<!--
var dimages=new Array();
var numImages=2;
for (i=0; i<numImages; i++)
{
dimages[i]=new Image();
dimages[i].src="images/image"+(i+1)+".jpg";
}
var curImage=-1;
function swapPicture()
{
if (document.images)
{
var nextImage=curImage+1;
if (nextImage>=numImages)
nextImage=0;
if (dimages[nextImage] && dimages[nextImage].complete)
{
var rel="nofollow" target=0;
if (document.images.myImage)
rel="nofollow" target=document.images.myImage;
if (document.all && document.getElementById("myImage"))
rel="nofollow" target=document.getElementById("myImage");
// make sure target is valid. It might not be valid
// if the page has not finished loading
if (target)
{
target.src=dimages[nextImage].src;
curImage=nextImage;
}
setTimeout("swapPicture()", 5000);
}
else
{
setTimeout("swapPicture()", 500);
}
}
}
setTimeout("swapPicture()", 5000);
//-->
</SCRIPT>
Thanks I have a welcome message on my site and would like to automatically hide it after several seconds. I can't find anything usable after searching over the internet. Can anyone help? Thanks in advance. Hello, I found this code, written by Philip M on another thread of this forum: Code: <div id = "adsdiv">This ad will close in
<span id = "closingtimer">31</span>
seconds
</div>
<script type="text/javascript">
function closeMyAd() {
document.getElementById("adsdiv").style.display = "none" ;
}
var seconds = 31;
function display() {
seconds --;
if (seconds < 1) {
closeMyAd();
}
else {
document.getElementById( "closingtimer" ).innerHTML = seconds ;
setTimeout("display()", 1000);
}
}
display();
</script>
I need to reverse the script to show a div after 30 seconds, not to hide it. Can you please help me? Thank you. Trying to setup a cookie read/write in JS. Page 1 sets the JS cookie using Flash. Page 2 reads the JS cookie from Flash. I have this working. The problem is that I need the cookie to expire in a matter of seconds. This is my code for creating the cookie and expiration: Code: function setCookie(name, value)
{
var today=new Date;
today.setTime(today.getTime()+3000);
document.cookie = name+"="+value; +"; expires="+today.toGMTString();
//alert(name + " "+value);
alert("Value is: "+value+"\n Expires in: "+today);
}
The problem isn't that cookie isn't there. I just can't seem to get it to expire. Please help. |
|||||||