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"> function 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; /* optional */ ICLoader.Comment1 = document.getElementById("Comment1").value; /* optional */ ICLoader.Comment2 = document.getElementById("Comment2").value; /* optional */ ICLoader.Comment3 = document.getElementById("Comment3").value; /* optional */ ICLoader.Comment4 = document.getElementById("Comment4").value; /* optional */ ICLoader.Comment5 = document.getElementById("Comment5").value; /* optional */ ICLoader.Tracking0 = ""; /* optional */ ICLoader.Language = ""; /* optional */ ICLoader.PostMessageTargetOrigin = null; //https://[YourSite].com<:443> ICLoader.HostedErrorHandler = function(ErrorName){} /* optional */ ICLoader.Start();} function handleRebootOrRefresh(){ if ((window.location + "").indexOf("LogMeIn Rescuewebsessionid") != -1) {document.getElementById("ICContainer").style.display=""; loadInstantChat();} /* optional */ if (window.location.hash.length == webSessionIdLength + 1) {document.getElementById("ICContainer").style.display=""; loadInstantChat();} /* optional */ } </script> </head> <body onload="handleRebootOrRefresh();"> <table> <tr><td>Please enter your name: </td><td><input id="Name" type="text" maxlength="64" /></td></tr> <tr><td>Custom Field 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>Custom Field 4: </td><td><input id="Comment4" type="text" maxlength="64" /></td></tr> <tr><td>Custom Field 5: </td><td><input id="Comment5" type="text" maxlength="64" /></td></tr> </table> <input type="button" value="Channel 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>
Artikel laatst bijgewerkt: 27 September, 2022
You are viewing the latest version of this article.