snipt

Ctrl+h for KB shortcuts

JavaScript

David Walsh's Spyjax

// Use #FF0000 for a.checkme:visited color
//when the page is ready
$(document).ready(function() {
	//the list of domains to check and an array which will store hits
	var domains = ['davidwalsh.name','css-tricks.com','scriptandstyle.com','cnn.com','digg.com'];
	var visited = [];
	//for every domain...
	$.each(domains,function() {
		//inject a link into page
		var a = $('<a></a>').attr({
			href: 'http://' + this,
			'class': 'checkme'
		}).appendTo(document.body);
		//check the color of the link
		if($(a).css('color') == '#ff0000' || $(a).css('color') == 'rgb(255, 0, 0)') { //either format of color
			$(a).addClass('highlight');
			visited.push(this);
		}
		//remove from the page -- no longer need the links
		a.remove();
	});
	if(visited.length) {
		//save via ajax!  shady!
		//display items on the page based on "hits"
	}
});
https://snipt.net/embed/7b85824cad8e502390144f65f0b693f3/
/raw/7b85824cad8e502390144f65f0b693f3/
7b85824cad8e502390144f65f0b693f3
js
JavaScript
27
2019-07-21T12:59:08
True
False
False
/api/public/snipt/10206/
david-walshs-spyjax
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1"> 1</a> <a href="#L-2"> 2</a> <a href="#L-3"> 3</a> <a href="#L-4"> 4</a> <a href="#L-5"> 5</a> <a href="#L-6"> 6</a> <a href="#L-7"> 7</a> <a href="#L-8"> 8</a> <a href="#L-9"> 9</a> <a href="#L-10">10</a> <a href="#L-11">11</a> <a href="#L-12">12</a> <a href="#L-13">13</a> <a href="#L-14">14</a> <a href="#L-15">15</a> <a href="#L-16">16</a> <a href="#L-17">17</a> <a href="#L-18">18</a> <a href="#L-19">19</a> <a href="#L-20">20</a> <a href="#L-21">21</a> <a href="#L-22">22</a> <a href="#L-23">23</a> <a href="#L-24">24</a> <a href="#L-25">25</a> <a href="#L-26">26</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="c1">// Use #FF0000 for a.checkme:visited color</span> </span><span id="L-2"><a name="L-2"></a><span class="c1">//when the page is ready</span> </span><span id="L-3"><a name="L-3"></a><span class="nx">$</span><span class="p">(</span><span class="nb">document</span><span class="p">).</span><span class="nx">ready</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> </span><span id="L-4"><a name="L-4"></a> <span class="c1">//the list of domains to check and an array which will store hits</span> </span><span id="L-5"><a name="L-5"></a> <span class="kd">var</span> <span class="nx">domains</span> <span class="o">=</span> <span class="p">[</span><span class="s1">&#39;davidwalsh.name&#39;</span><span class="p">,</span><span class="s1">&#39;css-tricks.com&#39;</span><span class="p">,</span><span class="s1">&#39;scriptandstyle.com&#39;</span><span class="p">,</span><span class="s1">&#39;cnn.com&#39;</span><span class="p">,</span><span class="s1">&#39;digg.com&#39;</span><span class="p">];</span> </span><span id="L-6"><a name="L-6"></a> <span class="kd">var</span> <span class="nx">visited</span> <span class="o">=</span> <span class="p">[];</span> </span><span id="L-7"><a name="L-7"></a> <span class="c1">//for every domain...</span> </span><span id="L-8"><a name="L-8"></a> <span class="nx">$</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">domains</span><span class="p">,</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> </span><span id="L-9"><a name="L-9"></a> <span class="c1">//inject a link into page</span> </span><span id="L-10"><a name="L-10"></a> <span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="nx">$</span><span class="p">(</span><span class="s1">&#39;&lt;a&gt;&lt;/a&gt;&#39;</span><span class="p">).</span><span class="nx">attr</span><span class="p">({</span> </span><span id="L-11"><a name="L-11"></a> <span class="nx">href</span><span class="o">:</span> <span class="s1">&#39;http://&#39;</span> <span class="o">+</span> <span class="k">this</span><span class="p">,</span> </span><span id="L-12"><a name="L-12"></a> <span class="s1">&#39;class&#39;</span><span class="o">:</span> <span class="s1">&#39;checkme&#39;</span> </span><span id="L-13"><a name="L-13"></a> <span class="p">}).</span><span class="nx">appendTo</span><span class="p">(</span><span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">);</span> </span><span id="L-14"><a name="L-14"></a> <span class="c1">//check the color of the link</span> </span><span id="L-15"><a name="L-15"></a> <span class="k">if</span><span class="p">(</span><span class="nx">$</span><span class="p">(</span><span class="nx">a</span><span class="p">).</span><span class="nx">css</span><span class="p">(</span><span class="s1">&#39;color&#39;</span><span class="p">)</span> <span class="o">==</span> <span class="s1">&#39;#ff0000&#39;</span> <span class="o">||</span> <span class="nx">$</span><span class="p">(</span><span class="nx">a</span><span class="p">).</span><span class="nx">css</span><span class="p">(</span><span class="s1">&#39;color&#39;</span><span class="p">)</span> <span class="o">==</span> <span class="s1">&#39;rgb(255, 0, 0)&#39;</span><span class="p">)</span> <span class="p">{</span> <span class="c1">//either format of color</span> </span><span id="L-16"><a name="L-16"></a> <span class="nx">$</span><span class="p">(</span><span class="nx">a</span><span class="p">).</span><span class="nx">addClass</span><span class="p">(</span><span class="s1">&#39;highlight&#39;</span><span class="p">);</span> </span><span id="L-17"><a name="L-17"></a> <span class="nx">visited</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="k">this</span><span class="p">);</span> </span><span id="L-18"><a name="L-18"></a> <span class="p">}</span> </span><span id="L-19"><a name="L-19"></a> <span class="c1">//remove from the page -- no longer need the links</span> </span><span id="L-20"><a name="L-20"></a> <span class="nx">a</span><span class="p">.</span><span class="nx">remove</span><span class="p">();</span> </span><span id="L-21"><a name="L-21"></a> <span class="p">});</span> </span><span id="L-22"><a name="L-22"></a> <span class="k">if</span><span class="p">(</span><span class="nx">visited</span><span class="p">.</span><span class="nx">length</span><span class="p">)</span> <span class="p">{</span> </span><span id="L-23"><a name="L-23"></a> <span class="c1">//save via ajax! shady!</span> </span><span id="L-24"><a name="L-24"></a> <span class="c1">//display items on the page based on &quot;hits&quot;</span> </span><span id="L-25"><a name="L-25"></a> <span class="p">}</span> </span><span id="L-26"><a name="L-26"></a><span class="p">});</span> </span></pre></div> </td></tr></table>
jquery, spyjax