Avatar billede mr_mudderkode Nybegynder
25. september 2003 - 10:07 Der er 12 kommentarer og
1 løsning

Sætte opacity

Jeg har en onmouseover der sætter opacity.

Nu skal jeg have tilføjet noget, så det også virker i Mozilla.

onmouseover="Button1.filters.alpha.opacity=80"

Jeg er med på jeg så skal lave "ny linie" med et ; og så næste kommando, men hvordan skal tilføjelsen se ud for at jeg kan sætte -moz-opacity ?

I headeren har jeg -moz-opacity:0.8; men jeg kan ikke få det til at virke fra onmouseover hvor den skal sættes til 1.0
Avatar billede mm12010 Nybegynder
25. september 2003 - 10:14 #1
onmouseover="Button1.style.MozOpacity='1.0'"
Avatar billede mr_mudderkode Nybegynder
25. september 2003 - 10:36 #2
Hmmm. Nej. Den kan jeg ikke få til at virke...?
Avatar billede mm12010 Nybegynder
25. september 2003 - 10:40 #3
får du fejl?
Avatar billede mr_mudderkode Nybegynder
25. september 2003 - 10:42 #4
Nej, der sker bare ingenting.
Avatar billede mm12010 Nybegynder
25. september 2003 - 10:43 #5
må jeg se koden til din knap?
Avatar billede mr_mudderkode Nybegynder
25. september 2003 - 10:48 #6
.menuknap {height:40;width:150;font-size:10pt;background-color: #CCCCFF;color #000000;border-bottom:hidden 0px;border-left:hidden 0px;border-right:hidden 0px;border-top:hidden 0px;opacity:80%;-moz-opacity:0.8; filter: Alpha(Opacity=80);font-weight: bold;}

#knap1 {  left:20px; top:30px; }

<div class="knap" id="knap1" align="center" onmouseover="Button1.filters.alpha.opacity=100;Button1.style.MozOpacity='1.0'" onmouseout="Button1.filters.alpha.opacity=80;Button1.style.MozOpacity='0.8'">
<input type='Submit' name='Button1' value='LigaForum' class="menuknap">
</div>



Jeg har prøvet onmouseover på både <div> og på selve knappen.
Avatar billede mr_mudderkode Nybegynder
25. september 2003 - 10:48 #7
Hov, jeg mangler at angive knap klassen, men den er irrelevant. Den specificerer bare hvor mit layer skal ligge.
Avatar billede mm12010 Nybegynder
25. september 2003 - 10:51 #8
<div class="knap" id="knap1" align="center" onmouseover="document.getElementById('Button1').filters.alpha.opacity=100;document.getElementById('Button1').style.MozOpacity='1.0'" onmouseout="document.getElementById('Button1').filters.alpha.opacity=80;document.getElementById('Button1').style.MozOpacity='0.8'">
<input type='Submit' name='Button1' id='Button1' value='LigaForum' class="menuknap">
</div>
Avatar billede mr_mudderkode Nybegynder
25. september 2003 - 10:56 #9
Nej. Fungerer (stadig) fint i exploder, men ikke i Mozilla. (Firebird)
Avatar billede mm12010 Nybegynder
25. september 2003 - 11:02 #10
<div class="knap" id="knap1" align="center" onmouseover="Button1.filters.alpha.opacity=100;document.getElementById('Button1').style.MozOpacity=1.0" onmouseout="Button1.filters.alpha.opacity=80;document.getElementById('Button1').style.MozOpacity=0.8">
Avatar billede mr_mudderkode Nybegynder
25. september 2003 - 11:05 #11
Nej. Jeg har også selv forsøgt mig frem både med og uden '
Avatar billede mr_mudderkode Nybegynder
25. september 2003 - 11:58 #12
Woohoo... I dit sidste eksempel byttede jeg rundt på exploder- og mozilla-versionen, og opdagede at der manglede et ; til sidst.

Nu virker det.
Avatar billede mm12010 Nybegynder
25. september 2003 - 12:27 #13
ok - havde ellers lige lavet denne til dig :o)

<script language="JavaScript" type="text/javascript">
<!--
function setOpacity(elm,act){
    var ie = (document.all)?true:false;
    var moz = (navigator.userAgent.indexOf("Gecko")>-1);
    if(!ie && !moz){
        return;
        }
    obj=document.getElementById(elm);
    over=100;
    out=80;
    if(ie){
        maet=(act=="ind")?over:out;
        obj.filters.alpha.opacity=maet;
        return;
        }
    else if(moz){
        maet=(act=="ind")?over:out;
        obj.style.MozOpacity=(maet/100);
        return;
        }
    }
-->
</script>

<div class="knap" id="knap1" align="center" onmouseover="setOpacity('But','ind');" onmouseout="setOpacity('But','ud');">
<input type='Submit' name='But' id='But' value='LigaForum' class="menuknap">
</div>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester