Los anuncios que encontrará en esta página provienen todos del programa Adsense de Google, con la garantía que ello supone. Puede curiosear en ellos sin ningún problema y riesgo.

viernes, 30 de diciembre de 2011

Generador - Resolutor de Sudokus.

Tras muchísimos Sudokus realizados, la experiencia me ha facilitado las herramientas para que ello no sea una tarea demasiado complicada, por ello, a fin de dar una vuelta de tuerca más, me planteé el realizar un programa que los resolviera, no para facilitarme la tarea, sino para ver si era capaz de realizarlo.

Tras algunas tardes de romperme la cabeza aquí os dejo este gadget que, al menos los que he intentado los ha resuelto en muy poco tiempo.

Si alguien lo usa y encuentra algún #Sudoku que tenga solución y mi programa no lo resuelva, que me lo diga para corregirlo.



Como siempre os dejo el código que podéis copiar para ponerlo en blogs u otras páginas.

<div align="center">
<iframe frameborder="0" height="320" scrolling="no" src="https://pfont.eu/gadgets/sudoku.html" width="350">No Imframe</iframe></div>

Puede ocurrir que al resolver sudokus nos encontremos con algunos que tengan más de una solución. En estos casos el programa entraba en un bucle que no era capaz de resolver, es por ello que necesitará de vuestra ayuda. 

El resolutor os mostrará los cuadros que ha podido solucionar, pero en los que tenga dudas os mostrará los posibles valores. Coged un cuadro que tenga un valor doble, eliminad uno de los números y volved a pedirle que lo resuelva. Si habéis acertado, lo normal es que os de una solución correcta, en caso contrario volved a empezar y en este caso, en el mismo cuadro anterior elegid la otra opción y ahora si que lo resolverá (espero).

05/06/15

Siempre había querido realizar el generador de sudokus, pero lo veía verdaderamente difícil, hasta que hoy me ha venido la inspiración y me he puesto manos a la obra.

La verdad es que no ha sido tan complicado, así que ahí lo tenéis.

Si observáis algún error, ruego me lo comuniquéis para intentar corregirlo. Las pruebas que he realizado han funcionado correctamente.

miércoles, 21 de diciembre de 2011

Efecto nieve.

Para estos días navideños, parece que quede bien adornar nuestras páginas con el efecto nieve tan tradicional.

Para los que no tengáis la posibilidad de desarrollarlo por vosotros mismos, os dejo este código, para que copiado en vuestra página os ofrezca el aspecto deseado. Aquí, como el fondo del texto es blanco igual no es el mejor sitio para verlo, pero si estamos en épocas navideñas, podéis ver el efecto en Plaza Mayor Villarreal, o aún mejor en Sobre dos ruedas. Después lo quitaré hasta el próximo año, de hecho no es que lo quitaré, sino que está programado para que se active el día 1 de diciembre de cada año hasta el 6 de enero del siguiente, de este modo no tienes que preocuparte por ponerlo y quitarlo cada año.

<script type="text/javascript" src="https://pfont.eu/gadgets/nieve.js"></script>

Como el ser agradecidos es de bien nacidos, no estaría de más que enlazaras esta página desde la tuya. Si quieres puedes copiar el código que adjunto en el lateral de las entradas para los casos de intercambio de enlaces.

viernes, 16 de diciembre de 2011

Calendario

Bueno, un gadget más.

Como no, un calendario. ¿Cuántos hay en Internet?, pués no lo se. Muchos. Pero faltaba el mio.

Ahí lo tenéis.

A fin de que no sea uno más, le he incluido un par de funcionalidades. Si pulsas sobre el mes, podrás imprimirte una hoja para tomar notas en cada dia, que además puedes personalizar con una frase corta (Cumplaños María, Revisión, médica, Cena con Juan...). Si pulsas sobre un día, la hoja para notas será de ese día, con divisiones horarias.

Esto puede ser muy útil, ya que si te acostumbras en tu trabajo a tomar las notas de un modo ordenado y las guardas, en un archivador por ejemplo, siempre podrás consultarlas con posterioridad, y seguro que te sacan de más de un apuro.

También le he puesto un reloj y la posibilidad de programar una alarma.


Copiad este código para ponerlo en vuestra página o vuestro Blog.

<iframe frameborder="0" height="240px" marginheight="0" marginwidth="0" scrolling="no" src="https://pfont.eu/gadgets/calendario.html" width="220px"></iframe>

¿No sabéis como? . Os lo explico aquí.

Saludos.

domingo, 11 de diciembre de 2011

Contador de Visitas (ahora ya con estadísticas)

Estos días he tenido un poco de tiempo y he creado un contador de visitas. Poco a poco iré desarrollando el módulo de estadísticas. Como no se cuándo ve Ud. esta página, igual está ya creado.

Si ha llegado hasta aquí, igual es que necesita uno, así que si le gusta, elija un diseño y pulse el botón, en el recuadro de abajo le mostraré el código que tiene que copiar para ponerlo en su página.

Es completamente gratis, sin registros ni nada que se le parezca. Esto lo hago solo por diversión, así que si quiere un diseño personalizado para su página, no dude en solicitármelo y lo incluyo en los que ya hay o le remito el código por e-mail.

