Ver Mensaje Individual
  #3 (permalink)  
Antiguo 25/08/2013, 05:11
PIN2
 
Fecha de Ingreso: junio-2013
Mensajes: 18
Antigüedad: 10 años, 11 meses
Puntos: 0
Respuesta: JavaScript complicado.

Cita:
Iniciado por danneg Ver Mensaje
Colorea un poco el código por favor, así sería mas sencillo ayudarte :)
Cita:
Iniciado por PIN2 Ver Mensaje
Haber si alguien me ayuda con este script, es un mapa del tiempo de provincias de España con distintos horarios, entonces lo que quiero es eliminar la opciones de elegir provincias y que el mapa funcione solo con la provincia de Zaragoza y colocar un botón de animación, es decir que pulsado dicho botón o pulsador funcione automáticamente con dichos horarios.
<SCRIPT LANGUAGE="JavaScript">

//VARIABLES

var act = 1
var i=1
var t=1
var ts=1
var pulsado=0
var pulsadosat=0
var Fecha=new Date()
var tiempoact=Fecha.getTime()
var zulu=Fecha.getTimezoneOffset()
var selec=0
var fijado=1
var fijadosat=1
var cantidad=0
var porcentaje=0
var cantidadsat=0
var porcentajesat=0

//ARRAYS

anterior=new Array()
anteriorsat=new Array()
enlace=new Array()
enlacesat=new Array()

fecharadar=new Array()
fecharadarlocal=new Array()
minutrad=new Array()
horarad=new Array()
horaradlocal=new Array()
diarad=new Array()
mesrad=new Array()
añorad=new Array()
minutradesp=new Array()
fechasat=new Array()
minut=new Array()

fechasat=new Array()
minutsat=new Array()
horasat=new Array()
diasat=new Array()
messat=new Array()
añosat=new Array()
mapaid= new Array("ml","se","am","mu","cc","va","ma","pm","vd" ,"za","ba","co","sa","ss","ca","pb")
mapasatid= new Array("sp","eu")
satid= new Array("ir","vis")


//CALCULO DE FECHAS

//RADAR


for (i=1;i<=24;i++){
tiempo=tiempoact-(10*60*1000*i)+(zulu*60*1000)
tiempolocal=tiempoact-(10*60*1000*i)
fecharadar[i]=new Date(tiempo)
fecharadarlocal[i]=new Date(tiempolocal)
minutrad[i]= fecharadar[i].getMinutes()
minutrad[i]=parseInt(minutrad[i]/10)*10 //redondea los minutos a decimas
if (minutrad[i]==0){
minutrad[i]='00'
}
horarad[i]=fecharadar[i].getHours()
if (horarad[i]<10){
horarad[i]='0'+horarad[i]
}
horaradlocal[i]=fecharadarlocal[i].getHours()
diarad[i]=fecharadar[i].getDate()
if (diarad[i]<10){
diarad[i]='0'+diarad[i]
}
mesrad[i]=fecharadar[i].getMonth()+1
if (mesrad[i]<10){
mesrad[i]='0'+mesrad[i]
}
añorad[i]=fecharadar[i].getFullYear()
}



//CARGA DE IMAGENES INICIAL
//RADAR
for (i=1;i<=24;i++){
anterior[i]=new Image(600,600);
enlace[i]='http://www.aemet.es/imagenes_d/eltiempo/observacion/radar/' + añorad[i] + mesrad[i] + diarad[i] + horarad[i] + minutrad[i] + '_r8za.gif';
anterior[i].src = enlace[i];
}



//COMIENZAN LAS FUNCIONES

//FUNCIONES PROGRESO DE CARGA

function progreso(){
cantidad=0
porcentaje=0
for (i=1;i<=10;i++){
if (anterior[i].complete){
cantidad=cantidad+1
document.getElementById("2celda"+i).style.backgrou nd="blue";
}
}
if (nodisp.complete){
cantidad=cantidad+1
}
porcentaje=Math.ceil(cantidad*100/25);
document.getElementById("cuenta").value= 'Cargando imagenes del radar: ' + porcentaje + ' %'
if (porcentaje==100) findecarga();
else setTimeout("progreso()", 300);
}

function findecarga(){
document.getElementById("cuenta").value='Fin de carga de imagenes del radar'
}

//FUNCIONES NO IMAGEN

function noimagen(){
var s=document.form3.radares.value
document.getElementById("radarimg").src='http://www.aemet.es/imagenes_d/eltiempo/observacion/radar/r8' + mapaid[za] + '_nodisp.gif'

}

//FUNCIONES DE CAMBIO DE HORA

function cambia()
{
sel=document.form1.nombre1.value;
colorfondo(sel)
cambia2(sel)
}


function cambia2(sel)
{
var h=document.form1.radares.value
document.getElementById("radarimg").width=480;docu ment.getElementById("radarimg").height=530
if (h==15){document.getElementById("radarimg").width= 500;document.getElementById("radarimg").height=500 }
document.getElementById("radarimg").src=anterior[sel].src;
act=sel
document.form1.nombre1.value=sel
cuadro(act)
}


