javascript - pagina - Cómo crear una ventana emergente(el bueno)
popup al abrir pagina jquery (5)
Necesito hacer una ventana emergente para que los usuarios inicien sesión en mi sitio web desde otros sitios web.
Necesito usar una ventana emergente para mostrarle al usuario la barra de direcciones para que sepan que es un inicio de sesión seguro y no una parodia. Por ejemplo, si utilicé un iframe flotante, los sitios web podrían falsificar mi ventana de inicio de sesión y registrar la información de inicio de sesión del usuario.
Gracias
Detalles adicionales: Mi ventana emergente vendrá del código de JavaScript dentro de un iframe en cualquier dominio. Sé que esto suena como que estoy creando anuncios ... pero realmente no lo soy. Si hace alguna diferencia, el dominio iframe y el dominio emergente son iguales.
1 detalle más, estoy buscando hacer lo mismo que "Facebook Connect" ... si no has iniciado sesión en Facebook, te permiten iniciar sesión en Facebook desde cualquier dominio mostrando una ventana emergente en el sitio de ese dominio . Por ejemplo, vaya a cualquier artículo en techcrunch.com y use Facebook Connect para comentar. Asegúrate de cerrar sesión en Facebook y verás de lo que estoy hablando.
Los bloqueadores de pop-ups no entran en vigencia si se representan en acciones explícitas del usuario como un enlace o un clic de botón. Incluso si su navegador está configurado con ventanas emergentes bloqueadas, la ventana de conexión de Facebook aún se muestra. Eso es porque el usuario hizo clic en el botón de conexión. No importa incluso si el dominio del sitio actual y el sitio en la ventana emergente difieren.
Eche un vistazo a este sitio.
Algún código copiado de él:
<script language="javascript" type="text/javascript">
<!--
function popitup(url) {
newwindow=window.open(url,''name'',''height=200,width=150'');
if(!newindow){
alert(''We have detected that you are using popup blocking software...'');}
if (window.focus) {newwindow.focus()}
return false;
}
// -->
</script>
Y lo enlazas con:
<a href="popupex.html" onclick="return popitup(''popupex.html'')">Link to popup</a>
El ejemplo de Sean es bueno, pero aún puedes detectar si el pop-up se ha bloqueado de la siguiente manera:
<script language="javascript" type="text/javascript">
<!--
function popitup(url) {
newwindow=window.open(url,''name'',''height=200,width=150'');
if(!newwindow){
alert(''We have detected that you are using popup blocking software...'');}
if (window.focus) {newwindow.focus()}
return false;
}
// -->
</script>
Si sus usuarios utilizan IE y su sitio está en los sitios confiables, el bloqueador de pop-ups se desactivará.
¿Eso ayuda?
Esta es la forma de crear una ventana emergente ..
<!DOCTYPE html>
<html>
<body>
<button onclick="openWin()">Open "myWindow"</button>
<button onclick="closeWin()">Close "myWindow"</button>
<script>
var myWindow;
function openWin() {
myWindow = window.open("", "myWindow", "width=200,height=100");
myWindow.document.write("<p>This is ''myWindow''</p>");
}
function closeWin() {
myWindow.close();
}
</script>
</body>
</html>