2011-06-22 10 views
1

ウェブページに2つのiframeがあり、テキストに太字、下線、イタリック体などの操作を行うツールバーが1つあります。iframeはDesignModeに設定されているため、テキストをテキストエディタとして使用します。私はiframeのための単一のツールバーを使用しようとしています....どのようにiframeは、そのiframe IDに適用することができます操作(太字、イタリック体など)ウェブページにアクティブまたはフォーカスのある要素IDを取得する

私の頭に浮かぶアルゴリズムは、最初にアクティブな要素のIDを取得してから操作を適用するというものですが、それを行うための構文はありません!!

ありがとうございます!

答えて

1

それに対する答えをHERES OK ...

ちょうどその要素がIDまたは名前を渡すとonClickイベントを登録し、uは呼び出された関数で要素IDを持っている...

<html> 
<head> 
<script type="text/javascript"> 
function def() 
{ 
    myFrame1.document.designMode="on"; 
    myFrame2.document.designMode="on"; 
    document.getElementById("myFrame1").contentWindow.document.addEventListener('click', function(event) {clic("myFrame1");}, false); 
    document.getElementById("myFrame2").contentWindow.document.addEventListener('click', function(event) {clic("myFrame2");}, false); 
} 
function clic(id) 
{ 
     alert(id + " is clicked/focused"); 


} 

</script> 
</head> 
<body onLoad="def()"> 
<iframe id="myFrame1" border="0"> 
</iframe> 
<iframe id="myFrame2" border="0"> 
</iframe> 

</body></html> 

私はかなりこれは他のhtml要素でも動作すると確信しています! (dint check it tho)

関連する問題