Fetstil Fetstil Kursiv Understrykning linje färgläggning tabellverk Punktlista Nummerlista Vänster Centrerat högerställt Utfyllt Länk Bild htmlmode
  • Forum & Blog
    • Forum - översikt
      • .Net
        • asp.net generellt
        • c#
        • vb.net
        • f#
        • silverlight
        • microsoft surface
        • visual studio .net
      • databaser
        • sql-server
        • databaser
        • access
        • mysql
      • mjukvara klient
        • datorer och komponenter
        • nätverk, lan/wan
        • operativsystem
        • programvaror
        • säkerhet, inställningar
        • windows server
        • allmänt
        • crystal reports
        • exchange/outlook
        • microsoft office
      • mjukvara server
        • active directory
        • biztalk
        • exchange
        • linux
        • sharepoint
        • webbservers
        • sql server
      • appar (win/mobil)
      • programspråk
        • c++
        • delphi
        • java
        • quick basic
        • visual basic
      • scripting
        • asp 3.0
        • flash actionscript
        • html css
        • javascript
        • php
        • regular expresssion
        • xml
      • spel och grafik
        • DirectX
        • Spel och grafik
      • ledning
        • Arkitektur
        • Systemutveckling
        • krav och test
        • projektledning
        • ledningsfrågor
      • vb-sektioner
        • activeX
        • windows api
        • elektronik
        • internet
        • komponenter
        • nätverk
        • operativsystem
      • övriga forum
        • arbete karriär
        • erbjuda uppdrag och tjänster
        • juridiska frågor
        • köp och sälj
        • matematik och fysik
        • intern information
        • skrivklåda
        • webb-operatörer
    • Posta inlägg i forumet
    • Chatta med andra
  • Konto
    • Medlemssida
    • Byta lösenord
    • Bli bonsumedlem
    • iMail
  • Material
    • Tips & tricks
    • Artiklar
    • Programarkiv
  • JOBB
  • Student
    • Studentlicenser
  • KONTAKT
    • Om pellesoft
    • Grundare
    • Kontakta oss
    • Annonsering
    • Partners
    • Felanmälan
  • Logga in

Hem / Forum översikt / inlägg

Posta nytt inlägg


Byta färger på rad osv...

Postades av 2002-09-05 11:18:08 - Tommie Severinsson, i forum javascript/dhtml, Tråden har 0 Kommentarer och lästs av 582 personer

Har gjort ett script... ;) När jag drar musen över alla rader som visas så blir det en blå färg (på enskild rad alltså).. när jag clickar på en rad så blir det grön. (skum grön färg ;) ) sen kan du då dra muser över dom andra rader så är dom blåa, den som blev klickad är fortarande grön... .. ÄSCH.. ni fattar .. här kommer scriptet. Det är bara gjort för att funka i IE.. Så tjata inte om NS.. ;) Tack..

<code>
<script language="javascript">
// Change color, on_Out, on_Over, on_Click
var curRow = 'empty';
var curColor = '#ffffff';
var tempColor = '#ffffff';

function changeColor(id, color, clicked, PurchNumber, ProdNumber, LineNr) {
if (clicked != 'empty') {
if (curRow != 'empty') {
document.all(curRow).style.backgroundColor = + curColor ;
}
curRow = id;
PurchNr = PurchNumber;
ProdNr = ProdNumber;
LineNo = LineNr;
}

if (id != curRow) {
if (color == 'blue') {
document.all(id).style.backgroundColor = '#99ccff';
tempColor = '#ffffff';
}
else if (color == 'blue2') {
document.all(id).style.backgroundColor = '#99ccff';
tempColor = '#dddddd';
}
else if (color == 'white') {
document.all(id).style.backgroundColor = '#ffffff';
}
else if (color == 'grey') {
document.all(id).style.backgroundColor = '#dddddd';
}
}
else if (id == curRow) {
curColor = tempColor;
document.all(id).style.backgroundColor = '#ddffbb';
}
}
</script>
</code>

