Insérer une page web extérieure dans un div avec JS

Fermé
vegee Messages postés 7 Date d'inscription mardi 18 mars 2014 Statut Membre Dernière intervention 22 janvier 2015 - 24 nov. 2014 à 12:08
mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 - 24 nov. 2014 à 19:09
Bonjour,

J'ai déjà fait des recherches qui puissent répondre à ce que je cherche mais je n'ai pas encore trouvé de réponse. Donc je publie ma question ici :

J'ai une page web que je voudrais rendre intégrable sur des sites des futurs clients en appelant cette page via du code javascript/jquery, en bas à droite de l'écran et qui peut être réductible, mais je ne sais pas comment on fait, si quelqu'un peut m'aider svp !C'est un peu comme dans ce genre là, et ce que j'aimerai faire c'est comme la fenêtre verte en bas à gauche : http://www.livezilla.net/home/en/

L'idée c'est de pouvoir faire cela avec les mêmes lignes de codes pour n'importe quel site (sans toucher aux fichiers css du site)
A voir également:

1 réponse

mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
24 nov. 2014 à 19:09
<div id="lz_floating_button" style="position: fixed; height: 137px; width: 39px; overflow: hidden; z-index: 99997; cursor: move; margin: 0px; opacity: 1.0999999999999999; bottom: auto; right: auto; left: -2px; top: 256px;" len="339"><a href="javascript:void(window.open('https://chat.livezilla.net/chat.php','','width=590,height=650,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))" len="155"><img id="chat_button_image" src="https://chat.livezilla.net/image.php?id=13&type=overlay" width="32" height="112" border="0" alt="LiveZilla Live Help"></a></div> <div id="lz_overlay_chat" style="position: fixed; height: 550px; width: 280px; overflow: hidden; z-index: 99999; cursor: move; margin: 0px; opacity: 1.0999999999999999; left: 1556px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; top: 98px;" len="22550"><div id="lz_chat_overlay_main" class="lz_chat_base notranslate" style="border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; background-color: rgb(115, 190, 40); background-position: initial initial; background-repeat: initial initial;" len="22220">
    <div id="lz_chat_waiting_messages" style="display: none;" onclick="lz_chat_change_state(true,false);">
        <div id="lz_chat_waiting_message_count" style="display: none;"> 0 </div>
    </div>
    <div cellpadding="0" cellspacing="0" style="position:absolute;top:5px;left:6px;height:25px;right:6px;z-index:100015;background:#73be28;color:#ffffff;">
        <div class="lz_overlay_chat_gradient">
            <div id="lz_chat_overlay_text" style="color: rgb(255, 255, 255); cursor: move;" onclick="lz_chat_change_state(true,false);" class="unselectable unmovable">Offline - Leave a message</div>
            <div id="lz_chat_minimize" onclick="lz_chat_change_state(true,true);" class="unselectable unmovable">
                <div id="lz_chat_state_change" style="border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: rgb(255, 255, 255);" class="unselectable"></div>
            </div>
        </div>
    </div>
    <div id="lz_chat_content" class="unmovable" style="">
		<div class="lz_chat_content_table">
            <div id="lz_chat_state_bar" onclick="lz_chat_close();" style="display: none;"><a class="lz_decline_link">Close</a></div>
            <div id="lz_chat_content_box" style="display: none; top: 6px;" class="unmovable lz_chat_content_box_fh" onscroll="lz_chat_scroll();"><div id="lz_chat_content_inlay" class="unmovable" style="width: 267px;"></div></div>
            <div id="lz_chat_overlay_options_box_bg" style="display:none;opacity:0;"></div>
            <div id="lz_chat_overlay_loading" style="display:none;"><div>Loading</div></div>
            <div id="lz_chat_overlay_options_frame" style="display:none;">
                <div id="lz_chat_overlay_options_box" style="display:none;border-spacing:0px;opacity:0;height:300px;width:233px;">
                    <div id="lz_chat_overlay_option_title" class="lz_chat_overlay_options_box_base" style="background:#73be28;color: #ffffff;">Options</div>

                    <div style="top:44px;height:30px;" class="lz_chat_overlay_options_box_base lz_chat_overlay_options_group">
                        <div style="top:7px;left:8px;width:18px;" class="lz_chat_overlay_options_box_base"><input type="checkbox" id="lz_chat_overlay_options_sound" value=""></div>
                        <div style="top:7px;left:26px;" class="lz_chat_overlay_options_box_base">Sounds</div>
                    </div>
                    <div style="top:84px;height:75px;" class="lz_chat_overlay_options_box_base lz_chat_overlay_options_group">
                        <div style="top:7px;left:8px;width:18px;" class="lz_chat_overlay_options_box_base"><input type="checkbox" id="lz_chat_overlay_options_transcript" value="" onclick="document.getElementById('lz_chat_overlay_options_transcript_email').disabled = !this.checked;" checked=""></div>
                        <div style="top:7px;left:26px;" class="lz_chat_overlay_options_box_base">Yes, send a transcript of this chat to my email account:<br><input id="lz_chat_overlay_options_transcript_email" class="lz_form_base lz_form_box lz_chat_overlay_options_options_box" maxlength="254"></div>
                    </div>
                    <div style="top:169px;height:75px;display:'';" class="lz_chat_overlay_options_box_base lz_chat_overlay_options_group">
                        <div style="top:7px;left:8px;width:18px;" class="lz_chat_overlay_options_box_base"><input type="checkbox" id="lz_chat_overlay_options_trans" onclick="lz_chat_change_translation();" value=""></div>
                        <div style="top:7px;left:26px;" class="lz_chat_overlay_options_box_base">Use Auto-Translation Service. My language is:<select id="lz_chat_overlay_options_language" class="lz_form_base lz_form_box lz_form_select lz_chat_overlay_options_options_box" onclick="lz_chat_change_translation();" disabled=""><option value="sq">Albanian</option><option value="ar">Arabic</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-tw">Chinese (Traditional)</option><option value="zh-cn">Chinese (Simplified)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en">English</option><option value="et">Estonian</option><option value="fi">Finnish</option><option value="fr" selected="">French</option><option value="gl">Galician</option><option value="de">German</option><option value="el">Greek</option><option value="he">Hebrew</option><option value="hi">Hindi</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="ko">Korean</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="mk">Macedonian</option><option value="ms">Malay</option><option value="mt">Maltese</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="pt-br">Portuguese (Brazil)</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="es">Spanish</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="vi">Vietnamese</option><option value="cy">Welsh</option><option value="yi">Yiddish</option></select></div>
                    </div>

                    <div style="right:10px;bottom:15px;left:10px;" class="lz_chat_overlay_options_box_base lz_overlay_chat_button unselectable" onclick="lz_chat_switch_options(false);">Save</div>
                </div>
            </div>
            <div id="lz_chat_data_form" style="">
                    <div id="lz_chat_data_header" class="lz_chat_data_form_header" style="visibility: visible;">
                        <div id="lz_chat_data_form_header_title" class="lz_chat_status_offline">Please leave a message</div>
                        <div id="lz_chat_data_form_header_text">Please leave a message and we will come back to you shortly. Please provide as many details as possible along with your contact information.</div>
                    </div>
                    <input type="hidden" id="lz_form_active_111" value="true">