//FUNCIONES PRESENTACION HORA EN UN CUADRO DE TEXTO Y ESCRIBIR LAS HORAS EN PANTALLA (C.SELECCION Y DESLIZADOR)

function cuadro(n)
{
var horalocal = horaradlocal[n]
if(horalocal<10){
horalocal='0'+horalocal
}
if(horalocal==0){
horalocal='00'
}
if (document.form3.radares.value=="15"){minut[n]=minutradesp[n]}
else {minut[n]=minutrad[n]}
document.getElementById("hora").value= 'Radar: ' + horalocal + ':' + minut[n]
}

function cuadrosat(n)
{
var horalocal = horasat[n]
document.getElementById("horasat").value= 'Satelite: ' + horalocal + ':' + minutsat[n]
}

function escribe(n)
{
var horalocal=horaradlocal[n]
if(horalocal<10){
horalocal='0'+horalocal
}
if(horalocal==0){
horalocal='00'
}
document.write(horalocal + ':' + minutrad[n])
}

function escribesat(n)
{
var horalocal = horasat[n]
document.write(horalocal + ':' + minutsat[n])
}

//FUNCIONES CAMBIO DE COLOR DE FONDO EN DESLIZADOR

function colorfondo(numcelda)
{
for (i=1;i<=10;i++){
document.getElementById("celda"+i).style.backgroun d="white";
}
document.getElementById("celda"+numcelda).style.ba ckground="cyan"
}

//FUNCIONES DE ANIMACION

var frames=10

function animar(n)
{
var vel=300
n=n-1
t=setTimeout("animacion("+ n +")",vel)
}
function animacion(x)
{
if(x>0){cambia2(x);animar(x);cuadro(x);colorfondo( x)}
if(x==0){cambia2(1);cuadro(x+1);x=frames;t=setTime out("animar("+x+")",1500)}
}

//FUNCIONES DEL DESLIZADOR

function deslizador(x){
if (fijado==1){
colorfondo(x)
cambia2(x)
}
}
</SCRIPT>
</head>


<div align=center>
<td colspan="2" align='center' valign='top' ><table cellpadding="0" cellspacing="0" border ="0" align="center" width="520">
<tr height="535">
<td align="right" width="173" height="370">
<form name="form1">
<select name="radares" size="16 " onclick="radar(this.value)">
<option value=11 selected>A Coru&ntilde;a</option>
<option value=2>Almeria</option>
<option value=12>Asturias</option>
<option value=7>Baleares</option>
<option value=10>Barcelona</option>
<option value=4>Caceres</option>
<option value=14>Canarias</option>
<option value=6>Madrid</option>
<option value=0>Malaga</option>
<option value=3>Murcia</option>
<option value=8>Palencia</option>
<option value=1>Sevilla</option>
<option value=5>Valencia</option>
<option value=13>Vizcaya</option>
<option value=9>Zaragoza</option>
<option value=15 >Peninsula y Baleares</option>
</select>
</form></td>

<td align="center" height="370" width="520"> <img id="radarimg" name="primera" border=0 src="" width="520" height="370" onError="noimagen(za)"> </td>


</table>


<p>&nbsp;</p>
<table width="398" height="70" id="selector">

<tr>
<td width="0"align="center" bgcolor="#DDDDDD"id="celda10"onmouseover="deslizad or(10);"><script>escribe(10)</script></td>
<td width="0"align="center" bgcolor="#DDDDDD"id="celda9"onmouseover="deslizado r(9);"><script>escribe(9)</script></td>
<td width="0"align="center" bgcolor="#DDDDDD"id="celda8"onmouseover="deslizado r(;"><script>escribe(</script></td>
<td width="0"align="center" bgcolor="#DDDDDD"id="celda7"onmouseover="deslizado r(7);"><script>escribe(7)</script></td>
<td width="0"align="center" bgcolor="#DDDDDD"id="celda6"onmouseover="deslizado r(6);"><script>escribe(6)</script></td>
<td width="0"align="center" bgcolor="#DDDDDD"id="celda5"onmouseover="deslizado r(5);"><script>escribe(5)</script></td>
<td width="0"align="center" bgcolor="#DDDDDD"id="celda4"onmouseover="deslizado r(4);"><script>escribe(4)</script></td>
<td width="0"align="center" bgcolor="#DDDDDD"id="celda3"onmouseover="deslizado r(3);"><script>escribe(3)</script></td>
<td width="0"align="center" bgcolor="#DDDDDD"id="celda2"onmouseover="deslizado r(2);"><script>escribe(2)</script></td>
<td width="298" align="center"bgcolor="Yellow"id="celda1" onMouseOver="deslizador(1);"><script>escribe(1)</script></td>
</tr>
</table>
<p>&nbsp;</p>
<div class="abajo">
<input type="text" id="cuenta">
<input type="text" id="hora">
<p align="center"><input type="text" id="cuentasat"></p>
<input type="text" id="horasat">

<form name="form3">
<select name="radares"onchange="radar(this.value)">
<option value=0 selected></option>
</select>
</form>

<script language=javascript>
cuadro(1)
cuadrosat(1)
cambia2(1)
cambia2sat(1)
progreso()
progresosat()
</script>
</div>