У меня есть скрипт, который сканирует страницу на наличие телефонных номеров и добавляет ссылку для звонка через VOIP API. Это довольно просто и работает почти на каждой странице.
Однако он не работает на одной странице, на которой я действительно хочу, чтобы он работал (к сожалению, страница находится за платным доступом, поэтому ссылка бесполезна).
Мой скрипт (по сути копия Linkify (http://userscripts-mirror.org/scripts/review/6111), но обновлен под мои нужды):
// ==UserScript==
// @include *
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
// @require https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant GM_addStyle
// ==/UserScript==
const defaultPrefix= '+1';
// BEGIN MODIFY AREA
const rcUsername = ""; // Account info temp removed
const rcPassword = "";
const rcExtension = "";
const rcRingOut = "";
const rcCallerId = "";
const rcPrompt = "0";
// END MODIFY
//close new window after starting the call
if (location.pathname == "/ringout.asp") {window.close();}
// leftovers from various attempts to get the data before the code ran.
/*document.getElementById("relationships_tab_nav").focus();
document.getElementById("notes_tab_nav").focus();
document.getElementById("time_tab_nav").focus();;
document.getElementById("communications_tab_nav").focus();
document.getElementById("permissions_tab_nav").focus();
document.getElementById("matter-tabs").addEventListener("mouseover", ringItOut());*/
function ringItOut (jNode) {
const trackRegex = /(\(?(\d{3})?(?!$)(?:[\-\.\)\s]?(?!$)\s?)(\d{3})(?!$)[\s\-\.\(]?(\d{4})(?!\d)(\s?(?:x|ext|ex)\.?(\d{0,6})?)?)(?!\d)/ig;
function trackUrl(t) {
if (String(t).charAt(0)!= '+') t= defaultPrefix + String(t);
if (rcPrompt == "1") {
return "https://service.ringcentral.com/ringout.asp?cmd=call&username=" + rcUsername + "&ext=" + rcExtension + "&password=" + rcPassword + "&to=" + (String(t).replace(/[\-\s\/\(\)\.]/g, "")) + "&from=" + rcRingOut + "&clid=" + rcCallerId + "&prompt=1";
} else {
return "https://service.ringcentral.com/ringout.asp?cmd=call&username=" + rcUsername + "&ext=" + rcExtension + "&password=" + rcPassword + "&to=" + (String(t).replace(/[\-\s\/\(\)\.]/g, "")) + "&from=" + rcRingOut + "&clid=" + rcCallerId +"";
}
}
var allowedParents = [
"abbr", "acronym", "address", "applet", "b", "bdo", "big", "blockquote", "body",
"caption", "center", "cite", "code", "dd", "del", "div", "dfn", "dt", "em",
"fieldset", "font", "form", "h1", "h2", "h3", "h4", "h5", "h6", "i", "iframe",
"ins", "kdb", "li", "nobr", "object", "pre", "p", "q", "samp", "small", "span", "strike",
"s", "strong", "sub", "sup", "td", "th", "tt", "u", "var"
];
var xpath = "//text()[(parent::" + allowedParents.join(" or parent::") + ")" + "]";
var candidates = document.evaluate(xpath, document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
for (var cand = null, i = 0; (cand = candidates.snapshotItem(i)); i++) {
if (trackRegex.test(cand.nodeValue)) {
var span = document.createElement("span");
var source = cand.nodeValue;
cand.parentNode.replaceChild(span, cand);
trackRegex.lastIndex = 0;
for (var match = null, lastLastIndex = 0; (match = trackRegex.exec(source)); ) {
span.appendChild(document.createTextNode(source.substring(lastLastIndex, match.index)));
var a = document.createElement("a");
a.setAttribute("href", trackUrl(match[0]));
var num = document.createTextNode(match[0]);
var img = document.createElement("img");
img.setAttribute("src", "http://cmsresources.windowsphone.com/windowsphone/en-us/How-to/wp7/inline/phone-icon-add-call.png"); //temp hotlink to a random phone icon.
img.setAttribute("height", "18px");
img.setAttribute("title", "RingOut to "+match[0]);
span.appendChild(num);
span.appendChild(document.createTextNode(" "));
span.appendChild(a);
a.setAttribute("target", '_blank');
a.appendChild(img);
lastLastIndex = trackRegex.lastIndex;
}
span.appendChild(document.createTextNode(source.substring(lastLastIndex)));
span.normalize();
}
}
}
//waitForKeyElements ("matter-tabs", ringItOut);
//waitForKeyElements ("#info_tab", ringItOut);
//waitForKeyElements ("#client_tab", ringItOut);
waitForKeyElements ("#relationships_tab", ringItOut); //of all the tabs, this is the one I REALLY want to load
//waitForKeyElements ("#tasks_tab", ringItOut);
//waitForKeyElements ("#calendar_entries_tab", ringItOut);
//waitForKeyElements ("#notes_tab", ringItOut);
//waitForKeyElements ("#time_tab", ringItOut);
//waitForKeyElements ("#expenses_tab", ringItOut);
//waitForKeyElements ("#communications_tab", ringItOut);
//waitForKeyElements ("#permissions_tab", ringItOut);- На странице всего 12 вкладок на панели навигации. При начальной загрузке страница загружает содержимое для двух вкладок (
#info_tabи#client_tab). Мой скрипт работает, как и ожидалось, с данными, изначально загруженными в них, на вкладки / div. Однако он не будет работать ни с каким контентом из других вкладок навигации. Я пробовал несколько обходных путей, включая использованиеwaitForKeyElements, как обсуждалось в несколько сообщений и в то время какwaitForKeyElementsвыполняет повторный запуск сценария при загрузке идентифицированных вкладок/разделов (значки телефонов, вставленные в число, совпадающее с регулярным выражением, по всей странице), он по-прежнему не собирает данные в этих новых вкладках. (поэтому он работает со всей информацией, но, похоже, не работает с новой информацией).
Я разместил код страницы ниже, но сильно отредактирован, так как он содержит некоторую конфиденциальную информацию. Разделено на Head
<head>
<script type="text/javascript">
var _kmq = _kmq || [];
var _kmk = _kmk || 'xxxxxxxxxxxxxxxxxxx';
function _kms(u) {
setTimeout(function() {
var d = document,
f = d.getElementsByTagName('script')[0],
s = d.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = u;
f.parentNode.insertBefore(s, f);
}, 1);
}
_kms('//i.kissmetrics.com/i.js');
_kms('//doug1izaerwt3.cloudfront.net/' + _kmk + '.1.js');
</script>
<title>xxxxxx</title>
<!-- Removed icons -->
<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"beacon-1.newrelic.com","errorBeacon":"bam.nr-data.net","licenseKey":"xxxxxx","applicationID":"xxxxxx","transactionName":"xxxxxx=","queueTime":0,"applicationTime":814,"agentToken":null,"agent":"js-agent.newrelic.com/nr-476.min.js"}</script>
<script type="text/javascript">
(window.NREUM||(NREUM={})).loader_config={xpid:"xxxxxx"};window.NREUM||(NREUM={}),__nr_require=function(t,e,n){function r(n){if(!e[n]){var o=e[n]={exports:{}};t[n][0].call(o.exports,function(e){var o=t[n][1][e];return r(o?o:e)},o,o.exports)}return e[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<n.length;o++)r(n[o]);return r}({QJf3ax:[function(t,e){function n(t){function e(e,n,a){t&&t(e,n,a),a||(a={});for(var c=s(e),f=c.length,u=i(a,o,r),d=0;f>d;d++)c[d].apply(u,n);return u}function a(t,e){f[t]=s(t).concat(e)}function s(t){return f[t]||[]}function c(){return n(e)}var f={};return{on:a,emit:e,create:c,listeners:s,_events:f}}function r(){return{}}var o="nr@context",i=t("gos");e.exports=n()},{gos:"7eSDFh"}],ee:[function(t,e){e.exports=t("QJf3ax")},{}],3:[function(t){function e(t,e,n,i,s){try{c?c-=1:r("err",[s||new UncaughtException(t,e,n)])}catch(f){try{r("ierr",[f,(new Date).getTime(),!0])}catch(u){}}return"function"==typeof a?a.apply(this,o(arguments)):!1}function UncaughtException(t,e,n){this.message=t||"Uncaught error with no additional information",this.sourceURL=e,this.line=n}function n(t){r("err",[t,(new Date).getTime()])}var r=t("handle"),o=t(5),i=t("ee"),a=window.onerror,s=!1,c=0;t("loader").features.err=!0,window.onerror=e,NREUM.noticeError=n;try{throw new Error}catch(f){"stack"in f&&(t(1),t(4),"addEventListener"in window&&t(2),window.XMLHttpRequest&&XMLHttpRequest.prototype&&XMLHttpRequest.prototype.addEventListener&&t(3),s=!0)}i.on("fn-start",function(){s&&(c+=1)}),i.on("fn-err",function(t,e,r){s&&(this.thrown=!0,n(r))}),i.on("fn-end",function(){s&&!this.thrown&&c>0&&(c-=1)}),i.on("internal-error",function(t){r("ierr",[t,(new Date).getTime(),!0])})},{1:8,2:5,3:9,4:7,5:20,ee:"QJf3ax",handle:"D5DuLP",loader:"G9z0Bl"}],4:[function(t){function e(){}if(window.performance&&window.performance.timing&&window.performance.getEntriesByType){var n=t("ee"),r=t("handle"),o=t(2);t("loader").features.stn=!0,t(1),n.on("fn-start",function(t){var e=t[0];e instanceof Event&&(this.bstStart=Date.now())}),n.on("fn-end",function(t,e){var n=t[0];n instanceof Event&&r("bst",[n,e,this.bstStart,Date.now()])}),o.on("fn-start",function(t,e,n){this.bstStart=Date.now(),this.bstType=n}),o.on("fn-end",function(t,e){r("bstTimer",[e,this.bstStart,Date.now(),this.bstType])}),n.on("pushState-start",function(){this.time=Date.now(),this.startPath=location.pathname+location.hash}),n.on("pushState-end",function(){r("bstHist",[location.pathname+location.hash,this.startPath,this.time])}),"addEventListener"in window.performance&&(window.performance.addEventListener("webkitresourcetimingbufferfull",function(){r("bstResource",[window.performance.getEntriesByType("resource")]),window.performance.webkitClearResourceTimings()},!1),window.performance.addEventListener("resourcetimingbufferfull",function(){r("bstResource",[window.performance.getEntriesByType("resource")]),window.performance.clearResourceTimings()},!1)),document.addEventListener("scroll",e,!1),document.addEventListener("keypress",e,!1),document.addEventListener("click",e,!1)}},{1:6,2:8,ee:"QJf3ax",handle:"D5DuLP",loader:"G9z0Bl"}],5:[function(t,e){function n(t){i.inPlace(t,["addEventListener","removeEventListener"],"-",r)}function r(t){return t[1]}var o=(t(1),t("ee").create()),i=t(2)(o),a=t("gos");if(e.exports=o,n(window),"getPrototypeOf"in Object){for(var s=document;s&&!s.hasOwnProperty("addEventListener");)s=Object.getPrototypeOf(s);s&&n(s);
for(var c=XMLHttpRequest.prototype;c&&!c.hasOwnProperty("addEventListener");)c=Object.getPrototypeOf(c);c&&n(c)}else XMLHttpRequest.prototype.hasOwnProperty("addEventListener")&&n(XMLHttpRequest.prototype);o.on("addEventListener-start",function(t){if(t[1]){var e=t[1];"function"==typeof e?this.wrapped=t[1]=a(e,"nr@wrapped",function(){return i(e,"fn-",null,e.name||"anonymous")}):"function"==typeof e.handleEvent&&i.inPlace(e,["handleEvent"],"fn-")}}),o.on("removeEventListener-start",function(t){var e=this.wrapped;e&&(t[1]=e)})},{1:20,2:21,ee:"QJf3ax",gos:"7eSDFh"}],6:[function(t,e){var n=(t(2),t("ee").create()),r=t(1)(n);e.exports=n,r.inPlace(window.history,["pushState"],"-")},{1:21,2:20,ee:"QJf3ax"}],7:[function(t,e){var n=(t(2),t("ee").create()),r=t(1)(n);e.exports=n,r.inPlace(window,["requestAnimationFrame","mozRequestAnimationFrame","webkitRequestAnimationFrame","msRequestAnimationFrame"],"raf-"),n.on("raf-start",function(t){t[0]=r(t[0],"fn-")})},{1:21,2:20,ee:"QJf3ax"}],8:[function(t,e){function n(t,e,n){var r=t[0];"string"==typeof r&&(r=new Function(r)),t[0]=o(r,"fn-",null,n)}var r=(t(2),t("ee").create()),o=t(1)(r);e.exports=r,o.inPlace(window,["setTimeout","setInterval","setImmediate"],"setTimer-"),r.on("setTimer-start",n)},{1:21,2:20,ee:"QJf3ax"}],9:[function(t,e){function n(){c.inPlace(this,d,"fn-")}function r(t,e){c.inPlace(e,["onreadystatechange"],"fn-")}function o(t,e){return e}var i=t("ee").create(),a=t(1),s=t(2),c=s(i),f=s(a),u=window.XMLHttpRequest,d=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"];e.exports=i,window.XMLHttpRequest=function(t){var e=new u(t);try{i.emit("new-xhr",[],e),f.inPlace(e,["addEventListener","removeEventListener"],"-",function(t,e){return e}),e.addEventListener("readystatechange",n,!1)}catch(r){try{i.emit("internal-error",[r])}catch(o){}}return e},window.XMLHttpRequest.prototype=u.prototype,c.inPlace(XMLHttpRequest.prototype,["open","send"],"-xhr-",o),i.on("send-xhr-start",r),i.on("open-xhr-start",r)},{1:5,2:21,ee:"QJf3ax"}],10:[function(t){function e(t){if("string"==typeof t&&t.length)return t.length;if("object"!=typeof t)return void 0;if("undefined"!=typeof ArrayBuffer&&t instanceof ArrayBuffer&&t.byteLength)return t.byteLength;if("undefined"!=typeof Blob&&t instanceof Blob&&t.size)return t.size;if("undefined"!=typeof FormData&&t instanceof FormData)return void 0;try{return JSON.stringify(t).length}catch(e){return void 0}}function n(t){var n=this.params,r=this.metrics;if(!this.ended){this.ended=!0;for(var i=0;c>i;i++)t.removeEventListener(s[i],this.listener,!1);if(!n.aborted){if(r.duration=(new Date).getTime()-this.startTime,4===t.readyState){n.status=t.status;var a=t.responseType,f="arraybuffer"===a||"blob"===a||"json"===a?t.response:t.responseText,u=e(f);if(u&&(r.rxSize=u),this.sameOrigin){var d=t.getResponseHeader("X-NewRelic-App-Data");d&&(n.cat=d.split(", ").pop())}}else n.status=0;r.cbTime=this.cbTime,o("xhr",[n,r,this.startTime])}}}
function r(t,e){var n=i(e),r=t.params;r.host=n.hostname+":"+n.port,r.pathname=n.pathname,t.sameOrigin=n.sameOrigin}if(window.XMLHttpRequest&&XMLHttpRequest.prototype&&XMLHttpRequest.prototype.addEventListener&&!/CriOS/.test(navigator.userAgent)){t("loader").features.xhr=!0;var o=t("handle"),i=t(2),a=t("ee"),s=["load","error","abort","timeout"],c=s.length,f=t(1);t(4),t(3),a.on("new-xhr",function(){this.totalCbs=0,this.called=0,this.cbTime=0,this.end=n,this.ended=!1,this.xhrGuids={}}),a.on("open-xhr-start",function(t){this.params={method:t[0]},r(this,t[1]),this.metrics={}}),a.on("open-xhr-end",function(t,e){"loader_config"in NREUM&&"xpid"in NREUM.loader_config&&this.sameOrigin&&e.setRequestHeader("X-NewRelic-ID",NREUM.loader_config.xpid)}),a.on("send-xhr-start",function(t,n){var r=this.metrics,o=t[0],i=this;if(r&&o){var f=e(o);f&&(r.txSize=f)}this.startTime=(new Date).getTime(),this.listener=function(t){try{"abort"===t.type&&(i.params.aborted=!0),("load"!==t.type||i.called===i.totalCbs&&(i.onloadCalled||"function"!=typeof n.onload))&&i.end(n)}catch(e){try{a.emit("internal-error",[e])}catch(r){}}};for(var u=0;c>u;u++)n.addEventListener(s[u],this.listener,!1)}),a.on("xhr-cb-time",function(t,e,n){this.cbTime+=t,e?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof n.onload||this.end(n)}),a.on("xhr-load-added",function(t,e){var n=""+f(t)+!!e;this.xhrGuids&&!this.xhrGuids[n]&&(this.xhrGuids[n]=!0,this.totalCbs+=1)}),a.on("xhr-load-removed",function(t,e){var n=""+f(t)+!!e;this.xhrGuids&&this.xhrGuids[n]&&(delete this.xhrGuids[n],this.totalCbs-=1)}),a.on("addEventListener-end",function(t,e){e instanceof XMLHttpRequest&&"load"===t[0]&&a.emit("xhr-load-added",[t[1],t[2]],e)}),a.on("removeEventListener-end",function(t,e){e instanceof XMLHttpRequest&&"load"===t[0]&&a.emit("xhr-load-removed",[t[1],t[2]],e)}),a.on("fn-start",function(t,e,n){e instanceof XMLHttpRequest&&("onload"===n&&(this.onload=!0),("load"===(t[0]&&t[0].type)||this.onload)&&(this.xhrCbStart=(new Date).getTime()))}),a.on("fn-end",function(t,e){this.xhrCbStart&&a.emit("xhr-cb-time",[(new Date).getTime()-this.xhrCbStart,this.onload,e],e)})}},{1:"XL7HBI",2:11,3:9,4:5,ee:"QJf3ax",handle:"D5DuLP",loader:"G9z0Bl"}],11:[function(t,e){e.exports=function(t){var e=document.createElement("a"),n=window.location,r={};e.href=t,r.port=e.port;var o=e.href.split("://");return!r.port&&o[1]&&(r.port=o[1].split("/")[0].split(":")[1]),r.port&&"0"!==r.port||(r.port="https"===o[0]?"443":"80"),r.hostname=e.hostname||n.hostname,r.pathname=e.pathname,"/"!==r.pathname.charAt(0)&&(r.pathname="/"+r.pathname),r.sameOrigin=!e.hostname||e.hostname===document.domain&&e.port===n.port&&e.protocol===n.protocol,r}},{}],gos:[function(t,e){e.exports=t("7eSDFh")},{}],"7eSDFh":[function(t,e){function n(t,e,n){if(r.call(t,e))return t[e];var o=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(t,e,{value:o,writable:!0,enumerable:!1}),o}catch(i){}return t[e]=o,o}var r=Object.prototype.hasOwnProperty;e.exports=n},{}],D5DuLP:[function(t,e){function n(t,e,n){return r.listeners(t).length?r.emit(t,e,n):(o[t]||(o[t]=[]),void o[t].push(e))}var r=t("ee").create(),o={};e.exports=n,n.ee=r,r.q=o},{ee:"QJf3ax"}],handle:[function(t,e){e.exports=t("D5DuLP")},{}],XL7HBI:[function(t,e){function n(t){var e=typeof t;return!t||"object"!==e&&"function"!==e?-1:t===window?0:i(t,o,function(){return r++})}var r=1,o="nr@id",i=t("gos");e.exports=n},{gos:"7eSDFh"}],id:[function(t,e){e.exports=t("XL7HBI")},{}],loader:[function(t,e){e.exports=t("G9z0Bl")},{}],G9z0Bl:[function(t,e){function n(){var t=p.info=NREUM.info;if(t&&t.agent&&t.licenseKey&&t.applicationID&&c&&c.body){p.proto="https"===d.split(":")[0]||t.sslForHttp?"https://":"http://",a("mark",["onload",i()]);
var e=c.createElement("script");e.src=p.proto+t.agent,c.body.appendChild(e)}}function r(){"complete"===c.readyState&&o()}function o(){a("mark",["domContent",i()])}function i(){return(new Date).getTime()}var a=t("handle"),s=window,c=s.document,f="addEventListener",u="attachEvent",d=(""+location).split("?")[0],p=e.exports={offset:i(),origin:d,features:{}};c[f]?(c[f]("DOMContentLoaded",o,!1),s[f]("load",n,!1)):(c[u]("onreadystatechange",r),s[u]("onload",n)),a("mark",["firstbyte",i()])},{handle:"D5DuLP"}],20:[function(t,e){function n(t,e,n){e||(e=0),"undefined"==typeof n&&(n=t?t.length:0);for(var r=-1,o=n-e||0,i=Array(0>o?0:o);++r<o;)i[r]=t[e+r];return i}e.exports=n},{}],21:[function(t,e){function n(t){return!(t&&"function"==typeof t&&t.apply&&!t[i])}var r=t("ee"),o=t(1),i="nr@wrapper",a=Object.prototype.hasOwnProperty;e.exports=function(t){function e(t,e,r,a){function nrWrapper(){var n,i,s,f;try{i=this,n=o(arguments),s=r&&r(n,i)||{}}catch(d){u([d,"",[n,i,a],s])}c(e+"start",[n,i,a],s);try{return f=t.apply(i,n)}catch(p){throw c(e+"err",[n,i,p],s),p}finally{c(e+"end",[n,i,f],s)}}return n(t)?t:(e||(e=""),nrWrapper[i]=!0,f(t,nrWrapper),nrWrapper)}function s(t,r,o,i){o||(o="");var a,s,c,f="-"===o.charAt(0);for(c=0;c<r.length;c++)s=r[c],a=t[s],n(a)||(t[s]=e(a,f?s+o:o,i,s,t))}function c(e,n,r){try{t.emit(e,n,r)}catch(o){u([o,e,n,r])}}function f(t,e){if(Object.defineProperty&&Object.keys)try{var n=Object.keys(t);return n.forEach(function(n){Object.defineProperty(e,n,{get:function(){return t[n]},set:function(e){return t[n]=e,e}})}),e}catch(r){u([r])}for(var o in t)a.call(t,o)&&(e[o]=t[o]);return e}function u(e){try{t.emit("internal-error",e)}catch(n){}}return t||(t=r),e.inPlace=s,e.flag=i,e}},{1:20,ee:"QJf3ax"}]},{},["G9z0Bl",3,10,4]);</script>
<script type="text/javascript">
//<![CDATA[
window.ThemisState={};ThemisState.clioEdge=true;
//]]>
</script>
<script src="https://d1oqwnf3xk4zzc.cloudfront.net/assets/application-cabad08e42760c7cf13dae287f24b32f.js" type="text/javascript"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js" type="text/javascript"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-animate.min.js" type="text/javascript"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-sanitize.min.js" type="text/javascript"></script>
<script src="//cdn.jsdelivr.net/uuid.js/3.2/uuid.js" type="text/javascript"></script>
<script src="https://d1oqwnf3xk4zzc.cloudfront.net/assets/app/main-67fd3e62cd830b13c1b8940f7f659deb.js" type="text/javascript"></script>
<link href="https://d1oqwnf3xk4zzc.cloudfront.net/assets/application-656a09c60454b9c64575a7b8ae56240c.css" media="all" rel="stylesheet" type="text/css" />
<link href="https://d1oqwnf3xk4zzc.cloudfront.net/assets/application_ext-0a7657917795b698a2bd49ac0fb03070.css" media="all" rel="stylesheet" type="text/css" />
<link href="https://d1oqwnf3xk4zzc.cloudfront.net/assets/application_next-5ed4f3e7c9209825af5c6baa6f9817cd.css" media="all" rel="stylesheet" type="text/css" />
<link href="https://d1oqwnf3xk4zzc.cloudfront.net/assets/print-1396324be5be4f19295e141ed2cf8d7d.css" media="print" rel="stylesheet" type="text/css" />
<link href="https://d1oqwnf3xk4zzc.cloudfront.net/assets/typography-2365e128d234bbf8b922b83398c6461c.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript">
//<![CDATA[
(function() {
YAHOO.namespace("clio"); YAHOO.clio.currentUser = {id : xxxxxx}; jQuery.namespace('jQuery.clio');}
//]]>
</script>
<script src="https://d1oqwnf3xk4zzc.cloudfront.net/assets/calendar_modal-00919da5a656f1177d70f7d83f083d1d.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
jq(function(){ });
//]]>
</script></head>и Body
<body class="yui-skin-sam cliov2 flag-clio-next has-modern-browser">
<!--Main Nav-->
<nav id="nav">
<ul>
<!--this is not the nav I'm having trouble with-->
</ul>
</nav>
<!--Sub Nav-->
<div id="subnav">
<div class="showgrid">
<ul>
<!--this is not the nav I'm having trouble with-->
</ul>
</div>
</div>
<!-- Content -->
<div class="sidebar-content-container">
<div id="content" ng-class="{'has-sidebar':sidebarOpen, 'sidebar-animate':sidebarAnimate}">
<!--This is where my trouble is-->
<div id="tab_container" class="tab_container">
<div id="matter-tabs">
<ul class="yui-nav clearfix">
<li class="selected">
<a id="info_tab_nav" href="#details_tab">Info</a>
</li>
<li>
<a id="client_tab_nav" href="#client_tab">Client</a>
</li>
<li><a id="transactions_tab_nav" href="#transactions_tab" data-datasrc='/matters/xxxxx/transactions'>Transactions</a>
</li>
<li><a id="relationships_tab_nav" href="#relationships_tab" data-datasrc='/relationships?matter_id=xxxxx'>Contacts</a>
</li>
<li><a id="tasks_tab_nav" href="#tasks_tab" data-datasrc='/tasks/dt.html?matter_id=xxxxx'>Tasks</a>
</li>
<li><a id="calendar_entries_tab_nav" href="#calendar_entries_tab" data-datasrc='/calendar_entries/dt?matter_id=xxxxx'>Calendar</a>
</li>
<li><a id="notes_tab_nav" href="#notes_tab" data-datasrc='/matters/xxxxx/notes'>Notes</a>
</li>
<li><a id="time_tab_nav" href="#time_tab" data-datasrc='/time_entries/dt?matter_id=xxxxx'>Time</a>
</li>
<li><a id="expenses_tab_nav" href="#expenses_tab" data-datasrc='/expense_entries/dt?matter_id=xxxxx'>Expenses</a>
</li>
<li><a id="documents_tab_nav" href="#documents_tab" data-datasrc='/documents/dt.html?matter_id=xxxxx'>Documents</a>
</li>
<li><a id="communications_tab_nav" href="#communications_tab" data-datasrc='/communications?matter_id=xxxxx'>Communications</a>
</li>
<li><a id="permissions_tab_nav" href="#permissions_tab" data-datasrc='/client_connect_permissions/dt?matter_id=xxxxx'>Clio Connect</a>
</li>
</ul>
<div class="yui-content">
<div id="info_tab">
<div id="file">
<table class="simple-table" cellpadding="0" cellspacing="0" width="100%">
<!-- HTML here (removed)is displayed on page load -->
</table>
</div>
<div id="client_tab">
<table class="simple-table" cellpadding="0" cellspacing="0" width="100%">
<!-- HTML here (removed)is loaded (but not visible) on page load -->
</table>
</div>
<div id="transactions_tab">Loading, please wait...
<img alt="Spinner" src="https://d1oqwnf3xk4zzc.cloudfront.net/assets/spinner-1b601670c8528f46c719b4a49ed6dcea.gif" />
</div>
<div id="relationships_tab">Loading, please wait...
<img alt="Spinner" src="https://d1oqwnf3xk4zzc.cloudfront.net/assets/spinner-1b601670c8528f46c719b4a49ed6dcea.gif" />
</div>
<div id="tasks_tab">Loading, please wait...
<img alt="Spinner" src="https://d1oqwnf3xk4zzc.cloudfront.net/assets/spinner-1b601670c8528f46c719b4a49ed6dcea.gif" />
</div>
<div id="calendar_entries_tab">Loading, please wait...
<img alt="Spinner" src="https://d1oqwnf3xk4zzc.cloudfront.net/assets/spinner-1b601670c8528f46c719b4a49ed6dcea.gif" />
</div>
<div id="notes_tab">Loading, please wait...
<img alt="Spinner" src="https://d1oqwnf3xk4zzc.cloudfront.net/assets/spinner-1b601670c8528f46c719b4a49ed6dcea.gif" />
</div>
<div id="time_tab">Loading, please wait...
<img alt="Spinner" src="https://d1oqwnf3xk4zzc.cloudfront.net/assets/spinner-1b601670c8528f46c719b4a49ed6dcea.gif" />
</div>
<div id="expenses_tab">Loading, please wait...
<img alt="Spinner" src="https://d1oqwnf3xk4zzc.cloudfront.net/assets/spinner-1b601670c8528f46c719b4a49ed6dcea.gif" />
</div>
<div id="documents_tab">Loading, please wait...
<img alt="Spinner" src="https://d1oqwnf3xk4zzc.cloudfront.net/assets/spinner-1b601670c8528f46c719b4a49ed6dcea.gif" />
</div>
<div id="communications_tab">Loading, please wait...
<img alt="Spinner" src="https://d1oqwnf3xk4zzc.cloudfront.net/assets/spinner-1b601670c8528f46c719b4a49ed6dcea.gif" />
</div>
<div id="permissions_tab">Loading, please wait...
<img alt="Spinner" src="https://d1oqwnf3xk4zzc.cloudfront.net/assets/spinner-1b601670c8528f46c719b4a49ed6dcea.gif" />
</div>
</div><!--yui-nav clearfix-->
</div><!--matter-tabs-->
</div><!--tab_container-->
<script>
jQuery(function() {
jQuery.clio.matters.initializeTabLoader();
});
</script>
<script type="text/javascript">
//<![CDATA[
setInterval(function() {
var Polling = YAHOO.namespace("clio.polling");
Polling.isDevelopment = false;
Polling.poll();
}, 300000);
//]]>
</script>
</div><!--content-->
<div id="sidebar" ng-class="{open:sidebarOpen, 'sidebar-animate':sidebarAnimate}">
</div>
</div><!--SidebarContentContainer-->
</body>
</html>- Основываясь на консоли, кажется, что содержимое каждой из оставшихся 10 вкладок загружается через два отдельных HTTP-запроса Get всякий раз, когда пользователь наводит курсор мыши на конкретную вкладку навигации. Первый запрос, по-видимому, относится к странице, которая по сути является оболочкой для недавно загруженных данных.
например, моя консоль показывает:
Загрузка XHR завершена: GET "https //website.com/relationships?id=xxxxxxxxxx"
(Я опубликую код для этой страницы-оболочки в комментарии, так как я нажимаю максимальное количество символов на сообщение).
Затем эта «страница-оболочка» извлекает данные json (очевидно, используя dtRender1, для чего это стоит ).
XHR завершил загрузку: GET "https //website.com/relationships.json?id=xxxxxxxxxx&sEcho=1&iCol…=asc&dt_search%5Bquery%5D=&dt_table_id=relationships_table&_=14174695xxxxx".
- Как я уже сказал, я попробовал
waitForKeyElements, я попытался добавить прослушиватели событий, я попытался запустить скрипт в setTimeout, я попытался зациклить его, я попытался добавить кнопку для ручного запуска сценария после загрузки данных, Я даже пытался добавить фокус к ссылкам, чтобы попытаться загрузить данные до того, как мой скрипт запустился... Независимо от того, что я не могу заставить скрипт работать с этими после загруженными данными.
Я в недоумении, смогу ли я заставить это работать, и я почти отказался от этого. Можно ли заставить скрипт запускать данные, загруженные таким образом? Спасибо за любые идеи.
waitForKeyElements. - person mulliweht schedule 02.12.2014DOMNodeInserted? - person Makaze schedule 21.12.2014