jQuery Link für Fancybox über <tr>

ullid

ullid

Grünschnabel
Hallo Leute,

ich möchte einer ganzen Tabellenreihe einen Link verpassen.

Normalerweise belege ich den Link mit der Fancybox über $("a.fancy").fancybox();

Nun möchte ich asber nicht jedem Inhalt in den td´s einen Link geben. Hat jemand ne Idee wie ich die ganze tr mit der Fancybox belege und das href mit übergeben bekomme?

Vielen Dank, Ulli
 
Hi,

hast du schon versucht, den Tabellenzeilen die fancybox zuzuweisen?

Im onload-Event könntest du zum Beispiel die benötigten href-Attribute setzen.

Beispiel:
Code: 
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.fancybox.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="jquery.fancybox.css">
<script type="text/javascript">
  <!--
// URLs
var arrURL = ['http://canvas.quaese.de/', 'http://www.tutorials.de/'];

$(document).ready(function() {
  $('#tableID tr').fancybox();
  $('#tableID tr').each(function(i){
    // URL an href-Attribut zuweisen
    this.href = arrURL[i];
  });
});
 //-->
</script>
</head>
<body>
<table id="tableID">
  <tr class="iframe">
   <td>1.1</td>
   <td>1.2</td>
  </tr>
  <tr class="iframe">
   <td>2.1</td>
   <td>2.2</td>
  </tr>
</table>
</body>
</html>

Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück