Pedir nombre de usuario y contraseña utilizando un tipo de alert

DaronWolff · #1 (**permalink**) 28/01/2010, 09:29

Hola.
He visto en algunas páginas Web que cuando accedes a alguna sección sale algun tipo de alert donde hay dos campos de texto para ingresar nombre de usuario y contraseña. Alguien sabe como se hace o si se hace con Javascript?

bng5 · #2 (**permalink**) 28/01/2010, 09:59

Eso no es javascript, es un cuadro que muestra el navegador cuando recibe desde el servidor las cabeceras:

Código:

HTTP/1.x 401 Authorization Required
WWW-Authenticate: Basic realm="Cualquier realm"
...

De todas formas con JavaScript podés hacer algo similar.

maycolalvarez · #3 (**permalink**) 28/01/2010, 11:43

como dice bng5, eso lo implementas en el servidor, con algún script como php:

Código PHP:

Ver original<?php
  if (!isset($_SERVER['PHP_AUTH_USER'])) {
    header('WWW-Authenticate: Basic realm="My Realm"');
    header('HTTP/1.0 401 Unauthorized');
    echo 'Text to send if user hits Cancel button';
    exit;
  } else {
    echo "<p>Hello {$_SERVER['PHP_AUTH_USER']}.</p>";
    echo "<p>You entered {$_SERVER['PHP_AUTH_PW']} as your password.</p>";
  }
?>

en javascript, por otro lado, puedes usar prompt, pero existen muchas otras alternativas como lightbox con un formulario, etc.

DaronWolff · #4 (**permalink**) 28/01/2010, 11:57

Muchisisisimas gracias por darme una idea de como hacerlo.
Sin ebargo cuando utilizo el código que me pasaste me muestra el siguiente error:

Warning: Cannot modify header information - headers already sent by (output started at /web/web/aaa.php:1) in /web/web/aaa.php on line 6

Y no estoy imprimiendo ningun html antes del PHP.

DaronWolff · #5 (**permalink**) 28/01/2010, 12:14

Ups.
Pues desconosco que era el error.
Pero ya quedo :S
El Código de "maycolalvarez" quedo excelente
GRacias!!!
Puedo resumir el docto .php quedo de la siguiente forma:
<?php
if (!isset($_SERVER['PHP_AUTH_USER'])) {
header('WWW-Authenticate: Basic realm="My Realm"');
header('HTTP/1.0 401 Unauthorized');
echo 'Text to send if user hits Cancel button';
exit;
} else {
echo "<p>Hello {$_SERVER['PHP_AUTH_USER']}.</p>";
echo "<p>You entered {$_SERVER['PHP_AUTH_PW']} as your password.</p>";
}
?>

<!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=iso-8859-1" />
<title>Documento sin título</title>
</head>

<body>
</body>
</html>