HTML & CSSur HTML, XHTML & CSS
25 svar · 768 visningar · startad av M.Cheraghi · sida 2 av 2
Hello! Jag försöker dölja några delar av min tabell. Dock går det bara halvbra, tabellerna syns inte, dock är en yta "reserverad" för den. Hur gör jag för att det inte ska finnas någon yta reserverad för den, när den är osynlig. Sen undrar jag hur jag kan "anropa" den för att visa den dolda tabellen? Är det samma princip för att visa/dölja en DIV? Och hur gör jag för att använda samma link för b
Läs frågan i sin helhet →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>