Har gjort en sida med en tabell där alla rader från början har ett eget class id med style="display: none". Med hjälp av sidans search-sträng kan jag sedan med ett javascript visa rader med ett visst class id. Alltså funktion som en query på en asp-sida, men utan IIS (html-sidan distribueras på ett sådant sätt att det oftast inte går att publicera den via en webserver, utan klienten öppnar filen direkt via lokal sökväg). Kan du visa lite kod för hur du gjort? Lite kod: Skippa span och styl tagarna. Det krånglar bara till det. Tack så mycket Andreas, detta verkar funka bra, och koden blev dessutom tio gånger enklare att läsa/skriva...Hur många class kan man ange på en sida?
Jag använder class eftersom jag får flera träffar på samma id.
Det hela funkar jättebra ända tills antalet class id överstiger 15 stycken. Då döljs inte längre de celler med class id som kommer efter de första 15.
Känner någon till om det finns någon slags begräsning för antalet class id på en sida. Har letat i specarna men inte hittat nåt. Eller har någon en bättre idé om hur simulera queries? Om ni nu fattat av min kortfattade beskrivning ovan.Sv: Hur många class kan man ange på en sida?
Jag skulle annars föreslagit xml tillsamans med javascript.Sv: Hur många class kan man ange på en sida?
Jag skickar ex c:\test.html?1017
Följande script ändrar class
<script type="text/javascript" language=javascript>
var KundNr = window.location.search.substring(1);
function showRow() {
for (i=0;i<document.getElementsByTagName("span").length; i++) {
if (document.getElementsByTagName("span").item(i).className == KundNr){
document.getElementsByTagName("span").item(i).style.display = "block";
}
}
}
window.onload = showRow;
</script>
Sedan i body har jag en table, ex så här:
<table>
<tr><style type=text/css>span.1017{display:none}</style><span class='1017'><td><span class='1017'>1052</span></td></tr>
<tr><style type=text/css>span.1017{display:none}</style><span class='1017'><td><span class='1017'>1057</span></td></tr>
<tr><style type=text/css>span.1018{display:none}</style><span class='1018'><td><span class='1018'>1060</span></td></tr>
</table>
(hela table-innehållet skapas som en textfil från SQL, med taggar och allt, läses sedan in i html med en JS include)
Med queryn ovan ska alltså cellerna i span class='1017' synas. Funkar skitbra tills dess att summan av olika class är fler än 15.
Tittade på att göra detta i xml med hittade inget vettigt nånstans. Är inte speciellt haj på JavaScript, så jag försökte hitta färdiga exempel, men nada.Sv: Hur många class kan man ange på en sida?
Testa istället följande kod:
<code>
<HTML>
<HEAD>
<SCRIPT type="text/javascript" language="javascript">
function showRow()
{
var allRows = document.getElementsByTagName("TR");
//var KundNr = window.location.search.substring(1);
var KundNr = '1034';
for (i=0; i < allRows.length; i++)
{
var row = allRows.item(i)
if (row.className == KundNr)
{
row.style.display = "block";
}
else
{
row.style.display = "none";
}
}
}
window.onload = showRow;
</SCRIPT>
</HEAD>
<BODY>
Sedan i body har jag en table, ex så här:
<TABLE>
<TR class='1017'>
<TD>1052</TD>
</TR>
<TR class='1017'>
<TD>1057</TD>
</TR>
<TR class='1018'>
<TD>1060</TD>
</TR>
<TR class='1019'>
<TD>1070</TD>
</TR>
<TR class='1019'>
<TD>1074</TD>
</TR>
<TR class='1020'>
<TD>1274</TD>
</TR>
<TR class='1021'>
<TD>1254</TD>
</TR>
<TR class='1022'>
<TD>1252</TD>
</TR>
<TR class='1022'>
<TD>1251</TD>
</TR>
<TR class='1022'>
<TD>1254</TD>
</TR>
<TR class='1023'>
<TD>1264</TD>
</TR>
<TR class='1024'>
<TD>1265</TD>
</TR>
<TR class='1024'>
<TD>1267</TD>
</TR>
<TR class='1025'>
<TD>1268</TD>
</TR>
<TR class='1026'>
<TD>1269</TD>
</TR>
<TR class='1027'>
<TD>1270</TD>
</TR>
<TR class='1028'>
<TD>1272</TD>
</TR>
<TR class='1029'>
<TD>1274</TD>
</TR>
<TR class='1030'>
<TD>1374</TD>
</TR>
<TR class='1030'>
<TD>1378</TD>
</TR>
<TR class='1031'>
<TD>1388</TD>
</TR>
<TR class='1032'>
<TD>1400</TD>
</TR>
<TR class='1032'>
<TD>1405</TD>
</TR>
<TR class='1033'>
<TD>1415</TD>
</TR>
<TR class='1033'>
<TD>1420</TD>
</TR>
<TR class='1033'>
<TD>1425</TD>
</TR>
<TR class='1033'>
<TD>1430</TD>
</TR>
<TR class='1033'>
<TD>1435</TD>
</TR>
<TR class='1033'>
<TD>1440</TD>
</TR>
<TR class='1034'>
<TD>1445</TD>
</TR>
<TR class='1034'>
<TD>1450</TD>
</TR>
<TR class='1034'>
<TD>1455</TD>
</TR>
<TR class='1034'>
<TD>1460</TD>
</TR>
</TABLE>
</BODY>
</HTML>
</code>
Eller så kan du använda en egen attribut:
<code>
<HTML>
<HEAD>
<SCRIPT type="text/javascript" language="javascript">
function showRow()
{
var allRows = document.getElementsByTagName("TR");
//var KundNr = window.location.search.substring(1);
var KundNr = '1034';
for (i=0; i < allRows.length; i++)
{
var row = allRows.item(i)
if (row.KundNr == KundNr)
{
row.style.display = "block";
}
else
{
row.style.display = "none";
}
}
}
window.onload = showRow;
</SCRIPT>
</HEAD>
<BODY>
Sedan i body har jag en table, ex så här:
<TABLE>
<TR KundNr='1017'>
<TD>1052</TD>
</TR>
<TR KundNr='1017'>
<TD>1057</TD>
</TR>
<TR KundNr='1018'>
<TD>1060</TD>
</TR>
<TR KundNr='1019'>
<TD>1070</TD>
</TR>
<TR KundNr='1019'>
<TD>1074</TD>
</TR>
<TR KundNr='1020'>
<TD>1274</TD>
</TR>
<TR KundNr='1021'>
<TD>1254</TD>
</TR>
<TR KundNr='1022'>
<TD>1252</TD>
</TR>
<TR KundNr='1022'>
<TD>1251</TD>
</TR>
<TR KundNr='1022'>
<TD>1254</TD>
</TR>
<TR KundNr='1023'>
<TD>1264</TD>
</TR>
<TR KundNr='1024'>
<TD>1265</TD>
</TR>
<TR KundNr='1024'>
<TD>1267</TD>
</TR>
<TR KundNr='1025'>
<TD>1268</TD>
</TR>
<TR KundNr='1026'>
<TD>1269</TD>
</TR>
<TR KundNr='1027'>
<TD>1270</TD>
</TR>
<TR KundNr='1028'>
<TD>1272</TD>
</TR>
<TR KundNr='1029'>
<TD>1274</TD>
</TR>
<TR KundNr='1030'>
<TD>1374</TD>
</TR>
<TR KundNr='1030'>
<TD>1378</TD>
</TR>
<TR KundNr='1031'>
<TD>1388</TD>
</TR>
<TR KundNr='1032'>
<TD>1400</TD>
</TR>
<TR KundNr='1032'>
<TD>1405</TD>
</TR>
<TR KundNr='1033'>
<TD>1415</TD>
</TR>
<TR KundNr='1033'>
<TD>1420</TD>
</TR>
<TR KundNr='1033'>
<TD>1425</TD>
</TR>
<TR KundNr='1033'>
<TD>1430</TD>
</TR>
<TR KundNr='1033'>
<TD>1435</TD>
</TR>
<TR KundNr='1033'>
<TD>1440</TD>
</TR>
<TR KundNr='1034'>
<TD>1445</TD>
</TR>
<TR KundNr='1034'>
<TD>1450</TD>
</TR>
<TR KundNr='1034'>
<TD>1455</TD>
</TR>
<TR KundNr='1034'>
<TD>1460</TD>
</TR>
</TABLE>
</BODY>
</HTML>
</code>Sv: Hur många class kan man ange på en sida?
Anledningen till att jag krånglat till det så mkt (med span och class och style) är det gamla vanliga; jag vet inte riktigt vad jag sysslar med... Är utanför min domän när jag pillar med HTML (SQL är det jag kan egentligen).
Stort tack för hjälpen!