/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
transitional effect på visning af layer
Fra : Peter


Dato : 17-07-04 21:07

Hej alle

denne funktion skulle vise et <DIV - layer med transitional effekt
ved IE4up (og bare vise det uden nogen effekt på andre browsere)

***************
<style type="text/css">
<!--
..slides {position:absolute; visibility:hidden;}
-->
</style>

<script language="JavaScript1.2">
<!--
function vislagmedtrans(object){
if (document.getElementById && document.getElementById(object) !=
null)

node =
document.getElementById(object).style.visibility='visible';

else if (document.layers && document.layers[object] != null)

document.layers[object].visibility = 'visible';

else if (document.all)

      document.all[object].style.filter =
"revealTrans(duration=1, transition=6)";
      document.all[object].filters.revealTrans.apply();   
      document.all[object].style.visibility="visible";
      document.all[object].filters.revealTrans.play();

}

//-->
</script>

<DIV id="image1" CLASS="slides" STYLE="visibility:hidden;
top:150px;"><img src="mitbillede.jpg"></div>

<form><input type="button" value="vislag"
onClick="vislagmedtrans('image1')"></form>

*****************

Men den giver (på IE5) fejlen:
document.all[object].filters.revealTrans is not an object

hvis jeg piller den første "if-sektion" virker det hele OK, men laget
bliver slet ikke vist på Linux/Mozilla-browser (det er åbenbart derfor
det er nødvendigt - jeg forstår ikke hvad den laver)

hvis jeg piller 3 af de sidste fire linier ud, viser scriptet lag på
alle browsertyper men selvfølgelig uden transitional effekt

Nogen forslag til hvordan man får skidtet til at vise laget på alle
tre browsertyper og gøre det med transitional effekt på IE?

Peter


 
 
Camilla (18-07-2004)
Kommentar
Fra : Camilla


Dato : 18-07-04 04:46

Peter wrote in dk.edb.internet.webdesign.clientside:
> Hej alle
>
> denne funktion skulle vise et <DIV - layer med transitional effekt
> ved IE4up (og bare vise det uden nogen effekt på andre browsere)
>
> ***************
> <style type="text/css">
> <!--
&gt; ..slides {position:absolute; visibility:hidden;}
&gt; -->
> </style>
>
> <script language="JavaScript1.2">
> <!--
&gt; function vislagmedtrans(object){
&gt; if (document.getElementById && document.getElementById(object) !=
&gt; null)
&gt;
&gt; node =
&gt; document.getElementById(object).style.visibility='visible';
&gt;
&gt; else if (document.layers && document.layers[object] != null)
&gt;
&gt; document.layers[object].visibility = 'visible';
&gt;
&gt; else if (document.all)
&gt;
&gt;       document.all[object].style.filter =
&gt; "revealTrans(duration=1, transition=6)";
&gt;       document.all[object].filters.revealTrans.apply();   
&gt;       document.all[object].style.visibility="visible";
&gt;       document.all[object].filters.revealTrans.play();
&gt;
&gt; }
&gt;
&gt; //-->
> </script>
>
> <DIV id="image1" CLASS="slides" STYLE="visibility:hidden;
> top:150px;"><img src="mitbillede.jpg"></div>
>
> <form><input type="button" value="vislag"
> onClick="vislagmedtrans('image1')"></form>
>
> *****************
>
> Men den giver (på IE5) fejlen:
> document.all[object].filters.revealTrans is not an object

Du skal sætte en style på dit img - a la
style='filter:blendTrans(duration=3)

Derudover skal din kode komme under billedet, da den ellers ikke kan
opfange filter værdien - der netop står på billedet.. en evt. array kan
du stadig sagtens lægge oppi i headen...

// Camilla

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408528
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste