WN - Jättenkel JS-funktion

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Jättenkel JS-funktion (https://www.wn.se/forum/showthread.php?t=20952)

Har en superenkel grej jag vill göra. Fungerar precis som tänkt i alla webbläsare förutom just IE6 (IE7 fungerar t.ex)

Funktionen ser ut så här:

Kod:

function playMovie( baseUrl, movieId )

{

        var oVideoPauseImg = document.getElementById( "videoPauseImg" );

        if( oVideoPauseImg )

        {

 oVideoPauseImg.parentNode.removeChild( oVideoPauseImg );

        }

        

        document.getElementById( "theVideoPlayer" ).setAttribute( "src", baseUrl + "/play.php?client_customer_id=" + movieId );

        

        if( isIE ) document.getElementById( "videoPlayer" ).style.setAttribute( "cssText", "display:block" );

        else document.getElementById( "videoPlayer" ).setAttribute( "style", "display:block" );

}

Och HTML-strukturen:

Kod:

<div id="videoPlayer" style="display:none; width:0px; height:0px;">

   <iframe id="theVideoPlayer" src="" width="325" height="280" border="0" frameborder="0" cellpadding="0" scrolling="no">

   </iframe>

          </div>

          <div id="videoPauseImg">

   <a href="javascript:void(0);" onclick="playMovie( '<?=$baseStreamUrl;?>', <?=$activeMovie['movieId'];?> ); return false;"><img src="images/pause.gif"></a>

          </div>

Testa gärna skriptet på: http://wepic.playstar.se/aka

(Tryck på den stora "Play Movie"-bilden eller på thumbnailsen)

Tusen tack på förhand!

//Nicklas

Är väl antagligen setAttribute som skojar med dig, det funkar inte som det ska i alla webbläsare. Kör med attributen direkt på objektet istället, t.ex:
obj.src = 'movie';
istället för:
obj.setAttribute( 'src', 'movie' );

Och då obj.style.display = 'block'; istället för obj.setAttribute( 'style', 'display:block' );

Citat:

Originally posted by DeSoto@Apr 30 2007, 17:13
Är väl antagligen setAttribute som skojar med dig, det funkar inte som det ska i alla webbläsare. Kör med attributen direkt på objektet istället, t.ex:
obj.src = movie;
istället för:
obj.setAttribute( src, movie );
Och då obj.style.display = block; istället för obj.setAttribute( style, display:block );

jag har testat det med

Hjälpte inte :(

Vi tror att det kan vara ett grafiskt fel. Att rätt saker verkligen händer, men att det inte framtäder grafsikt på grund at att html:en hoppat till andra sidan jordklotet eller något....

Tack för svaret!