HTML5キャンバスまたはJavaScriptで動作するプッシュレット

Question

プッシュレットの経験がありますか？

私は数日間それに取り組んでいます。私はそれを通常のjavascriptで動作させることができますが、HTMLキャンバスを追加し、javascriptを使用して "プッシュ"されたデータに基づいて何かを描画すると、動作しません。私の簡単な例では

：私はすべてのこれらの正規のタグを続ければ

document.getElementById('sometag').innerHTML = event.get("x"); 
document.getElementById('sometag').innerHTML = event.get("x"); 
... 
document.getElementById('sometag').innerHTML = event.get("x"); 

は問題ありませんが、私は追加するとき：

document.getElementById('canvas').getContext('2d').fillRect(....); 

それは動作しません。このエラーは、XMLデータを受信できないと示しています。

前もって感謝します。

Answer 1

おそらく、サーバーからプッシュされたHTMLでスクリプトを評価する必要があります。このようなもの：

function extractScripts(html) { 
// based on PrototypeJs 
    var ScriptFragment = "<script[^>]*>([\\S\\s]*?)<\/script>"; 
    var matchAll = new RegExp(ScriptFragment, "img"); 
    var matchOne = new RegExp(ScriptFragment, "im"); 
    return (html.match(matchAll) || []).map(function(scriptTag) { 
     return (scriptTag.match(matchOne) || ['', ''])[1]; 
    }); 
} 
function evalScripts(html) { 
    return extractScripts(html).map(function(script) { return eval(script) }); 
}