JavaScriptを使用してページ上の要素を置換する

私はクライアント側で動作するビデオプレーヤーを持っており、毎回書く必要がないように設定を保存したいと思います。JavaScriptを使用してページ上の要素を置換する

私は私のような、マークアップにマーカーを置くことができるという考えだった：

その旨を

<player id="Player1" #marker></player>

か何か、そして私はjavascript関数に保存した設定で#markerを交換します。

私はいくつかの基本的なJavascriptを知っていますが、これほど進歩したことは一度もありません。ここで

は例です：多分これがお手伝いします

{ 
     clip: { 
      Scaling: 'fit', 
      onStart: function (clip) { 
       var w = parseInt(clip.metaData.width, 10), 
        h = parseInt(clip.metaData.height, 10); 
       $(this.getParent()).css({ 
        width: w, 
        height: h 
       }); 
      } 
     } 
    }

出典

2012-02-26 TheGateKeeper

設定のどのような？ – Jivings

もっとコードを投稿してください - プレーヤーの作成/初期化の仕方は？ –

：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

$('#player1').attr('playerConfiguration', 'Value');

01を引き起こすこと

その後、あなたのjsファイルまたはセクションでこれを書きますあなたはjQueryのを含めると、次の操作を行うことができ...

出典

2012-02-26 13:20:15

要素が読み込まれる前または後にマークアップを配置する必要がありますか？要素が見つからなければ、何も正しくありませんか？ – TheGateKeeper

もし要素がほとんどの場合見つからなければ、それはうまく動作せず、しかし、ユーザーがjsデバッグをオンにしていれば、それはprobeblyエラーをスローします。要素に属性を追加します。 };}）; Jquery（Document）.ready（function（）{if（$（ "＃player1"））{ //要素に属性を追加します。 –

申し訳ありません... Jquery（document）.ready（function（）{if（$（ "＃player1"）。長さ> 0）{ //要素に属性を追加します };}）; –

：それは#marker言う

<script type="text/javascript" language="JavaScript"> 
    flowplayer("player", "http://www.easymuaythai.com/Videos/FlowPlayer/flowplayer-3.2.7.swf", #marker); 
</script>

、私はそれを交換したいですか？それはあなたのページのheadセクションに以下を追加、あなたはjQueryのを使用することができます作成し、設定した属性（マーカー）をプレイヤーノードに、それはそれに値（設定）を与える

<html> 
    <head> 
     <script type="text/javascript"> 
      var p = { 
       onload: function() { 
        var markerAttribute = document.createAttribute("marker"); 
        document.getElementById("Player1").setAttributeNode(markerAttribute); 
        markerAttribute.nodeValue = "config"; 
       } 
      }; 
     </script> 
    </head> 
    <body onload="p.onload()"> 
     <div> 
      <player id="Player1"></player> 
     </div> 
    </body> 
</html>

出典

2012-02-26 13:18:05 Tom

を助け希望：

$("#Player1").attr('config', 'write=all&settings;you,need');

か何かのように：

$("#Player1").replaceWith('The html code u want');

出典

2012-02-26 13:24:08

私はそれをページロードに入れますか？または、要素がロードされた後でなければなりませんか？ – TheGateKeeper

htmlが読み込まれた後で実行する必要があります。あなたはあなたのhtmlの下に、または$（document）.ready（function（）{/ *あなたがここにコードする* /}の間に追加することでそれを行うことができます。 –

JavaScriptを使用してページ上の要素を置換する

答えて

関連する問題