A common request is to use the مكتبة جافا سكريبت GrabzIt to take a capture of a form the user has filled in. However as our captures are taken from remote servers, GrabzIt won't be able to do this without a little extra work. Fortunately all of this work has been built intيا ال ConvertPage
method, if you want more information check out capturing dynamic content.
Note however, that resources such as CSS and JavaScript can't be loaded unless the webpage is accessible on the internet. An example of using this functionality is shown below.
<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>