/ / Ghost escribiendo como en la página de registro de tumblr - javascript, jquery, css

Escritura fantasma como en la página de registro de tumblr - javascript, jquery, css

¿Alguien sabe cómo crear un campo como tumblr como lo han hecho en

http://www.tumblr.com/

Es el campo de URL donde hay un texto descolorido.luego, cuando hace clic en él y escribe, agrega un texto ... .tumblr.com que no puede borrar, resaltar o lo que sea. El javascript está ofuscado, así que realmente no tengo pistas sobre cómo se realizó. Preferiría jQuery pero realmente mientras funcione ...

Muchos saludos

Respuestas

3 para la respuesta № 1

Edit: Acabo de verlo de nuevo. Toma la entrada a medida que la escribes y la agrega al intervalo del escritor fantasma que se encuentra sobre el campo de entrada. Bastante simple, de verdad. El texto ".tumblr.com" está en el mismo espacio. Algo en el efecto de: <span id="ghostwriter"><span id="ghostwriter-copy">Your Input</span>.tumblr.com</span>


0 para la respuesta № 2

¡Hay un complemento de jQuery para eso!

https://github.com/michelgotta/jquery-ghostinput-plugin

Manifestación: http://michelgotta.de/ghost-input-demo/