[SOLVED] accessing table data

alexhkleung · #1 Dec 2nd, 2007, 02:10

i've been trying to create dynamic links from table data
found this code online

but when i try to copy it to my table it doesn't work

HTML: Select all

<head>
...
<script type="text/javascript">
  function filltableLinks(){
  var audiolink;
  var i;
  for (i=1; i<document.getElementById('lecture1').rows.length; i++)
  {
  audiolink = document.getElementById('lecture1').rows[i].cells[1].childNodes[0].data;
  var link_cell = document.createElement('td');
  var link = document.createElement('a');
  link.setAttribute('href', 'audioplayer.htm/result?audiolink=' + audiolink);
  var image = document.createElement('img');
  image.setAttribute('src', '../miniproject/images/MusicVideo_Icon.png');
  link.appendChild(image);
  link_cell.appendChild(link);
  document.getElementById('lecture1').rows[i].appendChild(link_cell);
  } 
  </script>

<body>
......
<div>
    <table summary="Clip Information">

        <caption>Lecture 1</caption>
        <thead>
            <tr>
                .......
            </tr>
        </thead>
        <tfoot>
            <tr><td> </td></tr>
        </tfoot>
        <tbody id="lecture1" >
            <tr>

                <td><a href="75743899.mp3">Aparnet; Protocol; Internet</a></td>
                <td> 6:23 </td>
            </tr>
            <tr>
        </tbody>
    </table>
</div>
<body>

what's wrong??

alexhkleung · #2 Dec 2nd, 2007, 02:35

neither starting the for-loop from i=0

alexhkleung · #3 Dec 2nd, 2007, 02:55

not even changing the whole thing to this one

HTML: Select all

for (i=0; i<document.getElementById('lecture1').rows.length; i++)
  {
  audiolink = document.getElementById('lecture1').rows[i].cells[1].childNodes[0].data;
  audiolink = audiolink.split("\"");
  audiolink = audiolink[1];
  var link_cell = document.createElement('td');
  var link = document.createElement('a');
  link.setAttribute('href', 'audioplayer.htm/result?audiolink=' + audiolink);
  var image = document.createElement('img');
  image.setAttribute('src', '../miniproject/images/MusicVideo_Icon.png');
  link.appendChild(image);
  link_cell.appendChild(link);
  document.getElementById('lecture1').rows[i].appendChild(link_cell);
  }

alexhkleung · #4 Dec 2nd, 2007, 04:52

i have identified the problem

in the first line of the for-loop
i'm am missing the nod of <a> after cell[0]
what should my script be if i wanna get the href of <a> of the <table>

Thanks!

HTML: Select all

  <script type="text/javascript">
  function filltableLinks(){
  var audiolink;
  var i;
  for (i=0; i<document.getElementById('lecture1').rows.length; i++)
  {
    audiolink = document.getElementById('lecture1').rows[i].cells[0].childNodes[0].data;
    audiolink = audiolink.split('"');
    audiolink = audiolink[1];
    var link_cell = document.createElement('td');
    var link = document.createElement('a');
    link.setAttribute('href', 'audioplayer.htm?audiolink=' + audiolink);
    var image = document.createElement('img');
    image.setAttribute('src', '../miniproject/images/MusicVideo_Icon.png');
    link.appendChild(image);
    link_cell.appendChild(link);
    document.getElementById('lecture1').rows[i].appendChild(link_cell);
  } 
  }
  </script>

<body>
    <table summary="Clip Information">

        <tbody id="lecture1" >
            <tr>

                <td><a href="75743899.mp3">abc</a></td>
                <td> 6:23 </td>
            </tr>
        </tbody>
    </table>
</body>

alexhkleung · #5 Dec 2nd, 2007, 04:55

solved!

replacing:
audiolink = document.getElementById('lecture1').rows[i].cells[1].childNodes[0].data;

with:
audiolink = document.getElementById('lecture1').rows[i].cells[0].innerHTML;

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[SOLVED] Problem accessing specific form elements	Sagaris	JavaScript Forum	4	Sep 23rd, 2007 11:52
how access data from table in php,	azeemserver	PHP Forum	2	Aug 30th, 2007 11:09
Accessing Data	OmiE	Starting Out	1	May 9th, 2007 20:22
ACCESS: one table one data,and only one!	Monie	Databases	1	Aug 2nd, 2004 09:00
ACCESS: one data in one table	Monie	Classic ASP	1	Aug 2nd, 2004 08:52

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
[SOLVED] accessing table data