sábado, 28 de abril de 2018

Como cargar la batería del movil correctamente

Hoy vamos a ver como debemos de cargar la batería del teléfono móvil correctamente.



cargar la batería del móvil correctamente

Si te pones a buscar por Internet la verdad es que hay artículos firmados por gente que se supone que es entendida en la materia, no voy a entrar si dicen la verdad, o simplemente es marketing para seguir vendiendo mas teléfonos, mi valoración  y la gente que me rodea, a lo largo de estos años con móvil seria la siguiente:


Esto es lo que encontraras por Internet :

(La forma de cargar un móvil es metiendo le cargas cortas, en el descanso del almuerzo 20 minutos de carga, en el descanso del café 5 minutos de carga. ) ERROR.



Que no te líen, de esa forma de carga se acaban viciando las baterías y aunque dicen que las nuevas de litio no tienen memoria, su deterioro va a ser mayor.



La forma correcta de cargar la batería es hacerla de una sola vez, no en cargas cortas ni nada parecido, teniendo en cuenta que cuando te dice que ha llegado al 100% de la carga, debes de dejarlo un poco mas, y veras como te dura mas la carga.




Un truco para saber si esta cargado del todo es el siguiente:

Toca el cargador durante la carga, notaras que está un poco caliente, es normal que coja temperatura, fíjate que cuando te ponga 100% de carga sigue estando muy caliente, no lo desenchufes, déjalo hasta que este frío el cargador, te habrás asegurado que ya se ha cargado del todo.



Espero que os haya sido útil.



Un saludo.

viernes, 27 de abril de 2018

Botón de compartir en Whats App para nuestra web

Hoy vamos a ver como compartir nuestra web en una de las "redes sociales" que usuarios tiene y por tal motivo no podemos dejar de lado la opción  de compartir en esta plataforma.


compartir tu web en whats app


El código que tenemos que poner en nuestra web seria el siguiente:


  1. https://api.whatsapp.com/send?text='aqí el texto a compartir'



Este código lo pondremos dentro de un enlace de la siguiente manera:


  1. <a href="https://api.whatsapp.com/send?text='aqí el texto a compartir'>Aquí el texto a mostrar</a>

como podéis ver, se mostrará al usuario un mensaje de texto para que comparta el post en la aplicación,  pero si el texto nos parece poco llamativo, podemos ponerle una imagen, que al hacer clik sobre ella nos comparta el post.


  1. <a href="https://api.whatsapp.com/send?text='aqí el texto a compartir'><img src="aquí la url de la imagen" width="XXX" height="XXX"></a>

Tener en cuenta que este código solo debería de poder visualizarse a través de dispositivos móviles, para que reconozca la aplicación y se nos habra, pues si estamos a través de un pc te dará una url que no puede interpretar.




Nota: Este código esta publicado en la pagina oficial de la aplicación.
https://faq.whatsapp.com/en/android/26000030/




Espero que os haya sido de utilidad, cualquier duda comentarla.


Un saludo.

jueves, 26 de abril de 2018

Retrasar o programar un mensaje al entrar en la web con javascript

Hoy vamos a ver como mostrar una alerta, un div, o cualquier elemento en nuestra web, esto se mostrará con un retardo que nosotros hayamos programado.



programar visionado de un div


Crearemos una función, en este caso, un delay (un retraso) y le diremos que tiempo queremos que se retrase la ejecución de dicha función, en este ejemplo le he puesto 5000 milisegundos, tener en cuenta que se programa en milisegundos, 1000 milisegundos=1 segundo, ese parámetro se cambiará a gusto de cada uno.


  1. function delay(){
  2. setTimeout('alert("aviso despues de 5 segundos");',5000)
  3. };
  4. delay();

Pasado el tiempo programado se ejecutará la acción, en este ejemplo es una alerta, pero puede ser cualquier acción, mostrar un div, ocultar un div, se puede hacer casi cualquier cosa que se nos ocurra.

