25/08/2013, 05:11
|
| | Fecha de Ingreso: junio-2013
Mensajes: 18
Antigüedad: 11 años, 6 meses Puntos: 0 | |
Respuesta: JavaScript complicado. Cita:
Iniciado por danneg Colorea un poco el código por favor, así sería mas sencillo ayudarte :) Cita:
Iniciado por PIN2 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ñ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> </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> </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> |