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
  • mostrar contraseña con checkbox
  • mostrar contraseña marcando checkbox html

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
  • poner dentro de una caja nombre que se borre al acer click html
  • input con texto que desaparece
  • insertar texto al hacer click php
  • input diggio como tambien se llama
  • valor por defecto input text
  • value que se borra html5
  • como colocar la imagen que aparezca y desaparezca en visual basic
  • input value que es
  • input desaparece texto al dar click
  • borrar value de un textbox al dar clic visual basic
  • https://www vicolinker net/input-con-value-que-desaparece-al-dar-click-y-reaparece-al-salir-formhtml/
  • Efecto para borrar placeholder a darle click en textarea
  • desaparecer un input javascript
  • Darle valor a un campo de texto y al hacer click desaparezca en html
  • cuando ponho un form en javascript y hago una funcion funciona pero luego desaparece
  • cuando hago click en un input desaparezca el valor
  • configurar oracleoradb11g_home1clragent
  • como saber si se hizo clic sobre caja de texto
  • como poner un comentario que no se desaparesca

[Solucion]Internet Explorer width:100%; no abre completamente

Internet explorer no reconoce bien el width:100% , no llega a abrirlo completamente, para que nos lo reconozca bien hay que agregar el siguiente fix a nuestra web dentro del <head> </head>.



Una vez puesto esto ya lo renocera perfectamente 😉



Otro Metodo: (Gracias Oscar)
Agregar directamente al CSS lo siguiente:


Funciona incluso en Internet explorer 6.0 !!!

Terminos de Busqueda:

  • ie no reconoce el width
  • porque no me toma el width:100% el explorer ?
  • solucion ie 10 no abre aplicaciones oracle
  • solución internet explorer 8 al 100%
  • width 100 css internet explorer
  • width 100% ie

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 - ( 971 descargas )

Terminos de Busqueda:

  • hipervinculo en div
  • vinculo en el div en el css
  • hacer link a un div
  • hacer un link a un div
  • hipervinculo cuadro css
  • hipervinculo div
  • hipervinculo en background
  • hipervínculos capas css
  • hipervinculos en css 3 como hacer?
  • div como hipervinculo
  • como poner href en un div pa
  • como poner enlaces con capas html
  • agregar link a una capa
  • aplicar vinculo a un div
  • como crear un vinculo en header css
  • como hacer enlaces entre capas en html
  • 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