Abrir codigo html en nueva ventana

fieroso · #1 (**permalink**) 20/06/2014, 04:36

Bueno he estado haciendo pruebas y no he llegado al éxito, mi problema es que quiero cargar un codigo html determinado en una nueva ventana.
Mi problema es que ese contenido lo extraigo de una url por lo que no necesito abrir una url.

Lo que necesito es abrir un codigo html que genero con php en una nueva ventana. Ejemplo genero esto:

Código:

<html>
<head>
<body>
<a href="enlace.html">Enlace dinamico</a>
<img src="" .........
</body>
</head>
</html>

Ese codigo necesito que se habra en una nueva ventana.
He probado con document write pero al tener dobles comillas, espacios etc me da fallo.

No se si alguien conoce una forma de hacerlo o algo de jquery que permita esto de manera más eficiente. Gracias

quimfv · #2 (**permalink**) 20/06/2014, 04:45

<a href="enlace.html" target="_blank">Enlace dinamico</a>

Esto te sirve?

fieroso · #3 (**permalink**) 20/06/2014, 04:49

no, necesito hacerlo con javascript pero no es abrir una url como tú me dices, necesito habrir un trozo de código html generado dinamicamente en una nueva ventana.

PHPeros · #4 (**permalink**) 20/06/2014, 05:33

Tienes ejemplos hechos, es solo guardarse la referencia de una ventana abierta con el método open(), y luego escribir en su documento, de igual forma que lo harías en la misma ventana:

http://www.w3schools.com/jsref/tryit...sref_win_open3

No creo que tengas que utilizar jQuery

fieroso · #5 (**permalink**) 20/06/2014, 05:51

correcto, es lo que intenté antes como dije con document.write pero lo hago y como el html lleva comillas dobles se jode el invento, pruebo al document.write ponerle al argumento de la función las comillas simples y nada no puede ser. Las comillas dobles me fastidian que funcione.

quimfv · #6 (**permalink**) 20/06/2014, 06:39

Escapalas

Código HTML:

Ver original<!DOCTYPE html>
<html>
<body>
 
<p>Click the button to open a new window called "MsgWindow" with some text.</p>
 
<button onclick="myFunction()">Try it</button>
 
<script>
function myFunction() {
    var myWindow = window.open("", "MsgWindow", "width=200, height=100");
    var str = '<p>Aqui html con <span style="color:red">"comillas"</span> dobles<br />""""""""""""""muchas""""""""""""</p>';;
    var res = str.replace('"', '\"'); 
    myWindow.document.write(res);
}
</script>
 
</body>
</html>

uyy mas simple

Código Javascript:

Ver originalfunction myFunction() {
    var myWindow = window.open("", "MsgWindow", "width=200, height=100");
    var str = '<p>Aqui html con <span style="color:red">"comillas"</span> dobles<br />""""""""""""""muchas""""""""""""</p>';
    //var res = str.replace('"', '\"'); 
    myWindow.document.write(str);
}

fieroso · #7 (**permalink**) 20/06/2014, 10:53

Lo he probado y no me funciona, sin intentar abrir este codigo si que funciona pero cuando le pongo el codigo generado ya al dar al botón no lo abre. Quiero abrir un código tal que este

Código:

<html>
<head>
    
    <!-- start: Meta -->
    <meta charset="utf-8">
    <title>web.com</title>
    <meta name="description" content="web.com">
    <meta name="author" content="yo autor">
    <meta name="keyword" content="fdfdf">
    <!-- end: Meta -->
    
    <!-- start: Mobile Specific -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- end: Mobile Specific -->
    
    <!-- start: CSS -->
    <link id="bootstrap-style" href="../acme/css/bootstrap.min.css" rel="stylesheet">
    <link href="../acme/css/bootstrap-responsive.min.css" rel="stylesheet">
    <link id="base-style" href="../acme/css/style.css" rel="stylesheet">
    <link id="base-style-responsive" href="../acme/css/style-responsive.css" rel="stylesheet">

</head>

<body>
    <div class="box span12" onTablet="span12" onDesktop="span12">
                    <div class="box-header">
                        <h2><i class="halflings-icon list-alt"></i><span class="break">  </span></h2>
                        <div class="box-icon">
                            <a href="#" class="btn-minimize"><i class="halflings-icon chevron-up"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                                       
                   
                                       
                 
                   <h3 class="verde">Información del pronóstico</h3>
                   <table class="table table-bordered table-striped">
                 
                   <tbody>
                   <tr><td class="span3"><b>Fecha </b></td><td>18/6/2014</td></tr>          
                   <tr><td ><b>Hora </b></td><td>11:00</td></tr>                     
                   <tr><td><b>compe </b></td><td><img src=../img/icon_dep/Tenis.png width=18 height=18 align=middle> Tenis</td></tr>                       
                   <tr><td><b>País</b></td><td><img src=../img/banderas/eng.png width=20 height=20 align=middle> Inglaterra</td></tr>               
                   <tr><td><b>titulo</b></td><td>WTA Eastbourne</td></tr>
                     <tr><td ><b>otro titulo </b></td><td></td></tr>        
                   </tbody></table> 
                   
                    
                    
                    
                  
                   <h3 class="verde"></h3>
                 
                    
                   <table class="table table-bordered table-striped">
                   <tbody>
                    <tr><td><b>titulo</b></td><td> 
                    A ganar</td></tr>
                    
                    <tr><td><b>titulo</b></td><td> 
                    uno</td></tr>
                    
                    <tr><td><b>Sportbook</b></td><td> 
                     <a href=web ><img src=../img/icon_casas/icon_casas_small/williamhill_small.png ></a> <font class='verde'><b></b>                    </font></td></tr> 
                    
                    <tr><td><b>Cuota</b></td><td> 
                    1.73 </td></tr>
                    
                    <tr><td><b>Stake</b></td><td> 
                     1.5</td></tr>
                    <tr><td><b>Live</b></td><td> 
                     <a href='http://'></a></td></tr>        
                                      
                            </tbody></table> 
                   
                    <h3 class="verde">cometnario2</h3>
                     <table class="table table-bordered table-striped">
                 
                   <tbody>
                            
                   <tr><td> <p style="font-size:14px">comentarios</p> </td></tr> 
                   </tbody></table> 

 </div></body>

Es decir es un codigo que lleva saltos de línea y espacios

PHPeros · #8 (**permalink**) 20/06/2014, 11:22

Tendrás que eliminarlos (minifier online), o sustituirlos por la secuencia de escape: \n.