Columns and Rows

tlo5 · #1 Nov 18th, 2007, 00:15

Hi,

I try to make a table with at least 3Columns* 3 Rows.
the table is when I upload the picture, the first picture would go to
first column/ first row...
Second pictures would go second column/first row
Third one go third column/first row...
Fourth would go first column/second row...so so on..
I got the code here..

HTML: Select all

var Urls = new Array();
var Imgs = new Array();

function showTags(theTag,thePlace) {

  function getTag(tag) { 
    var tmp='';
    xx=x[i].getElementsByTagName(tag);     
    try { tmp=xx[0].firstChild.data; } 
    catch(er) { tmp=''; }    
    return(tmp); 
  }

  var xx; var x; var txt;
  x = xmlDoc.getElementsByTagName(theTag);
  txt='<table border="0" cellPadding="2" width="210">'; 

  for (i=0; i<x.length; i++) { 
    Urls[i]=getTag("location"); Imgs[i]=getTag("image");  //getTag("title"); getTag("creator"); getTag("info");

    txt+='<tr><td><table width="295" onclick="play('+i+')" class="playlistlo" onmouseover="this.className = \'playlisthi\';" onmouseout="this.className = \'playlistlo\';"><tr>';
    txt+='<td><img src="'+getTag("image")+'" width="90" height="90" border="1" alt="Click to Play"></td><td width="200" valign=top>';
    txt+='<p><br>&nbsp;<b>'+getTag("title")+'</b><br>';
    txt+='&nbsp;by: '+getTag("creator")+'<br>';
    txt+='&nbsp;<a href="'+getTag("info")+'" target="_blank">Download it!</a></p>';
    txt+='</td></tr></table></td></tr>';
  }
  txt+="</table>";

  document.getElementById(thePlace).innerHTML=txt; 
}

It just go One column now..how can I modify to to want I want..
Thanks!

Blake121 · #2 Nov 19th, 2007, 17:56

What's with the huge ammounts of JS. Could this not be done with normal HTML?

I think what your trying to achieve should be done with CSS anyway.

Could we have a link to the web page please? It would help understand what's going on much better.

tlo5 · #3 Nov 19th, 2007, 18:01

Thanks for respond...
Here is the link...

http://whatamusic.com/upload_music/a...ernative_a.htm

Stuart · #4 Nov 20th, 2007, 02:41

This seems to be an attempt at substituting for frames. Not a good idea! Use divs (which you already have) that are positioned and sized with css. If you don't know how, see this tutorial. It should explain the basics...

Cheers

RohanShenoy · #5 Nov 20th, 2007, 16:13

I think that could be donw using PHP and AJAX.

btw, I don't think this is possible without PHP or CGI because
1. You need PHP/CGI to handle uploads
2. AJAX to refresh the contents dynamically.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Placing pictures in rows	casho	Website Planning	9	Nov 29th, 2007 17:46
mimic table rows	flann	Web Page Design	5	Apr 13th, 2007 23:30
IE Fast rows insertion.	ronen	JavaScript Forum	1	Mar 21st, 2007 22:51
Customizing table rows	AdRock	Web Page Design	2	Aug 28th, 2006 09:28
multiple rows => 1row???	ktsirig	PHP Forum	1	Dec 31st, 2005 21:30

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
Columns and Rows