Hoe neem je een ingevulde vorm in JavaScript?

Een veelvoorkomend verzoek is om gebruik te maken van de GrabzIt's JavaScript-bibliotheek om een opname te maken van een formulier dat de gebruiker heeft ingevuld. Omdat onze opnames echter van externe servers worden gemaakt, kan GrabzIt dit niet doen zonder een beetje extra werk. Gelukkig is al dit werk gebouwd into de ConvertPage methode, als je meer informatie wilt, kijk dan op het vastleggen van dynamische inhoud.

Merk echter op dat bronnen zoals CSS en JavaScript kunnen niet worden geladen tenzij de webpagina toegankelijk is op de internet. Hieronder ziet u een voorbeeld van het gebruik van deze functionaliteit.

<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>

Meer Web Capture-artikelen Gemeenschap Contact