Si después de haber puesto el contador en su página, ve que otro de los diseños se adaptaría mejor, no es necesario que solicite un nuevo código, ya que perdería el número de visitas que pudiera tener, simplente  busque en el código el párrafo "?if_pf=...&mod=m.." (los puntos suspensivos serán numeros), y modifique el número que aparece tras la "m" por el número que aparece en el modelo elegido. De este modo puede hacer tantas pruebas como desee.

Por si no sabéis como poner el código en un blog os lo indico en esta otra página.

22/01/14

Bueno, como lo prometido es deuda, ya he empezado con las estadísticas. Para evaluar lo que hay, podéis acceder por el apartado Estadísticas que hay debajo del contador de visitas del lateral derecho o siguiendo este enlace. La página a la que se os redirigirá solicita una clave, en este caso, para que lo podáis ver es 'informatic' (sin las comillas).

Evidentemente, si ponéis un contador en vuestra página, tendréis vuestra clave y nadie podrá acceder a las mismas salvo vosotros.

El diseño lo iré mejorando poco a poco.

Espero vuestras sugerencias.

Hasta pronto.

miércoles, 30 de noviembre de 2011

Imagenes de las carreteras españolas.

En esta ocasión quiero rendir un homenaje a la Guardia Civil que tanto hace y se preocupa por nuestra seguridad en las carreteras, y que mejor manera de hacerlo que echándoles una mano en aquello que cada uno sabemos hacer; en mi caso programar.

Para ello he creado este gadget que les adjunto, que muestra en un espacio reducido las imágenes actualizadas de las principales carreteras nacionales, de modo que a la vista de las dificultades observadas en las mismas, se pueda optar por vías alternativas.

Espero que pueda ser de mucha utilidad y para ello habría que darle la mayor difusión posible.


Si a alguien le interesa para su página web, blog, o para su página personalizada de Igoogle, puede copiar el código que sigue.

<iframe id="cinco" scrolling="no" frameborder="0" width="360" height="400" src="https://pfont.eu/gadgets/carreteras.html">No Imframe</iframe>

Buen viaje a todos.

Por si no sabléis como poner el código en un blog os lo indico en esta otra página

lunes, 31 de octubre de 2011

Interenlázate (una opción para incrementar las visitas a tu web)

Todos sabemos que una página web sin la debida promoción es una página inútil. Como una pequeña isla desconocida en medio del océano, que nunca nadie visitará si no es por pura casualidad.

También es sabido que una de las formas de darla a conocer es mediante el intercambio de liks, aunque algunos puristas no lo recomienden, pero yo pienso que más vale recibir visitas desde otras páginas por medio de este sistema, que no recibirlas de ningún modo, al menos mientras la web no sea demasiado conocida.

El intercambio de enlaces supone un esfuerzo a la hora de realizar las solicitudes a los programadores de las otras webs, que estos te acepten y si es el caso, implementar el código con el enlace a la otra web, en tu página.

Si te lo has currado y tienes muchos enlaces de intercambio, algún rincón de tu página estará lleno de nombres de las otras páginas a las que enlazas.

Mi propuesta es muy simple.

Interenlázate es un sistema mediante el cual si quieres promocionar tu pagina gratis, me remites la URL de tu web, y yo te incluyo en la base de datos. Tú por tu parte implementas el código que adjunto al final en tu página, y a partir de ese momento (déjame al menos un día para incorporarte en la BD, que yo no estoy siempre frente al ordenador), en la tuya aparecerán secuencialmente los banners del resto de afiliados y en las de ellos aparecerá la tuya.

El programa genera un número aleatorio para comenzar cada ve por una web diferente, a fin de que no sea siempre las mismas las que aparezcan en las páginas y que todas tengan las mismas oportunidades de mostrarse.

No te asustes por el tamaño, se adapta al espacio que le asignes en tu página.
Si te interesa mándame tu URL. Yo comprobaré que has puesto el código y te daré de alta en el sistema.

URL PÁGINA:
URL BANNER :
Las dimensiones del banner deberían ser de 640x85 px

Anímate, cuantos más seamos, mejor.


<iframe id=ifrm allowtransparency="allowtransparency" src="https://pfont.eu/www4/enlacesajax.html" width="100%"  marginwidth="1" marginheight="1" scrolling=no frameborder=0></iframe>
<script>
var ancho=document.getElementById("ifrm").offsetWidth;
document.getElementById("ifrm").height=ancho*0.16+25;
document.getElementById("ifrm").style.height=ancho*0.16+25;
</script>

Por si no sabléis como poner el código en un blog os lo indico en esta otra página

sábado, 29 de octubre de 2011

Insertar un gadget en Blogger.

Ante las numerosas entradas que llegan a esta página buscando como poner un gadget de meteorología en un blog, y aunque hay otras muchas que lo indican, yo también se lo voy a explicar para que no tengan que seguir buscando.

Se presupone que si uno ya tiene un blog, conoce la nueva intarface de blogger, que es sobre la que lo explico, aunque en realidad en la anterior es exactamente igual.


En el apartado de diseño, seleccionamos Añadir un gadget, se nos abrirá la ventana para que elijamos el tipo de gadget.


Selleccionamos HTML/Javascript. La ventana que se nos abrirá es la siguiente:


Buscamos el código del gadget que queremos insertar, los seleccionamos con el ratón y lo copiamos.


