Het kanaalformulier aanpassen met Instant Chat
Articles related to customization are written for a technical audience who have experience in web development. Knowledge of HTML, CSS, and JavaScript are required.
Een kanaalformulier met Instant Chat ziet er precies zo uit als het formulier zonder de chatoptie. Het enige verschil is dat nadat de klant een sessie met een technicus begint, het Instant Chat-venster verschijnt.
U kunt dezelfde elementen van het chatroomformulier aanpassen, ongeacht of u Instant Chat inschakelt of niet. Het verschil is dat je de elementen op verschillende plaatsen in de HTML-code moet wijzigen. Dit is een voorbeeld van een kanaalformulier dat u kunt integreren in uw website:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="https://secure.GoToLogMeIn Rescue.com/InstantChat/ InstantChat.aspx"></script> <script type="text/javascript"> functie loadInstantChat(){ var ICLoader = new LogMeIn RescueInstantChatLoader(); ICLoader.ICContainer = "ICContainer"; ICLoader.HostedCSS = "https://secure.GoToLogMeIn Rescue.com/InstantChat/Standard/ InstantChat.css"; ICLoader.HostedLanguagesForChatOnlyMode = "https://secure.GoToLogMeIn Rescue.com/ InstantChat/LanguagesForChatOnlyMode.js"; ICLoader.HostedLanguagesForAppletMode = "https://secure.GoToLogMeIn Rescue.com/ InstantChat/LanguagesForAppletMode.js"; ICLoader.EntryID = "1928520474"; ICLoader.Name = document.getElementById("Name").value; /* optioneel */ ICLoader.Comment1 = document.getElementById("Comment1").waarde; /* optioneel */ ICLoader.Comment2 = document.getElementById("Comment2").value; /* optioneel */ ICLoader.Comment3 = document.getElementById("Comment3").value; /* optioneel */ ICLoader.Comment4 = document.getElementById("Comment4").value; /* optioneel */ ICLoader.Comment5 = document.getElementById("Comment5").value; /* optioneel */ ICLoader.Tracking0 = ""; /* optioneel */ ICLoader.Language = ""; /* optioneel */ ICLoader.PostMessageTargetOrigin = null; //https://[YourSite].com<:443> ICLoader.HostedErrorHandler = function(ErrorName){} /* optioneel */ ICLoader.Start();} functie handleRebootOrRefresh(){als ((window.location + "").indexOf("LogMeIn Rescuewebsessionid") != -1) {document.getElementById("ICContainer").style.display=""; loadInstantChat();} /* optioneel */ if (window.location.hash.length == webSessionIdLength + 1) {document.getElementById("ICContainer").style.display=""; loadInstantChat();} /* optioneel */ } </script> </head> <body onload="handleRebootOrRefresh();"> <table> <tr><td>Voer je naam in: </td><td><input id="Name" type="text" maxlength="64" /></td></tr> <tr><td>Aangepast veld 1: </td><td><input id="Comment1" type="text" maxlength="512" /></td></tr> <tr><td>Custom Field 2: </td><td><input id="Comment2" type="text" maxlength="512" /></td></tr> <tr><td>Custom Field 3: </td><td><input id="Comment3" type="text" maxlength="256" /></td></tr> <tr><td>Aangepaste veld 4: </td><td><input id="Comment4" type="text" maxlength="64" /></td></tr> <tr><td>Aangepaste veld 5: </td><td><input id="Comment5" type="text" maxlength="64" /></td></tr> </table> <input type="button" value="Kanaal 01" onclick="document.getElementById('ICContainer') .style.display=''; loadInstantChat();" /> <div id="ICContainer" style="position: absolute; left: 0px; top: 0px; width: 400px; height: 500px; display: none"></div> </body> </html>
Article last updated: 27 September, 2022
You are viewing the latest version of this article.