Mark external links

Super puper links marker

by the_ghost

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/4.0.6/rx.all.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore.js"></script>
<a href="http://tut.by">TUT.BY</a>
<br/>
<a href="/love-rx">Internal</a>
<br/>
<a href="/coool">Internal</a>
<br/>
<a href="http://president.gov.by/by/">http://president.gov.by</a>

CSS

div {
  width: 100px;
  height: 100px;
}

.warning {
  background-color: red;
}

JavaScript

Rx.Observable.from(document.querySelectorAll('a'))
  .where(el => el.getAttribute('href').indexOf('http') === 0)
  .subscribe(el => el.style.fontWeight = 'bold')