elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Estamos en la red social de Mastodon


  Mostrar Temas
Páginas: [1]
1  Programación / Desarrollo Web / Iluminación de botones con alguna función en: 14 Marzo 2012, 00:31 am
A ver, he empezado un programilla de botones. Que efecto quiero conseguir?
La idea seria que dándole a las flechas "<" o ">" pudieramos avanza o retroceder números, como más o menos ya he hecho. Lo que me gustaría conseguir es que según vaya clickando las flechas para pasar de números los botones de abajo (1,2,3,4) se fueran iluminando, por ejemplo en rojo y apagando en gris, es decir, si hago click en ">" pasaría del 1 al 2, entonces el uno se apagaría y el 2 se encendería...¿Me explico?
No se si es muy complicado o no pero no se ni por donde empezar.
Saludos.


<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Documento sin t&iacute;tulo</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<script javascript="">
n=1
function animacion(m){
       
   if(m=="p-")n=n+1;}
   if(m=="p+"){n=n-1;}  }

    if(n>4) {n=4}
    if(n<1) {n=1}
</script>
</head>

<body>
<input name="p-" value="<" onclick="animacion('p-')" type="button">
<input name="p+" value=">" onclick="animacion('p+')" type="button">
<br>
<input name="1" value="1"  type="button">
<input name="2" value="2"  type="button">
<input name="3" value="3"  type="button">
<input name="4" value="4"  type="button">

</body>
</html>
2  Programación / Desarrollo Web / cambiar un "value" con un click en: 9 Marzo 2012, 06:35 am
Necesito que con un click de un botón, cambiar el "value" de otro botón...Me imagino que lo podria hacer con alguna función externa...Aunq no tengo muy claro como hacerlo.

<input  onClick="animacion('GFS1');" type="button" value="GFS" >

<input  type="button" value="GFS" >
3  Programación / Desarrollo Web / Definir el "style" de un botón mediante una función externa en: 9 Marzo 2012, 01:47 am
Quiero poder definir todo el "style" del botón mediante alguna función externa, me seria muy útil y sé que no es difícil jeje pero no me sale. Lo nodesito pq tengo que hacer muchos botones con un style casi igual, entonces cambiar una función no es lo mismo que cambiar 20 botones jeje

¿Me pueden ayuda?


<input style="BACKGROUND-COLOR: #4B79F0; height: 55px; width: 55px; border-color: #4B79F0; border-style:outset; border-width: 5px; font: bold 14px Arial; color: black;"  type="button" value="+06h" >

4  Programación / Desarrollo Web / Copiar URL con una parte que cambia aleatoriamente en: 26 Febrero 2012, 16:54 pm
Quiero copiar URLs de imagenes que tiene una parte que va cambiando aleatoriamente.
La web que pública estas imagenes genera esa sección para evitar eso mismo jeje
¿Hay alguna manera de poder "engañarlos"?

http://img.meteogroup.com/meteo/ecmwf/Iberia/2012022600/1ca219e0034e75c9d82daa74c2d5049a/Iberia_2012022600_rh925_0.png

Parte aleatoria: 1ca219e0034e75c9d82daa74c2d5049a

El resto de partes son facilmente predecibles jeje (fecha y parte invariante)

Si consigo eso ya puedo llamar cada imagen desde otra web sin nwcwsidad de conectarme a su pag. para ver esos mapas.
Muchas gracias. Sé que esto es algo que dificilmente podré conseguir, pero no pierdo nada en preguntarlo.