También podemos, una vez transcurrido el tiempo programado, es llamar a otra función y es allí donde programaremos la acción a ejecutar. Como veréis en el siguiente ejemplo, la primera función al ejecutarse llama a la segunda función, que es allí donde hemos programado en mensaje en forma de alerta.
  1. function delay(){
  2. setTimeout('despuesdecincosegundos()',5000)
  3. };
  4. function despuesdecincosegundos(){
  5. alert("aviso despues de 5 segundos");
  6. };
  7. delay();
Y como ya he comentado antes, en la función "despuesdecincosegundos" pondremos la acción a ejecutar pasado los cinco segundos.





Espero que haya sido útil.


Un saludo.

miércoles, 25 de abril de 2018

Obtener titulo o title de una página con javascript

Hoy vamos a ver como obtener el título de la página con javascript, el igual que vimos en otro post como obtener la URL

obtener el title de la web


Obtener el título de la página web nos puede ser útil si utilizamos botones de compartir personalizados, en javascript obtendremos el:

  1. document.title


El código javascript sería el siguiente:

  1. <script type="text/javascript">document.write(document.title);</script>

Y ejecutando el código se verá como el siguiente ejemplo.


El titulo de esta página es:






Eso es todo, espero que os sea útil, cualquier duda consultar.



Un saludo.

martes, 24 de abril de 2018

Utilizar monitor de ordenador como un televisor

Hoy vamos a ver como se puede utilizar un monitor de ordenador para poder ver la televisión. En muchas ocasionas tenemos un viejo monitor que no sabemos muy bien que hacer con el, una manera muy buena de reutilizarlo seria como tv, para la cocina, dormitorio, etc..


convertir monitor en television


Para poder hacerlo usaremos un tdt, el monitor con sus tres cable ( el de corriente, el de imagen y el de sonido ) y por último necesitaremos un conversor de hdmi a vga, como podéis ver hay muchas opciones en el mercado.

   

Conectamos el hdmi al tdt ya al monitor el cable vga y el cable jack de 3.5 para el sonido y ya lo tenemos, hemos convertido nuestro viejo monitor en una pantalla de televisión.




Como habéis podido comprobar, con una inversión mínima, hemos reciclado la pantalla de ordenador que no sabíamos muy bien que hacer con ella, convirtiéndola con la ayuda de un tdt, en un televisor.



Espero que os haya sido útil.

Un saludo.

lunes, 23 de abril de 2018

Lavadora pierde agua al centrifugar

Os voy a contar el problema que tuve hace poco con la lavadora.



Un día nos dimos cuenta que debajo de la lavadora había un pequeño charco de agua, la desmonte para ver por donde tenía la fuga o pérdida, se desmonta sin mayor complicación, quitar tornillos y retirar chapas, lo que puede resultar más complicado es retirar la parte delantera pero tampoco tiene mayor complicación, para retirar la goma de la puerta o ventanilla, primero hay que quitar un aro de acero con un pequeño muelle, lo cogemos con un alicates pequeño y sale sin mayor dificultad, os dejo una imagen de como es, pues simple vista no se ve mucho.





Revisé los manguitos las juntas y bomba de desagüe, todo parecía estar bien, tan sólo una pequeña mancha de agua en la piedra que lleva de contrapeso en la parte inferior. La fuga parece ser de la Junta del tambor.
Retiré la tapadera de la cuba, es sencillo, en este caso sólo hay que retirar unas grapas doradas y salen sin problemas con la ayuda de un destornillador, una vez quitada la tapa retiré la Junta de goma y limpié todo bien, una vez limpio y seco lo volví a montar todo, estar muy atentos a como desmontáis para que luego al montar no sobren piezas o no las coloquemos en lugares incorrectos, pues el daño causado podría ser irreparable.
Volvimos a poner en marcha la lavadora, estando en el proceso de lavado y con el tambor lleno de agua no pérdida nada de agua, reparación exitosa, pero cuando empezó a centrifugar volvió a tirar un poco de agua, está vez lo seguiré hice fue desmontar la lavadora nada más terminar el lavado, para de esta manera intentar localizar ahí hay alguna fuga de agua, no dejar que pueda secarse. Una vez desmontada no se veía mancha alguna, revisando nuevamente con más detenimiento, nos dimos cuenta que había un pequeño hilo de agua que salía del manguito que va del cajón del detergente a la cuba.



