crosalot · August 5, 2010 05:50 · pphetra · Aug 5, 2010
diff --git a/gistfile2.txt b/gistfile2.txt
diff --git a/replacelink.html b/replacelink.html
 <html>
 <head>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
 </head>
 <body>
  <table id="mapping">
    <tr>
      <td>bangkok</td>
      <td>http://wikipedia.org/wiki/Thailand</td>
    </tr>
    <tr>
      <td>Pakistan</td>
      <td>http://wikipedia.org/wiki/Pakistan</td>
    </tr>
    <tr>
      <td>Britain</td>
      <td>http://wikipedia.org/wiki/England</td>
    </tr>
    <tr>
      <td>India</td>
      <td>http://wikipedia.org/wiki/India</td>
    </tr>
    <tr>
      <td>London</td>
      <td>http://wikipedia.org/wiki/London</td>
    </tr>
  </table>
  
  <div class="news">
  Pakistan attempted to calm its diplomatic fallout with Britain by confirming that President Zardari would go ahead with a planned trip to meet David Cameron, despite anger over the Prime Minister’s comments that the country was “exporting terror”. Mr Zardari was under domestic pressure to cancel the trip after fury over Mr Cameron’s comments - made during last week’s visit to India - which have already led Pakistan’s powerful Inter-Services Intelligence (ISI) agency to cancel talks with British security officials in London. Opposition politicians in Pakistan had urged Mr Zardari to call off his trip, while demonstrators burnt an effigy of the Prime Minister on the streets of Karachi
  </div>
  
  <script>
    // Class
    var ReplaceLink = function (m, v) {
      var self = this;
      
      self.mappingDom = $(m);
      self.victimsDom = $(v);
      self.mapping = {};

      self.buildMapping = function () {
        self.mappingDom.find('tr').each(function (i, tr) {
          var td = $(tr).children('td');
          self.mapping[td.eq(0).html()] = td.eq(1).html();
        });
      }

      self.replaceLinks = function () {
        self.victimsDom.each(function (i, item) {
          $(item).html(self.replaceLink($(item).html()));
        });
      }

      self.replaceLink = function (str) {
        $.each(self.mapping, function (title, link) {
          str = str.replace(title, '<a href="' + link + '" title="' + title + '">' + title + '</a>', 'gi');
        });
        return str;
      }

      // Initial state
      self.buildMapping();
    }
  </script>

  <script>
    // Replacement
    var replaceLink = new ReplaceLink('#mapping', '.news');
    replaceLink.replaceLinks();
  </script>
 </body>
 </html>
	<html>
	<head>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
	</head>
	<body>
	<table id="mapping">
	<tr>
	<td>bangkok</td>
	<td>http://wikipedia.org/wiki/Thailand</td>
	</tr>
	<tr>
	<td>Pakistan</td>
	<td>http://wikipedia.org/wiki/Pakistan</td>
	</tr>
	<tr>
	<td>Britain</td>
	<td>http://wikipedia.org/wiki/England</td>
	</tr>
	<tr>
	<td>India</td>
	<td>http://wikipedia.org/wiki/India</td>
	</tr>
	<tr>
	<td>London</td>
	<td>http://wikipedia.org/wiki/London</td>
	</tr>
	</table>

	<div class="news">
	Pakistan attempted to calm its diplomatic fallout with Britain by confirming that President Zardari would go ahead with a planned trip to meet David Cameron, despite anger over the Prime Minister’s comments that the country was “exporting terror”. Mr Zardari was under domestic pressure to cancel the trip after fury over Mr Cameron’s comments - made during last week’s visit to India - which have already led Pakistan’s powerful Inter-Services Intelligence (ISI) agency to cancel talks with British security officials in London. Opposition politicians in Pakistan had urged Mr Zardari to call off his trip, while demonstrators burnt an effigy of the Prime Minister on the streets of Karachi
	</div>

	<script>
	// Class
	var ReplaceLink = function (m, v) {
	var self = this;

	self.mappingDom = $(m);
	self.victimsDom = $(v);
	self.mapping = {};

	self.buildMapping = function () {
	self.mappingDom.find('tr').each(function (i, tr) {
	var td = $(tr).children('td');
	self.mapping[td.eq(0).html()] = td.eq(1).html();
	});
	}

	self.replaceLinks = function () {
	self.victimsDom.each(function (i, item) {
	$(item).html(self.replaceLink($(item).html()));
	});
	}

	self.replaceLink = function (str) {
	$.each(self.mapping, function (title, link) {
	str = str.replace(title, '<a href="' + link + '" title="' + title + '">' + title + '</a>', 'gi');
	});
	return str;
	}

	// Initial state
	self.buildMapping();
	}
	</script>

	<script>
	// Replacement
	var replaceLink = new ReplaceLink('#mapping', '.news');
	replaceLink.replaceLinks();
	</script>
	</body>
	</html>