Páginas: [1] 
|
 |
|
Autor
|
Tema: Imagen de webcam y plantillas (Leído 104 veces)
|
casacota
Cumulus Fractus
 Desconectado
Mensajes: 39
|
Algunas personas me han pedido que les ayude a hacer una tabla con datos que se actualizan, y, también, cómo conseguir una imagen de webcam actualizándose continuamente sin dar "saltos", como la tengo en www.casacota.net.
Como algunas personas me han pedido ayuda en este sentido sobre software que desconozco, espero que con los datos que pongo y la colaboración de otros foreros podamos dar información suficiente.
En primer lugar, el código para la webcam, que no és nada más que un Javascript:
En el lugar en que queramos que aparezca la imagen ponemos este código (a la derecha de // son comentarios):
<script LANGUAGE=JavaScript>
<!--
novaimatge = new Image()
function carregaimatge(){
document.images.casacota.src=novaimatge.src
// casacota es el nombre que le doy yo, cada uno que ponga el que quiera
novaimatge.src="http://www.casacota.net/casulleras/webcam/webcam.jpg"
// aquí tiene que ir el URL entero de la imagen en el servidor
}
function imatgeinicial(){
novaimatge.src="http://www.casacota.net/casulleras/webcam/webcam.jpg"
// idem como arriba
setTimeout("carregaimatge()",15000)
// velocidad de actualización, en milésimas de segundo (en este caso 15 segundos)
}
document.write('<center><IMG SRC="http://www.casacota.net/casulleras/webcam/webcam.jpg" name=casacota onLoad="imatgeinicial();" width=640 height=480></center>')
// en la línea superior especificamos otra vez la imagen, su nombre, y el tamaño en píxeles
//-->
</script>
|
|
|
|
|
En línea
|
|
|
|
casacota
Cumulus Fractus
Desconectado
Mensajes: 39
|
El recuadro con los datos se consigue con el siguiente texto, a partir de virtual weather station. El javascript "traduce" la previsión del inglés al catalán. Esta plantilla va dentro de la carpeta "templates" en un archivo con la terminación *.htx, y hay que indicar al programa que a partir de esta genere un archivo .html y que lo suba donde nosotros queramos, ampliándolo con todo el resto que queramos en la página.
En el caso de weather link el sistema es parecido, lo que ignoro y quizás algun forero pueda aportar el nombre de las variables. Igualmente, la porción de Javascript seguramente no sea ni funcional ni necesaria, o haya que adaptarla. Igualmente lo que dice onClick="window.location='http://www.casacota.net/meteo/';" se puede eliminar, és un modo poco ortodoxo pero práctico de meter un link al pinchar sobre una tabla:
<center><table BORDER CELLSPACING=0 CELLPADDING=0 COLS=3 WIDTH="100%" BGCOLOR="#008080" onClick="window.location='http://www.casacota.net/meteo/';" >
<tr ALIGN=CENTER>
<td><font color="#FFFFFF">Temp.^vxv007^ºC</font></td>
<td><font color="#FFFFFF">màx.^vhi007^ºC <i>a les^vht007^</i></font></td>
<td><font color="#FFFFFF">mín.^vlo007^ºC <i>a les^vlt007^</i></font></td>
</tr>
<tr ALIGN=CENTER>
<td><font color="#FFFFFF"> Hum.^vxv005^%</font></td>
<td><font color="#FFFFFF">màx.^vhi005^% <i>a les^vht005^</i></font></td>
<td><font color="#FFFFFF">mín.^vlo005^% <i>a les^vlt005^</i></font></td>
</tr>
<tr ALIGN=CENTER>
<td><font color="#FFFFFF">Bar.^vxv008^hPa</font></td>
<td><font color="#FFFFFF">Pluja avui^vxv121^mm</font></td>
<td><font color="#FFFFFF">Pluja a. mes^vxv129^mm</font></td>
</tr>
<tr ALIGN=CENTER>
<td><font color="#FFFFFF">Previsió: <script LANGUAGE="JavaScript">
var previ="^vst138^"
if (previ == " Rain ") {
previ = "pluja"
}
if (previ == " Clear ") {
previ = "bon temps"
}
if (previ == " Rain ") {
previ = "pluja"
}
if (previ == " Few Clouds ") {
previ = "pocs núvols"
}
if (previ == " Scattered Clouds ") {
previ = "núvols dispersos"
}
if (previ == " Broken Clouds ") {
previ = "núvols i clarianes"
}
if (previ == " Overcast ") {
previ = "ennuvolat"
}
if (previ == " Drizzle ") {
previ = "pluja fina"
}
if (previ == " Freeezing Rain ") {
previ = "pluja gelant"
}
if (previ == " Rain Showers ") {
previ = "ruixats"
}
if (previ == " Mist ") {
previ = "boira"
}
if (previ == " Fog ") {
previ = "boira"
}
if (previ == " Smoke ") {
previ = "fum"
}
if (previ == " Hail ") {
previ = "pedregada"
}
if (previ == " Haze ") {
previ = "calitja"
}
if (previ == " Ice Crystals ") {
previ = "cristalls de gel"
}
if (previ == " Sand ") {
previ = "sorra"
}
if (previ == " Snow Grains ") {
previ = "neu granulada"
}
if (previ == " Snow ") {
previ = "neu"
}
if (previ == " Snow Showers ") {
previ = "ruixats de neu"
}
if (previ == " Lightning ") {
previ = "llampecs"
}
if (previ == " Thunderstorm ") {
previ = "tempesta elèctrica"
}
if (previ == " Scattered Showers ") {
previ = "ruixats dispersos"
}
if (previ == " Scattered Thunderstorms ") {
previ = "tempestes disperses"
}
document.write(previ);
</script>
</font>
</td>
<td><font color="#FFFFFF">Vent^vxv003^km/h</font></td>
<td><font color="#FFFFFF">Direcció^vxv001^</font></td>
</tr>
</table></center>
|
|
|
|
|
En línea
|
|
|
|
Páginas: [1] 
|
|
|
|
|
