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


Onfocus

Postades av 2006-02-25 09:47:16 - Benni Svensson, i forum javascript/dhtml, Tråden har 10 Kommentarer och lästs av 650 personer

<code>
<Img Src="Img/smile.gif" alt="Leende" onClick="insertSmiley(':)'); return false;"
Style="FILTER:alpha(opacity=25)' onmouseover="Style="FILTER:alpha(opacity=0)"">
</code>
Det jag försöker mig på här, är att till en början så skall iconerna vara "grådaskiga" (opacity=25), men
när man för musen över någon, så skall den bli "klar" (opacity=25).
Jag missar ju här, därför så vore jag glad för lite hjälp.

[Nya försök]
<code>
<STYLE type=text/css>
.blue {
CURSOR: hand;
FILTER:alpha(opacity=100);
.out {
CURSOR: hand;
FILTER:alpha.opacity = 35;
}
</STYLE>

<Img Src="Img/smile.gif" border="0" alt="Leende" class="blue" onClick="insertSmiley(':)');
return false;"; onmouseover=" this.className = 'blue';" onmouseout="this.className = 'out';">
</code>
...men fortfarande så är jag fel ute...


Svara

Sv: Onfocus

Postades av 2006-02-26 16:49:12 - Göran Andersson

Det var inte många rätt där, inte... ;)

Du försöker avsluta style-egenskapen med apostrof istället för citattecken.

Javascript är skiftlägeskänsligt. Alltså inte Style utan style.

Du kan inte sätta hela style-egenskapen. Du måste sätta enskilda engenskaper i den, alltså "this.style.filter='...';" "istället för this.style='...';".

Du kan inte använda citattecken i javascript-koden utan att html-koda dem. Alltså: onmouseover="this.style.filter=&quot;alpha(opacity=0)&quot;". Det är enklare att använda apostrofer runt strängarna i javascriptet.

Cursor kan inte ha egenskapen "hand" (det är bara IE som tror det). Använd "pointer".

Du har skrivit fel i stilen .out. Det ska inte vara "alpha.opacity = 35"; utan "alpha(opacity = 35);".


Svara

Sv:Onfocus

Postades av 2006-02-27 09:36:42 - Benni Svensson

Hej Göran, och tack för att du försöker att hjälpa mig. Jag har kommit en bra bit på vägen, men har ett
problem kvar.
<code>
<style type="text/css">
.in {
CURSOR: pointer;
filter alpha(opacity 100);
}
.out{
CURSOR: default;
filter alpha(opacity 35);
}
</style>

<Img Src="Img/smile.gif" border="0" alt="Leende" onClick="insertSmiley(':)'); return false;"
style="filter:alpha(opacity=25)" onmouseover=" this.style.filter='in';" onmouseout="
this.style.filter='out';">
</code>
Nu är iconerna "nergråade", och när musen är över, så blir de klara. Problemet är "onmouseout", då
händer ingenting.
Vad missar jag denna gången?


Svara

Sv: Onfocus

Postades av 2006-02-27 14:40:36 - Göran Andersson

Ändra filter alpha(opacity 100); till filter:alpha(opacity=100); och filter alpha(opacity 35); till filter:alpha(opacity=35);


Svara

Sv: Onfocus

Postades av 2006-02-27 15:29:35 - Fredrik Hansson

<code>
<style type="text/css">
img.in {
cursor: pointer;
filter: alpha(opacity=100);
}
img.out{
cursor: default;
filter: alpha(opacity=25);
}
</style>

<img src="Img/smile.gif" border="0" alt="Leende" class="out" onClick="insertSmiley(':)'); return false;"
onMouseOver="this.className='in';" onMouseOut="this.className='out';" >

</code>

tror dock att "filter" är ett påhitt som bara fungerar i IE.


Svara

Sv:Onfocus

Postades av 2006-02-27 16:18:18 - Benni Svensson

Detvill sig inte:
<code>
<style type="text/css">
in{
CURSOR: pointer;
filter: alpha(opacity 100);
}
out{
CURSOR: default;
filter: alpha(opacity 35);
}
</style>

<Img Src="Img/smile.gif" border="0" alt="Leende" onClick="insertSmiley(':)'); return false;"
style="filter:alpha(opacity=25)" onmouseover=" this.style.filter='in';" onmouseout="
this.style.filter='out';">
</code>
Det blev likadant med Fredriks förslag.


Svara

Sv: Onfocus

Postades av 2006-02-27 16:22:35 - Fredrik Hansson

<b>Det blev likadant med Fredriks förslag.</b>

Jag testade min kod och den fungerar (i IE...)
Tror nog du missade något.


Svara

Sv:Onfocus

Postades av 2006-02-27 16:40:09 - Benni Svensson

Det är IE som jag har som bläddrare.
Nu har Pelle gjort någonting, så det går ju inte att markera och klistra in längre, utan att få med sig en massa skräp.

Ingenting av era förslag fungerar för mig, dvs när musen kommer över, då fungerar det, men inte med
när musen skall bort.
Kan det ha någonting med <b>style="filter:alpha(opacity=25)"</b> att göra?


Svara

Sv: Onfocus

Postades av 2006-02-27 21:56:40 - Niklas Jansson

Jag skulle nog vilja säga att (förutom att du använder en skum notation och IE-specifika grejer i onödan) du gör fel i följande bit:
onmouseover=" this.style.filter='in';" onmouseout="this.style.filter='out';"

Det rimligaste skulle väl vara:
onmouseover=" this.style.class='in';" onmouseout="this.style.class='out';"


Svara

Sv:Onfocus

Postades av 2006-02-28 08:26:57 - Benni Svensson

Nej tyvärr Niklas, dit förslag fungerade inte heller.
Du tycker att jag gör fel, skulle du kunna visa hur man bör lösa en sådan här sak?


Svara

Sv: Onfocus

Postades av 2006-02-28 09:30:04 - Fredrik Hansson

Min kod fungerar fortfarande ;)
http://itbubblan.se/smile/


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 717
27 958
271 751
3 739
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