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 回答