ansaurus

Question

Answer 1

+6 A:

Not in a manner that will work across browsers. You could, however, do that with some relatively trivial Javascript..

function makeCasesClickable(){
 var cells = document.getElementsByTagName('td')
 for (var i = 0, cell; cell = cells[i]; i++){
  if (cell.className != 'case') continue
  var caseId = cell.innerHTML
  cell.innerHTML = ''
  var link = document.createElement('a')
  link.href = 'http://bugs.example.com/fogbugz/default.php?' + caseId
  link.appendChild(document.createTextNode(caseId))
  cell.appendChild(link)
 }
}

You can apply it with something like onload = makeCasesClickable, or simply include it right at the end of the page.

Dan 2008-10-02 23:47:27

Careful about blindly wrapping those TD contents in links; block-level elements might show up, and they're not valid inside A tags. Also, I'd find the right table and get its child elements and not just scoop up all the TDs in the document.

Kent Brewster 2008-10-03 04:27:49

Answer 2

+2 A:

Not possible with CSS, plus that's not what CSS is for any way. Client-side Javascript or Server-side (insert language of choice) is the way to go.

da5id 2008-10-02 23:50:47

Answer 3

A:

I don't think it's possible with CSS. CSS is only supposed to affect the looks and layout of your content.

This seems like a job for a PHP script (or some other language). You didn't give enough information for me to know the best way to do it, but maybe something like this:

function case_link($id) {
    return '<a href="http://bugs.example.com/fogbuz/default.php?' . $id . '">' . $id . '</a>';
}

Then later in your document:

<table><tr><td class="case"><?php echo case_link('123456'); ?></td></tr></table>

And if you want an .html file, just run the script from the command line and redirect the output to an .html file.

yjerem 2008-10-02 23:52:09

Answer 4

+4 A:

here is a jQuery solution specific to your HTML posted:

$('.case').each(function() {
  var link = $(this).html();
  $(this).contents().wrap('<a href="example.com/script.php?id='+link+'"></a>');
});

in essence, over each .case element, will grab the contents of the element, and throw them into a link wrapped around it.

Owen 2008-10-03 00:03:26

Answer 5

A:

You could have something like this (using Javascript). Inside <head>, have

<script type="text/javascript" language="javascript">
  function getElementsByClass (className) {
    var all = document.all ? document.all :
      document.getElementsByTagName('*');
    var elements = new Array();
    for (var i = 0; i < all.length; i++)
      if (all[i].className == className)
        elements[elements.length] = all[i];
    return elements;
  }

  function makeLinks(className, url) {
    nodes = getElementsByClass(className);
    for(var i = 0; i < nodes.length; i++) {
      node = nodes[i];
      text = node.innerHTML
      node.innerHTML = '<a href="' + url + text + '">' + text + '</a>';
    }
  }
</script>

And then at the end of <body>

<script type="text/javascript" language="javascript">
  makeLinks("case", "http://bugs.example.com/fogbugz/default.php?");
</script>

I've tested it, and it works fine.

Vincent McNabb 2008-10-03 00:06:56

ansaurus

tags:

views:

answers:

Insert a Link Using CSS

related questions