| Autor | Zpráva | ||
|---|---|---|---|
| v120 Profil * |
#1 · Zasláno: 18. 2. 2013, 13:09:19 · Upravil/a: v120
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 * |
#2 · Zasláno: 18. 2. 2013, 13:55:31
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 * |
#3 · Zasláno: 18. 2. 2013, 15:53:44
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> |
||
|
Časová prodleva: 11 let
|
|||
0