25 svar · 768 visningar · startad av M.Cheraghi · sida 2 av 2
Jag sitter på jobbet just nu och har ingen möjlighet att prova det där än!
Men så fort jag kommit hem ska jag prova, och lämnar samtidigt en lägesrapport och eventuellt accepterar svar! :)
Men så zcorpans lösning ska vara både Gecko och IE vänlig?
10-4 over and out!
okej, nu har två utav mina <tr> class="hidden" och har i min CSS angivet hidden värden som zcorpan angav. Då återstår frågan hur jag ändrar från class="hidden" till class=""?
10-4 over and out!
M.Cheraghi skrev:
Då återstår frågan hur jag ändrar från class="hidden" till class=""?
.className = "";
Vill du ha en lösning utan javascript kan du använda :target som icaaq var inne på.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test</title>
<style type="text/css">
tr:not(:target) { display:none; }
</style>
</head>
<body>
<ul>
<li><a href="#foo">foo</a></li>
<li><a href="#bar">bar</a></li>
<li><a href="#baz">baz</a></li>
</ul>
<table>
<tbody>
<tr id="foo">
<td>foo</td>
</tr>
<tr id="bar">
<td>bar</td>
</tr>
<tr id="baz">
<td>baz</td>
</tr>
</tbody>
</table>
</body>
</html>
angående bytta från en class till en annan, jag menade inte hur jag skriver i CSS'en, jag ville veta hur jag i HTML'en anropar en annan class på tabellen! ;)
Du kan ändra klassnamnet med JavaScript...
function f() {
var elm = document.getElementById("foo");
elm.className = elm.className == "" ? "hidden" : "";
}
<button onclick="f()">test</button>