Proteger un contenido... pero poco
04/10/2009
18
Como respuesta a una consulta, a continuación se explica cómo proteger parte del contenido de una página o incluso una página entera. Que quede claro antes de empezar, que el nivel de seguridad de estos sistemas es cero. Cualquiera con unos pocos conocimientos podría averiguar la contraseña sin ningún problema. Por tanto, sólo debería usarse como divertimento o para datos sobre los que no preocupe su difusión. Los únicos sistemas seguros (casi) del todo son los que utilizan bases de datos para almacenar los idem, pero hoy por hoy, la mayoría de nosotros no tenemos acceso a manejar dichas bases de datos.
Una primera opción sería introducir este script en nuestra plantilla, antes del </head>:
<!-- Ocultar y mostrar con password -->
<style type='text/css'>
.ver {display:block;}
.ocultar {display:none;}
</style>
<script type='text/javascript'>
function desplegar(identificacion){
var menu = document.getElementById(identificacion);
if(document.formclave.clave.value == 'PASSWORD')
{if(menu.className == "ocultar")
{menu.className = "ver";}
else {window.alert("Ya está todo el contenido a la vista");}
}
else {window.alert("Contraseña errónea");}
}
</script>
<style type='text/css'>
.ver {display:block;}
.ocultar {display:none;}
</style>
<script type='text/javascript'>
function desplegar(identificacion){
var menu = document.getElementById(identificacion);
if(document.formclave.clave.value == 'PASSWORD')
{if(menu.className == "ocultar")
{menu.className = "ver";}
else {window.alert("Ya está todo el contenido a la vista");}
}
else {window.alert("Contraseña errónea");}
}
</script>
A continuación sólo sería necesario introducir esta estructura de código en una entrada para que una parte de su contenido quede oculto hasta que se introduzca la contraseña correcta (en mayúsculas lo que habría que personalizar):
Para acceder a la información, introduzca la contraseña:
<form name="formclave"><input type="text" name="clave"><input type="button" value="Enviar" name="enviar" onclick="desplegar(IDENTIFICATIVO_UNICO)"></form>
<div class="ocultar" id="IDENTIFICATIVO_UNICO">AQUI EL CONTENIDO OCULTO DE LA PAGINA</div>
<form name="formclave"><input type="text" name="clave"><input type="button" value="Enviar" name="enviar" onclick="desplegar(IDENTIFICATIVO_UNICO)"></form>
<div class="ocultar" id="IDENTIFICATIVO_UNICO">AQUI EL CONTENIDO OCULTO DE LA PAGINA</div>
El script y su estilo sólo hace falta instalarlo una vez. Luego, cada vez que se quiera proteger una parte de contenido, habrá que incluir esta segunda parte de código. Hay que tener cuidado con que los pares IDENTIFICATIVO_UNICO sean iguales entre sí pero distintos con respecto a otros pares.
Para cambiar la contraseña sólo habría que cambiarla en el script (PASSWORD) y esto ya os da una pista de lo fácil que sería ver el código fuente y averiguar la susodicha, pero el caso es que ni eso haría falta: Botón derecho, ver código fuente y buscar la información oculta bastaría para verla sin preocuparnos de buscar la contraseña. Probemos aquí el sistema con la palabra "hola"
Introduzca la clave
ESTE ES EL CONTENIDO OCULTO DE ESTA PAGINA
Si preferís no trastear la plantilla porque sólo utilizareis esto para ocasiones puntuales, también se puede poner directamente el código en la entrada. En este caso, hay que hacer unas pequeñas modificaciones con las comillas y escribir toda la parte de estilo y script en la misma línea, sin saltos de línea, tal que así:
Si preferís no trastear la plantilla porque sólo utilizareis esto para ocasiones puntuales, también se puede poner directamente el código en la entrada. En este caso, hay que hacer unas pequeñas modificaciones con las comillas y escribir toda la parte de estilo y script en la misma línea, sin saltos de línea, tal que así:
<style type="text/css">.ver {display:block;}.ocultar {display:none;}</style>
<script type="text/javascript">function desplegar(identificacion){var menu = document.getElementById(identificacion);if(document.formclave.clave.value == "PASSWORD"){if(menu.className == "ocultar"){menu.className = "ver";}else {window.alert("Ya está todo el contenido a la vista");}}else {window.alert("Contraseña errónea");}}</script>
<div align="center">Introduzca la clave
<form name="formclave"><input name="clave" type="text"><input value="Enviar" name="enviar" onclick="desplegar(IDENTIFICATIVO_UNICO)" type="button"></form></div>
<div class="ocultar" id="IDENTIFICATIVO_UNICO" align="center">ESTE ES EL CONTENIDO OCULTO DE ESTA PAGINA</div>
<script type="text/javascript">function desplegar(identificacion){var menu = document.getElementById(identificacion);if(document.formclave.clave.value == "PASSWORD"){if(menu.className == "ocultar"){menu.className = "ver";}else {window.alert("Ya está todo el contenido a la vista");}}else {window.alert("Contraseña errónea");}}</script>
<div align="center">Introduzca la clave
<form name="formclave"><input name="clave" type="text"><input value="Enviar" name="enviar" onclick="desplegar(IDENTIFICATIVO_UNICO)" type="button"></form></div>
<div class="ocultar" id="IDENTIFICATIVO_UNICO" align="center">ESTE ES EL CONTENIDO OCULTO DE ESTA PAGINA</div>
Ahora otra variante sin contraseña escrita en ningún sitio y sin poder ver el contenido en la página en la que se está. Tiene el inconveniente de que la información es pública para todo aquel que conozca la dirección de la página, ya que precisamente la contraseña es la dirección de dicha página o mejor dicho, una parte de esa dirección.
En este caso, lo primero que tenemos que hacer es crear la página y publicarla (la palabra lo dice, será pública). En Blogger, para que no nos salga de las primeras, deberíamos ponerle una fecha atrasada. Para que se vaya lo más lejos posible, mirad vuestra primera entrada y ponerle esa misma fecha.
Ahora comprobamos la direccion de la página. En Blogger la cosa será algo así:
http://NOMBREBLOG.blogspot.com/AÑO/MES/PALABRA1-PALABRA2-PALABRA3-PALABRA4.html
Elegimos de esa dirección la palabra que más nos guste y que será la que sirva de contraseña. Para el ejemplo cogeremos PALABRA3. Ahora se trata de escribir en el sitio oportuno la dirección entrecomillada, pero sustituyendo esa para de la dirección (contenido) por la variable que captura el formulario. Se reproduce el código en formato entrada:
<script type="text/javascript">function acceder(){window.location = "http://NOMBREBLOG.blogspot.com/AÑO/MES/PALABRA1-PALABRA2-" + document.formclave.clave.value + "-PALABRA4.html";}</script>
<div align="center">Introduzca la clave
<form name="formclave"><input name="clave" type="text"><input value="Enviar" name="enviar" onclick="acceder();" type="button"></form></div>
<div align="center">Introduzca la clave
<form name="formclave"><input name="clave" type="text"><input value="Enviar" name="enviar" onclick="acceder();" type="button"></form></div>
Una prueba para este otro sistema (password="contenido"):
Introduzca la clave
Se puede coger una sola palabra o cualquier otro trozo. Podría ser incluso toda la parte final (palabra1-palabra2-palabra3-palabra4), pero siempre sustituyendo la parte que sirve como contraseña por document.formclave.clave.value.
Suscribirse a:
Enviar comentarios (Atom)
NINGUN DERECHO RESERVADO
...aunque se agradece un enlace.
Si crees que algo aquí vulnera los derechos de otro, mándanos un correo.
18 comentarios:
Oloman, lo único que falla en estos trucos es que en el feed mientras leia este post las imágenes "ocultas" se veian claramente. He visto otros tutoriales en los que ocurre lo mismo. Como bien dices no son infalibles. Un saludo
No es lo único que falla. No sólo no son infalibles, es que como ya dije, seguridad cero. Lo que ocurre es que no caí en los feeds. De todas formas he echado un vistazo y en los míos no se ve el contenido oculto ¿qué lector usas Roudy?
Utilizo Google Reader. La imagen que vi sigue a continuación de: Probemos aquí el sistema con la palabra "hola". La del humo con fondo negro.
Una entrada interesante. Imagino que depende para qué tipo de blogs puede ser muy práctica.
Saludos
Oloman hice una Captura de pantalla del feed.Sin escribir la contraseña tal como se ve apenas abre. Creo que una vez JMiur explicaba una forma de ocultar algo en una entrada y en el feed se veia. Aunque me parece lógico, una cosa es la plantilla y otra el feed. No deja de ser extraño el asunto.
Una vez pensé en este artilugio, pero pensaba que era imposible de realizar.
Muy Bueno el post
Hi Oloman,
Un truco muy curioso,
Me gustaría saber si has sacando las texturas que utilizas en tu blog de alguna web.
Grácias
Roudy, vista la imagen. Está claro que depende del lector que se use, se ve o no. En el feed directo de FeedBurner que se puede ver en el navegador, permanece oculto. Y lo más sorprendente para mí ¡funciona el formulario!
Joselop44, efectivamente. Depende para qué puede resultar interesante utilizarlo o una metedura de pata.
Mercier, si lo piensas utilizar, ya sabes que sólo sería como un juego y que la informacion oculta no quedaría a buen recauda en ninguna forma.
Anónimo, si te refieres a los gráficos que forman el blog, las imágenes que forman el cuaderno y las notas, venían prácticamente igual en la plantilla original. Tienen sus dimensiones cambiadas, los tonos, algo precisamente la textura y añadidos a mano cosas como los efectos de sombra para no utilizar png.
Los fondos de cabecera, laterales y pie, están realizado a base de fotomontaje de otros pequeños elementos encontrados no recuerdo dónde y luego dibujando lo que es la "textura". Si buscas algo similar, quizás puedes empezar por esta entrada.
Muy bueno , claro todo depende a lo que va destuinado el blog , yo como que lo dejo cómo está :P , saludos.
Hola, interesante articulo y buen blog, es mi primera impresion. Continua asi.
Busco afiliacion de blog's o amistad. Interesados visitar www.a-expresion.blogspot.com
Hola Oloman, yo otra vez:)
Mira, siguiendo tu post sobre configurar la fecha de cada entrada, la segunda parte, instalé ese tipo de diseño en mi blog.
Y me preguntaba cómo en la página principal ( en los sumários ) poner un diseño diferente al que saldría al pinchar la entrada, como tienes tu en tu blog ( en los sumários la cinta adhesiva i en la entrada la etiqueta )
Grácias
Pau, échale un vistazo a la entrada sobre el uso de condicionales. Una vez entendido, es fácil poner una condición para que si estamos en la página inicio o no estamos en un post, algunas cosas se muestren y otras no.
nunca voy a entender los del copyright. quieren que les hagas publico y hacerles propagandas pero no quieren que lo publiques?
Hola!!!!!
Gracias por pasar por mi humilde casa, es que tienes tan linda decoración, que siempre me dio no se que plasmar mis pisadas aquí, pasaba en puntita de pie…..te felicito, por el primer puesto y por el tercero en la general, creo que sos unos de los favoritos junto a Deprisa para el jurado.
Como me gustaría estar el 22/10 brindando con ustedes, jijiji
Un abrazo de oso.
Claro que soy manly de dama de agua, eso sí, esta vez dejo ver mi faceta más guerrera. Un saludo y te felicito por el tu gran blog.
Yo tampoco lo entiendo, Rumanos en España. Te aseguro que no lo entiendo ;)
Je, je. Eres muy zalamera Común. Mi casa no está recién fregada, por lo que se puede pisar sin miedo a dejar huellas. Pasa cuando quieras.
Manly, no está en tu perfil ese blog, por eso dudaba. Quizás ya lo hubiera visto anteriormente, pero esta basura de memoria mía me engaña constantemente. Un saludo.
gracias por tu respuesta, como es proteger sin proteger de momento creo que está mas seguro como está el blog, te parece?
Sólo permitiendo lectores invitados, es hoy por hoy la forma más segura con la que puedes lograr proteger tu contenido. Estas opciones son para entretenimiento y pensé que por el carácter de tu blog, quizás te podrían venir bien.
Lo que a tí te parece seguro que es lo correcto, porque nadie mejor que tú sabe lo que quieres.
Saludos Luz
PUBLICAR UN COMENTARIO