<table cellpadding="0" cellspacing="0" id="lz_form_111" class="lz_input">
	<tbody><tr>
		<td id="lz_form_caption_111" class="lz_form_field"><strong>Name:</strong></td>
		<td><input name="form_111" class="lz_form_base lz_form_box" maxlength="254" onchange="parent.parent.lz_chat_save_input_value('111',this.value);" onkeyup="return parent.parent.lz_chat_save_input_value('111',this.value);"></td>
        <td class="lz_form_icon"><div id="lz_form_mandatory_111" style="display:none;"></div></td>
        <td><div class="lz_form_info_box" id="lz_form_info_111"></div></td>
	</tr>
</tbody></table><input type="hidden" id="lz_form_active_112" value="true">
<table cellpadding="0" cellspacing="0" id="lz_form_112" class="lz_input">
	<tbody><tr>
		<td id="lz_form_caption_112" class="lz_form_field"><strong>Email:</strong></td>
		<td><input name="form_112" class="lz_form_base lz_form_box" maxlength="254" onchange="parent.parent.lz_chat_save_input_value('112',this.value);" onkeyup="return parent.parent.lz_chat_save_input_value('112',this.value);"></td>
        <td class="lz_form_icon"><div id="lz_form_mandatory_112" style="display:none;"></div></td>
        <td><div class="lz_form_info_box" id="lz_form_info_112"></div></td>
	</tr>
