Ok So I have this REALLY long link list that is dynamic. It shows what images have been uploaded. Because this list is so long, I want to put it into a container. So I thought I'd use a textarea becuase I can control the rows and columns.

They way I'd like it to work is have a table with two columns. Inthe left cloumn I wish to have this textarea box populated with links to the images. These are text link the the link names are the filenames themselves. Upon Clicking one of these link results in the actual image being displayed inthe right column.

I got everything working except for the text area. It spits out the html code instead of the wsiyg.... format. You cannot click..its just html code.

Here's the PHP of the image link list

$html_img_lst = "<table cellpadding='0' cellspacing='0' border='0' width='100%'>";
for ($i = 0; $i < count($files); $i++) {
////$html_img_lst .= "<tr><td><a href=\"javascript:getImage('".$files[$i]['name']."');\">".$files[$i]['name']."</a></td><td align='right'>".format_size($files[$i]['size'])."</td></tr>\n";
	$html_img_lst .= "<tr><td><a href=\"javascript:getImage('".$files[$i]['name']."');\">".$files[$i]['display']."</a></td><td align='right'>".format_size($files[$i]['size'])."</td></tr>\n";
}
$html_img_lst .= "</table>"; 
} else { // end if is array
	$empty = 1;

And when I call it in the page via html coding:

<td>
									<div class="ImagePreviewArea">
									  <textarea  rows="10" cols="35">
                                      <?php if($empty==1){ echo $lang['admin']['filemanager']['no_imgs']; } else { echo $html_img_lst; } ?>

								  </textarea>
							</div>

What should I do to make it so I am getting text links in this list to click on rather than html source code?

    Oh yeah...I forgot to add. This is what is printed into the textbox area. Dont want this...want the links themselves. Should I explode or implode html characters?

    334444,1238946320,2.jpg</a></td><td align='right'>97.7 KB</td></tr>
    <tr><td><a href="javascript:getImage('4.jpg');">4.jpg</a></td><td align='right'>492.7 KB</td></tr>
    <tr><td><a href="javascript:getImage('4211034.jpg');">4211034.jpg</a></td><td align='right'>33 KB</td></tr>
    <tr><td><a href="javascript:getImage('AA_Planet_contest.JPG');">AA_Planet_contest.JPG</a></td><td align='right'>34.3 KB</td></tr>
    <tr><td><a href="javascript:getImage('AA_Planet_contest_(1).JPG');">AA_Planet_contest_(1).JPG</a></td><td align='right'>40 KB</td></tr>
    <tr><td><a href="javascript:getImage('LILLY-TROT.JPG');">LILLY-TROT.JPG</a></td><td align='right'>27.5 KB</td></tr>
    <tr><td><a href="javascript:getImage('ad2.jpg');">ad2.jpg</a></td><td align='right'>16.9 KB</td></tr>
    <tr><td><a href="javascript:getImage('ad4.jpg');">ad4.jpg</a></td><td align='right'>25 KB</td></tr>
    <tr><td><a href="javascript:getImage('blog.gif');">blog.gif</a></td><td align='right'>4.6 KB</td></tr>
    <tr><td><a href="javascript:getImage('bugs2.jpg');">bugs2.jpg</a></td><td align='right'>19.2 KB</td></tr>
    <tr><td><a href="javascript:getImage('cart.gif');">cart.gif</a></td><td align='right'>2.1 KB</td></tr>
    <tr><td><a href="javascript:getImage('cate.gif');">cate.gif</a></td><td align='right'>1.1 KB</td></tr>
    <tr><td><a href="javascript:getImage('continue.gif');">continue.gif</a></td><td align='right'>4 KB</td></tr>
    <tr><td><a href="javascript:getImage('foot.gif');">foot.gif</a></td><td align='right'>946 Bytes</td></tr>
    <tr><td><a href="javascript:getImage('footer.gif');">footer.gif</a></td><td align='right'>220 Bytes</td></tr>
    <tr><td><a href="javascript:getImage('ist2_5461697-egg-gang.jpg');">ist2_5461697-egg-gang.jpg</a></td><td align='right'>29.1 KB</td></tr>
    <tr><td><a href="javascript:getImage('left.jpg');">left.jpg</a></td><td align='right'>947 Bytes</td></tr>
    <tr><td><a href="javascript:getImage('login.png');">login.png</a></td><td align='right'>4.5 KB</td></tr>
    <tr><td><a href="javascript:getImage('mail.png');">mail.png</a></td><td align='right'>5.5 KB</td></tr>
    <tr><td><a href="javascript:getImage('nursery3.jpg');">nursery3.jpg</a></td><td align='right'>55.7 KB</td></tr>
    <tr><td><a href="javascript:getImage('photo.jpg');">photo.jpg</a></td><td align='right'>37.5 KB</td></tr>
    <tr><td><a href="javascript:getImage('shutterstock_23693710.jpg');">shutterstock_23693710.jpg</a></td><td align='right'>10.8 KB</td></tr>
    <tr><td><a href="javascript:getImage('tag_green.png');">tag_green.png</a></td><td align='right'>5.2 KB</td></tr>
    <tr><td><a href="javascript:getImage('yhst-83532116742892_2068_3202088708.jpg');">yhst-83532116742892_2068_3202088708.jpg</a></td><td align='right'>7.7 KB</td></tr>
    </table>

      I'm not sure that what you're trying to do is possible, have you considered using a fixed size div with the overflow attribute set to scroll?

        lol let me give that a try..ill report back in a moment 🙂

          thank you ....that was perfect! shew..ok now i can move on lol.

            Write a Reply...