Volvemos a la ventana del gadget y pegamos el código que hemos copiado en el paso anterior.


Guardamos y ya tenemos el gadget en nuestro blog. Ahora solo nos falta moverlo a la posición que más nos guste. Ello lo haremos haciendo click sobre nuevo gadget y sin soltar el ckick arrastrarlo hasta la nueva posición.

Si al ver la página en real, observamos que el gadget no queda centrado, y nos gustara verlo centrado, solo debéis añadir delante del código que hemos pegado el siguiente <div align=center> y al final cerraremos en div </div>, con ello habremos centrado el gadget al espacio de que disponga dentro del diseño del blog.

martes, 25 de octubre de 2011

Botones para enlaces.

Harto de los enlaces que presenta Blogspot, y dispuesto a darle un poco más de vidilla a los mismos, me puse a desarrollar una pequeña aplicación que me sirviera para mi blog Plaza Mayor Villarreal y para todos los blogueros que quisieran usarla.

Se trata de unos botones fáciles de adaptar al blog o página de cada uno, y que permiten, al clicar sobre ellos, abrir otras páginas.

Vaya, una chorrada, pero si a alguien le gusta y lo quiere, no tiene más que copiar y pegar el código que adjunto en su blog.

Por supuesto, tendrá que modificar los títulos y los enlaces que quiera mostrar, aunque en el ejemplo he puesto tres, se pueden añadir tantos como se quieran.

Si a un título no le ponéis el enlace correspondiente se convierte en un separador de botones.

En el código también especifico cada variable lo que es, a fin de que sea fácil combinar nuevos colores.

Con vuestra imaginación, seguro que sois capaces de hacer unos botones muy atractivos.





<script>
var tit=new Array();
var enl=new Array();
tit[0]='Plaza Mayor Villarreal';
enl[0]='http://plazamayorvillarreal.blogspot.com';
tit[1]='Sobre dos ruedas';
enl[1]='http://sobredosruedas-pfont.blogspot.com';
tit[2]='Otras páginas';
tit[3]='Socorro ronco';
enl[3]='http://socorroronco.blogspot.com';
var ab='2'; // anchura bordes
var cbt='#ffffff'; // Color borde superior
var cbl='#e1e1e1'; // Color borde izquierdo
var cbb='#666666'; // Color borde inferior
var cbr='#7b7b7b'; // Color borde derecho
var cf='#335577'; //Color de la fuente
var bg='#aabbaa'; //Color del fondo de la celda
var ct='#ccddcc'; //Color fondo de la tabla
var at='100%'; // anchura tabla
var tf=12; // tamaño fuente
var abb;
var abl;
var abr;
var abt
function redis(a)
{
documento=document.getElementById(a).style;
abb=document.getElementById(a).style.borderBottom;
abl=document.getElementById(a).style.borderLeft;
abt=document.getElementById(a).style.borderTop;
abr=document.getElementById(a).style.borderRight;
documento.borderBottom=abt;
documento.borderLeft=abr;
documento.borderTop=abb;
documento.borderRight=abl;
}
function clic(e)
{
window.open(enl[e]);
}
function dis(a)
{
documento=document.getElementById(a).style;
documento.borderBottom=abb;
documento.borderLeft=abl;
documento.borderTop=abt;
documento.borderRight=abr;
}
l='<table width='+at+' style="';
l+='padding:0px;';
l+='margin:0px;';
l+='background-color:'+ct+';';
l+='"  >';
x=0;
while (x<tit.length)
{
if (enl[x]!=null)
 {
 l+='<tr><td style="';
 l+='padding:0px;';
 l+='margin:0px;';
 l+='border-top:solid '+ab+'px '+cbt+';';
 l+='border-right:solid '+ab+'px '+cbr+';';
 l+='border-bottom:solid '+ab+'px '+cbb+';';
 l+='border-left:solid '+ab+'px '+cbl+';';
 l+='text-align:center;';
 l+='font-size:'+tf+'px;';
 l+='color:'+cf+';';
 l+='font-weight: bold;';
 l+='text-decoration: none ;';
 l+='background-color:'+bg+';';
 l+='cursor:pointer; ';
 l+='"';
 l+=' id='+x+' onmouseOver=redis('+x+')';
 l+=' onmouseOut=dis('+x+')';
 l+=' onclick=clic('+x+')';
 l+='>';
 l+=tit[x];
 l+='</td></tr>';
 }
 else
 {
 tfr=parseInt(tf+2,10);
 l+='<tr><td style="';
 l+='padding:0px;';
 l+='margin:0px;';
 l+='text-align:center;';
 l+='font-size:'+tfr+'px;';
 l+='color:'+cf+';';
 l+='font-weight: bold;';
 l+='text-decoration: none ;';
 l+='background-color:'+ct+';';
 l+='"';
 l+='>';
 l+=tit[x];
 l+='</td></tr>';
 }
x++;
}
l+='</table>';
l+='<a href="https://informatica-pfont.blogspot.com/2011/10/botones-para-enlaces.html" ';
l+=' style="font-size:10px; color:#000000; text-decoration:none">';
l+='Created by <strong>Pfont</strong></a>';
document.write(l);
</script>

Por si no sabléis como poner el código en un blog os lo indico en esta otra página

sábado, 15 de octubre de 2011

Factura