</tbody></table><input type="hidden" id="lz_form_active_113" value="true">
<table cellpadding="0" cellspacing="0" id="lz_form_113" class="lz_input" style="display: none;">
	<tbody><tr>
		<td id="lz_form_caption_113" class="lz_form_field"><strong>Company:</strong></td>
		<td><input name="form_113" class="lz_form_base lz_form_box" maxlength="254" onchange="parent.parent.lz_chat_save_input_value('113',this.value);" onkeyup="return parent.parent.lz_chat_save_input_value('113',this.value);"></td>
        <td class="lz_form_icon"><div id="lz_form_mandatory_113" style="display:none;"></div></td>
        <td><div class="lz_form_info_box" id="lz_form_info_113"></div></td>
	</tr>
</tbody></table><input type="hidden" id="lz_form_active_114" value="true">
<table cellpadding="0" cellspacing="0" id="lz_form_114" class="lz_input">
	<tbody><tr>
		<td id="lz_form_caption_114" class="lz_form_field"><strong>Question:</strong></td>
		<td><textarea id="a114" name="form_114" onmouseover="parent.parent.lz_chat_resize_area_int(this.id,400,110);" class="lz_form_base lz_form_box lz_form_area" onchange="parent.parent.lz_global_impose_max_length(this, 600);parent.parent.lz_chat_save_input_value('114',this.value);" onkeyup="parent.parent.lz_global_impose_max_length(this, 600);parent.parent.lz_chat_save_input_value('114',this.value);" onkeydown="return parent.parent.lz_chat_save_input_value('114',this.value);"></textarea></td>
        <td class="lz_form_icon"><div id="lz_form_mandatory_114" style="display:none;"></div></td>
        <td><div class="lz_form_info_box" id="lz_form_info_114"></div></td>
	</tr>
</tbody></table>

<input type="hidden" id="lz_form_active_116" value="false">
<table cellpadding="0" cellspacing="0" id="lz_form_116" class="lz_input" style="display: none;">
	<tbody><tr>
		<td id="lz_form_caption_116" class="lz_form_field"><strong>Phone:</strong></td>
		<td><input name="form_116" class="lz_form_base lz_form_box" maxlength="254" onchange="parent.parent.lz_chat_save_input_value('116',this.value);" onkeyup="return parent.parent.lz_chat_save_input_value('116',this.value);"></td>
        <td class="lz_form_icon"><div id="lz_form_mandatory_116" style="display:none;"></div></td>
        <td><div class="lz_form_info_box" id="lz_form_info_116"></div></td>
	</tr>
</tbody></table><input type="hidden" id="lz_form_active_0" value="true">
<table cellpadding="0" cellspacing="0" id="lz_form_0" class="lz_input" style="display: none;">
	<tbody><tr>
		<td id="lz_form_caption_0" class="lz_form_field"><strong>Customer #:</strong></td>
		<td><input name="form_0" class="lz_form_base lz_form_box" maxlength="254" onchange="parent.parent.lz_chat_save_input_value('0',this.value);" onkeyup="return parent.parent.lz_chat_save_input_value('0',this.value);"></td>
        <td class="lz_form_icon"><div id="lz_form_mandatory_0" style="cursor: pointer;" class="lz_input_icon lz_info"></div></td>
        <td><div class="lz_form_info_box" id="lz_form_info_0">Please understand that access to our Customer Support Team requires a valid <strong>LiveZilla 5.x PRO license</strong>. Please enter the <b>customer number</b>, <b>license key</b> or the <b>e-mail</b> of your account.<br><br>Without a license, please request help through our forums.</div></td>
	</tr>
</tbody></table><input type="hidden" id="lz_form_active_1" value="true">
<table cellpadding="0" cellspacing="0" id="lz_form_1" class="lz_input" style="display: none;">
	<tbody><tr>
		<td id="lz_form_caption_1" class="lz_form_field"><strong>File:</strong></td>
		<td><input type="file" name="form_1" class="lz_form_file" onchange="if(this.files.length>0){parent.parent.lz_chat_save_input_value('1',this.files[0]);}else{parent.parent.lz_chat_save_input_value('1',null);}"></td>
        <td class="lz_form_icon"><div id="lz_form_mandatory_1" style="display:none;"></div></td>
        <td><div class="lz_form_info_box" id="lz_form_info_1"></div></td>
	</tr>
