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 bakgrundsfärg på två rader samtidigt vid mouseOver?

Postades av 2003-11-28 10:11:38 - Joachim Feldt, i forum javascript/dhtml, Tråden har 5 Kommentarer och lästs av 574 personer

Hej,

Har problem med ett javascript som byter färg på en tabellrad när musen är över.

Så här ser det ut:
<code>
<script language="Javascript">
function over_menu(obj) {
obj.style.backgroundColor='#E5E4F2';
obj.document.parentWindow.event.cancelBubble='true';
}
function off_menu(obj)
{
obj.style.backgroundColor='';
obj.document.parentWindow.event.cancelBubble='true';
}
</script>
</code>
Det anropar jag så här:
<code>
<table>
<tr onmouseover="over_menu(this);" onmouseout="off_menu(this);">
<td>Dokumentnamn</td>
</tr>
</table>
</code>
Jättelätt, inga problem. Problemet kommer sen...
Dessa rader loppas ut och är en lista med olika dokument.
Men vissa dokument har en kort beskrivning också och i så fall skrivs en ny rad ut med beskrivningen. Då ser det ut så här:
<code>
<table>
<tr onmouseover="over_menu(this);" onmouseout="off_menu(this);">
<td>Dokumentnamn</td>
</tr>
<tr onmouseover="over_menu(this);" onmouseout="off_menu(this);">
<td>Beskrivning</td>
</tr>
</table>
</code>
Fast jag vill ju att när man har musen över en av raderna(ovasett vilken) skall båda raderna byta färg samtidigt.

Jag kan inte lägga anropet i tabellen eftersom det är bra EN tabell. Det är ju bara raderna som loopas ut.

Förstår ni hur jag menar?

/Jocke


Svara

Sv: Byta bakgrundsfärg på två rader samtidigt vid mouseOver?

Postades av 2003-11-28 17:31:56 - Pelle Johansson

Varför inte lägga det på table, fungerar inte det?

<table onmouseover="over_menu(this);" onmouseout="off_menu(this);">
<tr>
<td>Dokumentnamn</td>
</tr>
<tr>
<td>Beskrivning</td>
</tr>
</table>


Svara

Sv: Byta bakgrundsfärg på två rader samtidigt vid mouseOver?

Postades av 2003-11-29 12:29:59 - Stefan Skalk

Är också inne på unefär samma linje, men ändå inte! =)
<code>
<table>
<tr onmouseover="over_menu(this);" onmouseout="off_menu(this);">
<td>Dokumentnamn</td>
</tr>
<tr onmouseover="over_menu(this);" onmouseout="off_menu(this);">
<td>Dokumentnamn</td>
</tr>
<tr onmouseover="over_menu(this);" onmouseout="off_menu(this);">
<td>
<table>
<tr>
<td>Dokumentnamn</td>
</tr>
<tr>
<td>Beskrivning</td>
</tr>
</table>
</td>
</tr>
</table>
</code>


Svara

Sv: Byta bakgrundsfärg på två rader samtidigt vid mouseOver?

Postades av 2003-11-30 23:41:10 - Anders Wiman


<TR Id="RadEtt">
<TD>Rad ett</TD>
</TR>

<TR OnMouseOver="this.style.backgroundColor='#4A5774'; RadEtt.style.backgroundColor='#6981B3';" OnMouseOut="this.style.backgroundColor=''; RadEtt.style.backgroundColor='';">

<TD>Rad två</TD>
</TR>

Ok
Funkar fint för mig ,hoppas det kan hjälpa lite.


Svara

Sv: Byta bakgrundsfärg på två rader samtidigt vid mouseOver?

Postades av 2003-12-01 11:44:28 - Joachim Feldt

Tack för svaren!

Jag kan inte ha det i olika tabeller(lång förklaring varför så jag hoppar den...).
Jag är inne på det sista förslaget som du skrev, Wander.

Fast jag anropar en funktion ochnär jag gör det får jag:
obj.style is null or not an object..
Eller något liknande..
Så här ser min kod ut:
Funktionen:
<code>
<script language="Javascript">
function over_menu(obj,obj2) {
obj.style.backgroundColor='#E5E4F2';
obj.document.parentWindow.event.cancelBubble='true';
obj2.style.backgroundColor='#E5E4F2';
obj2.document.parentWindow.event.cancelBubble='true';
}
function off_menu(obj,obj2)
{
obj.style.backgroundColor='';
obj.document.parentWindow.event.cancelBubble='true';
obj2.style.backgroundColor='';
obj2.document.parentWindow.event.cancelBubble='true';
}
</script>
</code>
Jag anropar den så här:
<code>
<%
While Not rs.EOF
FirstRowID = rs("ID") & "_1"
SecondRowID = rs("ID") & "_2"
%>
<tr id="<%=FirstRowID%>" onmouseover="over_menu(this,<%=SecondRowID%>);" onmouseout="off_menu(this,<%=SecondRowID%>);">
<td>Blabla</td>
<td>Bla igen..</td>
</tr>
<tr id="<%=SecondRowID%>" onmouseover="over_menu(this,<%=FirstRowID%>);" onmouseout="off_menu(this,<%=FirstRowID%>);">
<td>Blabla</td>
<td>Bla igen..</td>
</tr>
<%
rs.MoveNext
Wend
%>
</code>

Någon som ser vad som är fel??

/Jocke


Svara

Sv: Byta bakgrundsfärg på två rader samtidigt vid mouseOver?

Postades av 2003-12-01 15:31:19 - Joachim Feldt

De funkade om jag döpte om gav variabler FirstRowID(och Second..) bokstäver också:
<code>
FirstRowID = "row" & rs("ID") & "_1"
SecondRowID = "row" & rs("ID") & "_2"
</code>
Varför har jag ingen aning om...

/Jocke


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 722
27 958
271 751
373
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