Hace unos días, un compañero de trabajo me preguntó si tenía algún programa de facturación. Evidentemente le dije que no. Yo no tengo en propiedad un programa de facturación, aunque he colaborado en mis tiempos de profesional informático en la realización de programas de este tipo y otros. Eran tiempos del Theos.

El caso es que él solo quería hacer una factura ocasional. ¿Para qué necesitaba un programa de facturación.?

Se me ocurrió que casos como el suyo pueden haber multitud, y que para una factura de vez en cuando no necesitan una programa.

Por ello hice esta pequeña aplicación web, que permite imprimir una factura introduciéndole los datos como si de una máquina de escribir se tratara. No guarda ningún dato, no tema por la privacidad de los mismos.


Realiza los cálculos del IVA y la Retención, a partir de la suma de importes de los conceptos introducidos, pero puede ocurrir que alguno de ellos no compute para IVA o para el IRPF. En ese caso habrá que ajustar los importes manualmente. Para esos cálculos también dispone de mi calculadora.

Si Ud. ha llegdo a esta página, igual es que necesita de esta herramienta, pruébela, espero que le sea útil. 

sábado, 1 de octubre de 2011

Gestión de Gastos.

Hace algún tiempo, cuando pensaba que uno se podía hacer rico con esto de la informática realicé una Web denominada Gestión de Gastos Personales, pero ante la escasa cantidad de usuarios de la misma, y pensando que las economías domésticas necesitan de herramientas que nos alarmen de por donde se fugan nuestros ahorros, he realizado una versión en excel, de modo que cada uno la gestione desde su ordenador.

La verdad es que esta hoja de calculo la regalé al finalizar un curso que impartí sobre esta herramienta, y me consta que, despues de varios años, algunos alumnos la siguen utilizando por su comodidad.

Consta de tres hoja que les muestro en la imagen adjunta,





Se la pueden descargar desde este enlace, verán que es muy intuitiva, pero si necesitan ayuda pueden contactar conmigo con total libertad.

jueves, 29 de septiembre de 2011

Desarrollo de préstamos.

De la misma época de la calculadora, y desarrollado para la misma antigua web, es la rutina que desarrolla el cuadro de amortización e intereses de préstamos.

La verdad es que si tuviera que realizarla ahora no la haría igual, ya que tengo algunos conocimientos más de javascript, pero como decimos en informática ... "Si funciona no lo toques".

Lo que he hecho ahora es encapsular la mencionada rutina dentro de un gadget, de modo que cualquiera pueda ponerlo en su página, blog o escritorio.


Como siempre les dejo el código para copiar y pegar donde gusten.

<div align="center">
<iframe frameborder="no" height="270px" scrolling="none" src="https://pfont.eu/gadgets/prestamo.html" width="320px">Su navegador no soporta iframes</iframe>
</div>

Por si no sabéis como poner el código en un blog os lo indico en esta otra página

viernes, 23 de septiembre de 2011

Imagen desplazándose por la página.





Hoy he pasado la tarde realizando una subrutina que permite mostrar una imagen en el centro de la pantalla, pero que al pasar el ratón sobre ella, se aparta, para que se pueda leer lo que figura debajo de ella.

Es ente caso hoy he puesto la imagen de mi perfil y la encontraréis por ahí, pasad el "mose" sobre ella y se apartará.

No intentéis clicar sobre ella, a fin de no realizar clicks involuntarios sobre los anuncios, ya que ello podría conllevar problemas con Adsense.

Puede servir en el caso de que queráis destacar algo en vuestra página.

Tenéis que cambiar la dirección de la imagen donde dice "document.im.src=". Si analizáis el código al final aparece un enlace a mi página de informática. Es muy pequeño y no molesta. Es la aportación que espero no os importe realizar.

Os dejo el código.

<script>
var x=1;
var pasos=100;
var actualtop;
var actualleft;
var nuevotop;
var nuevoleft;
function mueveimagen()
{
if (x<parseInt(pasos+1,10))
    {
    if (nuevoleft>actualleft)
        {
        var realleft=parseInt(actualleft,10)+parseInt((nuevoleft-actualleft)/pasos*x,10);
        }
    else
        {
       var realleft=parseInt(actualleft,10)-parseInt((actualleft-nuevoleft)/pasos*x,10);
        }
    if (nuevotop>actualtop)
        {
        var realtop=parseInt(actualtop,10)+parseInt((nuevotop-actualtop)/pasos*x,10);
        }
    else
        {
        var realtop=parseInt(actualtop,10)-parseInt((actualtop-nuevotop)/pasos*x,10);
        }
        document.im.style.top=realtop+"px";
        document.im.style.left=realleft+"px";
        x++;
    }
    else
    {
    clearInterval(t);
    }
}
function temp()
{
actualtop=parseInt(document.im.style.top,10);
actualleft=parseInt(document.im.style.left,10);
nuevotop=Math.floor(Math.random()*(screen.height-document.im.height));
nuevoleft=Math.floor(Math.random()*(screen.width-document.im.width));
x=1;
t=setInterval("mueveimagen()",10);
}
</script>
<img name="im" style="display:scroll" onmouseover="temp()" />
<script>
document.im.src="https://lh4.googleusercontent.com/-1SDcJVmSmCc/Tn7jAuGjuWI/AAAAAAAABsM/qGvsfP1rcGM/esta.gif";
document.im.width="150";
document.im.style.padding="0";
document.im.style.position="fixed";
document.im.style.zIndex="9999";
document.im.style.left=screen.width/2-document.im.width/2+"px";
document.im.style.top=screen.height/2-document.im.height/2+"px";
</script>
<a href="http://informatica-pfont.blogspot.com"><img src="https://lh6.googleusercontent.com/-i19776nm4Jo/TpXI_7rp1LI/AAAAAAAABuQ/cX16ZYBAX2o/s99/informaticapeque.gif" /> </a>