</tbody></table><input type="hidden" id="lz_form_active_2" value="false">
<table cellpadding="0" cellspacing="0" id="lz_form_2" class="lz_input" style="display: none;">
	<tbody><tr>
		<td id="lz_form_caption_2" class="lz_form_field"></td>
		<td><input name="form_2" class="lz_form_base lz_form_box" maxlength="254" onchange="parent.parent.lz_chat_save_input_value('2',this.value);" onkeyup="return parent.parent.lz_chat_save_input_value('2',this.value);"></td>
        <td class="lz_form_icon"><div id="lz_form_mandatory_2" style="display:none;"></div></td>
        <td><div class="lz_form_info_box" id="lz_form_info_2"></div></td>
	</tr>
</tbody></table><input type="hidden" id="lz_form_active_3" value="false">
<table cellpadding="0" cellspacing="0" id="lz_form_3" class="lz_input" style="display: none;">
	<tbody><tr>
		<td id="lz_form_caption_3" class="lz_form_field"></td>
		<td><input name="form_3" class="lz_form_base lz_form_box" maxlength="254" onchange="parent.parent.lz_chat_save_input_value('3',this.value);" onkeyup="return parent.parent.lz_chat_save_input_value('3',this.value);"></td>
        <td class="lz_form_icon"><div id="lz_form_mandatory_3" style="display:none;"></div></td>
        <td><div class="lz_form_info_box" id="lz_form_info_3"></div></td>
	</tr>
</tbody></table><input type="hidden" id="lz_form_active_4" value="false">
<table cellpadding="0" cellspacing="0" id="lz_form_4" class="lz_input" style="display: none;">
	<tbody><tr>
		<td id="lz_form_caption_4" class="lz_form_field"></td>
		<td><input name="form_4" class="lz_form_base lz_form_box" maxlength="254" onchange="parent.parent.lz_chat_save_input_value('4',this.value);" onkeyup="return parent.parent.lz_chat_save_input_value('4',this.value);"></td>
        <td class="lz_form_icon"><div id="lz_form_mandatory_4" style="display:none;"></div></td>
        <td><div class="lz_form_info_box" id="lz_form_info_4"></div></td>
	</tr>
</tbody></table><input type="hidden" id="lz_form_active_5" value="false">
<table cellpadding="0" cellspacing="0" id="lz_form_5" class="lz_input" style="display: none;">
	<tbody><tr>
		<td id="lz_form_caption_5" class="lz_form_field"></td>
		<td><input name="form_5" class="lz_form_base lz_form_box" maxlength="254" onchange="parent.parent.lz_chat_save_input_value('5',this.value);" onkeyup="return parent.parent.lz_chat_save_input_value('5',this.value);"></td>
        <td class="lz_form_icon"><div id="lz_form_mandatory_5" style="display:none;"></div></td>
        <td><div class="lz_form_info_box" id="lz_form_info_5"></div></td>
	</tr>
</tbody></table><input type="hidden" id="lz_form_active_6" value="false">
<table cellpadding="0" cellspacing="0" id="lz_form_6" class="lz_input" style="display: none;">
	<tbody><tr>
		<td id="lz_form_caption_6" class="lz_form_field"></td>
		<td><input name="form_6" class="lz_form_base lz_form_box" maxlength="254" onchange="parent.parent.lz_chat_save_input_value('6',this.value);" onkeyup="return parent.parent.lz_chat_save_input_value('6',this.value);"></td>
        <td class="lz_form_icon"><div id="lz_form_mandatory_6" style="display:none;"></div></td>
        <td><div class="lz_form_info_box" id="lz_form_info_6"></div></td>
	</tr>
</tbody></table><input type="hidden" id="lz_form_active_7" value="false">
<table cellpadding="0" cellspacing="0" id="lz_form_7" class="lz_input" style="display: none;">
	<tbody><tr>
		<td id="lz_form_caption_7" class="lz_form_field"></td>
		<td><input name="form_7" class="lz_form_base lz_form_box" maxlength="254" onchange="parent.parent.lz_chat_save_input_value('7',this.value);" onkeyup="return parent.parent.lz_chat_save_input_value('7',this.value);"></td>
        <td class="lz_form_icon"><div id="lz_form_mandatory_7" style="display:none;"></div></td>
        <td><div class="lz_form_info_box" id="lz_form_info_7"></div></td>
	</tr>
