No tengo ni idea, problema con popup

Rankxerox1984 · #1 (**permalink**) 09/01/2011, 12:27

Hola a todos/as:

Antes de que alguien se precipite. He estado mirando las FAQ's (...y algunas cosas más

...) pero no he encontrado lo que buscaba

.
Estoy intentando hacer un circuito de login para mi proyecto en el que, una vez realizado el registro inicial, para acceder a ciertas páginas debes identificarte. Para el proceso de identificación he pensado generar un popup con javascript desde un enlace (lo he conseguido

) tengo dos problemas (además de que no domino javascript

).
1º el texto del enlace debería verse siempre no solo cuando pasa el ratón por encima.

2º el "formato" del popup. el escript de java me habre un popup que es como una ventana del explorador en pequeño, con un motón de cosas que no quiero como ventana de direcciones, resizable y situado en la esquina superior izquierda de la pantalla.

He estado provando con las propiedades del windows.open pero no se como aplicarlas y además para acabarlo de arreglar el firefox me da un error de javascript "document.myform is undefined".

Os pongo el código para que me digais lo que he hecho mal

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<body>
        <h1>...</h1>
        <h3>...</h3>
        <h2>...</h2>
      	
	<p>...texto...<br/>
<strong>Nota:</strong>
<a href="javascript: void(0)" 
   onclick="window.open('login/main_login.php', 
  'Identificación', 
  'width=325',
  'height=200, \
   directories=no, \
   location=no, \
   menubar=no, \
   resizable=no, \
   scrollbars=1, \
   status=no, \
   toolbar=no');
  return false;">Identifícate para sugerirlas</a>
</body>
</html>

Lo que deseo obtener es un popup que funcione con un enlace de texto en el que pueda incluir el sript de login en php

Muchísimas gracias por adelantado,

J.

maycolalvarez · #2 (**permalink**) 09/01/2011, 20:16

1- si no dominas javascript es buen momento para buscar un tutorial y aprenderlo, y sobretodo no confundirlo con "java" que es otro lenguaje y tecnología completamente diferente de javascript.

2- window.open: revisa la documentación sobre el método, en google la podrás encontrar.

3- document.myform no está definido porque muy pocos navegadores soportan las referencias directas, lo correcto es usar las colecciones para acceder a los elementos del formulario:

document.forms['myform'].elements['myinput'].property

, o en su defecto usar los métodos del DOM como document.getElementById() entre otros.

Rankxerox1984 · #3 (**permalink**) 10/01/2011, 03:43

Muchas gracias por la información maycolalvarez prometo leer lo que indicas, mientras tanto
¿Alguien puede darme la solución?

Muchas gracias,

J.

caricatos · #4 (**permalink**) 10/01/2011, 04:09

Hola:

¡Sí!...¡Espantoso! (sin ánimo de ofender)...

Revisa el entrecomillado, que no debe cerrarse (en el tercer parámetro del open hasta el final de los parámetros... (toolbar=no).

Si es un script deberías lanzarlo con el evento onclick, y para evitar problemas poner el destino en el href... poner un target para el destino ('Identificación') y el primer parámetro del open en blanco... y si lo haces así no necesitas el odioso return false...

Un artículo: Formularios y enlaces dirigidos a ventanas

Saludos

Rankxerox1984 · #5 (**permalink**) 12/01/2011, 04:20

Bueno, después de investigar y seguir los consejos recibidos

, he depurado el código y ahora es mas ortodoxo como se puede ver

.

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
 <script language="JavaScript">
 function Abrir_ventana (pagina) {
 var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, width=315, height=150, top=150, left=300";
 window.open(pagina,"",opciones);
 }
 </script>
 </head>
<body>
        <h1>...</h1>
        <h3>...</h3>
        <h2>...</h2>
      	
	<p>...texto...<br/>
<strong>Nota:</strong><a href="javascript:Abrir_ventana('login/main_login.php')">Enlace</font></a>

</body>
</html>

Sin embargo, a pesar de que abre un popup (como antes), continuo teniendo los mismos inconvenientes

. Me abre una nueva ventana del explorador (el que sea) escalable y lo que deseo es obtener un popup como el que se genera con un aviso (text/javascript) pero que incluya el formulario. Además el texto del enlace continua perdido y solo sale cuando el ratón pasa por encima

.
¿Alguien me puede iluminar y decirme si es posible lo que deseo?

Muchas gracias por la ayuda,

J.

caricatos · #6 (**permalink**) 12/01/2011, 05:23

Hola:

Cita:

Iniciado por Rankxerox1984

Bueno, después de investigar y seguir los consejos recibidos

...

Bueno, parec que entre los consejos recibidos no está mi enlace...

Saludos :;arriba:

Rankxerox1984 · #7 (**permalink**) 12/01/2011, 10:34

Hola Caricatos:

Pues si que está tu enlace, lo que sucede es que no he sido capaz de hacer funcionar el popup como yo deseo. Sin embargo he mejorado la escritura del código incorporando la función en el head.
Quizás, además de ensñarme a pescar, podrías darme un par de peces mientras aprendo.

Muchas gracias de nuevo,

caricatos · #8 (**permalink**) 12/01/2011, 14:26

Hola:

Va una mojarrita:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
 <script language="JavaScript">
 function Abrir_ventana (ventana) {
 var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, width=315, height=150, top=150, left=300";
 window.open("", ventana, opciones);
 }
 </script>
 </head>
<body>
        <h1>...</h1>
        <h3>...</h3>
        <h2>...</h2>
      	
	<p>...texto...<br/>
<strong>Nota:</strong><a href="login/main_login.php" onclick="Abrir_ventana(this.target)" target="popup">Enlace</font></a>

</body>
</html>

Saludos :arriba

Rankxerox1984 · #9 (**permalink**) 13/01/2011, 03:57

Hola Caricatos:

Buenos dias. Muchas gracias por tu aclaración semántica ha mejorado bastante la cosa. Ahora está más coherente.
Sin embargo algo debe pasar en var opciones porque ni con tu corrección del código ni con lo que habia antes escrito funcionan. Sigue mostrando la barra de direcciones y continua "resizable". Ademas el texto del editor (Notepad++) aparece como inactivo (color gris).
He estado buscando pero lo único que encuetro son redacciones idénticas a lo que tenemos. He cambiado los valores y tampoco aparece ningún cambio.
¿Que puede estar fallando?

Gracias de nuevo por tu ayuda,

J.

caricatos · #10 (**permalink**) 13/01/2011, 04:30

Hola:

Hay navegadores que no permiten modificar sus ventanas, no me extrañaría que el que usas sea de esos, o que la configuración del navegador no sea la correcta.

Saludos

Rankxerox1984 · #11 (**permalink**) 13/01/2011, 09:24

Bueno de hecho,

Antesde escribir he probado con todos los navegadores que tengo instalados (Firefox, IE, Opera, Chrome y Safari) y en todos pasa lo mismo.
Quizás no me explico bien

.
Vamos a ver. En este codigo:

Código PHP:

  echo "<script type=\"text/javascript\">alert(\"ERROR: Pon un usuario\");    
                    window.history.back();    
                    </script>";  
                exit;

Se genera un popup que no es manejable ni tien barra de direcciones y de un tamaño fijo, yo lo que deseo es obtener un popup de estas características pero con el form del login dentro.
¿Es posible conseguirlo?

Muchas rgacias por tu ayuda y tu paciencia

J.