Por si no sabléis como poner el código en un blog os lo indico en esta otra página
Saludos a todos.

miércoles, 21 de septiembre de 2011

Calculadora

Ya una vez hice una calculadora para una página Web que no mantengo, pero era cuando comenzaba a programar con Javascript y, la verdad es que no funcionaba demasiado bien.

Siempre quise mejorarla, y esta vez, sin ser la calculadora de Windows, por lo menos creo que funciona correctamente.
Les invito a probarla e informarme de los errores detectados.

Si la necesitan para algun blog, página escritorio de Windows, tambien les dejo el código que deben copiar y pegar:

<div align="center">
<iframe frameborder="1" height="330" scrolling="no" src="https://pfont.eu/gadgets/calculadora.html" width="220"></iframe>
</div>

Por si no sabléis como poner el código en un blog os lo indico en esta otra página

miércoles, 14 de septiembre de 2011

Página receptora de links.

Tengo un blog en el que suelo escribir sobre temas de mi ciudad y me gusta documentarlas con lo aparecido en otras páginas, blogs o periódicos.

El caso es que he detectado que muchas veces, que después de seguir alguno de estos enlaces, el lector ha perdido mi página.

Para que esto no ocurra tan a menudo se me ocurrió la idea de que los links se abrieran dentro del mismo blog.

Como el mio es de blogger, no puedo programar demasiado sobre él, así que diseñé una página similar al blog y redirigí los liks a ella.

Como vi que funcionaba, la adapté para que otros usuarios de blos o de otras páginas pudieran usarla.

La dirección para llamarla es https://pfont.eu/www4/nuevapagina.htm , que por defecto saca mi diseño.

Los modificadores para personalizarla son los siguientes:

a= URL de la página que queremos abrir dentro.
bgc= color de fondo
ban= URL de la imagen del banner
bgcc= color detrás del banner
bgca= color detrás de anuncio de Adsense.

Si no sabes como va lo de los modificadores mándame un correo y te lo explico. Es muy fácil.

Les dejo dos muestras de la misma página personalizadas de diferente manera para que sirvan de ejemplo.



Quizá hubiera podido perder más tiempo haciéndolas más bonitas, pero eso lo dejo para vuestra imaginación.

Saludos.

jueves, 28 de julio de 2011

Números aleatorios.

Los juegos de azar están de moda.

En tiempos de crisis todos queremos que un golpe de suerte nos ayude a salir de la misma, y si es posible, incluso que nos instale en la abundancia.

Es por ello que todos apostamos a todo tipo de loterías, rifas y sorteos. Quizá entre los más populares, por la cuantía de sus premios estan las loterías primitivas, y el Euromillon.

A fin de animar un poco estos juegos he creado este gadget que genera números aleatorios, que no nos garantiza los premios, pero nos distraerá un poco mientras apostamos.


Este es el código para enlazarlo, si queréis usarlo en alguna de vuestras páginas.

<div align="center">
<iframe frameborder="no" src="https://pfont.eu/gadgets/numeros_aleatorios.html" width="330px" height="300px">
</iframe></div>

Mucha suerte.

Por si no sabléis como poner el código en un blog os lo indico en esta otra página.

Quizá también le pueda interesar Juegos y Loterías

miércoles, 20 de julio de 2011

Adivina Cantidad.

En esta ocasión he hecho una incursión en el mundo del entretenimiento.

Se trata de un gadget que, realmente, no sirve para nada, es un mero divertimento, para mi al hacerlo y para los que quieran entretenerse un rato.

La aplicación genera un número de cuatro dígitos que hay que adivinar en cuatro pasos.

Los números no se pueden repetir, y cuando nosotros proponemos un número, la aplicación lo colorea según los siguientes patrones: Si el número no está comprendido entre los planteados por el ordenado, lo colorea de rojo; en caso de que si esté, pero en otra posición, nos lo indicará coloreándolo de amarillo. En caso de que coincida además en la posición, lo pintará de verde.

En general se puede resolver en cuatro intentos, y este es precisamente el reto. Inténtelo y a disrutar.



Este el código si quieres instalarlo en tu página:

<div align= center>
<iframe src="https://pfont.eu/gadgets/adivinacantidad.html" width="220" height="150" scrolling="no" frameborder="0"></iframe></div>

Por si no sabléis como poner el código en un blog os lo indico en esta otra página

miércoles, 13 de abril de 2011

Un libro.

Hace unos días me dejaron unos escritos antiguos, muy curiosos, en formato libro, con 10 o 12 páginas cada uno, para escanearlos y poder usarlos en mis páginas cuando me interese. Ya lo haré cuando lo estime oportuno en mi página Plaza Mayor Villarreal.