Såhär ser htmlen ut:
<code>
<tr id="<%= RowNo(i)%>" bgcolor="#dddddd" class="rowStyle" onMouseOver="changeColor('<%= RowNo(i)%>','blue2','empty');" onMouseOut="changeColor('<%= RowNo(i)%>','grey','empty');" onClick="changeColor('<%= RowNo(i)%>','green','<%= RowNo(i)%>','<%= PurchaseNo(i)%>','<%= ProdNo(i)%>','<%= LineNo(i)%>');" style="cursor:hand;">
<td class="cellBorder" width="16%" background="../img/10x10_blank.gif" border="0" width="100%" height="35"> <%= PurchaseNo(i)%> </td>
<td class="cellBorder" width="16%" background="../img/10x10_blank.gif" border="0" width="100%" height="35"> <%= ItemNo(i)%> </td>
<td class="cellBorder" width="12%" background="../img/10x10_blank.gif" border="0" width="100%" height="35"> <%= Description(i)%> </td>
<td class="cellBorder" width="8%" background="../img/10x10_blank.gif" border="0" width="100%" height="35"> <%= QtyOrdered(i)%> </td>
<td class="cellBorder" width="7%" background="../img/10x10_blank.gif" border="0" width="100%" height="35"> <%= FixStockUnit%> </td>
<td class="cellBorder" width="11%" background="../img/10x10_blank.gif" border="0" width="100%" height="35"> <%= Delivered(i)%> </td>
<td class="cellBorder" width="14%" background="../img/10x10_blank.gif" border="0" width="100%" height="35"> <%= DeliveryDate(i)%> </td>
<td class="cellBorder" width="16%" background="../img/10x10_blank.gif" border="0" width="100%" height="35"> <%= ConfirmDelivery%> </td>
</tr>
<%
bColor = False
Else
%>
<tr id="<%= RowNo(i)%>" bgcolor="#ffffff" class="rowStyle" onMouseOver="changeColor('<%= RowNo(i)%>','blue','empty');" onMouseOut="changeColor('<%= RowNo(i)%>','white','empty');" onClick="changeColor('<%= RowNo(i)%>','green','<%= RowNo(i)%>','<%= PurchaseNo(i)%>','<%= ProdNo(i)%>','<%= LineNo(i)%>');" style="cursor:hand;">
<td class="cellBorder" width="16%" background="../img/10x10_blank.gif" border="0" width="100%" height="35"> <%= PurchaseNo(i)%> </td>
<td class="cellBorder" width="16%" background="../img/10x10_blank.gif" border="0" width="100%" height="35"> <%= ItemNo(i)%> </td>
<td class="cellBorder" width="12%" background="../img/10x10_blank.gif" border="0" width="100%" height="35"> <%= Description(i)%> </td>
<td class="cellBorder" width="8%" background="../img/10x10_blank.gif" border="0" width="100%" height="35"> <%= QtyOrdered(i)%> </td>
<td class="cellBorder" width="7%" background="../img/10x10_blank.gif" border="0" width="100%" height="35"> <%= FixStockUnit%> </td>
<td class="cellBorder" width="11%" background="../img/10x10_blank.gif" border="0" width="100%" height="35"> <%= Delivered(i)%> </td>
<td class="cellBorder" width="14%" background="../img/10x10_blank.gif" border="0" width="100%" height="35"> <%= DeliveryDate(i)%> </td>
<td class="cellBorder" width="16%" background="../img/10x10_blank.gif" border="0" width="100%" height="35"> <%= ConfirmDelivery%></td>
</tr>
</code>

Som ni er så är det vit på en rad och grå på den andra.... När jag har en rad markerad och vill markera en annnan så blir den föregående raden helt svart.... det förstår jag inte rikitgt... är ingen superjavascriptfantast..

Tack på förhand...

P.S Ni kan använda scriptet om ni vill, det bryr jag mig inte om.. ;) D.S


Svara

Nyligen

  • 19:55 kick-off med fokus på hälsa?
  • 19:53 kick-off med fokus på hälsa?
  • 16:24 Föreslå en skönhetsklinik online
  • 16:23 Föreslå en skönhetsklinik online
  • 18:42 Hvor finder man håndlavede lamper
  • 18:41 Hvor finder man håndlavede lamper
  • 16:36 Allt du behöver veta om keramiskt
  • 16:14 Vem anlitar man egentligen när tak

Sidor

  • Hem
  • Bli bonusmedlem
  • Läs artiklar
  • Chatta med andra
  • Sök och erbjud jobb
  • Kontakta oss
  • Studentlicenser
  • Skriv en artikel

Statistik

Antal besökare:
Antal medlemmar:
Antal inlägg:
Online:
På chatten:
4 570 709
27 958
271 751
663
0

Kontakta oss

Frågor runt konsultation, rådgivning, uppdrag, rekrytering, annonsering och övriga ärenden. Ring: 0730-88 22 24 | pelle@pellesoft.se

© 1986-2013 PelleSoft AB. Last Build 4.1.7169.18070 (2019-08-18 10:02:21) 4.0.30319.42000
  • Om
  • Kontakta
  • Regler
  • Cookies