API tools faq
paste
Advertisement
Guest User

Mobilis Chat

a guest
May 28th, 2015
226
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 27.16 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml"><head>
  2.    
  3. <link rel="stylesheet" type="text/css" href="../Resources/css/StyleSheet.css">
  4.     <title>Service de chat en ligne MOBILIS ATM</title>
  5. </head>
  6.  
  7. <body style="cursor: default; background-color: rgb(255, 255, 255);" onload="javascript:window_onload();" onunload="javascript:window_onunload();" class="samplesBody" onresize="javascript:window_onresize();">
  8. <script src="../Resources/js/helper.js" type="text/javascript"></script>
  9. <script src="../Resources/js/custom-form-elements.js" type="text/javascript"></script>
  10.  
  11. <script type="text/javascript">
  12. var request = null;
  13.  
  14. function createXMLHttp()
  15. {
  16.     if (window.XMLHttpRequest)
  17.         return new XMLHttpRequest();
  18.     else if (window.ActiveXObject)
  19.     {
  20.         var avers = ["Microsoft.XmlHttp",
  21.                      "MSXML2.XmlHttp",
  22.                      "MSXML2.XmlHttp.3.0",
  23.                      "MSXML2.XmlHttp.4.0",
  24.                      "MSXML2.XmlHttp.5.0"];
  25.         for (var i = avers.length -1; i >= 0; i--)
  26.         {
  27.             try
  28.             {
  29.                 var httpObj = new ActiveXObject(avers[i]);
  30.                 return httpObj;
  31.             }
  32.             catch(e)
  33.             {
  34.             }
  35.         }
  36.     }
  37.     throw new Error('XMLHttp (AJAX) not supported');
  38. }
  39. /*
  40.   Wrapper function for constructing a request object.
  41.   Parameters:
  42.   reqType: The HTTP request type, such as GET or POST.
  43.   url: The URL of the server program.
  44.   asynch: Whether to send the request asynchronously or not.
  45.   respHandle: The name of the function that will handle the response.
  46.   Any fifth parameters, represented as arguments[4], are the data a POST request is designed to send.
  47. */
  48.  
  49. function httpRequest(reqType, url, asynch, respHandle)
  50. {
  51.     request = createXMLHttp();
  52.     //very unlikely, but we test for a null request
  53.     //if neither ActiveXObject was initialized
  54.     if(request)
  55.     {
  56.         //if the reqType parameter is POST, then the
  57.         //5th argument to the function is the POSTed data
  58.         if(reqType.toLowerCase(  ) != "post")
  59.             initReq(reqType, url, asynch, respHandle);
  60.         else
  61.         {
  62.             //the POSTed data
  63.             var args = arguments[4];
  64.             if(args != null && args.length > 0)
  65.                initReq(reqType, url, asynch, respHandle, args);
  66.         }
  67.     }
  68.     else
  69.         alert("Your browser does not permit the use of all of this application's features!");
  70. }
  71.  
  72. /* Initialize a request object that is already constructed */
  73. function initReq(reqType, url, bool, respHandle)
  74. {
  75.     try
  76.     {
  77.         /* Specify the function that will handle the HTTP response */
  78.         request.onreadystatechange=respHandle;
  79.         request.open(reqType,url,bool);
  80.         //if the reqType parameter is POST, then the
  81.         //5th argument to the function is the POSTed data
  82.         if(reqType.toLowerCase() == "post")
  83.         {
  84.             request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); //; charset=UTF-8
  85.             request.send(arguments[4]);
  86.         }
  87.         else
  88.             request.send(null);
  89.     }
  90.     catch (errv)
  91.     {
  92.         alert("The application cannot contact the server at the moment. "+
  93.         "Please try again in a few seconds.\\nError detail: "+errv.message);
  94.     }
  95. }
  96.  
  97. var ActionColor         = "FF00FF";
  98. var ClientNickNameColor = "0000CD";
  99. var AgentNickNameColor  = "008000";
  100. var ClientMessageColor  = "1532a0";
  101. var AgentMessageColor   = "708090";
  102. var LogURL              = "./Resources/Images/logo.jpg";
  103. var FontName            = "arial";
  104. var FontSize            = "normal";
  105. var BackgroundColor     = "FFFFFF";
  106.  
  107. var bConnected          = false;
  108. var timerID             = 0;
  109. var strSessionID        = "";
  110. var iOpenWindowCounter  = 0;
  111.  
  112. var str_cmd              = "";
  113. var str_chat_alias       = "";
  114. var str_first_name       = "";
  115. var str_last_name        = "";
  116. var str_email_address    = "";
  117. var str_secure_key       = "";
  118. var str_user_id          = "";
  119. var str_session_id       = "";
  120. var str_timeZoneOffset   = "";
  121. var str_script_pos       = "";
  122. var str_msg2send         = "";
  123. var str_subject          = "";
  124. var str_itf_message      = "";
  125. var str_etatcivile       = "";
  126. var str_address          = "";
  127. var str_wilaya           = "";
  128. var str_commune          = "";
  129. var str_telcontact       = "";
  130. var str_telarselli       = "";
  131. var str_accountnumber    = "";
  132. var str_activeline       = "";
  133. var str_complainttype    = "";
  134. var str_subjectcode      = "";
  135.  
  136. function prepareQueryString()
  137. {
  138.     var queryString="";
  139.     queryString += "cmd="               + encodeURIComponent(str_cmd)+"&";
  140.     queryString += "chat_alias="        + encodeURIComponent(str_chat_alias)+"&";
  141.     queryString += "first_name="        + encodeURIComponent(str_first_name)+"&";
  142.     queryString += "last_name="         + encodeURIComponent(str_last_name)+"&";
  143.     queryString += "email_address="     + encodeURIComponent(str_email_address)+"&";
  144.     queryString += "subject="           + encodeURIComponent(str_subject)+"&";
  145.     queryString += "secure_key="        + encodeURIComponent(str_secure_key)+"&";
  146.     queryString += "user_id="           + encodeURIComponent(str_user_id)+"&";
  147.     queryString += "script_pos="        + encodeURIComponent(str_script_pos)+"&";
  148.     queryString += "session_id="        + encodeURIComponent(str_session_id)+"&";
  149.     queryString += "timeZoneOffset="    + encodeURIComponent(str_timeZoneOffset)+"&";
  150.     queryString += "msg2send="          + encodeURIComponent(str_msg2send)+"&";
  151.     queryString += "etat_civile="       + encodeURIComponent(str_etatcivile)+"&";
  152.     queryString += "Num_Compte_Client=" + encodeURIComponent(str_accountnumber)+"&";
  153.     queryString += "Client_Mobilis="    + encodeURIComponent(str_activeline)+"&";
  154.     queryString += "Telephone_Doleance="+ encodeURIComponent(str_telcontact)+"&";
  155.     queryString += "Tel_Arsseli_Fax_Redaction="+ encodeURIComponent(str_telarselli)+"&";
  156.     queryString += "Adresse_Doleance="  + encodeURIComponent(str_address)+"&";
  157.     queryString += "Nom_Wilaya="        + encodeURIComponent(str_wilaya)+"&";
  158.     queryString += "Nom_Commune="       + encodeURIComponent(str_commune)+"&";
  159.     queryString += "Type_Contact="      + encodeURIComponent(str_complainttype)+"&";
  160.     queryString += "Code_Sujet="       + encodeURIComponent(str_subjectcode);
  161.  
  162.     return queryString;
  163. }
  164.  
  165. function window_onload ()
  166. {
  167.     bConnected = false;
  168.     applyCoolStyle("SurveyAfterChat");
  169.     Custom.init();
  170.     window_onresize();
  171. }
  172.  
  173. function window_onunload ()
  174. {
  175. }
  176.  
  177. function window_onresize()
  178. {
  179.     var iWidth = GetWindowWidth();
  180.     var iHeight = GetWindowHeight();
  181.    
  182.     if (iWidth > 380)
  183.     {
  184.         if (navigator.userAgent.toLowerCase().indexOf("firefox") != -1)
  185.         {
  186.             document.forms[0].FirstName.style.width = (iWidth - 310) + "px";
  187.             document.forms[0].LastName.style.width = (iWidth - 310) + "px";
  188.             document.forms[0].EmailAddress.style.width = (iWidth - 310) + "px";
  189.             document.forms[0].Subject.style.width = (iWidth - 310) + "px";
  190.             document.forms[0].message.style.width = (iWidth - 284) + "px";
  191.             document.getElementById("ChatTranscript").style.width = (iWidth - 15) + "px";
  192.         }
  193.         else
  194.         {
  195.             document.forms[0].FirstName.style.width = (iWidth - 270) + "px";
  196.             document.forms[0].LastName.style.width = (iWidth - 270) + "px";
  197.             document.forms[0].EmailAddress.style.width = (iWidth - 270) + "px";
  198.             document.forms[0].Subject.style.width = (iWidth - 270) + "px";
  199.             document.forms[0].message.style.width = (iWidth - 253) + "px";
  200.             document.getElementById("ChatTranscript").style.width = (iWidth - 15) + "px";
  201.         }
  202.     }
  203.  
  204.     if (iHeight > 400 )
  205.         document.getElementById("ChatTranscript").style.height = (iHeight-389) + "px";
  206. }
  207.  
  208. function on_connect()
  209. {
  210.     if (!bConnected)
  211.     {
  212.         str_cmd = "connect";
  213.         str_first_name = document.forms[0].FirstName.value;
  214.         str_last_name = document.forms[0].LastName.value;
  215.         str_email_address = document.forms[0].EmailAddress.value;
  216.         str_subject = document.forms[0].Subject.value;
  217.         str_etatcivile       = document.forms[0].EtatCivile.value;
  218.         str_address          = document.forms[0].Address.value;
  219.         str_wilaya           = document.forms[0].Wilaya.value;
  220.         str_commune          = document.forms[0].Commune.value;
  221.         str_telcontact       = document.forms[0].TelContact.value;
  222.         str_telarselli       = document.forms[0].TelArselli.value;
  223.         str_accountnumber    = document.forms[0].AccountNumber.value;
  224.         str_activeline       = document.forms[0].ActiveLine.value;
  225.         str_complainttype    = document.forms[0].ComplaintType.value;
  226.         str_subjectcode      = document.forms[0].SubjectCode.value;
  227.  
  228.         var RightNow = new Date();
  229.         str_timeZoneOffset = -1 * RightNow.getTimezoneOffset();
  230.  
  231.         httpRequest("POST", "ChatCommand.aspx", true, handleResponse, prepareQueryString());
  232.     }
  233. }
  234.  
  235. function on_disconnect()
  236. {
  237.     clearTimeout(timerID);
  238.     str_cmd             = "disconnect";
  239.     httpRequest("POST", "ChatCommand.aspx", true, handleResponse, prepareQueryString());
  240. }
  241.  
  242. function on_send()
  243. {
  244.     clearTimeout(timerID);
  245.     str_cmd                         = "send";
  246.     str_msg2send                    = document.forms[0].message.value;
  247.     document.forms[0].message.value = "";
  248.     document.forms[0].message.focus();
  249.     httpRequest("POST", "ChatCommand.aspx", true, handleResponse, prepareQueryString());
  250. }
  251.  
  252. function on_refresh()
  253. {
  254.     if (bConnected)
  255.     {
  256.         clearTimeout(timerID);
  257.         str_cmd                         = "send";
  258.         str_msg2send                    = "";
  259.         httpRequest("POST", "ChatCommand.aspx", true, handleResponse, prepareQueryString());
  260.     }
  261. }
  262.  
  263. function message_onkeypress()
  264. {
  265.     if (bConnected == true && document.forms[0].message.value == "")
  266.    {
  267.        clearTimeout(timerID);
  268.         str_cmd = "user_typing";
  269.         str_msg2send = "";
  270.         httpRequest("POST", "ChatCommand.aspx", true, handleResponse, prepareQueryString());
  271.     }
  272. }
  273.  
  274. function getQueryString()
  275. {
  276.     var queryString="";
  277.     var frm = document.forms[0];
  278.     var numberElements = frm.elements.length;
  279.     for(var i = 0; i < numberElements; i++)
  280.    {
  281.        if(i < numberElements-1)
  282.            queryString += frm.elements[i].name + "=" + encodeURIComponent(frm.elements[i].value)+"&";
  283.        else
  284.            queryString += frm.elements[i].name + "=" + encodeURIComponent(frm.elements[i].value);
  285.    }
  286.    return queryString;
  287. }
  288.  
  289. function handleResponse()
  290. {
  291.    try
  292.    {
  293.        if(request.readyState == 4)
  294.        {
  295.            if(request.status == 200)
  296.            {
  297.                var jsonObj = null;
  298.                var str = "jsonObj = " + request.responseText;
  299.                eval (str);
  300.                processTranscript (jsonObj);
  301.            }
  302.        }
  303.    }
  304.    catch (errmsg)
  305.    {
  306.        alert (errmsg.message);
  307.    }
  308. }
  309.  
  310. function processTranscript(script)
  311. {
  312.    str_chat_alias       = script.CHAT_ALIAS;
  313.    str_secure_key       = script.SECURE_KEY;
  314.    str_user_id          = script.USER_ID;
  315.    str_session_id       = script.SESSION_ID;
  316.    str_script_pos       = script.SCRIPT_POS;
  317.  
  318.    if (script.SESSIONID && strSessionID == "")
  319.        strSessionID = script.SESSIONID;
  320.  
  321.    if (script.CLEAR_TRANSCRIPT == true)
  322.        clear_transcript();
  323.  
  324.    if (script.SYSTEM_MESSAGE != "")
  325.        show_message ("", script.SYSTEM_MESSAGE, 4);
  326.  
  327.    if (script.SYSTEM_RESPONSE == "CONNECTED")
  328.    {
  329.         connected();
  330.         timerID = window.setTimeout("on_refresh();", 10000);
  331.     }
  332.    else if (script.SYSTEM_RESPONSE == "DISCONNECTED")
  333.    {
  334.        disconnected();
  335.        return;
  336.    }
  337.    if (script.CHAT_TRANSCRIPT)
  338.    {
  339.        for (var i = 0; i < script.CHAT_TRANSCRIPT.length/3; i++)
  340.            show_message(script.CHAT_TRANSCRIPT[i*3], script.CHAT_TRANSCRIPT[i*3+1], script.CHAT_TRANSCRIPT[i*3+2]);
  341.        timerID = window.setTimeout("on_refresh();", 10000);
  342.    }
  343. }
  344.  
  345. function AddMessage (str, color, newline, timestamp)
  346. {
  347.     window.frames.ChatTranscript.AddMessage (strMessage, ActionColor, 1, 1);
  348. }
  349.  
  350. function clear_transcript()
  351. {
  352. }
  353.  
  354. function show_message(strNickName, strMessage, iUserType)
  355. {
  356.    //iUserType == 0 from Agent
  357.    //iUserType == 1 from Client
  358.    //iUserType == 2 from External
  359.    //iUserType == 3 from Superviser
  360.    //iUserType == 4 from System
  361.    if (iUserType == 0)
  362.    {
  363.        window.frames.ChatTranscript.AddMessage (strNickName + ":", AgentNickNameColor, 1, 1);
  364.        window.frames.ChatTranscript.AddMessage(strMessage, AgentMessageColor, 1, 0);
  365.        hide_agent_typing();
  366.    }
  367.    else if (iUserType == 1)
  368.    {
  369.        window.frames.ChatTranscript.AddMessage (strNickName + ":", ClientNickNameColor, 1, 1);
  370.        window.frames.ChatTranscript.AddMessage (strMessage, ClientMessageColor, 1, 0);
  371.    }
  372.    else if (iUserType == 2 || iUserType == 3)
  373.    {
  374.        window.frames.ChatTranscript.AddMessage (strNickName + ":", AgentNickNameColor, 1, 1);
  375.        window.frames.ChatTranscript.AddMessage (strMessage, AgentMessageColor, 1, 0);
  376.    }
  377.    else if (iUserType == 4)
  378.    {
  379.        if (strMessage == "Agent is typing.")
  380.        {
  381.            show_agent_typing(strNickName);
  382.        }
  383.        else if (strMessage == "Agent has stopped typing.")
  384.        {
  385.            hide_agent_typing();
  386.        }
  387.        else
  388.        {
  389.            window.frames.ChatTranscript.AddMessage("System:", ActionColor, 1, 1);
  390.            window.frames.ChatTranscript.AddMessage(strMessage, ActionColor, 1, 0);
  391.        }
  392.    }
  393.    else if (iUserType == 5)
  394.    {
  395.        hide_agent_typing();
  396.        var bNeedToShowMessage = false;
  397.        var winNewWindow = window.open(strMessage, "PushUrlWindow" + iOpenWindowCounter, "", false);
  398.        iOpenWindowCounter++;
  399.  
  400.        if (winNewWindow == null)
  401.            bNeedToShowMessage = true;
  402.        else
  403.        {
  404.            if (window.opera)
  405.            {
  406.                if (!winNewWindow.opera)
  407.                    bNeedToShowMessage = true;
  408.            }
  409.        }
  410.  
  411.        if (bNeedToShowMessage)
  412.        {
  413.            window.frames.ChatTranscript.AddMessage("System: pop-up blocker detected. ", ActionColor, 1, 1);
  414.            window.frames.ChatTranscript.AddMessage("Please navigate to the next link: " + strMessage, ActionColor, 1, 0);
  415.        }
  416.    }
  417. }
  418.  
  419. function show_agent_typing(strAgentName)
  420. {
  421.    var id;
  422.    var el;
  423.    if (typeof (strAgentName) == "string")
  424.    {
  425.        id = "AgentName";
  426.        el = document.getElementById ? document.getElementById(id) : document.all ? document.all[id] : document.layers[id];
  427.        el.innerHTML = strAgentName;
  428.    }
  429.    id = "spanAgentTyping";
  430.    el = document.getElementById ? document.getElementById(id) : document.all ? document.all[id] : document.layers[id];
  431.    el.style.display = "";
  432. }
  433.  
  434. function hide_agent_typing()
  435. {
  436.    var id = "spanAgentTyping";
  437.    var el = document.getElementById ? document.getElementById(id) : document.all ? document.all[id] : document.layers[id];
  438.    el.style.display = "none";
  439. }
  440.  
  441. function show_system_message(strMessage)
  442. {
  443.    window.frames.ChatTranscript.AddMessage (strMessage, ActionColor, 1, 1);
  444. }
  445.  
  446. function insertAtCursor(myField, myValue)
  447. {
  448.    if (document.selection)
  449.    {
  450.        //IE support
  451.        myField.focus();
  452.        sel = document.selection.createRange();
  453.        sel.text = myValue;
  454.    }
  455.    else if (myField.selectionStart || myField.selectionStart == '0')
  456.    {
  457.        //MOZILLA/NETSCAPE support
  458.        var startPos = myField.selectionStart;
  459.        var endPos = myField.selectionEnd;
  460.        myField.value = myField.value.substring(0, startPos)
  461.                  + myValue
  462.                  + myField.value.substring(endPos, myField.value.length);
  463.    }
  464.    else
  465.    {
  466.        myField.value += myValue;
  467.    }
  468. }
  469.  
  470. function AddEmotion(strMask)
  471. {
  472.    insertAtCursor(window.document.forms[0].message, " " + strMask + " ");
  473. }
  474.  
  475. function connected()
  476. {
  477.     bConnected = true;
  478. }
  479.  
  480. function GetSurveyUrl()
  481. {
  482.    var theURL = unescape(location.href);
  483.    var iPos = theURL.indexOf("SimpleSamples810", 0);
  484.    if (iPos != -1)
  485.    {
  486.        theURL = theURL.substring(0, iPos);
  487.        theURL = theURL + "SimpleSamples810/" + "Survey/Survey.aspx?ParentID=" + strSessionID;
  488.    }
  489.    else
  490.    {
  491.        theURL = "http://localhost/SimpleSamples810/Survey/Survey.aspx?ParentID=" + strSessionID;
  492.    }
  493.    return theURL;
  494. }
  495.  
  496. function disconnected()
  497. {
  498.    bConnected = false;
  499.    if(0==1)
  500.    if (document.forms[0].SurveyAfterChat.checked && strSessionID != "")
  501.    {
  502.        var strMessage = GetSurveyUrl();
  503.        var bNeedToShowMessage = false;
  504.        var winNewWindow = window.open(strMessage, "survey", "", false);
  505.  
  506.        if (winNewWindow == null)
  507.            bNeedToShowMessage = true;
  508.        else
  509.        {
  510.            if (window.opera)
  511.            {
  512.                if (!winNewWindow.opera)
  513.                    bNeedToShowMessage = true;
  514.            }
  515.        }
  516.  
  517.        if (bNeedToShowMessage)
  518.        {
  519.            window.frames.ChatTranscript.AddMessage("System: pop-up blocker detected. ", ActionColor, 1, 1);
  520.            window.frames.ChatTranscript.AddMessage("Please navigate to the next link to take our survey: " + strMessage, ActionColor, 1, 0);
  521.        }
  522.    }
  523.    strSessionID = "";
  524.    hide_agent_typing();
  525. }
  526.  
  527. function selectSmile_onclick()
  528. {
  529.    var objSmilesDiv = document.getElementById("divSmiles");
  530.    if (objSmilesDiv != null)
  531.    {
  532.        if (objSmilesDiv.style.display == "")
  533.        {
  534.            objSmilesDiv.style.display = "none";
  535.        }
  536.        else
  537.        {
  538.            objSmilesDiv.style.display = "";
  539.        }
  540.    }
  541. }
  542.  
  543. </script>
  544.  
  545. <form action="ChatPanel.aspx" id="chat_form" onsubmit="javascript:on_send(); return false;">
  546.     <table style="width:100%" cellspacing="0" cellpadding="2">
  547.         <tbody><tr>
  548.             <td class="samplesSampleTopToolbar">
  549.                 <table>
  550. <tbody><tr><td><img style="width:145px; vertical-align: middle;" name="LogoImg" id="LogoImg" title="partout avec vous" src="../Resources/Images/logo_mobilis.jpg"></td></tr>
  551.                     <tr>
  552.                         <td style="width:435px" class="samplesSampleNameTitleWhite">&nbsp;&nbsp;&nbsp;Chat en ligne</td>
  553.                         <td style="width:91px" onclick="javascript:on_connect();" class="sampleGreenButtonBig" onmouseover="javascript:MouseOver(this);" onmouseout="javascript:MouseOut(this);">Démarrer</td>
  554.                         <td style="width:91px" onclick="javascript:on_disconnect();" class="sampleRedButtonBig" onmouseover="javascript:MouseOver(this);" onmouseout="javascript:MouseOut(this);">Arrêter</td>
  555.                         <td style="width:auto"></td>
  556.                     </tr>
  557.                 </tbody></table>
  558.             </td>    
  559.         </tr>
  560.         <tr>
  561.             <td class="samplesSampleParagraph">Appuyez sur le bouton "Démarrer" pour entrer en communication avec un téléconseiller.</td>
  562.         </tr>
  563.         <tr>
  564.             <td>
  565.                 <table>
  566.                     <tbody><tr>
  567.                         <td style="width:100px; vertical-align: middle;" class="samplesSampleFieldTitleNoWidthFixedNoBackground">Sujet:</td>
  568.                         <td>
  569. <input name="Subject" type="text" id="Subject" style="width: 1090px; vertical-align: middle;" class="samplesFieldStyle" readonly="" value="Offres services"></td>
  570. <input name="FirstName" type="hidden" id="FirstName" style="width: 1090px; vertical-align: middle;" class="samplesFieldStyle" value="Mohamed El Amine">
  571. <input name="LastName" type="hidden" id="LastName" style="width: 1090px; vertical-align: middle;" class="samplesFieldStyle" value="Chammah">
  572. <input name="EmailAddress" type="hidden" id="EmailAddress" style="width: 1090px; vertical-align: middle;" class="samplesFieldStyle" value="cancerchange@gmail.com">
  573.                                            
  574.                         <td style="width:6px; vertical-align: middle;"><span class="samplesMandatoryMark"></span></td>
  575.                                            
  576.                     </tr>
  577.          
  578. <tr>
  579.  <td class="samplesSampleFieldTitle">&nbsp;</td>
  580.  <td>
  581. <input name="EtatCivile" type="hidden" id="EtatCivile" value="Mr">
  582. <input name="Address" type="hidden" id="Address" value="Centre Ville Rue Tarek Bin Zyad">
  583. <input name="Wilaya" type="hidden" id="Wilaya" value="Biskra">
  584. <input name="Commune" type="hidden" id="Commune" value="OULED DJELLAL">
  585. <input name="TelContact" type="hidden" id="TelContact" value="0663085803">
  586. <input name="TelArselli" type="hidden" id="TelArselli">
  587. <input name="AccountNumber" type="hidden" id="AccountNumber">
  588. <input name="ActiveLine" type="hidden" id="ActiveLine" value="Oui">
  589. <input name="ComplaintType" type="hidden" id="ComplaintType" value="1">
  590. <input name="SubjectCode" type="hidden" id="SubjectCode" value="6">
  591. </td>
  592.  <td style="width:6px; vertical-align: middle;"><span class="samplesMandatoryMark"></span></td>
  593. </tr>
  594. <tr>
  595.  <td class="samplesSampleFieldTitle">&nbsp;</td>
  596.  <td>&nbsp;</td>
  597.  <td style="width:6px; vertical-align: middle;"><span class="samplesMandatoryMark"></span></td>
  598. </tr>
  599.  
  600.                     <tr>
  601.                         <td colspan="4">
  602.                           <iframe style="width: 1345px; vertical-align: middle; height: 278px;" id="ChatTranscript" name="ChatTranscript" frameborder="0" scrolling="yes" src="ChatTranscript.aspx?FontName=arial&amp;FontSize=normal&amp;BackgroundColor=FFFFFF"></iframe>
  603.                         </td>
  604.                     </tr>
  605.  
  606.                     <tr>
  607.                         <td class="samplesSampleFieldTitleNoWidthFixedNoBackground"></td>
  608.                         <td style="height:28px; min-height:28px;" colspan="3">
  609.                             <div id="spanAgentTyping" class="samplesChatTextNormal" style="vertical-align: middle; display: none; color: rgb(112, 128, 144); width: 511px; height: 28px; text-align: center; background-color: rgb(240, 240, 240);">
  610.                             <img src="../Resources/Images/anim_typing_icon.gif" alt="">
  611.                             <span id="AgentName">Agent</span>&nbsp;is typing...&nbsp;
  612.                             </div>
  613.                         </td>
  614.                     </tr>
  615.  
  616.                     <tr>
  617.                         <td style="width:150px; vertical-align: middle;" class="samplesSampleFieldTitleNoWidthFixedNoBackground">Message:</td>
  618.                         <td colspan="3">
  619.                             <table cellpadding="0" cellspacing="0" border="0">
  620.                                 <tbody><tr style="vertical-align: middle;">
  621.                                     <td>
  622.                                         <textarea cols="10" style="width: 1107px; height: 67px; overflow: auto; vertical-align: middle;" class="samplesFieldStyle" rows="2" id="message" name="message" onkeypress="javascript:message_onkeypress();"></textarea>
  623.                                     </td>
  624.                                     <td style="width:6px"></td>
  625.                                     <td style="vertical-align: middle;" onclick="javascript:on_send();" class="sampleBlueButtonBig" onmouseover="javascript:MouseOver(this);" onmouseout="javascript:MouseOut(this);">Envoyer</td>
  626.                                 </tr>
  627.                             </tbody></table>
  628.                         </td>
  629.                     </tr>
  630.  
  631.                     <tr>
  632.                       <td colspan="4">
  633.                       <br>
  634.                       <table style="width:100%" class="samplesTopBarFiller">
  635.                       <tbody><tr>
  636.                           <td style="vertical-align:middle;width:150px;font-family: Tahoma;font-size: 12px;font-weight:normal; color: #537ea9;">
  637.                             &nbsp;&nbsp;&nbsp;&nbsp;Smiles:
  638.                           </td>
  639.                           <td style="vertical-align:middle;width:12px;">
  640.                           &nbsp;
  641.                           </td>
  642.                           <td style="vertical-align:middle;width:180px;font-family: Tahoma;font-size: 12px;font-weight:normal; color: #537ea9;">
  643.                             &nbsp;
  644.                           </td>
  645.                           <td style="vertical-align:middle;width:12px;">
  646.                             &nbsp;
  647.                           </td>
  648.                           <td style="vertical-align:middle;text-align:right;">
  649.  
  650.                             <img onmouseover="javascript:MouseOver(this);" onmouseout="javascript:MouseOut(this);" onclick="javascript:selectSmile_onclick();" style="vertical-align:middle" src="../Resources/Images/smiles/smile_smily.png" alt="">
  651.                             &nbsp;
  652.                             <img onmouseover="javascript:MouseOver(this);" onmouseout="javascript:MouseOut(this);" onclick="javascript:selectSmile_onclick();" style="vertical-align:middle" src="../Resources/Images/down-arrow.png" alt="">
  653.  
  654.                           </td>
  655.                       </tr>
  656.                       <tr>
  657.                         <td colspan="4"><br><br></td>
  658.                         <td style="text-align:right">
  659.                             <div id="divSmiles" style="display:none;border: 1px solid rgb(34, 102, 170); padding: 1px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; float:right; position: relative; width: 120px; height: 20px;">
  660.                                 <table>
  661.                                     <tbody><tr>
  662.                                         <td>
  663.                                             <img alt="" onclick="javascript:return AddEmotion(':)');" src="../Resources/Images/smiles/smile_smily.png">
  664.                                         </td>
  665.                                         <td>
  666.                                             <img alt="" onclick="javascript:return AddEmotion(':)))');" src="../Resources/Images/smiles/laugh_smily.png">
  667.                                         </td>
  668.                                         <td>
  669.                                             <img alt="" onclick="javascript:return AddEmotion(':P');" src="../Resources/Images/smiles/tongue_smily.png.png">
  670.                                         </td>
  671.                                         <td>
  672.                                             <img alt="" onclick="javascript:return AddEmotion(';)');" src="../Resources/Images/smiles/laughtwink_smily.png">
  673.                                         </td>
  674.                                         <td>
  675.                                             <img alt="" onclick="javascript:return AddEmotion('{wink}');" src="../Resources/Images/smiles/wink_smily.png">
  676.                                         </td>
  677.                                         <td>
  678.                                             <img alt="" onclick="javascript:return AddEmotion(':(');" src="../Resources/Images/smiles/cry_smily.png">
  679.                                         </td>
  680.                                     </tr>
  681.                                      
  682.                                  </tbody></table>
  683.                             </div>
  684.                         </td>
  685.                       </tr>
  686.                       </tbody></table>
  687.                       </td>
  688.                       <td style="width:6px; vertical-align: middle;"></td>
  689.                     </tr>
  690.  
  691.                  </tbody></table>
  692.             </td>
  693.         </tr>
  694. <!-- <tr><td class="samplesSampleFieldTitleNoWidthFixed" ><b>Post string:</b><br><span id="PostString"></span><br>a</td></tr> -->
  695.     </tbody></table>
  696.  
  697. </form>
  698.  
  699.  
  700.  
  701. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!