Замена элемента на странице с помощью JavaScript - PullRequest
Новая
       6

Замена элемента на странице с помощью JavaScript

0 голосов
/ 26 февраля 2012

У меня есть видеопроигрыватель, который работает на стороне клиента, и я хочу сохранить для него конфигурацию, чтобы мне не приходилось писать его каждый раз.

У меня была идея, где можно разместить маркер в разметке, например: 

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

Или что-то в этом роде, а затем замените #marker настройками, которые я сохранил в функции javascript.

Я знаю какой-то базовый Javascript, но я никогда не делал ничего более продвинутого.

Вот пример: 

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

Там, где написано #marker, я хочу заменить его на: 

{
        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
                });
            }
        }
    }

Ответы [ 3 ]

2 голосов
/ 26 февраля 2012

Вы можете использовать JQuery, добавьте это в раздел Head вашей страницы:

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

и запишите это в свой js-файл или раздел

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

, что вызовет <player id="Player1" playerConfiguration="value"></player> надежду, что поможет ...

1 голос
/ 26 февраля 2012

Вы можете включить Jquery и сделать следующее: 

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

Или что-то вроде: 

$("#Player1").replaceWith('The html code u want');
1 голос
/ 26 февраля 2012

Может быть, это вам поможет?Он создает и устанавливает атрибут (маркер) для узла игрока и дает ему значение (config) 

<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>
...