Hej, Pröva Hej o tack för svaret! Har alla rader samma färg när de inte är markerade? Japp. Nu... Jag öppnar tråden igen.... Så här: NU är är jag nöjd:)Markera/avmarkera en rad
Jag har ett litet script som gör att när man klickar på en rad i tabell, markeras den. Eller rättare sagt bakgrundsfärgen byts. Klickar jag på en annan rad blir den istället markerad.
Så långt fungerar det.
Men jag skulle vilja att om man klickar på en redan markerad rad igen skall den avmarkeras.
Kan någon visar hur jag ändrar i detta lilla script för att åstadkomma detta?
Man ska alltså välja något i en lista, men ångrar man sig måste man ju kunna avmarkera så att ingen är vald.
<code>
var originalrow_color, originalitem_color;
function highlightrow(obj)
{
unFormatMenuItem();
objCellToFormat = obj;
if(obj.bgColor!="#B0C4DE")
{
originalrow_color=obj.bgColor;
obj.bgColor="#B0C4DE";
}
else
{
obj.bgColor=originalrow_color;
}
}
function unFormatMenuItem()
{
if (typeof(objCellToFormat) == "object")
{
objCellToFormat.bgColor=originalrow_color;
}
}
</code>
Variabeln "obj" är aktuell rad.
Jag har försökt o försökt, men jag är för dålig på javascript för att se vad som skall ändras...
Tack på förhand!!
/JockeSv: Markera/avmarkera en rad
function highlightrow(row)
{
if(!row.oldcolor)
row.oldcolor = '#b0c4de';
var oc = row.oldcolor;
row.oldcolor = row.style.backgroundColor;
row.style.backgroundColor = oc;
}
Sv:Markera/avmarkera en rad
Det funkar inte dock.
När jag skriver så här:
<code>
<script language="javascript">
function highlightrow(row)
{
if(!row.oldcolor)
row.oldcolor = '#b0c4de';
var oc = row.oldcolor;
row.oldcolor = row.style.backgroundColor;
row.style.backgroundColor = oc;
}
</script>
</head>
<body>
<table width="300" cellpadding="3" cellspacing="0">
<tr onClick="highlightrow(this);">
<td width="150">Rad 1</td>
<td width="150">Rad 1</td>
</tr>
<tr onClick="highlightrow(this);">
<td width="150">Rad 2</td>
<td width="150">Rad 2</td>
</tr>
<tr onClick="highlightrow(this);">
<td width="150">Rad 3</td>
<td width="150">Rad 3</td>
</tr>
</table>
</body>
</code>
Då blir raden färgad när jag klickar på den. När jag klickar på nästa blir den också färgad, alltså båda är då färgade. Alltså varje rad jag klickar på blir färgad.
Eller menar du att din kod skall in någonstans i min? Jag är som sagt för dålig för förstå hur, så i så fall får du gärna visa hur den ska in.
/JockeSv: Markera/avmarkera en rad
Pröva
<script type="text/javascript">
function unhighlightallrows()
{
var row;
for(var i=1; row=document.getElementById('row[' + i + ']'); i++)
row.style.backgroundColor = '#ffffff'; // Normal bakgrundsfärg
}
function highlightrow(row)
{
unhighlightallrows();
row.style.backgroundColor = '#b0c4de'; // Markerad bakgrundsfärg
}
</script>
<table width="300" cellpadding="3" cellspacing="0">
<tr onclick="highlightrow(this);" id="row[1]">
<td width="150">Rad 1</td>
<td width="150">Rad 1</td>
</tr>
<tr onclick="highlightrow(this);" id="row[2]">
<td width="150">Rad 2</td>
<td width="150">Rad 2</td>
</tr>
<tr onclick="highlightrow(this);" id="row[3]">
<td width="150">Rad 3</td>
<td width="150">Rad 3</td>
</tr>
</table>
Sv:Markera/avmarkera en rad
Nu blir resultatet som jag hade det från början, alltså en rad i taget blir markerad.
Det jag vill göra nu är att när jag klickar på en redan markerad rad, skall den avmarkeras. Så att ingen rad alls är markerad alltså.
Tack så länge!
/JockeSv: Markera/avmarkera en rad
<script type="text/javascript">
var highlightedrow = null;
function unhighlightallrows()
{
var row;
for(var i=1; row=document.getElementById('row[' + i + ']'); i++)
row.style.backgroundColor = '#ffffff'; // Normal bakgrundsfärg
}
function highlightrow(row)
{
unhighlightallrows();
if(highlightedrow && highlightedrow==row)
highlightedrow = null;
else {
row.style.backgroundColor = '#b0c4de'; // Markerad bakgrundsfärg
highlightedrow = row;
}
}
</script>
<table width="300" cellpadding="3" cellspacing="0">
<tr onclick="highlightrow(this);" id="row[1]">
<td width="150">Rad 1</td>
<td width="150">Rad 1</td>
</tr>
<tr onclick="highlightrow(this);" id="row[2]">
<td width="150">Rad 2</td>
<td width="150">Rad 2</td>
</tr>
<tr onclick="highlightrow(this);" id="row[3]">
<td width="150">Rad 3</td>
<td width="150">Rad 3</td>
</tr>
</table>
Sv: Markera/avmarkera en rad
I loopen som går igenom raderna:
<code>
for(var i=1; row=document.getElementById('row[' + i + ']'); i++)
row.style.backgroundColor = '#ffffff';
</code>
Detta är alltså en datagrid i VB.Net, så i code behinden sätter jag id på varje rad till vad posten har för ID i databasen.
Så varje rad får t ex id, "dataGridNamn_3434". Jag vet alltså inte vilket id raden har.
Kan man göra på något annat sätt i "unhighlightallrows();" för att avmarkera den tidagare markerade raden. "Din" loop förutsätter ju att id:a alltid börjar på 1?
Är du med på hur jag menar?
/JockeSv:Markera/avmarkera en rad
function unhighlightallrows()
{
var table = document.getElementById('the_table');
for(var i=0; i<table.rows.length; i++)
table.rows[i].style.backgroundColor = '#ffffff'; // Normal bakgrundsfärg
}
och på table-elementet sätter du id="the_table".
Sv: Markera/avmarkera en rad
Bugar o backar för din tid du lagt ner!!
/Jocke