Era tan pequeño el hilo de agua que no hacía pensar que fuese ese el problema, aún así retiré el manguito, limpié y seque bien todo a su alrededor, una vez todo seco le puse una masilla de poliuretano e introduje el manguito y dejé secar 24 horas.
Pasado el tiempo de secado, volvimos a hacer otro lavado y está vez si que sí, se había resuelto el problema, ya no había fuga de agua. Como habéis podido ver, era una advertía que se reparte por unos 3€ y un poco de paciencia.



Y si no funciona, nos tocará rascarnos los bolsillos y comprar una nueva.

compar labadora           





Espero que os sea de ayuda según os ocurre lo mismo.


Un saludo.

viernes, 20 de abril de 2018

Obtener la URL con javascript


Hoy vamos a ver como obtener  la url de la página web, la obtendremos mediante javascript.


obtener la url de la pagina




Este código puede ser muy útil para cuando tenemos borones de compartir en redes personalizados, con este script no tenemos que poner la url una a una, el script detectara la url y la pondrá automaticamente, solicitando el:
  1. document.URL

visto en cídigo seria de la siguiente manera:


  1. <script type="text/javascript">document.write(document.title);</script>

Y el resultado sería:
La URL de este post es:


Como veis es mu sencillo obtener la url con javascript, cualquier duda, comentar.

Un saludo

sábado, 14 de abril de 2018

Cambiar imagen según el día de la semana

Hoy os traigo como cambiar imagen o texto para que semuestre diferente cada día de la semana.
Podemos utilizarlo para mostrar que día es hoy, que aunque parezca obvio, ay veces que no sabemos en qué día estamos.




El código es muy parecido al que vimos en el post de "Mensaje según la hora del dia" comenzamos:



  1.        var a = new Date ();
  2.        var dia = a.getDay();
  3.      if(dia == 0) document.write("Domingo");
  4.      if(dia == 1) document.write("Lunes");
  5.      if(dia == 2) document.write("Martes");
  6.      if(dia == 3) document.write("Miercoles");
  7.      if(dia == 4) document.write("Jueves");
  8.      if(dia == 5) document.write("Viernes");
  9.      if(dia == 6) document.write("Sabado");


Se vería así:


Evidentemente, a esto luego habría que darle estilos css para personalizarlo.

y si queremos que se muestren imágenes en lugar de texto, el código quedaría de la siguiente manera:



  1.       var a = new Date ();
  2.       var dia = a.getDay();
  3.      if(dia == 0) document.write("<img src='aqui_la_imagen_del_domingo.gif'/>");
  4.      if(dia == 1) document.write("<img src='aqui_la_imagen_del_lunes.gif'/>");
  5.      if(dia == 2) document.write("<img src='aqui_la_imagen_del_martes.gif'/>");
  6.      if(dia == 3) document.write("<img src='aqui_la_imagen_del_miercoles'/>");
  7.      if(dia == 4) document.write("<img src='aqui_la_imagen_del_jueves'/>");
  8.      if(dia == 5) document.write("<img src='aqui_la_imagen_del_viernes'/>");
  9.      if(dia == 6) document.write("<img src='aqui_la_imagen_del_sabado'/>");





Tendríamos que cambiar  "aqui_la_imagen_del_XXXX" por la url de la imagen que queramos mostrar, como veis se puede modificar el código a vuestras necesidades.




Espero que os haya sido útil, si tenéis dudas consultar.



Un saludo.

viernes, 13 de abril de 2018

Cambiar mensaje según la hora del día con javascript

