2010-01-23 2 views
3

필자는 텍스트 상자가있는 작은 폼과 끝의 단추를 숨김 텍스트 상자의 지정된 종횡비로 사용하여 사용자가 너비 상자에 값을 입력 할 수있게해야한다는 요구 사항이 있습니다. 사용자가 높이 텍스트 상자가 변경되는 값을 변경합니다. 높이 상자에 입력 할 때 너비가 변경됩니다. 누군가 나를 위해이 작업을 수행하는 것을 원하지 않지만 partiqular 텍스트 상자의 텍스트를 변경할 때 jquery 함수를 설정하는 데 도움이 필요합니다. 가로 세로 비율에 따른 Jquery 너비/높이 계산기?

어떤 도움

이 지침은 fantastic..many 감사

크리스

답변

0

유래에 오신 것을 환영합니다 것입니다.

당신은 같은 것을 할 수 있습니다

$('#widthBoxId').focusout(function(){ 
    var height = $(this).val() //math calculations based on $('#hiddenRatioId') 
    $('#heightBoxId').val(height); 
}); 

그런 다음 높이 상자 역을 할 수 있습니다.

+0

fantastic..i는 매우 빨리 시도 할 것입니다. 내가 어떻게 시작하는지 알려주세요. :)) ... $ (this) .val() ..이 (가) 있습니다. 이게 기능이야? 이 작업을 수행하려면이 변경해야합니까 또는이 기능을 추출 할 수 있습니다 ..? – kalabo

+0

$ (this) .val()은 해당 요소에 대한 이벤트 핸들러 (.focusout()) 안에 있기 때문에 $ ('# widthBoxId')의 현재 값을 참조합니다. – jay

1

여기가 바로 지금 거기에 있습니다. 아주 거의 거기에 있습니다. 그러나 숫자를 반올림하는 쉬운 방법이 있습니까?

<!DOCTYPE html> 
<html> 
<head> 
    <script src="scripts/jquery-1.3.2.min.js"></script> 
</head> 
<body> 

<input type='text' id='aspectratio' /> 
<input type='text' id='width' /> 
X 
<input type='text' id='height' /> 
    <div></div> 
<script> 
$('#width').keyup(function(){ 
    var aspectratio = $('#aspectratio').val(); 
    var width = $(this).val(); 
    var height = aspectratio * width; 
    $('#height').val(height); 
}); 

$('#height').keyup(function(){ 
    var aspectratio = $('#aspectratio').val(); 
    var height = $(this).val(); 
    var width = aspectratio/height; 
    $('#width').val(width); 
}); 

</script> 
</body> 
</html> 
+0

Chris, 답변을 게시하는 대신 업데이트임을 표시하여 원본 게시물을 업데이트해야하지만 Math.floor (number)를 사용하여 반올림 할 수 있습니다. 여기서 number는 반올림하려는 숫자입니다. – jay

+0

정보를 주셔서 감사합니다 ... 나는이 사이트를 사랑하지만 ... 매우 유용 :) – kalabo

+0

그것은 환상적인 자원입니다. FAQ를 살펴보십시오. http://stackoverflow.com/faq – jay

관련 문제