[SOLUCIONADO] ¿Como abro un documento en nueva ventana en pantalla completa(jquery)?

usuarioxr · #1 (**permalink**) 14/01/2013, 20:39

¿Se puede abrir un documento en nueva ventana(jquery) sin tener que especificarle ancho y alto?
Tengo este codigo:

Código:

  
<!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>Documento sin título</title> 
<script type="text/javascript" src="js/jquery.js"></script> 

 <script type="text/javascript"> 
            var windowSizeArray = [ "width=200,height=200", 
                                    "width=300,height=400,scrollbars=yes" ]; 
  
            $(document).ready(function(){ 
                $('.newWindow').click(function (event){ 
  
                    var url = $(this).attr("href"); 
                    var windowName = "popUp";//$(this).attr("name"); 
                    var windowSize = windowSizeArray[$(this).attr("rel")]; 
  
                    window.open(url, windowName, windowSize); 
  
                    event.preventDefault(); 
  
                }); 
            }); 
        </script> 

</head> 

<body> 
<a href="http://www.mnswf.com/" rel="1" class="newWindow" >abrir en ventana nueva</a>
</body> 

</html>

emprear · #2 (**permalink**) 15/01/2013, 06:44

ni falta haría jQuery para eso, pero bueno

Código HTML:

Ver original<!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>Documento sin título</title> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 <script type="text/javascript"> 
            $(document).ready(function(){ 
                $('.newWindow').click(function (event){ 
                   event.preventDefault(); 
                   var url = $(this).attr("href"); 
                    var windowName = "popUp"; 
                    var caracteristicas = 'height='+screen.height+',width='+screen.width+ ',scrollbars=yes'; 
                    window.open(url, windowName, caracteristicas);
                }); 
            }); 
        </script> 
 
</head> 
 
<body> 
<a href="http://www.mnswf.com/" rel="1" class="newWindow">abrir en ventana nueva</a>
</body> 
 
</html>

Saludos

usuarioxr · #3 (**permalink**) 29/01/2013, 13:31

Cita:

Iniciado por emprear

ni falta haría jQuery para eso, pero bueno

Código HTML:

Ver original<!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>Documento sin título</title> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 <script type="text/javascript"> 
            $(document).ready(function(){ 
                $('.newWindow').click(function (event){ 
                   event.preventDefault(); 
                   var url = $(this).attr("href"); 
                    var windowName = "popUp"; 
                    var caracteristicas = 'height='+screen.height+',width='+screen.width+ ',scrollbars=yes'; 
                    window.open(url, windowName, caracteristicas);
                }); 
            }); 
        </script> 
 
</head> 
 
<body> 
<a href="http://www.mnswf.com/" rel="1" class="newWindow">abrir en ventana nueva</a>
</body> 
 
</html>

Saludos

funciona