0

AJAXを使用して要素を構築<div>していて、ZeroClipboard機能を追加したいと思います。Firebugは、コードが正しくビルドされていることを示しています。生のHTMLテストページにコピーすると、それも機能します。ビルドはオンロードでは発生していませんが、順調に進んでいます。

コードは次のとおりで、新しい要素を作成するいくつかの関数を呼び出します。

dom_append_child_with_onclick ("img",export_id,"icon_active",report_heading_id, "event.cancelBubble = true;");
dom_append_child ("div",export_script_id,"",report_heading_id);
text = "<script language='JavaScript'>var clip" +rnum +"=new ZeroClipboard.Client();clip"+rnum+".setText('');clip"+rnum+".addEventListener('mouseDown',function(client){alert('firing');clip"+rnum+".setText(document.getElementById('SL40').value);});clip"+rnum+".glue('XR"+rnum+"','RH"+rnum+"');</script>";
document.getElementById(export_script_id).innerHTML=text;

私の質問：スクリプトをに挿入するとき<body>、それを起動するために何かをする必要がありますか？スクリプトが機能していないようで、アラート「発砲」を表示できません。

注：cancelBubbleは、基になる要素のonClick関数を停止するためのものです。フラッシュを動かせれば不要かもしれません。

ありがとう。

4

2 に答える 2

1

スクリプトをDOMオブジェクトとしてページに挿入することもできますが、これはすべてのブラウザーで機能するわけではありません。

var s = document.createElement("script");
s.type = "text/javascript";
s.innerText = "var clip" +rnum +"=new ZeroClipboard.Client();clip"+rnum+".setText('');clip"+rnum+".addEventListener('mouseDown',function(client){alert('firing');clip"+rnum+".setText(document.getElementById('SL40').value);});clip"+rnum+".glue('XR"+rnum+"','RH"+rnum+"');";
document.getElementsByTagName("head")[0].appendChild(s);

または、互換性を高めるために、ページでこれを設定する関数を宣言してからrnum、をパラメーターとして関数を呼び出すこともできます。

例えば

function useZeroClipboard(rnum) {
    window["clip" + rnum] = new ZeroClipboard.Client();
    cwindow["clip" + rnum].setText('');
    window["clip" + rnum].addEventListener('mouseDown', function(client){
        alert('firing');
        window["clip" + rnum].setText(document.getElementById('SL40').value);
    });
    window["clip" + rnum].glue('XR"+rnum+"','RH"+rnum+"');
}

次に、コードでそれを呼び出すことができます。

useZeroClipboard(rnum);

スクリプトブロックを書く代わりに。

于 2012-02-27T08:16:42.133 に答える
0

すべてのスクリプトを実行可能なスクリプトに再帰的に置き換える方法は次のとおりです。

function replaceScriptsRecurse(node) {                                                      
        if ( nodeScriptIs(node) ) {                                                         
                var script  = document.createElement("script");                             
                script.text = node.innerHTML;                                               

                node.parentNode.replaceChild(script, node);                                 
        }                                                                                   
        else {                                                                              
                var i        = 0;                                                           
                var children = node.childNodes;                                             
                while ( i < children.length) {                                              
                        replaceScriptsRecurse( children[i] );                               
                        i++;                                                                
                }                                                                           
        }                                                                                   

        return node;                                                                        
}                                                                                           
function nodeScriptIs(node) {                                                               
        return node.getAttribute && node.getAttribute("type") == "text/javascript";         
}
于 2013-12-14T14:21:59.100 に答える