1jQuery(function($) { 2 setTimeout(function() { 3 var $top = $("html body"); 4 $top.find('[class~="data"]').each(function() { 5 var help = $(this).attr('data-help'), 6 type = $(this).attr('data-type'), 7 xpath = $(this).attr('data-xpath'), 8 tag = $(this).attr('data-tag'), 9 output = ""; 10 if (help) { 11 output += "<b>Help</b>: " + help + "<br/>"; 12 } 13 if (type) { 14 output += "<b>Type</b>: " + type + "<br/>"; 15 } 16 if (xpath) { 17 output += "<div class='xpath-wrapper'>" 18 + "<a class='xpath-link' href='#'>" 19 + "show xpath</a><div class='xpath'>" 20 + xpath + "</div></div><br/>"; 21 } 22 if (output.length > 0) { 23 output = "<div>" + output + "</div>"; 24 } 25 26 $(this).qtip({ 27 content: { 28 title: "<b>" + tag + "</b>", 29 text: function () { 30 var div = $(output); 31 div.find(".xpath-link") 32 .click(function() { 33 var xpath = $(this).next(); 34 if (xpath.is(":hidden")) { 35 xpath.show(); 36 $(this).text("hide xpath"); 37 } else { 38 xpath.hide(); 39 $(this).text("show xpath"); 40 } 41 return false; 42 }); 43 return div; 44 } 45 }, 46 hide: { 47 fixed: true, 48 delay: 300 49 }, 50 style: "qtip-tipped" 51 }); 52 }); 53 }, 0); 54});