javascript - jQuery add dynamic content from one element to another element -
i'm adding livechat website, problem have adds dynamic onclick page gets blocked csp policy.
i have managed work around removing dynamic code , adding own.
what cannot figure out how grab link id can either
id="online-icon" or id="offline-icon" , span class lhc-text-status text
client-side not strong point, apologies if code below mess, can adding above id code.
$(document).ready(function () { $('body').on('click', '.status-icon', function () { $(this).closest('#lhc_status_container').remove(); $('<div id="lhc_status_container">' + '<a id="need add status here" class="status-icon" href="#">' + '<span class="lhc-text-status">and here</span>' + '</a>' + '</div>').appendto("#livechatcase"); $("#online-icon").click(function () { return window.lh_inst.lh_openchatwindow(); }); }); });
below example of how dynamic code added page.
<div id="lhc_status_container"> <a id="online-icon" class="status-icon" href="#" onclick="return lh_inst.lh_openchatwindow()"> <span class="lhc-text-status">live online...</span></a> </div>
update have managed value of id="need add status here" still working on lhc-text-status
solved problem, code below , if can improve on it appreciated need click live chat div twice before opens
$(document).ready(function () { $('body').on('click', '.status-icon', function () { var statusid = $(this).attr('id'); var textstatus = $(".lhc-text-status").text(); $(this).closest('#lhc_status_container').remove(); $('<div id="lhc_status_container">' + '<a id="'+ statusid +'" class="status-icon" href="#">' + '<span class="lhc-text-status">' + textstatus +'</span>' + '</a>' + '</div>').appendto("#livechatcase"); $(".status-icon").click(function () { return window.lh_inst.lh_openchatwindow(); }); }); });
ok fixed double click issue amended code below
$(document).ready(function () { $('body').on('click', '.status-icon', function () { var statusid = $(this).attr('id'); var textstatus = $(".lhc-text-status").text(); // $(this).closest('#lhc_status_container').remove(); $('<div id="lhc_status_container">' + '<a id="'+ statusid +'" class="status-icon" href="#">' + '<span class="lhc-text-status">' + textstatus +'</span>' + '</a>' + '</div>').appendto("body"); return window.lh_inst.lh_openchatwindow(); // $(".status-icon").click(function () { // return window.lh_inst.lh_openchatwindow(); //}); }); });
Comments
Post a Comment