5  Programación / Desarrollo Web / Visualizar animaciones a la vez en javascript en: 15 Febrero 2012, 13:42 pm
Es algo relativamente sencillo lo que quiero preguntar, ante todo perdon por mi ignorancia jeej. Tengo un script para visualizar una secuencia de imagenes, hasta aquí todo perfecto. El problema viene cuando quiero hacer otra secuencia de imagenes al lado, es decir, tener 2 secuencia de imagenes en la misma pag. No sé como hacerlo :-(.
Me pueden ayudar?

<html>
<head>
<link href="http://www.sat24.com/image.ashx?country=sp&type=slide&time=&index=11&sat=vis" type="image/x-icon" rel="shortcut icon" />
<meta http-equiv="Refresh" content="150;URL=Models.html" />

<script language="javascript">

var SecuenciaEjecutandose = false
var SecuenciaID = null
var imagen = 12
var duracion = 1000

if (CompruebaVersion()) {
imagenes = new CreaArray(12)

imagenes[1].src = "http://www.meteo.cat/servmet/modelitzacio/gmen00/ptl1.gif"

imagenes[2].src = "http://www.meteo.cat/servmet/modelitzacio/gmen00/ptl2.gif"

imagenes[3].src = "http://www.meteo.cat/servmet/modelitzacio/gmen00/ptl3.gif"

imagenes[4].src = "http://www.meteo.cat/servmet/modelitzacio/gmen00/ptl4.gif"

imagenes[5].src = "http://www.meteo.cat/servmet/modelitzacio/gmen00/ptl5.gif"

imagenes[6].src = "http://www.meteo.cat/servmet/modelitzacio/gmen00/ptl6.gif"

imagenes[7].src = "http://www.meteo.cat/servmet/modelitzacio/gmen00/ptl7.gif"

imagenes[8].src = "http://www.meteo.cat/servmet/modelitzacio/gmen00/ptl8.gif"

imagenes[9].src = "http://www.meteo.cat/servmet/modelitzacio/gmen00/ptl9.gif"

imagenes[10].src = "http://www.meteo.cat/servmet/modelitzacio/gmen00/ptl10.gif"

imagenes[11].src = "http://www.meteo.cat/servmet/modelitzacio/gmen00/ptl11.gif"

imagenes[12].src = "http://www.meteo.cat/servmet/modelitzacio/gmen00/ptl12.gif"
}

function CompruebaVersion() {
if (navigator.appVersion.charAt(0) >= 5 && document.images) return true
else return false
}

function CreaArray(n) {
this.length = n
for (var i = 1; i<=n; i++) {
this = new Image()
}
return this
}

function DetenerSecuencia (){
if(SecuenciaEjecutandose)
clearTimeout(SecuenciaID)
SecuenciaEjecutandose = false
imagen = 0
}

function MostrarSecuencia () {
if (CompruebaVersion()) {
document.images["secuencia"].src = imagenes[imagen].src
imagen++
if ( imagen == 13)
imagen = 1
}
SecuenciaID = setTimeout("MostrarSecuencia()", duracion)
SecuenciaEjecutandose = true
}

function IniciarSecuencia () {
DetenerSecuencia()
imagen = 1
MostrarSecuencia()
}

document.images.imgAnimada.src ="http://www.meteo.cat/servmet/modelitzacio/gmen00/ptl12.gif"

</script>

</head>

<body bgcolor="#173180" onLoad="IniciarSecuencia()">

<left>

<form name=num1>

<font color="white"><b></b></font>


  <table width="7%"  border="0" cellpadding="1">

    <tr>

      <th bgColor="white" scope="col"><img border="2" src="" width="" height="" alt="Loading, please wait..." name="secuencia">
</th>

    <th bgColor="black" scope="col"><img border="2" src="http://www.meteo.cat/servmet/modelitzacio/gmen00/ptl12.gif" ></th>

    </tr>

  </table>
</form>
</left>


</body>
</html>
6  Programación / Desarrollo Web / Copiar objetos/imagenes/texto de una web con javascript en: 12 Febrero 2012, 16:47 pm
No sé como se puede hacer lo de copiar algo de una pagina web. No me refiero a un url, sinó a copiar un simbolo que esta después de un texto o la primera palabra que sale en una pagina.
No sé si me estoy explicando bien...
¿Cómo lo hago?
Muchas gracias de nuevo.
7  Programación / Desarrollo Web / Gif animado con imagenes...con el problema de que esas imagenes cambian de url en: 5 Febrero 2012, 01:38 am
Quiero hacer un gif animado con una secuencia de 4 imagenes. El problema es que esas imagenes cambian de url. De hecho ese cambio no son más que fechas. El problema es que no se generan de forma periodica e incluso a veces ni se generan. El objetivo es hacer el gif con las 4 últimas imagenes disponibles.
Yo habia pensado en algún condicional que fuera buscando todas las posibles fechas, que van de 15 en 15 mins, de ahora hacia atrás y en cuanto la encuentre pase a buscar la siguiente. ¿Si se os ocurre otra forma?

Adjunto lo que tengo de script por si os sirve de base.

Pd: La última imagen generada se puede encontrar con el url "http://www.sat24.com/image.ashx?country=fr&type=last&time=&sat=ir". El resto hay que incluir una fecha
http://www.sat24.com/image2.ashx?region=fr&time=201202042345&ir=true

<html>
<head>
<title>GIF SAT24 IR</title>


<script language="javascript">

var mydate=new Date();
   var year=mydate.getYear();
   if (year < 1000)
      year+=1900;
   var day=mydate.getDay();
   var month=mydate.getMonth()+1;
   if (month<10)
      month="0"+month;
   var daym=mydate.getDate();
   if (daym<10)
      daym="0"+daym;

var SecuenciaEjecutandose = false
var SecuenciaID = null
var imagen = 4
var duracion = 1000

if (CompruebaVersion()) {
imagenes = new CreaArray(4)


imagenes[1].src = "http://www.sat24.com/image2.ashx?region=fr&time=201202050000&ir=true"

imagenes[2].src = "http://www.sat24.com/image2.ashx?region=fr&time=201202042345&ir=true"

imagenes[3].src = "http://www.sat24.com/image2.ashx?region=fr&time=201202042330&ir=true"

imagenes[4].src = "http://www.sat24.com/image.ashx?country=fr&type=last&time=&sat=ir"
}

function CompruebaVersion() {
if (navigator.appVersion.charAt(0) >= 3 && document.images) return true
else return false
}

function CreaArray(n) {
this.length = n
for (var i = 1; i<=n; i++) {
this = new Image()
}
return this
}

function DetenerSecuencia (){
if(SecuenciaEjecutandose)
clearTimeout(SecuenciaID)
SecuenciaEjecutandose = false
imagen = 0
}

function MostrarSecuencia () {
if (CompruebaVersion()) {
document.images["secuencia"].src = imagenes[imagen].src
imagen++
if ( imagen == 5 )
imagen = 1
}
SecuenciaID = setTimeout("MostrarSecuencia()", duracion)
SecuenciaEjecutandose = true
}

function IniciarSecuencia () {
DetenerSecuencia()
imagen = 1
MostrarSecuencia()
}

</script>

</head>

<body onLoad="IniciarSecuencia()">

<img src="http://www.sat24.com/image.ashx?country=fr&type=last&time=&sat=ir" width="" height="" alt="Secuencia" name="secuencia">

</body>
</html>
8  Programación / Desarrollo Web / Recortar o seleccionar una sección de una imagen en HTML en: 29 Enero 2012, 17:42 pm
Hola buenas,
estoy haciendo unas tablas donde en cada hueco pongo una imagen, pero quiero que una de ellas este recortada ya que solo me interesa una comunidad autonoma(ver imagen).

¿Como hago para que quede recortada solo por Madrid(aprox.)?

Muchas gracias.

Imagen:

http://www.sat24.com/image.ashx?country=sp&type=last&time=&sat=vis
9  Programación / Desarrollo Web / Cambio de boton a partir de una condición (HTML,javascript) en: 18 Enero 2012, 04:50 am
Hola a todos,
tenia una pregunta un tanto rara...
Pero primero me explico un poco.
Estoy haciendo una pag en html con un caxo de javascript integrado para poder pasar mapas al darle a unos botones que estan creados.
La cuestión es que dependiendo de la imagen que muestras o a partir de una imagen, me gustaria que esos botones pasaran a ser otros jeje
Me explico un poco mal quizás pero en mi cabeza lo veo jeje
Os paso el script, cabe mencionar que he simplificado muchas cosas del script original ya que tampoco es necesario para esta duda y además tendria que adjuntar un script muy largo. El tema es que tenemos unos mapas con unos botones abajo que muestras la posibilidad de pasar imagen a imagen(+3h) o (+24h) que son unos 7 imagenes de golpe, también puedes ir hacia atrás. Llega un momento a partir de la imagen con j=48 que su siguiente imagen será otra y a partr de aquí las imagen son de 6h en 6h horas no de 3h en 3h horas como las anteriores y como marca el boton de +3h. La cuestión real es que quiero que cuando llegue a la última imagen de las imagenes que van de 3h en 3h, el boton de +3h se transforme en uno de +6h y pase a tener la utilidad de uno de 6h, claro.
Supongo que esto lo podria conseguir con un IF donde estan los botones que diga: Si j>48 el boton de +3h será de +6h, pero no se como programarlo.


<html>
<head>
<script>

   
<!------------SCRIPT JAVA-------------->
    i = 1
    e = 24
    total = 240
    n=3
    g=0
function animacion(masmenos){
        if(masmenos=="ini0"){g=0;e=e; n=n; i=i+4;}
        if(masmenos=="ini12"){g=12;e=e; n=n; i=i-4;}
        if(masmenos=="mas"){g=g;e=e-3; n=n; i=i-1;}

<!--Aquí creariria un if con mi función masmenos para que i=i+2
        if(masmenos=="menosss"){g=g;e=e+6; n=n; i=i+2;}-->

        if(masmenos=="mass"){g=g;e=e-24; n=n; i=i-7;}
        if(masmenos=="menoss"){g=g;e=e+3; n=n; i=i+1;}
        if(masmenos=="menos"){g=g;e=e+24; n=n; i=i+7;}
       
   
   if(masmenos=="Inici"){i=1;e=0; }
        if(i>21) i=21;
        if(i<1) i=1;

        if(n!=1) n=1;

        if(e>total) e=total;
        if(e<0) e=0;
       
           if(n==1){
j=3*(i-1);

if(j<=48){
if(g==0){
arxiu="http://www.meteo.cat/servmet/modelitzacio/mm5p0"+g+"/"+j+"slpv.gif";}
else{
arxiu="http://www.meteo.cat/servmet/modelitzacio/mm5p"+g+"/"+j+"slpv.gif";}
}
else{
if(g==0){
arxiu="http://www.meteo.cat/servmet/modelitzacio/mm5g0"+g+"/"+j+"slpv.gif";}
else{
arxiu="http://www.meteo.cat/servmet/modelitzacio/mm5g"+g+"/"+j+"slpv.gif";}
}

};

document.images[0].src = arxiu;
 }

</script>
</head>

<!--------PAGINA HTML-------->

<body bgcolor="#FF2345" onLoad="animacion('mas')">
<center>
<form name=num1>
<b>Inici del model</b>
<input type="button" value="00" name="ini0" onclick="animacion('ini0')">
<input type="button" value="12" name="ini12" onclick="animacion('ini12')"><br>

<img border="2" src="" ><br>

<input type="button" value="-24h" name="mass" onclick="animacion('mass')">

<input type="button" value="-3h" name="mas" onclick="animacion('mas')">

<input type="button" value="Inici" name="Inici" onclick="animacion('Inici')">
<!--------Este es el boton que deberia cambiar cuando j=>48-------->
<input type="button" value="+3h" name="menos" onclick="animacion('menoss')">
<!---- Deberia a pasar a ser algo así
<input type="button" value="+6h" name="menos" onclick="animacion('menosss')">-->
<input type="button" value="+24h" name="menoss" onclick="animacion('menos')">



</center>
</form>

</center>

</body>
</html>
10  Programación / Desarrollo Web / Condiciones para que aparezcan unos botones o otros (HTML; javascript) en: 18 Enero 2012, 04:45 am
Hola a todos,
tenia una pregunta un tanto rara...
Pero primero me explico un poco.
Estoy haciendo una pag en html con un caxo de javascript integrado para poder pasar mapas al darle a unos botones que estan creados.
La cuestión es que dependiendo de la imagen que muestras o a partir de una imagen, me gustaria que esos botones pasaran a ser otros jeje
Me explico un poco mal quizás pero en mi cabeza lo veo jeje
Os paso el script, cabe mencionar que he simplificado muchas cosas del script original ya que tampoco es necesario para esta duda y además tendria que adjuntar un script muy largo. El tema es que tenemos unos mapas con unos botones abajo que muestras la posibilidad de pasar imagen a imagen(+3h) o (+24h) que son unos 7 imagenes de golpe, también puedes ir hacia atrás. Llega un momento a partir de la imagen con j=48 que su siguiente imagen será otra y a partr de aquí las imagen son de 6h en 6h horas no de 3h en 3h horas como las anteriores y como marca el boton de +3h. La cuestión real es que quiero que cuando llegue a la última imagen de las imagenes que van de 3h en 3h, el boton de +3h se transforme en uno de +6h y pase a tener la utilidad de uno de 6h, claro.
Supongo que esto lo podria conseguir con un IF donde estan los botones que diga: Si j>48 el boton de +3h será de +6h, pero no se como programarlo.


<html>
<head>
<script>

   
<!------------SCRIPT JAVA-------------->
    i = 1
    e = 24
    total = 240
    n=3
    g=0
function animacion(masmenos){
        if(masmenos=="ini0"){g=0;e=e; n=n; i=i+4;}
        if(masmenos=="ini12"){g=12;e=e; n=n; i=i-4;}
        if(masmenos=="mas"){g=g;e=e-3; n=n; i=i-1;}

<!--Aquí creariria un if con mi función masmenos para que i=i+2
        if(masmenos=="menosss"){g=g;e=e+6; n=n; i=i+2;}-->

        if(masmenos=="mass"){g=g;e=e-24; n=n; i=i-7;}
        if(masmenos=="menoss"){g=g;e=e+3; n=n; i=i+1;}
        if(masmenos=="menos"){g=g;e=e+24; n=n; i=i+7;}
        
   
   if(masmenos=="Inici"){i=1;e=0; }
        if(i>21) i=21;
        if(i<1) i=1;

        if(n!=1) n=1;

        if(e>total) e=total;
        if(e<0) e=0;
        
           if(n==1){
j=3*(i-1);

if(j<=48){
if(g==0){
arxiu="http://www.meteo.cat/servmet/modelitzacio/mm5p0"+g+"/"+j+"slpv.gif";}
else{
arxiu="http://www.meteo.cat/servmet/modelitzacio/mm5p"+g+"/"+j+"slpv.gif";}
}
else{
if(g==0){
arxiu="http://www.meteo.cat/servmet/modelitzacio/mm5g0"+g+"/"+j+"slpv.gif";}
else{
arxiu="http://www.meteo.cat/servmet/modelitzacio/mm5g"+g+"/"+j+"slpv.gif";}
}

};

document.images[0].src = arxiu;
 }

</script>
</head>

<!--------PAGINA HTML-------->

<body bgcolor="#FF2345" onLoad="animacion('mas')">
<center>
<form name=num1>
<b>Inici del model</b>
<input type="button" value="00" name="ini0" onclick="animacion('ini0')">
<input type="button" value="12" name="ini12" onclick="animacion('ini12')"><br>

<img border="2" src="" ><br>

<input type="button" value="-24h" name="mass" onclick="animacion('mass')">

<input type="button" value="-3h" name="mas" onclick="animacion('mas')">

<input type="button" value="Inici" name="Inici" onclick="animacion('Inici')">
<!--------Este es el boton que deberia cambiar cuando j=>48-------->
<input type="button" value="+3h" name="menos" onclick="animacion('menoss')">
<!---- Deberia a pasar a ser algo así
<input type="button" value="+6h" name="menos" onclick="animacion('menosss')">-->
<input type="button" value="+24h" name="menoss" onclick="animacion('menos')">



</center>
</form>

</center>

</body>
</html>

Páginas: [1]
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines