0

ユーザーがiframeの高さと幅を指定できるようにしようとしています。コピーして貼り付けることができる文字列にこれらの値を入力する高さと幅を入力できるようにしたいと思います。その値を文字列に渡す方法がわかりません。

<form id="embed-customize" action="/" style="display:block">
    <fieldset class="embed-size">
    <legend>Size:</legend>
    <div>
    <input id="embed-width" type="text" value="300">
    x
    <input id="embed-height" type="text" value="500">
    </div>
    </fieldset>

</form>
<textarea id="embed-url" rows="3" cols="100"></textarea>
<script>
jQuery(document).ready( function() {
var embedWidth = "";
var embedHeight = "";
var iframe = "";

jQuery('#embedWidth').blur(function(){
  embedWidth = jQuery(this).val();
})

var iframe = '<iframe width = ' + embedWidth + 'px height = ' + embedHeight +'px frameborder = "0" scrolling = "no" src = "http://www.example.com">"></iframe>';
jQuery('#embed-url').val(iframe);
})
</script>

これは私がこれまでに持っているものですが、うまくいかないようです。何が間違っているのかわかりません。

4

2 に答える 2

1

これを試して：

jQuery('#embed-width').blur(function(){
  embedWidth = jQuery(this).val();
  var iframe = '<iframe width = ' + embedWidth + 'px height = ' + embedHeight +'px frameborder = "0" scrolling = "no" src = "http://www.example.com">"></iframe>';
  jQuery('#embed-url').val(iframe);
 });
})
于 2012-07-11T04:22:59.793 に答える
0

これを試してみてください
http://jsfiddle.net/9zsqQ/

入力 ID に一貫性がありませんでした。HTMLではそうです#embed-widthが、javascriptではお使いの #embedWidth.

次に、iframe コードで属性名と値の間にスペースがあり、二重引用符で囲まれていないものもありました。次のようになっているはずです。

var iframe = '<iframe width="' + embedWidth + 'px" frameborder="0" scrolling="no" src="http://www.example.com">"></iframe>';

両方の入力で機能するように jsfiddle を更新しました:
http://jsfiddle.net/9zsqQ/2/

于 2012-07-11T04:37:40.813 に答える