Hoy os voy a enseñar a hacer algo que quedará visualmente bien en la web, saludar al visitante de diferente manera según la hora del día.

Si viene por la mañana: buenos días

Por la tarde: buenas tardes


Y por la noche: buenas noches.

El código es muy sencillo y no tiene mayor complicación.Digamos que queremos saludar con el texto "Buenos días" de 4:00  a 14:00, con el texto "Buenas Tardes" de 14:00 a 20:00 y con el texto "Buenas Noches" de 20:00 a 4:00, lo haríamos colocando el siguiente código:

  1. var a = new Date();
  2. var hora = a.getHours();
  3. if(hora >= 1 && hora<= 3){document.write("Buenas Noches")};
  4. if(hora >= 4 && hora<= 14){document.write("Buenos D&iacute;as")};
  5. if(hora >= 15 && hora<= 19){document.write("Buenas Tardes")};
  6. if(hora >= 20 && hora<= 24){document.write("Buenas Noches")};



Cambiaremos las horas a nuestro gusto para adaptar el saludo a nuestras necesidades.
El código se veía así:


Teniendo en cuenta que este código podríamos utilizarlo entre otros usos para poner el horario de atención al público y decirle al visitante si estamos abierto o cerrado.
El código quedaría de la siguiente manera:


  1. var a = new Date();
  2. var hora = a.getHours();
  3. if(hora >= 1 && hora<= 9){document.write("Cerrado")};
  4. if(hora >= 10 && hora<= 14){document.write("Abierto")};
  5. if(hora >= 15 && hora<= 16){document.write("Cerrado")};
  6. if(hora >= 17 && hora<= 20){document.write("Abierto")};
  7. if(hora >= 21 && hora<= 24){document.write("Cerrado")}; 


Y se veía así:



Pudiendo poner imagen en lugar de texto modificando lo siguiente:



  1. var a = new Date();
  2. var hora = a.getHours();
  3. if(hora >= 1 && hora<= 9){document.write("<img border='0' src='aqui_la_imagen_cerrado.png' width='XXX' height='xxx'/>")};
  4. if(hora >= 10 && hora<= 14){document.write("<img border='0' src='aqui_la_imagen_abierto.png' width='XXX' height='xxx'/>")};
  5. if(hora >= 15 && hora<= 16){document.write("<img border='0' src='aqui_la_imagen_cerrado.png' width='XXX' height='xxx'/>")};
  6. if(hora >= 17 && hora<= 20){document.write("<img border='0' src='aqui_la_imagen_abierto.png' width='XXX' height='xxx'/>")};
  7. if(hora >= 21 && hora<= 24){document.write("<img border='0' src='aqui_la_imagen_cerrado.png' width='XXX' height='xxx'/>")};

Y como podéis ver, modificando el código podemos utilizarlo para muchas otras cosas.



Espero que os haya sido útil, cualquier duda consultar.


Un saludo.

martes, 10 de abril de 2018

Crear un enlace a un punto de nuestra web

Hoy vamos a ver como poner enlaces internos o externos que nos lleven a un punto en concreto de la web, esto puede ser muy útil cuando queremos llevar al lector de nuestra web a un punto exacto y no tenga que estar buscando por toda la página, pues cuanto mas fácil se lo pongamos al lector mejor será su experiencia en nuestra web.
crear un enlace a un punto de nuestra web


Es muy útil cuando tenemos mucho texto y queremos indicar al visitante un punto en concreto de la pagina, con el ancla lo llevaremos directamente.

Para conseguir este efecto es muy simple lo que tenemos que hacer, pondremos el atributo "id" al elemento  donde queramos enlazar, supongamos que queremos llevar al visitante a un contenedor "div" seria esto:


  1. <div>Aquí lo que queramos enseñar>/div>

Tendriamos que añadir al div el atributo id, quedando así:


  1. <div id="aquielid">Aquí lo que queramos enseñar>/div>


y para llamarlo crearemos un enlace que puede ser de varias formas:

