Re: Tabell rader

[ JavaScript.nu's Forum ] [ Viktigt om forumet ] [ JavaScript.nu's Startsida ]

Forum / Tabell rader

För att undvika duplicering av data är nog serversidespråk (eg. PHP) bättre än JavaScript, så det är den första rekommendationen.

Dina id'n är lite dåligt satta, du har mellanrum i vissa av dem, vilket bör undvikas, dina tabeller har namn som inkluderar 'div' (missvisande), och vissa id'n (row1, row2) förekommer flera gånger. Dessutom är id'na på de enskilda raderna onödiga; från JavaScript kan du lika gärna referera till dem som
document.getElementById('testresults').getElementsByTagName('td')[index]
(eller $("#testresults td:eq(index)") om du använder jQuery - båda nollindexerade)
och från CSS ska du ändå inte ha specifika rader med olika stilar (möjligen kan en class="" vara applicerbar).

Jag antar annars att ditt mål är att lägga alla <td>n med class="ok" till tabellen med id="oktestdiv", och liknande med 'failed'? Isåfall håller jag med förslaget från SitePoint om att använda jQuery för det. Den resulterande koden bör bli:

$("#testresults .ok").clone().appendTo($("#oktestdiv"));
$("#testresults .failed").clone().appendTo($("#failedtestdiv"));

(Och du stavade förresten "different" fel.)

Nedanstående är på engelska men svaren kan vara på svenska :)

Hi.
Say that you have a table with id Testresults.
Now you also would like to show diffrent parts of that table inside diffrent divs that also contain a table.
for example
[CODE]<div id="OK testcases">
<table id="oktestdiv">
<tr id="row1" class="ok"><td>ok</td></tr>
</table>
</div>

<div id="Failed testcases">
<table id="failedtestdiv">
<tr id="row2" class="failed"><td>failed</td></tr>
</table>
</div>

<div id="all testcases">
<table id="alltestdiv"
<tr id="row1" class="ok"><td>ok</td></tr>
<tr id="row2" class="failed"><td>failed</td></tr>
</table>
</div>
[/CODE]
And those rows were taken from the following table
[CODE]
<table id="testresults">
<tr id="row1" class="ok"><td>ok</td></tr>
<tr id="row2" class="failed"><td>failed</td></tr>
</table>
[/CODE]
So how could you accomplish this?
I naturally don't want to write the code for the table at multiple places of the page. Notice also that my site only contains of one site, containing many divs.
Thanks :)

Postat av Simon (213.89.66.60) den 24 Juni, 2010 kl 23:59:16.
Som svar på: Tabell rader postat av Jonas den 21 Juni, 2010 kl 10:23:16.

Svar på inlägget:

Posta ett svar:

Namn:

E-Mail:

Rubrik:

Meddelande:

<citat> För att undvika duplicering av data är nog serversidespråk (eg. PHP) bättre än JavaScript, så det är den första rekommendationen. Dina id'n är lite dåligt satta, du har mellanrum i vissa av dem, vilket bör undvikas, dina tabeller har namn som inkluderar 'div' (missvisande), och vissa id'n (row1, row2) förekommer flera gånger. Dessutom är id'na på de enskilda raderna onödiga; från JavaScript kan du lika gärna referera till dem som document.getElementById('testresults').getElementsByTagName('td')[index] (eller $("#testresults td:eq(index)") om du använder jQuery - båda nollindexerade) och från CSS ska du ändå inte ha specifika rader med olika stilar (möjligen kan en class="" vara applicerbar). Jag antar annars att ditt mål är att lägga alla <td>n med class="ok" till tabellen med id="oktestdiv", och liknande med 'failed'? Isåfall håller jag med förslaget från SitePoint om att använda jQuery för det. Den resulterande koden bör bli: $("#testresults .ok").clone().appendTo($("#oktestdiv")); $("#testresults .failed").clone().appendTo($("#failedtestdiv")); (Och du stavade förresten "different" fel.) <citat> Nedanstående är på engelska men svaren kan vara på svenska :) Hi. Say that you have a table with id Testresults. Now you also would like to show diffrent parts of that table inside diffrent divs that also contain a table. for example [CODE]<div id="OK testcases"> <table id="oktestdiv"> <tr id="row1" class="ok"><td>ok</td></tr> </table> </div> <div id="Failed testcases"> <table id="failedtestdiv"> <tr id="row2" class="failed"><td>failed</td></tr> </table> </div> <div id="all testcases"> <table id="alltestdiv" <tr id="row1" class="ok"><td>ok</td></tr> <tr id="row2" class="failed"><td>failed</td></tr> </table> </div> [/CODE] And those rows were taken from the following table [CODE] <table id="testresults"> <tr id="row1" class="ok"><td>ok</td></tr> <tr id="row2" class="failed"><td>failed</td></tr> </table> [/CODE] So how could you accomplish this? I naturally don't want to write the code for the table at multiple places of the page. Notice also that my site only contains of one site, containing many divs. Thanks :) </citat> </citat>

Ja tack, maila mig om andra svarar på detta inlägg.

Ja tack, maila mig om andra svarar på mitt inlägg.

[ JavaScript.nu's Forum ] [ Viktigt om forumet ] [ JavaScript.nu's Startsida ]