crear zona privada en una web

administrador escrito el 14.07.PM a las 19:00 horas

Tengo una proyecto web creado con el producto “Magix web designer 9 premium”, que se compone de 24 páginas de las cuales 7 estaban ocultas (zona privada) y a las cuales solo se puede acceder conociendo un nombre de usuario y contraseña. En la pagina de acceso a esa zona privada había introducido un código HTML en el body  del Marcador de lugar de esa página y que es el siguiente:

<HTML>

<HEAD>

<SCRIPT language=JavaScript>

function go(){

 

if (document.form.password.value=='volvoreta' && document.form.login.value=='volvoreta'){

document.form.submit();

}

else{

alert("error");

}

 

}

</SCRIPT>

</HEAD>

<BODY>

 

<FORM name=form action="http:// privada.htm">

 

<P>Usuario: <INPUT type=text name=login>

<P>Contraseña: <INPUT type=password name=password>

<INPUT onclick=go() type=button value=Acceder>

 

</FORM>

</BODY>

</HTML>

Al actualizar el proyecto con la actualización registrada de MAGIX Web Designer Premium incorporando la variante para móvil, esta función, dejó de funcionar.

Podrían indicarme que estoy haciendo mal y de qué forma puedo resolver este problema. Les informo que no soy programador utilizo el programa a nivel de usuario sin conocimiento de lenguajes HTML ni estructuras para web.

Comentarios

Carlos escrito el 16.07.AM a las 10:57 horas

Hola tienes que adaptar el marcador de lugar al tamaño de la página móvil, aquí más información

https://www.magix.info/es/foro/password--780673/

administrador escrito el 17.07.AM a las 09:17 horas

Hola Carlos:

Siento incordiar tanto con este tema, pero es que entiendo que cuando dices “tienes que adaptar el marcador de lugar al tamaño de la página móvil”, que el cuadro de dialogo donde pide usuario y contraseña, esté dentro de los límites de la  variante de móvil (480px) que me creo cuando se lo solicité y sigue sin funcionarme. Hice diferentes pruebas y los resultados son los siguientes:

1ª PRUEBA: Abro el proyecto y me voy a Herramientas>Variantes de página web>Variantes de página web y creo la variante para móvil (480px) que me crea por defecto.

·        Una vez creada, ajusto el “Marcador de lugar” dentro de los límites de la “página móvil” y compruebo que la instrucción HTML es correcta.

·        Pincho en Vista previa de la página web y pongo el “Usuario” y “contraseña” definido en la instrucción HTML

·        El programa no responde (no me salta la página).

2ª PRUEBA: Partiendo de la última posición anterior, elimino en la “pagina*(móvil), la instrucción HTML.

·        Pincho en Vista previa de la página web y pongo el “Usuario” y “contraseña” definido en la instrucción HTML

·        El programa me responde perfectamente. Pero entiendo que si esto lo dejo así, al cargarlo en el servidor, la página que me salga en los móviles será sin la instrucción HTML ¿correcto?

3ª PRUEBA: Partiendo del final de la 2ª prueba, y desde “pagina*(principal)”, marco el “widget” que contiene la instrucción HTML, y me voy a - Herramientas>Variantes de página web>Compartir con todas las variantes - y me sale un cuadro de información que dice – “No se puede compartir el objeto seleccionado con LiveShare en las páginas variantes. ¿quieres hacer una copia simple de este en cada una de las páginas variantes?” - COPIAR - CANCELAR

·        Le mando “copiar” y me cambio a “pagina*(móvil)

·        En página*((móvil), le doy a " pegar- pegar marcador de posición HTML"

·        Pincho en Vista previa de la página web y pongo el “Usuario” y “contraseña” definido en la instrucción HTML.

·        La instrucción no responde.

Ante todos estos intentos infructuosos, pienso que me estoy dejando algún paso sin realizar por el camino. Espero que me digáis que es lo que estoy haciendo incorrectamente. Muchas gracias.

Carlos escrito el 17.07.PM a las 16:55 horas

Hola si algo pasa con los códigos, hay algún problema al poner el mismo marcador de lugar en las dos versiones, pero cambiando el código funciona bien, tienes que hacer lo siguiente pon este código en la versión pc

<script>
function usrpas(){
if (document.form1.txt.value=="carlos" && document.form1.num.value=="magix"){window.location="http://www.picomartillo.magix.net/public/app15/about.htm"}
else {alert("Error en Usuario o Contraseña. Intenta de nuevo.")}
}
document.oncontextmenu=new Function("return false");
</script>
<form name="form1">
<input type="text" name="txt"> Usuario <br>
<input type="text" name="num"> Contraseña <br>
<input type="button" value="ir a.." onclick="usrpas()">
</form>

 

Ahora pon este código en la versión móvil

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Login para varios usuario</title>
</head>

<body>
<h1>Ingresa Tus Datos 
</h1> 
<form name="login"> 
     <table width="200" border="0"> 
       <tr> 
         <th scope="row"><h2>Usuario</h2></th> 
         <td><span class="cnt"> 
           <input name="usuario" type="text" class="Input" value="" size="20" /> 
         </span></td> 
       </tr> 
       <tr> 
         <th height="33" scope="row"><h2>Clave</h2></th> 
         <td><span class="cnt"> 
           <input name="password" type="password" class="Input" value="" size="20" /> 
         </span></td> 
         <td><span class="cnt"> 
           <input value="Entrar" target="_parent" onclick="Login()" type="button" class="boton"/> 
         </span></td> 
       </tr> 
       <tr> 
         <th scope="row"><input type="reset" name="Borrar" id="Borrar" value="Reset" class="boton" /></th> 
       </tr> 
     </table> 
</form> 

<script language="JavaScript"> 
function Login(){ 
var done=0; 
var usuario=document.login.usuario.value; 
var password=document.login.password.value; 
if (usuario=="carlos" && password=="magix") { 
window.location="http://www.picomartillo.magix.net/public/app15/index.htm"; 

if (usuario=="luis" && password=="tuna") { 
window.location="https://www.magix.info/es/"; 

if (usuario=="" && password=="") { 
window.location="errorpopup.html"; 


        </script> 
</center> 
<script language="Javascript"> 
<!-- Begin 
document.oncontextmenu = function(){return false} 
// End --> 
</script>
</body>
</html>

En el código de la version móvil tienes la posibilidad de poner varios usuarios para enlazar a cada usuario con paginas distintas

Puedes ver cómo funciona aquí

http://www.picomartillo.magix.net/public/app15/pagina-pv.htm

usuario:carlos

contraseña:magix

usuario:luis

contraseña:tuna

Te recomiendo que pongas este código en el head de la página a proteger y en la página de login para que google no indexe las páginas

<meta name="robots" content="noindex">