2017-09-11 1 views
0

Je veux imprimer/prendre une capture d'écran de toute ma page HTML, qui est un widget pour une application mobile et programmée sur une plateforme en ligne (je ne peux pas appeler des liens de code externes).Imprimer la page HTML sur un portable lorsque l'utilisateur clique sur

Le code est assez normal, comme celui-ci:

<div id="PO"> 
 
    
 
    <table> 
 
    
 
    <tr> 
 
     <td colspan="3" align="center" bgcolor="#2AD2C9"><h2>Purchase Order</h2></td> 
 
    </tr> 
 
    <tr> 
 
     <td colspan="3" align="center" bgcolor="#97D700"><h3>Equipment</h3></td> 
 
    </tr> 
 
    <tr> 
 
     <td align="center" bgcolor="#D4D4D4"></td> 
 
     <td align="center" bgcolor="#D4D4D4"><b><em>Tipo/Quantity</em></b></td> 
 
    </tr> 
 
    <tr> 
 
     <td align="center" bgcolor="#D4D4D4">Plaque model:</td> 
 
     <td align="center" bgcolor="#D4D4D4"><select id="tipoPlaca" size="1"> 
 
     <option id="defaultP" value="0">Select a plaque</option> 
 
      
 
     </select> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td align="center" bgcolor="#F4F4F4">Longitud PVC:</td> 
 
     <td align="center" bgcolor="#F4F4F4"><input type="number" id="longitudPVC" onchange="calculoCableria()" size="1"></td> 
 
    </tr> 
 
    <tr> 
 
     <td align="center" bgcolor="#D4D4D4">Arrangements:</td> 
 
     <td align="center" bgcolor="#D4D4D4"><input type="number" id="arrangements" onchange="espacioArreglos()" size="1"></td> 
 
    </tr> 
 
     <tr> 
 
     <td align="center" bgcolor="#D4D4D4">Plaques:</td> 
 
     <td bgcolor="#FFFF00"><div id="container"></div></td> 
 
    </tr> 
 
</table> 
 
</div>

Ensuite, il y a des fonctions JS qui déclenchent lors d'un changement de la valeur de certains intrants, mais la seule chose que je veux est que sur la fin de l'utiliser, je suis capable de cliquer sur un bouton et quelque chose comme une nouvelle fenêtre apparaîtrait avec exactement la même image que vous voyez après avoir rempli ce qui est nécessaire. Déjà essayé beaucoup d'approches différentes, tous ont été trouvés ici dans StackOverflow, mais je n'ai jamais trouvé de solution ...

Répondre

0
<!DOCTYPE html> 
<html> 
<body> 

<p>Click the button to print the current page.</p> 

<button onclick="myFunction()">Print this page</button> 

<script> 
function myFunction() { 
    window.print(); 
} 
</script> 

</body> 
</html> 
+0

Rien ne se passe .... Je ne pense pas pouvoir utiliser ces commandes comme window.print ou .open dans un mobile – eduroc92