LinuxQuestions.org
Visit the LQ Articles and Editorials section
Go Back   LinuxQuestions.org > Forums > Non-*NIX Forums > Programming
User Name
Password
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.

Notices



Reply
 
Search this Thread
Old 01-15-2006, 09:00 PM   #1
0raven0
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....

Thanks
raven


CODE:


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

<style type="text/css">
div.window{
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;

}
</style>
</head>

<body>
<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;">
<table>
<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>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>

</body>
</html>
 
  


Reply


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 04:41 PM.

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