</tbody></table><input type="hidden" id="lz_form_active_8" value="false">
<table cellpadding="0" cellspacing="0" id="lz_form_8" class="lz_input" style="display: none;">
	<tbody><tr>
		<td id="lz_form_caption_8" class="lz_form_field"></td>
		<td><input name="form_8" class="lz_form_base lz_form_box" maxlength="254" onchange="parent.parent.lz_chat_save_input_value('8',this.value);" onkeyup="return parent.parent.lz_chat_save_input_value('8',this.value);"></td>
        <td class="lz_form_icon"><div id="lz_form_mandatory_8" style="display:none;"></div></td>
        <td><div class="lz_form_info_box" id="lz_form_info_8"></div></td>
	</tr>
</tbody></table><input type="hidden" id="lz_form_active_9" value="false">
<table cellpadding="0" cellspacing="0" id="lz_form_9" class="lz_input" style="display: none;">
	<tbody><tr>
		<td id="lz_form_caption_9" class="lz_form_field"></td>
		<td><input name="form_9" class="lz_form_base lz_form_box" maxlength="254" onchange="parent.parent.lz_chat_save_input_value('9',this.value);" onkeyup="return parent.parent.lz_chat_save_input_value('9',this.value);"></td>
        <td class="lz_form_icon"><div id="lz_form_mandatory_9" style="display:none;"></div></td>
        <td><div class="lz_form_info_box" id="lz_form_info_9"></div></td>
	</tr>
</tbody></table><input type="hidden" id="lz_form_active_115" value="true">
<table cellpadding="0" cellspacing="0" id="lz_form_115" class="lz_input" style="display: none;">
	<tbody><tr>
		<td id="lz_form_caption_115" class="lz_form_field">Voucher code:</td>
		<td><input name="form_115" class="lz_form_base lz_form_box" maxlength="254" onchange="parent.parent.lz_chat_save_input_value('115',this.value);" onkeyup="return parent.parent.lz_chat_save_input_value('115',this.value);"></td>
        <td class="lz_form_icon"><div id="lz_form_mandatory_115" style="cursor: pointer;" class="lz_input_icon lz_info"></div></td>
        <td><div class="lz_form_info_box" id="lz_form_info_115">Please note that a valid chat voucher is required in order to initiate chat.</div></td>
	</tr>
