如何根據任何用戶提供的尺寸製作矩形？

我試圖做一個矩形的形狀，根據輸入區域內輸入的值。更具體，我有兩個領域：如何根據任何用戶提供的尺寸製作矩形？

寬度：

身高：

所以，我想的寬度和高度的值傳遞給函數在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

如何根據任何用戶提供的尺寸製作矩形？

回答

相關問題