poniendo toda la url del sitio y al final ponerle "#aquielid"



  1. ejemplo: http://blog.joason.com/2018/04/crear-un-enlace-un-punto-de-nuestra-web.html#aquielid


  2. ejemplo practico: <a href="http://blog.joason.com/2018/04/crear-un-enlace-un-punto-de-nuestra-web.html#aquielid">aquielmensaje</a>


Si lo vamos ha hacer internamente, otra forma seria solo poner en el enlace "#aquielid"


  1. ejemplo: #aquielid

  2. ejemplo practico:  <a href="#aquielid">aquielmensaje</a>


Recordar que este ultimo enlace solo funcionará si lo estamos haciendo dentro de nuestra web, para hacer anclas hacia otras web´s tendremos que utilizar el enlace completo.






Esto ha sido todo, espero que os sea útil, cualquier duda consultarla.

Un saludo.

miércoles, 4 de abril de 2018

Al pasar el ratón la imagen se agranda

Hoy os traigo un efecto visual que al pasar el ratón por encima de una imagen, está se hace más grande.




El código es muy sencillo, lo haríamos de la siguiente manera:


  1. <img src="aquí la url de la imagen" onmouseover="this.width=x0;this.height=x0;" onmouseout="this.width=x1;this.height=x1;" width="x2" height="x2" alt="agrandar imagen al pasar el ratón" /> 

Pondremos el ancho(width) y el alto(height) de la imagen a nuestro gusto, modificaremos los siguientes parámetros:

x0 = pondremos los px de imagen, tanto ancho como alto, este será el tamaño de imagen cuando esté el ratón encima.

x1 = pondremos los px de la imagen para cuando salgamos con el ratón fuera de la imagen.

x2 = pondremos los px de la imagen que se mostrará en primer lugar.



Y se veía así(Lo he exagerado para que se aprecie bien el cambio):



agrandar imagen al pasar el raton




Espero que os sea de utilidad, si tenéis dudas, consultar.


Un saludo.

martes, 3 de abril de 2018

Modificar el tamaño de la papelera

Hoy os voy a enseñar a cambiar el tamaño de la papelera, pues windows suele utilizar por defecto mucho espacio, y si tenemos un disco duro de poca capacidad, pues nos interesa ganarle unos pocos megas.
Hay que saber que si eliminamos algo de mayor tamaño que el que tiene la papelera, nos lo eliminará directamente, nos avisará previamente de ello antes de eliminarlo.
Daremos click derecho sobre el icono de la papelera



Iremos a propiedades y se nos abrirá el menú de propiedades de la papelera




En este menú, como podéis ver, podemos configurar el tamaño individual de la papelera en cada disco duro que tengamos instalado, introduciremos el tamaño que deseemos reservar para la papelera de reciclaje en MB.



Como podéis ver, en este mismo menú, podemos configurar también el aviso de confirmación de eliminación, si queremos que lo muestre o no y también podemos (mucho cuidado con esto) inhabilitar la papelera para que los archivos se elimine definitivamente, con ello ganaremos espacio, solo podría ser aconsejable esto ultimo, si disponemos de un disco duro muy pequeño.



Espero que os sea de utilidad, si tenéis dudas, consultar.


Un saludo.

lunes, 2 de abril de 2018

Cambiar imagen al pasar el ratón

Hoy os cuento como hacer un efecto visual que puede quedar muy bien en nuestra página web, se trata de cambiar la imagen al pasar el ratón por encima de ella.
Este efecto lo podemos hacer para llamar la atención del visitante. 



El código es muy sencillo, lo haremos de la siguiente manera:


  1. <img alt="Cambiar imagen al pasar el raton" height="XX" width="XX" onmouseout="this.src='aquí la imagen1';" onmouseover="this.src='aquí la imagen 2';" src="aquí la imagen1" />

Y se vería así (pasa el ratón por la imagen):

Cambiar imagen al pasar el raton






Espero que os sea de utilidad.

Un saludo.