HTML - Dynamically Changing Table Contents
I have a simple web page which consists of one column of cells, five rows down.
I would like to have some sort of hierarchical structure that allows me to click a link in the top-most cell to bring up a set of links in the second row, then click on one of these links to bring up some more links in the third row etc. Clicking on a different link in the top-most cell will then bring up a different set of links in the second row, and so on. Can anyone suggest a method to do this? I've been looking into frames but i've read that this isn't best practise. Thanks. Similar TutorialsI have a table grid whose contents are vast insomuch a horizontal scrollbar is displayed to see the entirety of the text. This text resides in <td> tags. Now, what I want to do is not clip the text inside the <td> tags but word wrap. I thought maybe I could use table-layout:fixed and set the width of the <td> tags. It eliminates the scrollbar, but it clips the text. Is there a way I can word wrap text inside <td> tags? I tried using overflow, but that didn't work. Any help would be really appreciated. Hello, I'm working on an internal training CD where I'm going to have several Quicktime videos and I need to categorize them by Chapter & Movie Title, similar to: Chapter 1 - Bananas Movie 1 Movie 2 Movie 3 Chapter 2 - Grapes Movie 4 Movie 5 Movie 6 Etc..... The end user would click on "Movie #". It should be easy enough, but there are two things I need. One - for the Microsoft Active Control warning to go away (not appear) as this will be run locally, and Two - for the movie file to run outside of the browser, or at least for the browser to not show any toolbars or menu options as the movie fills most of the screen. Any way to do this in HTML - something that is easy for me to make the links. I'll have probably a hundred or so movies to each of the CDs I'm compiling, so that's a lot of manual linking. Thanks... Hello! Is there any way to make a table showing a folder in your FTP? I have an FTP thats is locked, so is there anyway to make it an autologin I just want it to show the files, not the 'Go up a directory' button And is there anyway to make tthe links so people can click on them to open the file the directory HOW CAN I DO THIS Tap Back Josh.R I've a table with table header and table body. Each row in the table body has a delete button. On click of the delete button the whole row is made invisible by a javascript function. Now if the last row of the table body is deleted I want the whole table to be made invisible. Could someone please help me in acheiving the following goal. - To check the visibility of each row in table body. (The row is made invisible by setting display = none). Hello, I want to add rows and columns on click. So, i have a table with columns and rows and I had a add and remove button. So I want the user to be able to add/remove more rows if they have multiple inputs/outputs. So what I want is when the user clicks on add.png, I want another row of Input and Description to appear underneath the current one. Here is my code.. HTML Code: <img src="images/add.png" width="15" height="15" align="right" > <div class="open"> <table width="200" border="0"> <tr> <td class="propertyCol">Input: </th> <td class="propertyCol"><input class="text ui-widget-content ui-corner-all" value="" style="width:210px"></input></th> <td class="propertyCol">Description: </th> <td class="propertyCol"><textarea name="" cols="45" rows="1" class="text ui-widget-content ui-corner-all"></textarea> </th> <td class="propertyCol"><a href="javascript:removeElement();" ><img src="images/remove.png" alt="" width="15" height="15" /></a> </th> </tr> </table> <table width="200" border="0"> <tr> <td class="propertyCol">Output: </th> <td class="propertyCol"><input class="text ui-widget-content ui-corner-all" style="width:200px"></input></th> <td class="propertyCol">Description: </th> <td class="propertyCol"><textarea name="" cols="45" rows="1" class="text ui-widget-content ui-corner-all"></textarea> </th> <td class="propertyCol"><a href="javascript:removeElement();" ><img src="images/remove.png" alt="" width="15" height="15" /></a> </th> </tr> </table> </div Okay so i got a quick request, I need someone to look at the table entitled "Two column layout with a header and a footer" on this table layout site: http://www.ironspider.ca/webdesign10...es4layout2.htm (its the 3rd table down). right under that table it has a "view source code" button for you to see the source code of the table. Well how do I edit that code, so that the "menu column" is on the right side, instead of the left side? thanks, -Aanders5 Hi. I set the opacity of content tables within my webpage to 0.90 so that my background can be seen slightly. However my images in these content tables are also see through. How do i make the images 100% opaque? I have tried entering the image code like this: <IMG SRC="http://i49.photobucket.com/albums/f293/jmzcherry/pete-doherty-gio-goi.jpg" STYLE=filter:alpha(opacity=100) WIDTH="245" HEIGHT="250" ALIGN="left"> but that didnt work. Heres how i did the opacity for the tables: table table table td { background-color:FFFFFF; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; -khtml-opacity:0.90; } table table table table td {filter:none;} Hi all, thank you in advance to anyone that can help. I'm sure this is probably an issue that has been covered in the past however I have had no luck finding it. I have a 2 column table with an iframe the left column. Firefox shows this correctly, the edge of the cell meets with the iframe etc, but when viewed in IE, the table widths change dramatically. I have inserted two images (firefox v IE) to show what is happening. If anyone can find what I have done wrong, I would greatly appreciated. Please, keep the replies in simple terms, I'm a bit of a n00b... [IMG][img=http://img2.freeimagehosting.net/uploads/36b3e47e84.jpg][/IMG] Hi all, thank you in advance to anyone that can help. I'm sure this is probably an issue that has been covered in the past however I have had no luck finding it. I have a 2 column table with an iframe the left column. Firefox shows this correctly, the edge of the cell meets with the iframe etc, but when viewed in IE, the table widths change dramatically. I have inserted two images (firefox v IE) to show what is happening. If anyone can find what I have done wrong, I would greatly appreciated. Please, keep the replies in simple terms, I'm a bit of a n00b... As you can see, the gray table background has overlapped over the iframe. OK I am so new to HTML I can't even spell it. I have a industrial HMI the has some custom webpage features to it and I would like to learn how to build the attached Table. I am not looking for someone to do this for me I am looking for some pointers. Here is a link to the device that I am going to use and a quick breakdown of how they do things. This statement that I fully understand, I am out of my knowledge base so that is why I am here "Although the HTML code will be explained or commented through this document, a basic understanding is required to create a proper web site." http://www.redlion.net/Support/TechN...ace/TNOI33.pdf I don't know what CSS is ? I got a few examples from all over the web some from http://www.quackit.com. and just can't figure out the layout and cell colors. I plan on changing the background color on the cell to the right of the descriptor depending on the cell value. Red if <100, Green >100 I would like to start with a cell layout that I can then link values to and from the HMI per the instructions in the Tech Note above. I have played with this device just basically copy and paste the above note I have gotten that working before. Thanks for taking your time to at least read this post from a NOOB. I have a page split into 3 main frames * one across the top * one on the left hand side (menu) * one on the right side (content) pretty typical layout, But we are finding that we are having more and more content being put into the top frame and the contents dont all show fully (they are cut off by the bottom of the frame). How can I control the height of the frame to show the entire content all the time? Thanks for any help! Mark After finding a workaround to the perils of using frames, I decided to give myself a new headache. I would like to use the contents of one frame to determine the contents of another using a script within the page itself. Specifically, I want my index page to automatically determine which page within my site the user has navigated to (the page will appear in the content frame) then load a complimentary page in another frame (say and ad frame). Can I do this with javascript or CSS, or do I need to make the index page a php? Can anyone help me re-adjust the starting point of the iframe contents? If I make no sense I'll make some pictures. I don't know how to describe it, sorry. Thanks for the help Consider I have two Web pages and i have one image that appears in both the web pages .. Please post the code that will help me to find the image that is repeated in both the web page and a way to block the image .. my idea is to find the contents(the file name given within quotes) of the img tag and then compare with the img tag in the second page to find out the content that is repeated.. kindly help me implement this using a html code Hello friend, If I post article more then some words , it takes two pages to display the content. Please help me to display the whole article in one page. See this: http://www.solvedhow.com/How+to+Lose+Weight-5.html This is the coding in paging.html. Please help me PHP Code: <?php class Lib_Paging { var $output=array(); var $prev; var $next; function Lib_Paging($model,$par,$cssstyle) { if($model='classic') $this->doClassicPaging($par,$cssstyle); if($model='default') $this->doDefaultPaging($par,$cssstyle); } function doClassicPaging($par = array(),$cssstyle) { // print_r($par);exit; // echo $cssstyle;exit; if(count($par)>0) { if(!isset($_GET['page'])) { $start = 1; $end = ($par['length']>$par['totalpages'] ? $par['totalpages'] : $par['length']); $s = 0; for($i=$start;$i<=$end;$i++) { $tmp = $_SERVER['QUERY_STRING']."&page=".$i; if($_GET['page'] == "" && $i==1) $this->output[++$s]= '<span class="current">'.$i.'</span>'; else $this->output[++$s]= '<a href="?'.$tmp.'" class=\''.$cssstyle.'\'>'.$i.'</a>'; } if($par['totalpages']>$par['length']) { $tmp = $_SERVER['QUERY_STRING']."&page=".($start+1); $this->next = '<a href="?'.($tmp).'" class=\''.$cssstyle.'\'>Next </a>'; } return true; } else if (isset($_GET['page'])) { $cpage = $_GET['page']; $mid = (int) ($par['length']/2); if($cpage > ($mid+1)) { $start = ($cpage - $mid); $end = $start + $par['length']-1; } else { $start = 1; $end = ($par['length']>$par['totalpages'] ? $par['totalpages'] : $par['length']); } $s=0; for($i=$start;$i<=$end;$i++) { $tmp = split('page',$_SERVER['QUERY_STRING']); $q = $tmp[0]."page=".$i; $tmp = split('&',$tmp[1]); $q .= (strlen(trim($tmp[1]) > 0) ? '&'.$tmp[1] : ''); if($_GET['page']==$i) $this->output[++$s] = '<span class="current">'.$i.'</span>'; else { if($i<=$par['totalpages']) $this->output[++$s] = '<a href="?'.$q.' " class=\''.$cssstyle.'\'>'.$i.'</a>'; } } if ($_GET['page']<$par['totalpages']) { $tmp = split('page',$_SERVER['QUERY_STRING']); $q = $tmp[0]."page=".($_GET['page']+1); $tmp = split('&',$tmp[1]); $q .= (strlen(trim($tmp[1]) > 0) ? '&'.$tmp[1] : ''); $this->next = '<a href="?'.($q).' " class=\''.$cssstyle.'\'>Next </a>'; } if($_GET['page']>1) { $tmp = split('page',$_SERVER['QUERY_STRING']); $q = $tmp[0]."page=".($_GET['page']-1); $tmp = split('&',$tmp[1]); $q .= (strlen(trim($tmp[1]) > 0) ? '&'.$tmp[1] : ''); $this->prev .= ' <a href="?'.($q).'" class=\''.$cssstyle.'\'>Prev</a>'; } } } } function doDefaultPaging($par = array(),$cssstyle) { // print_r($par);exit; // echo $cssstyle;exit; if(count($par)>0) { if(!isset($_GET['page'])) { $start = 1; $end = ($par['length']>$par['totalpages'] ? $par['totalpages'] : $par['length']); $s = 0; for($i=$start;$i<=$end;$i++) { $tmp = $_SERVER['QUERY_STRING']."&page=".$i; if ($end==1) // For A Single Display Page { $this->output[++$s]= ''; } else { if($_GET['page'] == "" && $i==1) $this->output[++$s]= '<li class=\''.$cssstyle.' selected\'>'.$i.'</li>'; else $this->output[++$s]= '<li class=\''.$cssstyle.'\'><a href="'.$_SESSION['ajasiteset']['sitefullpath'].'?'.$tmp.'" >'.$i.'</a></li>'; } } if($par['totalpages']>$par['length']) { $tmp = $_SERVER['QUERY_STRING']."&page=".($start+1); $this->next = '<li><a href="'.$_SESSION['ajasiteset']['sitefullpath'].'?'.($tmp).'"><span class="view_edit_next"></span> </a></li>'; } return true; } else if (isset($_GET['page'])) { $cpage = $_GET['page']; $mid = (int) ($par['length']/2); if($cpage > ($mid+1)) { $start = ($cpage - $mid); $end = $start + $par['length']-1; } else { $start = 1; $end = ($par['length']>$par['totalpages'] ? $par['totalpages'] : $par['length']); } $s=0; for($i=$start;$i<=$end;$i++) { $tmp = split('page',$_SERVER['QUERY_STRING']); $q = $tmp[0]."page=".$i; $tmp = split('&',$tmp[1]); $q .= (strlen(trim($tmp[1]) > 0) ? '&'.$tmp[1] : ''); if($_GET['page']==$i) $this->output[++$s] = '<li class=\''.$cssstyle.' selected\'>'.$i.'</li>'; else { if($i<=$par['totalpages']) $this->output[++$s] = '<li class=\''.$cssstyle.'\'><a href="'.$_SESSION['ajasiteset']['sitefullpath'].'?'.$q.' " >'.$i.'</a></li>'; } } if ($_GET['page']<$par['totalpages']) { $tmp = split('page',$_SERVER['QUERY_STRING']); $q = $tmp[0]."page=".($_GET['page']+1); $tmp = split('&',$tmp[1]); $q .= (strlen(trim($tmp[1]) > 0) ? '&'.$tmp[1] : ''); $this->next = '<li><a href="'.$_SESSION['ajasiteset']['sitefullpath'].'?'.($q).'" ><span class="view_edit_next"></span> </a></li>'; } if($_GET['page']>1) { $tmp = split('page',$_SERVER['QUERY_STRING']); $q = $tmp[0]."page=".($_GET['page']-1); $tmp = split('&',$tmp[1]); $q .= (strlen(trim($tmp[1]) > 0) ? '&'.$tmp[1] : ''); $this->prev = '<li><a href="'.$_SESSION['ajasiteset']['sitefullpath'].'?'.($q).'" ><span class="view_edit_pre"></span></a></li>'; } } } } } ?> hi boring question maybe i know, but i cant do it >.< a have a table with two cells (colums) cell A and cell B there is an A HREF button in cell B that opens a photo and displays it in cell A this is great and works fine what i need to do now is "clear" the photo from cell A, not by loading a different photo into it but, just emptying it to its original state before the photo was loaded into it i.e, empty anyone? thanks, sophia Hello, The company where I work has won a contract to take over an existing company (don't really matter who they are). This company maintain an internal web site over on the intranet here, and it's address is: http://website/main So it's only accessable internally. I've been asked to make a copy of it, so the only way that I can figure it out is to go to each page and from IE, File menu, choose Save As, this saves the .html of that page and all the graphics automatically. Is there a way to archive everything automatically, meaning, start with the front page, save all the .html, any graphics, any links and those documents and then go to each other link and save everything, like a web crawler would do. If such an application exists, then what is it and will it work internally ? I use Win XP, IE Browser, Front Page (I am limited to this, as the employer offers this), text editor and Office software. Please let me know what you think, thanks!!!!!!! I have several pages in a site I am designing, some short and some long On short pages the browser automatically hides the scroll bar and on long pages, displays it. This shifts the contents of the page left and right by the width of the scroll bar and completely distracts from the experience and use of the site. I've found a work around; adding breaks so all pages are long enough to have a scroll bar; but that's not the solution, there are plenty of sites out there that don't have this problem and I'd like to know what the fix is. Any ideas gratefully received. Ta, Rizole. Hi, I'm coding a HTML page, in which I see lot of space between my header(<h2></h2>) and the contents of the page. The contents of my page happens to be a form with a lot of fields enclosed in the table tag.. Any pointers on how to get rid of the extra space would be highly helpful. this is how the structure of my HTML code looks: <html> <body> <form> <table> <!-- a lot of fields here...--> </table> </form> </body> </html> Thanks in advance. Hi, Since we know we can use Div tag to right align and left align but everytime we use it, it gets printed on the next line. Suppose we have 2 paragraphs and we want to right align one and the other left align on the same line, how do we achieve it. |