El caso es que para mostrarlos adecuadamente necesitaba algunas funciones en javascript que dieran el aspecto al libro.

He visto verdaderas maravillas por la red, para hacer este efecto, pero están hechas con flash.

Yo, de momento no trabajo con herramientas de pago, por lo que mis aspiraciones eran más modestas, y al final he hecho lo que seguidamente les muestro con páginas de ejemplo.

Si puede serle útil a alguien, aquí le dejo el código. Las imágenes tienen que llamarse 1.jpg, 2.jpg,...

<script>
var hoja;
var ancho;
var ancholibro=350;
function libro(ancholibro)
{
l='<table border=0 style="border-collapse: collapse;width:'+ancholibro+';background-color:gray ;margin:0;padding:0"><tr><td id="par" width="50%">';
l+='</td><td id="impar" width="50%">';
l+='</td></tr></table>';
document.write(l);
ancho=ancholibro/2;
hoja=1;
document.getElementById("impar").innerHTML='<img width="'+parseInt(ancho-4,10)+'px" alt="" src="'+hoja+'.jpg" onclick=pasahoja(2) onerror=sinimagen("impar") />';
}
function pasahoja(x)
{
hoja=parseInt(hoja+x,10);
ancho=ancholibro/2;
document.getElementById("impar").innerHTML='<img width='+parseInt(ancho-4,10)+'px" alt="" src="'+hoja+'.jpg" onclick=pasahoja(2) onerror=sinimagen("impar") />';
document.getElementById("par").innerHTML='<img width="'+parseInt(ancho-4,10)+'px" alt="" src="'+parseInt(hoja-1,10)+'.jpg" onclick=pasahoja(-2) onerror=sinimagen("par") />';
}
function sinimagen(a)
{
document.getElementById(a).innerHTML='';
}
libro(ancholibro);
</script>

domingo, 6 de marzo de 2011

Carrusel de imágenes

Esta vez os presento un código que permite ir alternando tantas imágenes (banners) como deseemos, asignándole a cada una un enlace.

Puede servir para anuncios, presentación de imagenes, diapositivas, y cuantas aplicaciones consideréis.

El código es bastante sencillo para cualquier iniciado, pero si necesitáis ayuda podéis contactar conmigo.




Este es el código:

<script>
var imagen=new Array();
var enlac=new Array();
imagen[0]="https://lh5.googleusercontent.com/_1vNAYVQ3LgU/TXPXvcjMmAI/AAAAAAAABV8/KMnQm98k1a0/s640/plazamayor.jpg";
enlac[0]="https://plazamayorvillarreal.blogspot.com";
imagen[1]="https://lh4.googleusercontent.com/_1vNAYVQ3LgU/TWkMEY19oTI/AAAAAAAABS4/FrOvNFYS_bA/andresroca.jpg";
enlac[1]="https://www.andresroca.com/contacto.html";
imagen[2]="https://lh4.googleusercontent.com/_1vNAYVQ3LgU/TWvO3DOkdGI/AAAAAAAABUI/2iAIh3goDyE/s640/anuncio.jpg";
enlac[2]="mailto:pfont.3110@cajarural.com?subject=Inclusion_propaganda_en_Plaza_Mayor_Villarreal";
np=parseInt(Math.random()*imagen.length,10);
function actupag()
{
if (np<imagen.length-1)
 {np++;}
 else
 {np=0;}
document.getElementById('pag').innerHTML='<a href='+enlac[np]+' TARGET="_new" ><img  id="np" src='+imagen[np]+' style="border:0;display:block; margin: auto auto;padding:0px"/></a>';

if (document.getElementById("np").offsetWidth>ancho)
    {
    document.getElementById("np").width=ancho;
    document.getElementById("np").style.width=ancho;
    }

}
setInterval('actupag()', 10000);
</script>
<div id="pag" style="font-size: 9px; height: 70px; text-align: center; width: 100%;">
</div>
<script>
var ancho=document.getElementById('pag').offsetWidth;
actupag();
</script>

Por si no sabléis como poner el código en un blog os lo indico en esta otra página

miércoles, 23 de febrero de 2011

Colores

El manejo de colores a la hora de realizar diseños en el ordenador, siempre me ha creado problemas, ya que siempre he necesitado alguna que otra herramienta que me permitiera genera los colores y una vez seleccionado, me mostrara su código.

La verdad es que, gracias a Dios, no faltan utilidades que realicen estas tareas, pero necesitaba una que ocupara poco espacio, para ponerla junto con otras en mi página de iGoogle y echar mano de ella en cuanto me hiciera falta, por ello se me ocurrió crear este pequeño gadget que considero muy útil para estos menesteres.

Pueden probarlo aquí:

Si lo necesitan copien este enlace en su página.

<div align="center">
<iframe frameborder="0" height="280" scrolling="no" src="https://pfont.eu/gadgets/colores.html" width="200"></iframe></div>

Por si no sabléis como poner el código en un blog os lo indico en esta otra página

lunes, 21 de febrero de 2011

Cambio de Base de numeración.

Todos hemos estudiado en el colegio las Bases de numeración, y creo que pocos son los que realmente han compredido lo que significa.

Sin querer dar una clase magistral sobre ello, os diré que cada base de numeración representaría los números si solo se trabajara con los dígitos que indica la base, es decir para el sistema binario solo tendríamos en cuenta dos dígitos, que para mayor comodidad serían los dos primeros de los numeros conocidos, (0 y 1), para base 3 tendríamos el 0,1 y 2 , y así sucisivamente.

