Pokazywanie/ukrywanie tekstu po kliknięciu w odnośnik

0

Witam!
Mam taki oto kod:

 
<script language="JavaScript">
<!--
function readmore(idname)
{
  var Obj = (document.getElementById) ? document.getElementById(idname) : document.all[idname];
  if(Obj != null) Obj.style.display = (Obj.style.display == "none") ? "" : "none";
}
-->
</script>

<h1>Członkowie</h1>
             
             <br><br><br>	 
<a HREF="javascript:readmore('czynni');">Czynni</a>
<div id="czynni" style="display: none;">
<?php

if (@mysql_connect( "127.0.0.1","root","" ) && @mysql_select_db("strona") )
	{

echo '<p>
<center><table border="1" bordercolor = "orange" cellpadding = "10">
<tr>
<center>
	<td><center><b>Imię i Nazwisko</b></center></td>
	<td><center><b>Rok Wstąpienia</b></center></td>
	<td><center><b>Ukończone kursy </b></center></td>
	<td><center><b>Rok ukończenia kursów</b></center></td>
</center>
</tr>';

$wynik = mysql_query("SELECT * FROM members_active");
if(mysql_num_rows($wynik) > 0) {
while($r = mysql_fetch_object($wynik)) {
echo '
<tr>
<center>
<td><center>'.$r->name.'</center></td><td><center>'.$r->cjoin.'</center></td>	<td><center>'.$r->course.'</center></td><td><center>'.$r->cdate.'</center></td>
</center>
</tr>';
}
echo '</table></center></p>';
?>
<a HREF="javascript:readmore('more1');">Zwiń</a>
</div>
<?php
}
}
else
{
echo 'Brak połączenia z bazą danych';
}
?>

<a HREF="javascript:readmore('Emerytowani');">Emerytowani</a>
<div id="Emerytowani" style="display: none;">
<?php

if (@mysql_connect( "localhost","root"," ***** " ) && @mysql_select_db("strona") )
	{

echo '<p>
<center><table border="1" bordercolor = "orange" cellpadding = "10">
<tr>
<center>
	<td><center><b>Imię i Nazwisko</b></center></td>
	<td><center><b>Rok Wstąpienia</b></center></td>
	<td><center><b>Ukończone kursy </b></center></td>
	<td><center><b>Rok ukończenia kursów</b></center></td>
</center>
</tr>';

$wynik = mysql_query("SELECT * FROM members_retired");
if(mysql_num_rows($wynik) > 0) {
while($r = mysql_fetch_object($wynik)) {
echo '
<tr>
<center>
<td><center>'.$r->name.'</center></td><td><center>'.$r->cjoin.'</center></td>	<td><center>'.$r->course.'</center></td><td><center>'.$r->cdate.'</center></td>
</center>
</tr>';
}
echo '</table></center></p>';
?>
<a HREF="javascript:readmore('Emerytowani');">Zwiń</a>
</div>
<?php
}
}
else
{
echo 'Brak połączenia z bazą danych';
}
?>
<a HREF="javascript:readmore('Zmarli');">Zmarli</a>
<div id="Zmarli" style="display: none;">
<?php

if (@mysql_connect( "127.0.0.1","root","" ) && @mysql_select_db("strona") )
	{

echo '<p>
<center><table border="1" bordercolor = "orange" cellpadding = "10">
<tr>
<center>
	<td><center><b>Imię i Nazwisko</b></center></td>
	<td><center><b>Rok Wstąpienia</b></center></td>
	<td><center><b>Ukończone kursy </b></center></td>
	<td><center><b>Rok ukończenia kursów</b></center></td>
	<td><center><b>Data śmierci</b></center></td>
</center>
</tr>';

$wynik = mysql_query("SELECT * FROM members_death");
if(mysql_num_rows($wynik) > 0) {
while($r = mysql_fetch_object($wynik)) {
echo '
<tr>
<center>
<td><center>'.$r->name.'</center></td><td><center>'.$r->cjoin.'</center></td>	<td><center>'.$r->course.'</center></td><td><center>'.$r->cdate.'</center></td><td><center>'.$r->death.'</center></td>
</center>
</tr>';
}
echo '</table></center></p>';
?>
<a HREF="javascript:readmore('Zmarli');">Zwiń</a>
</div>
<?php
}
}
else
{
echo 'Brak połączenia z bazą danych';
}
?>
<br><br><br>
            
            
            
		<h1 ></h1>

