Une demande courante consiste à utiliser le Bibliothèque JavaScript de GrabzIt pour prendre une capture d'un formulaire rempli par l'utilisateur. Cependant, comme nos captures sont prises à partir de serveurs distants, GrabzIt ne pourra pas le faire sans un peu de travail supplémentaire. Heureusement tout ce travail a été construit into le ConvertPage méthode, si vous voulez plus d'informations, consultez capturer du contenu dynamique.
Notez cependant que les ressources telles que CSS et JavaScript ne peuvent être chargées que si la page Web est accessible sur le internet. Un exemple d'utilisation de cette fonctionnalité est présenté ci-dessous.
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
</head>
<body onload="loadFromQueryString()">
<form id="myForm">
<label>Name</label> <input type="text" name="fullname" data-gt-translate-attributes='[{"attribute":"value","format":"json"}]' value="Sam"/><br/>
<label>Order</label> <select name="order">
<option data-gt-translate-attributes='[{"attribute":"value","format":"json"}]' value="Computer">Computer</option>
<option data-gt-translate-attributes='[{"attribute":"value","format":"json"}]' value="Monitor">Monitor</option>
<option data-gt-translate-attributes='[{"attribute":"value","format":"json"}]' value="Printer">Printer</option>
</select><br/><br/>
<input type="button" data-gt-translate-attributes='[{"attribute":"value","format":"json"}]' value="Take Screenshot" onclick="createScreenshot();"/>
</form>
<div id="divResult"></div>
<script type="text/javascript">
function createScreenshot()
{
//dynamically capture the page and add it to the div.
GrabzIt("Sign in to view your Application Key").ConvertPage().AddTo('divResult');
}
</script>
</body>
</html>