如何根据任何用户提供的尺寸制作矩形？

我试图做一个矩形的形状，根据输入区域内输入的值。更具体，我有两个领域：如何根据任何用户提供的尺寸制作矩形？

宽度：

身高：

所以，我想的宽度和高度的值传递给函数在JavaScript中，使根据输入的值输入矩形。

我试着查找互联网，但即使花了几个小时，我找不到解决方案。 :( 任何帮助将理解

PS小提琴或示例将有助于

来源

2013-01-19 WebDesigner

请再试一次搜索的值。使用关键字“JavaScript绘制矩形”给出了很多点击... – Teemu

你试过了什么？尝试并发布该代码，以便我们可以帮助您解决问题。提示：您需要读取文本框的值，为框设置一个元素（div或span），并在css中设置其宽度和高度。这应该会给你一些关键字来搜索至少。 – sachleen

的Html体：。

<input type='text' id='w'> 
<input type='text' id='h'> 
<input type='submit' id='go'> 
<div id='shape'><div>

JS：

$(function(){ 
     $('#go').click(function(){ 
      $('#shape') 
      .css('width',$('#w').val()) 
      .css('height',$('#h').val()) 
      .css('border','2px solid black'); 
     }); 
    });

http://jsfiddle.net/LAtNC/

它很简单，你只需要设置一些css属性'div'，当然，检查你的输入，这只是一个例子。

来源

2013-01-19 09:54:20 JohnJohnGa

哦。对..感谢您的帮助先生.. – WebDesigner

-1

你查了什么网络？

你可以得到高的值，使用jQuery VAL宽度文本框（）

$('#ID').val();

然后设置检索到你的元素

$('#element').css('height',height_from_text_box); 
$('#element').css('width',width_from_text_box);

来源

2013-01-19 09:56:19

-1'你查了什么网络？是一个评论不是答案 – JohnJohnGa

@JohnJohnGa我问这个问题，因为他可能没有朝正确的方向查找。如果他很熟悉JavaScript的基本知识（从DOM获取数据并将其提交给DOM），那么他会询问具有尝试代码的更具体的问题。 –

@YogeshSawant我同意，我应该更具体。可能，我没有尝试向正确的方向查找。 – WebDesigner

如何根据任何用户提供的尺寸制作矩形？

回答

相关问题