-1

クエリ文字列に従って変更する必要がある高さと幅の値を持つ iframe ソースがあります。次のようにします。

<iframe width="(value1)" height="(value2)" scrolling="no" frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0" src="http://mips.tv/embedplayer/test121/1/(value1)/(value2)"></iframe>

そして、次のようなURLが必要です：

mywebpage.com/something.html?width=(value1)&height=(value2)

私を助けてください、私は何週間も探していました

4

1 に答える 1

0

JavaScript しか使用できない場合は、この関数を使用して幅と高さの値を読み取ります。

// return value of key_str variables query string of url
// Example: url = "index.html?alert=5&page=index"; if key_str = "alert" then it returns "5"
function getQuery(key_str) {
    if(window.location.search) {
        var query = window.location.search.substr(1);
        var pairs = query.split("&");
        for(var i = 0; i < pairs.length; i++) {
           var pair = pairs[i].split("=");
           if (unescape(pair[0]) == key_str) return unescape(pair[1]);
        }
      return null;
    }
}

次に、jQuery/javascript を使用して iFrame の属性を簡単に調整できます: http://api.jquery.com/attr/#attr2。

編集：OK、これを試してください。iFrame に名前を付けます (以下の例では「myiframe」)。

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type='text/javascript'>
function getQuery(key_str) {
    if(window.location.search) {
        var query = window.location.search.substr(1);
        var pairs = query.split("&");
        for(var i = 0; i < pairs.length; i++) {
           var pair = pairs[i].split("=");
           if (unescape(pair[0]) == key_str) return unescape(pair[1]);
        }
      return null;
    }
}

var width = getQuery('width');
var height = getQuery('height');
var src = 'http://mips.tv/embedplayer/test121/1/' + width + '/' + height;
$(document).ready(function() {
    var f = $('iframe[name=myiframe]');
    f.attr({
          'width'  : width,
          'height' : height,
          'src'    : src
      }
    );
});
</script>
于 2013-06-23T17:17:21.630 に答える