자바 스크립트가 플래시 객체를 HTML에 삽입하지 못했습니다.

Question

javascript를 사용하여 SWF 객체를 포함하는 일부 HTML을 표시하려고합니다.

스크립트는 SWF 개체없이 정상적으로 작동합니다. 그러나 객체가 div에 삽입 된 html에 포함되면 스크립트는 더 이상 실행되지 않습니다.

누구든지 수정 또는 자리 오류를 제안 할 수 있으면 크게 감사하겠습니다.

여기는 jsfiddle입니다. (jsfiddle와 동일)

http://jsfiddle.net/UJpQ4/

코드 :

HTML :

<a href="javascript:void(0)" onclick="takeProfilePic('0');">Show Flash</a> 
<a href="javascript:void(0)" onclick="takeProfilePic('1');">Do not show flash</a> 
<tr><td colspan=2 align="center"><div id="takepic"></div> 

자바 스크립트 :

function takeProfilePic(type) { 
// alert(type); 
if (type==0) 
    { 
    var target = 'takepic'; 
    var photo = '<tr><td colspan=2 align="center">hello</td></tr>'; 
document.getElementById(target).innerHTML = photo; 
return false; 
    } 
    else if (type==1) { 
     var target = 'takepic'; 
    var photo = '<tr><td colspan=2 align="center"><a href="stepthree.php"><img src="images/collapse.gif" border=0></a></td></tr><tr><td colspan=2 align="center">NO FLASH OBJECT HERE</td></tr>'; 
    document.getElementById(target).innerHTML = photo; 
return false;  
    }  
} 

Answer 1

사용 EMBED 태그 대신 OBJECT 태그입니다.

function takeProfilePic(type) { 
// alert(type); 
if (type==0) 
    { 
    var target = 'takepic'; 
    var photo = '<tr><td colspan=2 align="center"><a href="stepthree.php"><img src="images/collapse.gif" border=0></a></td></tr><tr><td colspan=2 align="center"><div id="piccontent"><embed src="file.swf" type="application/x-shockwave-flash" width="520" height="400" /></div></td></tr>'; 
    document.getElementById(target).innerHTML = photo; 
    return false; 
    } 
    else if (type==1) { 
    var target = 'takepic'; 
    var photo = '<tr><td colspan=2 align="center"><a href="stepthree.php"><img src="images/collapse.gif" border=0></a></td></tr><tr><td colspan=2 align="center"><div id="piccontent">NO FLASH OBJECT HERE</div></td></tr>'; 
    document.getElementById(target).innerHTML = photo; 
    return false;  
    }  
}