JS Mostrar campo contraseña despues de marcar checkbox

Con el siguiente código lo que hago es mostrar la contraseña oculta por asterisco/puntos y al lado un botón que diga “Ver contraseña” que al marcarlo nos mostrara la contraseña. 🙂

Lo que hago es convertir el tipo del campo “password” a un tipo “text” al marcar el checkbox, así se mostrara todo y si lo desmarca lo volvemos a convertir a un tipo “password” para ocultar la contraseña.

Estoy usando Javascript para coger el elemento y modificarlo.

Terminos de Busqueda:

  • ocultar y mostrar clave con javascript

HTML5 Enviar elementos desactivados de un Formulario

Normalmente si tenemos un formulario con un campo desactivado no podemos coger esos datos después de enviar el formulario porque al estar desactivado simplemente el navegador no envía los datos, así como en el siguiente ejemplo:



Pero si lo que queremos es tener los campos desactivados pero de todos modos enviar los datos como si fuese un campo normal, debemos de usar el atributo Readonly , asi el campo sera de solo lectura pero nos enviara los valores, quedando algo así:

Cambiando disabled por readonly

Caracteres Alemanes en HTML ä,ö,ü,ß

Dejo la lista de algunos caracteres alemanes en html 🙂

  • ä -> ä
  • Ä -> Ä
  • ö -> ö
  • Ö -> Ö
  • ü -> ü
  • Ü -> Ü
  • ß -> ß
  • € -> €
  • & -> &
  • < -> &lt;
  • > -> &gt;
  • „ -> &quot;
  • © -> &copy;
  • • -> &bull;
  • ™ -> &trade;
  • ® -> &reg;
  • § -> &sect;
  • | -> |

Terminos de Busqueda:

  • limpiar un groupbox eb vb net
  • como conectar microsoft phone 1132 a un equipo de sonido
  • numeros multiplios de 290
  • traductor para animales

[Solucion] Ocultar barra de Navegacion – Blogger

En blogger siempre hay una barra en el header de la web y que aveces es incomoda a algunos, por eso en esta entrada vamos a Ocultarla  y tambien Ocultarla y mostrarla al pasar el raton por encima.



Sigue estos pasos:


1.-  Entramos en nuestro panel de blogger:

http://www.blogger.com/home

2.- Seleccionamos el blog y luego vamos a Plantilla –> Edicion de HTML .

3.- Nos aparecera el siguiente mensaje y damos click a Continuar.




4.- Ahora nos aparecera codigo HTML, solo tenemos que dar a Buscar (Ctrl + F) y escribir



5.- Ahora debemos elegir el codigo que queremos usar y ponerlo Antes del < /head> (como en la imagen) :

 

Codigo para Ocultarla Completamente:

Codigo para mostrarla solo al pasar el raton por encima:




Terminos de Busqueda:

  • #navbar-iframe {display: none;} eliminar barrra navegacion
  • como ocultar la barra de navegacion en fifa 14
  • contact vixo com cn loc:US
  • desactivar barra de navegacion
  • ocultar barra navegacion html

Input con Value que desaparece al dar click y reaparece al salir (Form)[HTML]

Tengo un Form con 2 inputs, 1 de nombre de usuario y el otro de contraseña, quiero que al el de nombre de usuario tenga escrito por defecto USUARIO y que al darle click este texto desaparesca para que puedan escribir pero que tambien si no escriben nada (osea que lo dejan en blanco) vuelva a poner USUARIO .



Para hacer solo hay que agregar lo siguiente al INPUT que queremos:



Quedandonos asi todo el INPUT de usuario:



Actualizacion (27.12.2015):
En html5 existe un nuevo atributo que se llama “PlaceHolder” el cual hace la misma función que lo que hicimos con JS (un texto por defecto que desaparece al escribir algo o cuando se deja el campo vació) , para el ejemplo anterior seria así:

Terminos de Busqueda:

  • input al darle click salga informacion
  • insertar texto al hacer click php
  • input con texto que desaparece
  • poner dentro de una caja nombre que se borre al acer click html
  • valor por defecto input text
  • value que se borra html5
  • input diggio como tambien se llama
  • lipiar un texbo al hacer clik en css
  • limpiar todos los input text en html
  • javascript desaparecer un input
  • insertar texto predeterminado al hacer click php
  • input value que es
  • input desaparece texto al dar click
  • borrar value de un textbox al dar clic visual basic
  • click en input type y desaparezca value javascript
  • Efecto para borrar placeholder a darle click en textarea
  • desaparecer un input javascript
  • configurar oracleoradb11g_home1clragent
  • como saber si se hizo clic sobre caja de texto
  • como poner un comentario que no se desaparesca

Hipervinculo/enclace en capa div que tiene Background CSS

Estaba haciendo un header en html con <div> y CSS ,  al poner la imagen del logo en background ya no podia asignarle un hipervinculo al index (u otro sitio), porque no es un texto o una imagen para poder ponerselo.


Para poder hacerlo tan solo hay que poner lo siguiente:


Asignandole al hipervinculo el style=”display: block; height: 100%;” haremos que el bloque se haga enlace tambien y a 100% de altura, llenando asi todo el div ( creo que si se pone el  style=”width:100%; height: 100%;” deberia hacer lo mismo 😉 )


Este es el CSS por si quieren mirarlo mejor:


Descarga Source de Ejemplo: Ejemplo de Hipervinculo en un Div que tiene Background - ( 902 descargas )

Terminos de Busqueda:

  • hipervinculo en div
  • vinculo en el div en el css
  • hacer un link a un div
  • hipervinculo cuadro css
  • hipervinculo div
  • hipervinculo en background
  • hipervínculos capas css
  • hipervinculos en css 3 como hacer?
  • hipervinculos en divs
  • hacer link a un div
  • div como hipervinculo
  • como poner href en un div pa
  • agregar link a una capa
  • aplicar vinculo a un div
  • como crear un vinculo en header css
  • como hacer un hipervinculo en css
  • como hacer un hipervinculo en un div
  • como linkear fondo de html con css
  • como mostrar hipervinculos en una div
  • como poner enlaces con capas html