En la actualidad la base con que nos manejamos es la Base 10, (0,1,2,3,4,5,6,7,8,9). Si quisiéramos trabajar com base mayores deberíamos inventar nuevos dígitos. Por convenio se utilizan las letras según el orden alfabético (A,B,C,D,E,F,...).

Podría intentar explicar como se pasa de una Base a otra, pero hay demasiados sitios donde consultarlo y no creo que yo pudiera aportar nada nuevo.

Lo que si he hecho es un gadget muy simple que permite pasar números de una base a otra, desde Base 2 a Base 16.

Podeís verlo y probarlo.

Si queréis usarlo en otra página o blog, este el es código que debéis copiar.

<iframe height="150" scrolling="no" frameborder="0" src="https://pfont.eu/gadgets/cambio_de_base.html" width="300">

Por si no sabléis como poner el código en un blog os lo indico en esta otra página

viernes, 18 de febrero de 2011

NIF

El NIF (Número de Identificación Fiscal) español, proviene del DNI (Documento Nacional de Identidad), al que se le ha añadido una letra calculada a partir de los ocho dígitos de que constaba el mencionado DNI.

Esta letra calculada, le confiere seguridad al número, de modo que al introducir un NIF en una aplicación informática, si esta está bien programada, lo primero que debe hacer es recalcularla, en caso de coincidencia es síntoma de que el número entrado en correcto, en caso contrario ha habido algún error en el tecleo o copia del mismo.

Desde la puesta en circulación del NIF, son incontables las subrutinas que calculan la letra, así que esta no podía ser menos, y también la calcula, pero yo le doy una vuelta de tuerca más, y en caso de que lo que desconozcamos es alguno de los ocho dígitos del número, por estar mal impreso o por haberse escrito algo encima o haber puesto un cuño que lo tape parcialmente,... sustiuiremos este por un asterisco (*) y la aplicación calculará el dígito que falta.

Tambien es bastante frecuente que al escribir el número se baile algún par de dígitos, con lo que un calculo sobre el numero resultante daría un error en la letra; pues bien, en este gadget tambien recibiremos un aviso de estos casos, es decir si la letra está mal, no simpre sera culpa de la misma, tambien puede que los número hayan cambiado su orden.

Puede haber más tipos de error, pero estos son lo que he programado para que se avisen.

Como siempre, si a alguien le interesa, este es su enlace:

<div align="center">
<iframe frameborder="no" height="110px"  src="https://pfont.eu/gadgets/nif.html" width="175px"></iframe>
</div>

Por si no sabléis como poner el código en un blog os lo indico en esta otra página

miércoles, 16 de febrero de 2011

Sumar

Siguiendo con el aprendizaje en la programación de gadgets, hoy quiero presentarles uno que realiza sumas.

Que chorrada ¿verdad?, pues si, pero a alguien le puede venir bien tener en su página de iGoogle una calculadora que le permita sumar con relativa sencillez hasta cien números, que es el límite que le he puesto, con la posibilidad de realizar un posterior punteo por si se ha equivocado.

Esto del punteo es la aportación que creo que hace este gadget, ya que las calculadoras que hay en  este sentido, no permiten puntear las cantidades entradas, por lo que no se pueden advertir los errores.

Para puntear, solo hay que clicar en la cantidad Total, con ello se abre una nueva pantalla con una cuadrícula de 10 x 10 en donde están todos los números introducidos, al clicar sobre cada uno de ellos, la celda cambia a color rojo, con lo que marcamos que esa cantidad ya la hemos comprobado. Si queremos volverla a desmarcar, volvemos a clicar sobre ella.

Esto es lo que hay.


Para enlazarlo copia el código:

<div align="center">
<iframe height="170px" scrolling="none" src="https://pfont.eu/gadgets/sumador.html" width="320px" frameborder="0"></iframe>
</div>

Por si no sabléis como poner el código en un blog os lo indico en esta otra página

martes, 15 de febrero de 2011

Dividir cantidades muy grandes

El gadget Cálculo CCC - IBAN requiere entre otras operaciones, el cálculo del módulo de cantidades, cuyo dividendo es bastante grande. Es decir, hay que calcular el resto de una división cuyo dividendo puede llegar a tener 24 dígitos.

Cuando intenté hacer los cálculos de prueba, con calculdoras normales no podía, incluso con excel, estos importe los pasa a nomenclatura científica.

Por todo ello me planteé realizar una subrutina que realice divisiones de este tipo. Así nace este gadget que presento hoy.

Se trata simplemente de eso, de realizar divisiones de números grandes, permitiendo especificar con cuantos decimales se quiere trabajar. El resultado que nos presenta es el Cociente y el Resto (Módulo) de la división.


Os lo dejo para que lo probéis y si alguien lo precisa aquí tiene el enlace.

<div align="center" width="100%">
<iframe height="190" scrolling="none" src="https://pfont.eu/gadgets/dividir.html" width="254" frameborder="no"></iframe>
</div>

Por si no sabléis como poner el código en un blog os lo indico en esta otra página

lunes, 14 de febrero de 2011

Cálculo CCC - IBAN