który po kliknięciu w odnośnik Czynni, Emerytowani bądź Zmarli ma wyświetlić ukrytą zawartość, która jest pobierana z bazy MySQL. Problem polega na tym, że na początku wyświetlane jest tylko Czynni, po kliknięciu którego pokazuje się też Emerytowani oraz Zmarli, wszystkie tabele mimo, że miała być tylko jedna. Emerytowani oraz Zmarli też powinno być wyświetlone już przed kliknięciem Czynni. Mógłby ktoś powiedzieć mi gdzie zrobiłem błąd?

0

Nie chce mi się analizować tego burdelu, więc dam Ci tylko trzy rady:

  1. Formatuj kod
  2. Nie korzystaj z "tutków" z roku 1996, bo dobrze na tym nie wyjdziesz, albowiem jest już 2014 i trochę się zmieniło od tego czasu.
  3. Jeżeli Twój problem dotyczy javascriptu to nie wklejaj nam kodu PHP i Twoich zapytań do bazy - bo ani nam to potrzebne, ani bez samej bazy nie mogę u siebie uruchomić tego kodu, co jest podstawą do rozwiązywania problemu, wprowadzasz tylko chaos. Kod wrzuć już wygenerowany przez PHP.
0
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>OSP Męcina Wielka</title>
<meta name="Description" content="Strona poświęcona Ochotniczej Straży Pożarnej w Męcinie Wielkiej" />
<meta name="keywords" content="OSP Ochotnicza Straż Pożarna Męcina Wielka" />
<meta name="Author" content="NoWay @ Damian Rachel" />
<link rel="Shortcut icon" href="images/logo.ico" />
<link rel="stylesheet" type="text/css" href="css/style.css" />

<link rel="stylesheet" href="nivo-slider/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo-slider/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script type="text/javascript" src="scripts/jquery-1.6.1.min.js"></script>
<script src="scripts/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="nivo-slider/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
    $(window).load(function() {
         $('#slider').nivoSlider({
            effect: 'random',
             slices: 15, // For slice animations
                boxCols: 8, // For box animations
                boxRows: 4, // For box animations
                animSpeed: 1000, // Slide transition speed
                pauseTime: 4000, // How long each slide will show
                startSlide: 0 , // Set starting Slide (0 index)
                directionNav: true, // Next  Prev navigation
                directionNavHide: true, // Only show on hover
                controlNav: true, // 1,2,3... navigation
                controlNavThumbs: false, // Use thumbnails for Control Nav
                controlNavThumbsFromRel: false, // Use image rel for thumbs
                controlNavThumbsSearch: '.jpg', // Replace this with...
                controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
                keyboardNav: false, // Use left  right arrows
                pauseOnHover: true, // Stop animation while hovering
                manualAdvance: false, // Force manual transitions
                captionOpacity: 0.7 
        });

    });
    </script>

<script type="text/javascript" charset="utf-8">
            $(document).ready(function(){
                $("a[rel^='prettyPhoto']").prettyPhoto({theme: 'facebook',slideshow:5000, autoplay_slideshow:false, social_tools:false});
            });            
 </script>
 
 
 
</head>

<body>

