Hej!! function tbl_color(val){ Lade till en jag testat tack, scriptet funkar, men inte riktigt som jag vill =).. något emot att hjälpa mig lite till?? Ok, ett annat exempel Tackar, detta funkade lite bättre.. men ändå inte som jag tänkt.. hade jag varit bättre på Javascript hade jag byggt om det så som jag ville ha det, men nu är jag inte det.. så du kanske kan hjälpa mig lite till??. Du kan använda det scriptet jag skrev ovan... Jag fattar inte =).. är verkligen skitkass på Javascript.. Den loopen jag skrev ovan, du vet vad en loop är....?Ändra style på en tabell beroende på val!
Jag håller på med en site som är ungefär som Ballous kontrollpanel.
Och nu vill jag med ett javascript göra så att en tabell byter class beroende på vilken kryssruta man valt (t ex: file eller folder).
Jag har en meny med olika alternativ.
Skapa ny mapp (inte låst, kan användas när som helst)
Byt namn på mapp (låst, skall låsas upp om man kryssar för en kryssruta vid namn folder)
Byt namn på fil (låst, skall låsas upp om man kryssar för en kryssruta vid namn file)
m.m.
jag vill alltså kunna låsa upp dom låsta med ett javascript efter valet man gjort.
nån som förstår??
mvh
//JonnieSv: Ändra style på en tabell beroende på val!
var tbl = document.getElementById('main_table');
if(val){
tbl.className = "class1";
}else{
tbl.className = "class2";
}
}
<body>....
<table id="main_table".........>
<tr></td><input type="checkbox" onClick="tbl_color(true)" name="val1">
<input type="checkbox" onClick="tbl_color(true)" name="val1">
</td></tr>
osv
Detta borde fungera med reservation för ev. felstavningar mmSv: Ändra style på en tabell beroende på val!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
function tbl_color(val){
var tbl = document.getElementById('maintable');
if(val){
tbl.className = "class1";
if(document.frm.val2.checked){
document.frm.val2.checked = false;
}
}else{
tbl.className = "class2";
if(document.frm.val1.checked){
document.frm.val1.checked = false;
}
}
}
</script>
<style>
.class1{background-color:black;}
.class2{background-color:yellow;}
</style>
</HEAD>
<BODY>
<body>
<form name="frm">
<table id="maintable" class="class1" width="500" height="500">
<tr></td><input type="checkbox" onClick="tbl_color(true)" checked name="val1">
<input type="checkbox" onClick="tbl_color(false)" name="val2">
</td></tr>
</table>
</form>
osv
</BODY>
</HTML>Sv: Ändra style på en tabell beroende på val!
får be så hemskt mycket om ursäkt, men jag skrev tabell class förut.. och det ska det inte vara.. utan det är classen i td:n. Som jag har gjort nu så gör den bara en sak åt gången. Kryssar man i folder så låser den upp EN td som har med mappar att göra (likadant för file).
Hur ska jag göra för att lägga till så att den ändrar flera samtidigt?
och så vill jag även att när man kryssar ur rutan så ska td:n låsas igen =)
Vore tacksam för mer hjälp
//JonnieSv: Ändra style på en tabell beroende på val!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
function tbl_color(val){
var tbl = document.getElementById('maintable');
var oTD = tbl.cells;
var counter=0;
for (i=0; i < tbl.rows.length; i++) {
for (j=0; j < tbl.rows(i).cells.length; j++) {
tbl.rows(i).cells(j).innerText = counter;
tbl.rows(i).cells(j).className = 'class2';
counter++;
}
}
if(val){
// tbl.className = "class1";
if(document.frm.val2.checked){
document.frm.val2.checked = false;
}
}else{
// tbl.className = "class2";
if(document.frm.val1.checked){
document.frm.val1.checked = false;
}
}
}
</script>
<style>
.class1{background-color:black;}
.class2{background-color:yellow;}
</style>
</HEAD>
<BODY>
<body>
<form name="frm">
<input type="checkbox" onClick="tbl_color(true)" checked name="val1">
<input type="checkbox" onClick="tbl_color(false)" name="val2">
<table id="maintable" width="500" height="500">
<tr>
<td></td><td></td><td></td>
</tr>
</table>
</form>
osv
</BODY>
</HTML>Sv: Ändra style på en tabell beroende på val!
Nu när man kryssar i vi säger folder kryssrutan, så låser den upp alla td's som finns i tabellen (och det vill jag inte) utan den ska bara låsa upp alla td's som hör till folder (och dom td's som hör till folder har id=folderTable) och dom har med file att göra heter fileTable. förstår du lite bättre nu??
Du har varit till riktigt stor hjälp, men jag skulle vekligen behöva mer hjälp på detta..
Tror du att du kan göra ett sådant script??
Såhär ser min tabell ut med alternativen
<code>
<table cols="1" width="156" border="0" cellpadding="0 "cellspacing="1" class="TasksTable">
<TR height="25px"><TD class="TasksHeaderTitle">Alternativ</TD></TR>
<TR height="20px"><TD class="TasksText" onclick="javascript:alert("Skapa nu en mapp")" title="Create Web Site...">Skapa en
mapp</TD></TR>
<TR height="20px"><TD id="folderTable" class="TasksTextDisabled" title="Byt namn på mapp...">Byt namn
på mapp</TD></TR>
<TR height="20px"><TD id="fileTable" class="TasksTextDisabled" title="Byt namn på fil...">Byt namn på
fil</TD></TR>
<TR height="20px"><TD id="fileTable" class="TasksTextDisabled" title="Flytta markerade filer...">Flytta
markerade filer</TD></TR>
<TR height="20px"><TD id="fileTable" class="TasksTextDisabled" title="Tabort markerade filer...">Tabort
markerade filer</TD></TR>
<TR height="20px"><TD class="TasksText" title="Ladda upp filer..." onclick="javascript:Upload(580, 282);">
<img border="0" src="Grafik/butGreenArrow.gif" width="13" height="10"> Ladda upp
filer..</TD></TR>
<TR height="20px"><TD class="TasksTableCell" title=""> </TD></TR>
<TR height="100%"><TD>
<img border="0" src="Grafik/disks.gif" width="154" height="196"></TD></TR></TABLE>
</td>
</TR>
</TABLE>
</code>
tänkte att det kanske kan hjälpa dig lite mer
mvh
//JonnieSv: Ändra style på en tabell beroende på val!
Du behöver bara modifiera funktionen att ta emot de argument du behöver
När du sedan loopar genom kan du alltid kolla id på den cell du befinner dig i.
if(tbl.rows(i).cells(j).id == 'file_id'){så utför vi funktionen här}
Jag klistrade bara in den loopen ovanför kollen av checkboxarna.
Du kan lägga loopen i den kollen om du vill och sätta olika värden på vilken checkruta du klickat i.Sv: Ändra style på en tabell beroende på val!
Sv: Ändra style på en tabell beroende på val!
for (i=0; i < tbl.rows.length; i++) {
for (j=0; j < tbl.rows(i).cells.length; j++) {
tbl.rows(i).cells(j).innerText = counter;
tbl.rows(i).cells(j).className = 'class2';
counter++;
}
}
När du kör den kan du kolla om
if(tbl.rows(i).cells(j).id == 'file_id') eller det id du nu vill se om en td har.
Om så är fallet
for (i=0; i < tbl.rows.length; i++) {
for (j=0; j < tbl.rows(i).cells.length; j++) {
if(tbl.rows(i).cells(j).id == 'file_id') {
tbl.rows(i).cells(j).innerText = counter;
tbl.rows(i).cells(j).className = 'class2';
}else{
tbl.rows(i).cells(j).innerText = counter;
tbl.rows(i).cells(j).className = 'class1';
}
counter++;
}
}