Este gadget está dedicado para los profesionales, tanto de la banca como los administradores contables que giren recibos para el cobro por banco o emitan transferencias para realizar pagos.

La nueva Ley de Servicios de Pago Automáticos SEPA (Single Euro Payments Area) que se está implantado en Europa y que facilitará el intercambio entre los países de la zona euro, abaratando los costes de los mismos, obliga a identificar las cuentas, tanto receptoras de efectivo por medio de transferencias, como receptoras de cargo para el pago de adeudos, con el número de cuenta correcto y completo, pero además hay que identificar de que país es la cuenta, por lo que se ha ideado un código denominado IBAN, compuesto por el número de cuenta, precedido del código de país (dos dígitos alfabéticos) y dos dígitos numéricos que se calcular a partir del resto de dígitos, y que validan que todo el código no tenga error.

En España del IBAN sería pues un código formado por las siglas ES que identifican a nuestro país, dos número de control y el CCC o Código Cuenta Cliente, que ya se calcula a partir de la Entidad (4 dígitos), la oficina (4 dígitos) dos dígitos de control calculados y diez dígitos del número de cuenta propiamente dicho.

Muchos cálculos para estar realizando continuamente.

Por ello he preparado este gadget, por si a alguien le puede ser útil.



Si alguien quiere ponerlo en su página puede copiar este código:

<iframe scrolling="no" frameborder="0" width="300px" height="200px" src="https://pfont.eu/gadgets/calculo_iban.html">No Imframe</iframe>

Por si no sableis como poner el código en un blog os lo indico en esta otra página

Si te ha gustado, deja tu comentario en esta página. Gracias.

04/12/13

Por cierto, a la vista de la cantidad de visitas que tiene esta página, entiendo que hay necesidad de traducir códigos bancarios (CCC) a IBAN, por lo que, ya que tengo hecha la rutina, si alguien necesita pasar muchas cuentas, puede remitirme un excel con las mismas y por una módica aportación se las devuelvo convertidas.

En el lateral de la página tienes mi perfil y en él encontrará mi correo electrónico.

10/03/14

Como el número de visitas que llegaban e esta página buscando el swift de alguna sucursal bancaria era considerable, le he implementado al gadget un botón que redirecciona a una página donde lo puede localizar fácilmente.

domingo, 13 de febrero de 2011

Gadget Meteorológico.

En mi primera incursión a los Gadgets de Google, se me ocurrió realizar uno que mostrara en tiempo diario real y la situación de las lluvias en cualquier ciudad de España (Madrid, Barcelona, Valencia, Sevilla,... y por supuesto en su localidad por pequeña que sea).

Para ello me basé en las imágenes que AEMET distribuye en su página, y que actualiza cada 10 minutos.

El gadget tiene un selector de radares por zonas geográficas y muestra la última imagen capturada para esa zona.

Una vez seleccionada, si no se cambia la selección, cada 10 minutos se refresca la imagen para seguir mostrando la última disponible.

Mediante los signos < y > que hay al lado del selector de regiones, se puede desplazar a imágenes anteriores  o volver a las últimas, creando sensación de animación (dependiendo de la velocidad de la línea).

Hay que hacer notar, que en algunos momentos, algunos radares no están disponibles. En estos casos, evidentemente no se puede mostrar la imagen. No se trata de un error del gadget. En cuanto AEMET difunde nuevas imágenes, automáticamente el gadget las recupera.

Debajo de la imagen muestro la última hora de refresco.

Otras funcionalidades muestran las temperaturas máximas y mínimas, sus variaciones, la previsión del tiempo, el mapa de isóbaras y la última imagen del satétile Meteosat. También he puesto el vídeo de El Tiempo de TVE.

El Gadget queda así.



Para ponerlo en tu página copia este código y pégalo en la mima.

<iframe scrolling="no" frameborder="0" width="250" height="300" src="https://pfont.eu/gadgets/radar.html">No Iframe</iframe>

Si te ha gustado, deja un comentario para otros posibles lectores. Gracias.

A sugerencia de un nuevo usuario, he realizado una versión con Cataluña por defecto.

Por supuesto, también os dejo el código:

<div align="center">
<iframe frameborder="0" height="300" scrolling="no" src="https://pfont.eu/gadgets/radarhc.html" width="250">No Iframe</iframe></div>

Si no sabes como se pone te lo explico en este enlace.

Similar al anterior, pero con el mapa de la península entera como inicio sería el código siguiente:

<div align="center">
<iframe frameborder="0" height="300" scrolling="no" src="https://pfont.eu/gadgets/radarh.html" width="250">No Iframe</iframe></div>

También puedo personalizártelo para tu comunidad o con el anuncio en otra posición.

Igual te puede interesar el de las imágenes de la principales carreteras españolas que puedes ves en otra de mis entradas.

Recuerde que con "Ctrl +" y "Ctrl -" puede aumentar o disminuir el tamaño de las imágenes. Se lo recuerdo por si el tamaño de las mismas le supone un obstáculo.

Ni un ciclista más fallecido en accidente de tráfcio

Añada un gadget a su blog

Casi todo lo que se muestra en este blog es susceptible de ser usado en otras páginas o blogs. Si Ud. necesita saber como implementarlo, siga el enlace de este título.

Si no encontró lo que quería, proponga otra búsqueda.