PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
L

content in een tabel 'viewen/hiden'

Door Luc Zontrop op 07-12-2006 11:18
647 views
Hoi,
ik heb een tabel : zie hieronder
<?php

<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td>Titel <A HREF="#">Show/hide content</A> </td>
</tr>
<tr>
<td>Content
<TABLE BORDER="1" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>
</TABLE>
</td>
</tr>
<tr>
<td>Footer</td>
</tr>
</table>
?>

Nu wil ik dat de tabel content verdwijnt of tevoorschijn komt na op de link geklikt te hebben.
Het lukt me hier van geen kanten, na zovele javascripts te hebben geprobeerd :)
J
Jurgen assaasas
07-12-2006 11:21
<?php


if(isset($_GET['v'])){

echo'
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td>Titel <A HREF="index.php?v='.$id.'>Show</a>/<a href="index.php">hide content</A> </td>
</tr>
</table>
<TABLE BORDER="1" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>
</TABLE>
</td>
</tr>
<tr>
<td>Footer</td>
</tr>
</table>';

else {

echo '<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td>Titel <A HREF="index.php?v='.$id.'>Show</a>/<a href="index.php">hide content</A> </td>
</tr>
</table>';

}
?>
E
Eris -
07-12-2006 11:30
onclick + display none aan de tabel hangen.

Jurgen. Waarom via php als het met JS ook kan
R
Robert Deiman
07-12-2006 11:30
[edit]
Display property gebruikt in plaats van visibility
[/edit]


<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/javascript">
function hide(){
	if(document.getElementById('content').style.display == "none"){
		document.getElementById('content').style.display="inline"
		}
	else if(document.getElementById('content').style.display == "inline"){
		document.getElementById('content').style.display="none"
		}
	}

</script>
</head>

<body>
<table border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>Titel <A HREF="#" onClick="hide()">Show/hide content</A> </td>
  </tr>
  <tr>
    <td>Content
      <TABLE BORDER="1" CELLSPACING="0" CELLPADDING="0" id="content" style="display:inline;">
        <TR>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
        </TR>
        <TR>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
        </TR>
        <TR>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
        </TR>
      </TABLE>
    </td>
  </tr>
  <tr>
    <td>Footer</td>
  </tr>
</table>
</body>
</html>
L
Luc Zontrop
07-12-2006 11:34
Robert, die code van je is prima voor me, maar is het ook mogelijk dat het footer gedeelte dan mee omhoog komt? Deze blijft nu hangen op de plaats waar hij stond. :(
R
Robert Deiman
07-12-2006 11:35
Even een losse post erachteraan.. Ik heb je hiervoor een voorbeeld gegeven van hoe je het op kan lossen. Maar eigenlijk valt me nu pas op dat je Header en Footer in een tabel hebt staan. Gebruik geen tabellen voor de layout, maar doe dat met DIVS.
Kijk even op het profiel van Jan Koehoorn, voor enkele goede tutorials hierover.
R
Robert Deiman
07-12-2006 11:36
Tumbler schreef op 07.12.2006 11:34
Robert, die code van je is prima voor me, maar is het ook mogelijk dat het footer gedeelte dan mee omhoog komt? Deze blijft nu hangen op de plaats waar hij stond. :(


Nu niet meer, ik heb de code wat aangepast, probeer het nog maar eens.
J
Jurgen assaasas
07-12-2006 11:38
Eris schreef op 07.12.2006 11:30
onclick + display none aan de tabel hangen.

Jurgen. Waarom via php als het met JS ook kan



Omdat ik geen verstand heb van JS ^^ maar das idd ook een optie
L
Luc Zontrop
07-12-2006 12:27
Dit was de bedoeling, werkt perfect nu. En ik zou bij god niet weten hoe je dit kunt klaarkrijgen met div's :p

preview: http://www.tumbler.be
R
Robert Deiman
07-12-2006 12:33
Ik zou je ding ook even testen in FF, want daar gaat nu iets niet helemaal goed!! Als ik een paar keer minimize en maximize doe, dan schuift de footer helemaal naar onderen.
Er moet dus nog wel even iets veranderen!

Reageren

Inloggen om te reageren