Autor Zpráva
v120
Profil *
Ahoj, na internetu jsem našel skript, který po kliknutí zobrazí další obsah, snažil jsem se ho dát na svoje stránky, kde se automaticky vypisuji radky tabulky, ale po rozkliku druheho radku, se bohuzel otevira pouze ten prvni. co je na skriptu treba upravit, aby fungoval spravne ?

Diky.

<script type="text/javascript">
function toggle_visibility(tbid,lnkid)
{
if(document.all){document.getElementById(tbid).style.display =
document.getElementById(tbid).style.display == "block" ? "none" :
"block";}
else{document.getElementById(tbid).style.display =
document.getElementById(tbid).style.display == "table" ? "none" :
"table";}
document.getElementById(lnkid).value = document.getElementById(lnkid).value ==
"[-]" ? "[+]" : "[-]";
}
</script>
<style type="text/css">
#tbl1,#tbl2 {display:none;}
#lnk1,#lnk2 {border:none;background:none;width:85px;}
td {FONT-SIZE: 100%; MARGIN: 0px; COLOR: #000000;}
td {FONT-FAMILY: verdana,helvetica,arial,sans-serif}
a {TEXT-DECORATION: none;}
</style>



<h2>Průmyslové stavby</h2>
<p>fasdfasdf</p>
<h3>Realizované projekty</h3>



<table>

<tr style=" font-weight:bold;">
<td>Název Projektu</td>
<td >Rozpočet</td>
<td>Datum realiazace</td>
<td></td>
</tr>

</tr> 


<tr>
<td ><a
href="http://www.tannaco.sanytrovka.cz/?prumysl=gsdfgsdfg">gsdfgsdfg,</a></td>

<td >sdfgsdfgsdfgdfgsdfg</td> 
<td >08. 02. 2013</td>
<td><input id="lnk1" type="button" value="[+]"
onclick="toggle_visibility('tbl1','lnk1');"></td> 
</tr> 
<tr id="tbl1" name="tbl1">
<td >

sdfgsdfgsdfgdfgsdfg
</td> 
</tr> 


<tr>
<td ><a
href="http://www.tannaco.sanytrovka.cz/?prumysl=fasdfs">fasdfs,</a></td>
<td>asdfasdfasdf</td> 
<td >19. 01. 2013</td>
<td><input id="lnk1" type="button" value="[+]"
onclick="toggle_visibility('tbl1','lnk1');"></td> 
</tr> 
<tr id="tbl1" name="tbl1">
<td style="padding:0 10px 0 10px;">

asdfasdfasdf
</td> 
</tr> 



omlouvam se, spravny kod je zde:

<script type="text/javascript">
function toggle_visibility(tbid,lnkid)
{
  if(document.all){document.getElementById(tbid).style.display = document.getElementById(tbid).style.display == "block" ? "none" : "block";}
  else{document.getElementById(tbid).style.display = document.getElementById(tbid).style.display == "table" ? "none" : "table";}
  document.getElementById(lnkid).value = document.getElementById(lnkid).value == "[-]" ? "[+]" : "[-]";
 }
</script>
<style type="text/css">
#tbl1,#tbl2 {display:none;}
#lnk1,#lnk2 {border:none;background:none;width:85px;}
td {FONT-SIZE: 100%; MARGIN: 0px; COLOR: #000000;}
td {FONT-FAMILY: verdana,helvetica,arial,sans-serif}
a {TEXT-DECORATION: none;}
</style>


   <?php while (have_posts()) : the_post(); ?>

        <h2><?php the_title(); ?></h2>
        <?php the_content(); ?>

    <?php endwhile; // end of the loop. ?>  

 <table style="width:620px; font-size:90%;">

      <tr style=" font-weight:bold;">
          <td style="width:360px; text-align:center;">Název Projektu</td>
          <td style="width:140px; text-align:center;">Rozpočet</td>
          <td style="width:120px; text-align:center;">Datum realiazace</td>
          <td></td>
      </tr>
                
  </tr>  
  
               <?php
    $args = array('post_type' => 'prumysl', 'posts_per_page' => 100);
    $loop = new WP_Query($args);
    $i = 0; 
    while ($loop->have_posts()) : $loop->the_post();
        ?>

    <tr>
      <td style="padding:10px 10px 10px 10px;"><a href="<?php the_permalink(); ?>"><?php the_title(); ?>,</a></td>
      <td style="text-align:center;"><? the_field (rozpocet); ?></td>  
      <td style="text-align:center;"><? the_field (vyberte_datum_realizace); ?></td>
       <td><input id="lnk1" type="button" value="[+]" onclick="toggle_visibility('tbl1','lnk1');"></td>       
    </tr> 
    <tr id="tbl1" name="tbl1">
      <td style="padding:0 10px 0 10px;">
      
    <? the_field (rozpocet); ?>

    </td>    
    </tr> 
    
    
        

                <?php
    endwhile;
    ?>
      
              </table>  
scheras
Profil *
1/ Správný kód je ten první
2/Uvědomte si, jaká je základní vlastnost parametru id, může být v jednom html souboru použit pouze a jen jednou. Tudíž celý problém vyřešíte změnou id u druhého řádku tabulky (je potřeba pozměnit id i v javascriptovém kódu)
v120
Profil *
Jsem uplny lajk, jak prosim zmenit kod v javascriptu? takto to nefunguje:


<script type="text/javascript">
function toggle_visibility(tbid,lnkid)
{
  if(document.all){document.getElementByClassName(tbid).style.display = document.getElementByClassName(tbid).style.display == "block" ? "none" : "block";}
  else{document.getElementByClassName(tbid).style.display = document.getElementByClassName(tbid).style.display == "table" ? "none" : "table";}
  document.getElementByClassName(lnkid).value = document.getElementByClassName(lnkid).value == "[-]" ? "více" : "[-]";
 }
</script>
<style type="text/css">
tr.tbl0,.tbl1,.tbl2{display:none;}
input.lnk0,.lnk1,.lnk2 {border:none;background:none;width:65px;}
td {FONT-SIZE: 100%; MARGIN: 0px; COLOR: #000000;}
td {FONT-FAMILY: verdana,helvetica,arial,sans-serif}
a {TEXT-DECORATION: none;}
</style>

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: