Support LQ: Use code LQ3 and save $3 on Domain Registration
Go Back > Forums > Non-*NIX Forums > Programming
User Name
Programming This forum is for all programming questions.
The question does not have to be directly related to Linux and any language is fair game.


  Search this Thread
Old 01-15-2006, 09:00 PM   #1
LQ Newbie
Registered: Jan 2006
Posts: 8

Rep: Reputation: 0
interactive show/hide content

Hi All,

I was trying to code an interactive way to displaying images. Ive created a table with two rows. The first row contains the personís name, and the second row contains their pics and some extra info.

The issue is, I do not want the second row to be displayed always. I want to create a javascript that would display the second row, only when the name is clicked. Ive tried using the visibility:hidden style for the 2nd row and it works but, the table has a yellow background and I'm unable to resize to the area of the first row... To be clear, I do not want the yellow background to appear in the area of the 2nd row, when it's hidden i.e. the name hasnt been clicked yet....

I was greatly appreciate any suggestions....



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<title>Untitled Document</title>

<style type="text/css">
position: absolute;
width: 640px;
height: 480px;
border: outset black 1px;
background-color: gray;

div.ShownMember {
background-color: yellow;
height: 1px;

div.hiddenMember {
background-color: yellow;
height: 20px;

#Infotext {
font-family: serif;
font-size: x-small;


<div class="window" style="position:absolute; left: 20px; top: 9px; z-index:0;">
<div class="ShownMember" style="position:absolute; left: 200px; top:50px; z-index:100;">
<tr> <td> <a ><center> <b>Name</b></center></a> </td> </tr>
<tr> <td>
<table id="extraInfo" cellpadding="0" cellspacing="0" width="100%" style="visibility: hidden;">
<tr> <td width="75px"> <img src="malik_small.jpg"> </td>
<td>Some Text</td>



Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
Please help with interactive script moosedaddy Linux - Newbie 3 12-08-2005 10:02 PM
Apache serving content after the content is removed? jrbush82 Linux - Software 6 05-05-2004 05:39 AM
interactive CD and WINE santiagosilva Linux - Software 0 03-31-2004 07:17 PM
Non interactive FTP lapthorn Linux - Networking 1 11-28-2003 01:05 PM
Non interactive FTP lapthorn Linux - Networking 1 11-25-2003 05:00 AM

All times are GMT -5. The time now is 09:59 AM.

Main Menu
Write for LQ is looking for people interested in writing Editorials, Articles, Reviews, and more. If you'd like to contribute content, let us know.
Main Menu
RSS1  Latest Threads
RSS1  LQ News
Twitter: @linuxquestions
Facebook: linuxquestions Google+: linuxquestions
Open Source Consulting | Domain Registration