<div class="pds">
	<div class="t2"><img src="images/t2.jpg" alt="" /></div>
    <div class="t3"><img src="images/t3.jpg" alt="" /></div>
	<div><a href="index.php"><img src="images/t1.jpg" alt="" border="0" usemap=""  /></a></div> 
    <div class="s">
    
    	<div class="left"> 
        	<div class="mng">Nawigacja</div>
            <div class="menu">
                        <ul>
                            <li><a href="index.php?site=home">Strona główna</a></li>
                            <li><a href="index.php?site=news">Aktualności</a></li>
                            <li><a href="index.php?site=actions">Akcje i interwencje</a></li>
                            <li><a href="index.php?site=history">Historia</a></li>
                            <li><a href="index.php?site=patron">Patron</a></li>
                            <li><a href="index.php?site=members">Członkowie</a></li>
							<li><a href="index.php?site=odznaczenia">Odznaczenia</a></li>
                            <li><a href="index.php?site=management">Zarząd</a></li>
                            <li><a href="index.php?site=equipment">Sprzęt</a></li>                           
                            <li><a href="index.php?site=gallery">Galeria</a></li>
                            <li><a href="index.php?site=download">Pliki do pobrania</a></li>
                            <li><a href="index.php?site=links">Linki</a></li>
                            <li><a href="index.php?site=seat">Remiza</a></li>
                            <li><a href="index.php?site=contact">Kontakt</a></li>
                        </ul>
          </div>
        	<div class="mng">Kalendarz</div>
        	<div class="mtxt">
            	<p style="font-weight:bold">

		<div><script charset="UTF-8" src="http://edodatki.pl/code/kartka-z-kalendarza?data%5BWidget%5D%5Btitle%5D=Kartka+z+kalendarza&data%5BWidget%5D%5Bcss%5D=white" type="text/javascript"></script><a href="http://www.rozmiar.com/zdjec.php" title="wymiary zdjęć">wymiary zdjęć</a><a href="http://edodatki.pl/widget/kartka-z-kalendarza" title="Kartka z kalendarza na stronę">Kartka z kalendarza na stronę</a></div></p>
            
            </div>

        <center><a href="panel.php">Panel Administracyjny</a> </center>
        
        </div>
        <div class="right">
        
        	
          
            <script language="JavaScript">
<!--
function readmore(idname)
{
  var Obj = (document.getElementById) ? document.getElementById(idname) : document.all[idname];
  if(Obj != null) Obj.style.display = (Obj.style.display == "none") ? "" : "none";
}
-->
</script>

<h1>Członkowie</h1>
             
             <br><br><br>	 
<a HREF="javascript:readmore('czynni');">Czynni</a>
<div id="czynni" style="display: none;">
<p>
<center><table border="1" bordercolor = "orange" cellpadding = "10">
<tr>
<center>
	<td><center><b>Imię i Nazwisko</b></center></td>
	<td><center><b>Rok Wstąpienia</b></center></td>
	<td><center><b>Ukończone kursy </b></center></td>
	<td><center><b>Rok ukończenia kursów</b></center></td>
</center>
</tr>
<a HREF="javascript:readmore('Emerytowani');">Emerytowani</a>
<div id="Emerytowani" style="display: none;">
<p>
<center><table border="1" bordercolor = "orange" cellpadding = "10">
<tr>
<center>
	<td><center><b>Imię i Nazwisko</b></center></td>
	<td><center><b>Rok Wstąpienia</b></center></td>
	<td><center><b>Ukończone kursy </b></center></td>
	<td><center><b>Rok ukończenia kursów</b></center></td>
</center>
</tr><a HREF="javascript:readmore('Zmarli');">Zmarli</a>
<div id="Zmarli" style="display: none;">
<p>
<center><table border="1" bordercolor = "orange" cellpadding = "10">
<tr>
<center>
	<td><center><b>Imię i Nazwisko</b></center></td>
	<td><center><b>Rok Wstąpienia</b></center></td>
	<td><center><b>Ukończone kursy </b></center></td>
	<td><center><b>Rok ukończenia kursów</b></center></td>
	<td><center><b>Data śmierci</b></center></td>
</center>
</tr><br><br><br>
            
            
            
		<h1 ></h1>        
</div>  		
		
        <div class="both"></div>    
    </div>
	<div class="f">
    	<div class="f1"><img src="images/f1.jpg" alt="" /></div>
        <div class="f2"><img src="images/f2.jpg" alt="" /></div>
        <div class="f3"><img src="images/f3.jpg" alt="" /></div>
        <div class="f4">
        	<div>Copyright by <b> WhyNot @ Damian Rachel</b> All rights reserved.</div>
        </div>
    </div>
    
    
      <map name="top" id="top">
        <area shape="rect" coords="39,59,405,145" href="index.html" alt="" />
      </map>
	
</div>

</body>
</html>

Oto kod wygenerowany przez stronę.

1 użytkowników online, w tym zalogowanych: 0, gości: 1