offday
-
Total de itens
1 -
Registro em
-
Última visita
Sobre offday
offday's Achievements
0
Reputação
-
Pessoal, tenho uma duvida que talvez seja básica, vamos la: Tenho um script js de um contador regressivo, que fica em um arquivo html (codigo abaixo) <html> <head> <style type="text/css"> .numbers { border-style: ridge; /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */ border-width: 2px; border-color: #666666; /* change the border color using the hexadecimal color codes for HTML */ background: #222222; /* change the background color using the hexadecimal color codes for HTML */ padding: 2px 0px; width: 55px; text-align: center; font-family: Arial; font-size: 28px; font-weight: bold; /* options are normal, bold, bolder, lighter */ font-style: normal; /* options are normal or italic */ color: #FFFFFF; /* change color using the hexadecimal color codes for HTML */ } .title { /* the styles below will affect the title under the numbers, i.e., “Days”, “Hours”, etc. */ border: none; padding: 0px; width: 55px; text-align: center; font-family: Arial; font-size: 10px; font-weight: normal; /* options are normal, bold, bolder, lighter */ color: #DDDDDD; /* change color using the hexadecimal color codes for HTML */ background: transparent; /* change the background color using the hexadecimal color codes for HTML */ } #table { width: 400px; border: none; /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */ margin: 0px auto; position: relative; /* leave as "relative" to keep timer centered on your page, or change to "absolute" then change the values of the "top" and "left" properties to position the timer */ top: 0px; /* change to position the timer */ left: 0px; /* change to position the timer; delete this property and it's value to keep timer centered on page */ } </style> <script type="text/javascript"> /* Count down until any date script- By JavaScript Kit (www.javascriptkit.com) Over 200+ free scripts here! Modified by Robert M. Kuhnhenn, D.O. on 5/30/2006 to count down to a specific date AND time, on 10/20/2007 to a new format, and 1/10/2010 to include time zone offset. */ var current="Winter is here!"; //-->enter what you want the script to display when the target date and time are reached, limit to 20 characters var year=2010; //-->Enter the count down target date YEAR var month=12; //-->Enter the count down target date MONTH var day=21; //-->Enter the count down target date DAY var hour=18; //-->Enter the count down target date HOUR (24 hour clock) var minute=38; //-->Enter the count down target date MINUTE var tz=-5; //-->Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location) // DO NOT CHANGE THE CODE BELOW! var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec") function countdown(yr,m,d,hr,min){ theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min; var today=new Date(); var todayy=today.getYear(); if (todayy < 1000) {todayy+=1900;} var todaym=today.getMonth(); var todayd=today.getDate(); var todayh=today.getHours(); var todaymin=today.getMinutes(); var todaysec=today.getSeconds(); var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec; var todaystring=Date.parse(todaystring1)+(tz*1000*60*60); var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min); var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60)); var dd=futurestring-todaystring; var dday=Math.floor(dd/(60*60*1000*24)*1); var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1); var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1); var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1); if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){ document.getElementById('count2').innerHTML=current; document.getElementById('count2').style.display="block"; document.getElementById('count2').style.width="390px"; document.getElementById('dday').style.display="none"; document.getElementById('dhour').style.display="none"; document.getElementById('dmin').style.display="none"; document.getElementById('dsec').style.display="none"; document.getElementById('days').style.display="none"; document.getElementById('hours').style.display="none"; document.getElementById('minutes').style.display="none"; document.getElementById('seconds').style.display="none"; document.getElementById('spacer1').style.display="none"; document.getElementById('spacer2').style.display="none"; return; } else { document.getElementById('count2').style.display="none"; document.getElementById('dday').innerHTML=dday; document.getElementById('dhour').innerHTML=dhour; document.getElementById('dmin').innerHTML=dmin; document.getElementById('dsec').innerHTML=dsec; setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000); } } </script> </head> <body onload="countdown(year,month,day,hour,minute)"> <table id="table" border="0"> <tr> <td align="center" colspan="6"><div class="numbers" id="count2" style="padding: 10px; "></div></td> </tr> <tr id="spacer1"> <td align="center" ><div class="title" ></div></td> <td align="center" ><div class="numbers" id="dday"></div></td> <td align="center" ><div class="numbers" id="dhour"></div></td> <td align="center" ><div class="numbers" id="dmin"></div></td> <td align="center" ><div class="numbers" id="dsec"></div></td> <td align="center" ><div class="title" ></div></td> </tr> <tr id="spacer2"> <td align="center" ><div class="title" ></div></td> <td align="center" ><div class="title" id="days">Days</div></td> <td align="center" ><div class="title" id="hours">Hours</div></td> <td align="center" ><div class="title" id="minutes">Minutes</div></td> <td align="center" ><div class="title" id="seconds">Seconds</div></td> <td align="center" ><div class="title" ></div></td> </tr> </table> </body> </html> E chamo ele de outra pargina a partir de um iframe: <iframe id="timer1" src="timer1.html" width="412" height="76" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" allowTransparency="true" style="position: absolute; top: 10px; left: 100px; overflow: hidden;" ></iframe> Porém, eu gostaria de modificar as variaveis: var year= var month=; var day= Que estao no primeiro codigo. Eu queria chama-las pelo iframe, ou seja, poderia modificar o valor delas diretamente pelo iframe. alguém saberia dizer como faço isso?