</tbody></table>
                <div style="bottom:45px;left:5px;display:none;" class="lz_chat_overlay_options_box_base" id="lz_form_mandatory">
                    <table><tbody><tr><td style="vertical-align:top;"><div class="lz_input_icon lz_required"></div></td><td> Required</td></tr></tbody></table>
                </div>
                <table cellpadding="0" cellspacing="0" class="lz_input" id="lz_group_selection_box">
                    <tbody><tr>
                        <td class="lz_form_field"><strong>Department:</strong></td>
                        <td align="right"><select id="lz_form_groups" class="lz_form_base lz_form_box lz_form_select" onchange="parent.parent.lz_chat_change_group(this,true);" onkeyup="this.blur();" onclick="parent.parent.lz_chat_pre_change_group(this);" style="color: rgb(93, 93, 93); background-color: rgb(247, 247, 247); background-position: initial initial; background-repeat: initial initial;"><option value="general" label="  Pre-Sale Questions" style="color: rgb(93, 93, 93); background-color: rgb(247, 247, 247); background-position: initial initial; background-repeat: initial initial;">  Pre-Sale Questions</option><option value="premium" label="  Customer Support" style="color: rgb(93, 93, 93); background-color: rgb(247, 247, 247); background-position: initial initial; background-repeat: initial initial;">  Customer Support</option></select></td>
                        <td class="lz_form_icon"><div id="lz_form_mandatory_group" style="display:none;"></div></td>
                        <td><div class="lz_form_info_box" id="lz_form_info_group"></div></td>
                    </tr>
                </tbody></table>
                <div class="lz_chat_overlay_options_box_base lz_overlay_chat_button unselectable" id="lz_chat_overlay_data_form_ok_button" onclick="lz_chat_data_form_result(true);" style="right: 14px; left: 15px;">Leave message</div>
                <div class="lz_chat_overlay_options_box_base lz_overlay_chat_button unselectable" id="lz_chat_overlay_data_form_cancel_button" onclick="lz_chat_data_form_result(false);" style="display: none;">Start Chat</div>
            </div>
            <div id="lz_chat_overlay_ticket" style="display: none;">
                <div id="lz_chat_ticket_received" class="lz_chat_overlay_options_box_base lz_overlay_chat_ticket_response" style="display: none;"><b>Thank you!</b><br>We will get in touch with you soon.</div>
                <div id="lz_chat_ticket_flood" class="lz_chat_overlay_options_box_base lz_overlay_chat_ticket_response" style="color:#cc3333;">You have sent too many messages. Please wait some time and try again.</div>
                <div style="bottom:14px;left:14px;right:14px;" class="lz_chat_overlay_options_box_base lz_overlay_chat_button unselectable" onclick="lz_chat_data_form_result(false);">Back</div>
            </div>
            <div style="position:absolute;bottom:10px;left:5px;right:5px;height:70px;text-align:center;">
                <div style="height:24px;vertical-align:middle;">
                    <div id="lz_chat_overlay_info" class="">Press <em>ENTER</em> to send your message</div>
                </div>
                <div>
                    <img src="https://chat.livezilla.net/images/chat_loading.gif" id="lz_bot_reply_loading" style="margin-top:5px;display:none;">
                    <textarea onkeydown="if(event.keyCode==13){return lz_chat_message(null,null);}else{lz_chat_switch_extern_typing(true);return true;}" onchange="lz_overlay_chat_impose_max_length(this, 600);" onkeyup="lz_overlay_chat_impose_max_length(this, 600);" id="lz_chat_text" class="lz_chat_overlay_text" disabled=""></textarea>
                </div>
            </div>
        </div>
	</div>
    <div style="bottom:0px;left:10px;" class="lz_chat_overlay_options_box_base lz_overlay_chat_footer unselectable">
        <table style="border-spacing:0px;" align="center">
            <tbody><tr>
                <td nowrap="" onclick="javascript:lz_chat_switch_options(false,false);" id="lz_overlay_chat_options_button" class="lz_overlay_chat_options_link" style="color: #ffffff;">Options</td>
                <td style="font-weight: normal; color: rgb(255, 255, 255); visibility: visible;" id="lz_chat_apo" onclick="javascript:lz_chat_pop_out();" class="lz_overlay_chat_options_link">PopOut</td>
            </tr>
        </tbody></table>
    </div>
    <div style="bottom:0px;right:3px;" class="lz_chat_overlay_options_box_base lz_overlay_chat_footer unselectable" "="">
        <table style="border-spacing:0px;" align="center">
            <tbody><tr>
                <td style="text-align:right;color: #ffffff !important;"></td>
            </tr>
        </tbody></table>
    </div>
</div></div> <div id="lz_eye_catcher" style="position: fixed; height: 95px; width: 285px; overflow: hidden; z-index: 9999; cursor: move; margin: 0px; opacity: 1.0999999999999999; left: 1556px; bottom: 29px; right: auto; top: auto;" len="824"><div onclick="lz_chat_change_state(true,false);" id="lz_overlay_eyecatcher" style="display: none;" len="733">
    <div id="lz_ec_header_text" style="z-index:10003;margin-left:8px;padding:16px 0px 0px 16px;font-size:20px;z-index:10003;font-weight:bold;color:#6EA30C;" len="10" lang="fr">Questions?</div>
    <div id="lz_ec_sub_header_text" style="width: 88%; margin: 0px 0px 0px 8px; opacity: 0.95; z-index: 10003; padding: 43px 0px 0px 16px; font-size: 14px; font-weight: normal; color: rgb(110, 163, 12);" len="22" lang="fr">Please leave a message</div>
    <span id="lz_overlay_eyecatcher_close" style="z-index:10013;color:#6EA30C;" onclick="lz_tracking_remove_eye_catcher(event, this);" len="1" lang="fr">x</span>
    <canvas style="z-index:10001;" id="lz_overlay_eyecatcher_shadow" width="285" height="95" len="0"></canvas>
    <canvas style="z-index:10002;" id="lz_overlay_eyecatcher_bubble" width="285" height="95" len="0"></canvas>
</div></div>
si tu avais regarder le code source ^^
0