Зависимость полей ввода

[sakutylev]

Ребят подскажите каким образом можно реализовать
зависимость ввода значения между полями ввода
для ввода диапазона цен
ну т.е. фактически что бы он не давал ввести в первое поле больше значение чем во второе.
заранее спасибо

[Aetae]

<div> <input type="text" /> <input type="text" /> </div>
<script type="text/javascript">
i=document.getElementsByTagName('input');
i[0].onkeyup=i[1].onkeyup=i[0].onchange=i[1].onchange=function(){
	if(+i[0].value>+i[1].value){i[0].parentNode.appendChild(i[0]).focus()}
}
</script>

Только так, лол, ибо если не давать вводить в первое поле значение большее чем во второе, то, при условии отсутствия начального значения, в первое поле вообще ничего нельзя будет ввести.
В таких случаях надо дать пользователю самому вбирать как он хочет указывать диапазон: 10-1 или 1-10, и ваша задача как программиста - сделать чтобы было удобно, а не загнать юзера в никому не нужные рамки.

[sakutylev]

Спасибо огромное, очень помогло и действительно очень удобно, а можно присвоить данную функцию не ко всем input а только к определенному классу?

[Vulkan]

<div> <input type="text" class="input" /> <input type="text" class="input" /> </div>
<script type="text/javascript">
i=document.getElementsByClassName('input');
i[0].onkeyup=i[1].onkeyup=i[0].onchange=i[1].onchange=function(){
    if(+i[0].value>+i[1].value){i[0].parentNode.appendChild(i[0]).focus()}
}
</script>

[sakutylev]

а вот так это будет работать?

<div> <input type="text" class="inputbox" onkeyup="function()" onchange="function()"/> <input type="text" class="inputbox" onkeyup="function()" onchange="function()" /> </div>
		<script type="text/javascript">
i=document.getElementsByClassName('inputbox');
i[0].onkeyup=i[1].onkeyup=i[0].onchange=i[1].onchange=function(){
    if(+i[0].value>+i[1].value){i[0].parentNode.appendChild(i[0]).focus()}
}
</script>

[Vulkan]

Да, но только зачем вам на input заново события прописывать если функция уже делает это?

<div> <input type="text" class="inputbox"/> <input type="text" class="inputbox"/> </div>

<script type="text/javascript">
i = document.getElementsByClassName('inputbox');
i[0].onkeyup = i[1].onkeyup = i[0].onchange = i[1].onchange = function () {
    if (+i[0].value > +i[1].value) {
        i[0].parentNode.appendChild(i[0]).focus()
    }
}
</script>

[sakutylev]

Да че-то на пустой страницы код работает, а когда вставляю в модуль к цмс, он перестает работать, может из-за того что к ней уже привязан фреймворк zforms?

<!-- *********************** Free Search *********************** -->

<script type="text/javascript">
i=document.getElementsByClassName('inputbox');
i[0].onkeyup=i[1].onkeyup=i[0].onchange=i[1].onchange=function(){
    if(+i[0].value>+i[1].value){i[0].parentNode.appendChild(i[0]).focus()}
}
</script>

		<fieldset><legend><b><?php echo JText::_('_EA_SRCH_FREE');?></b></legend> 
		<table width="100%" border="0" cellspacing="1" cellpadding="1" text-align="left">	
		<tr class="sectiontableentry1">
			<td width="100%" height="38"><input class="inputbox" type="text" name="searchstring" size="35" maxlength="100" />
			</td>
		</tr>
		<tr class="sectiontableentry1" >
				<dl> <!-- oClassElement -->
		<dt><label for="input-first-name"><?php echo JText::_('_EA_OBJ_PRICE');?></label></dt>
		<dd><input class="inputbox zf zf-number" id="input-number" type="text" name="minvalue" size="9" maxlength="10" onclick="return { oOptions : { bFloat : true, sPlaceHolder : 'min' } }" />&nbsp;-&nbsp;</dd>
		<dd><input class="inputbox zf zf-number" id="input-number" type="text" name="maxvalue" size="9" maxlength="10" onclick="return { oOptions : { bFloat : true, sPlaceHolder : 'max' } }"/>&nbsp;<?php echo $eaconf->ea_currency;?></dd>
				</dl>
		</tr>
			</table>
		</fieldset>


			
		<?php
		}
		if($eaconf->ea_l_srch) {
		?>