Skryté pole formuláře

Napsáno 25.10.2010 pro RSForm! Pro a označeno jako RSForm

v komponentě RSForm! Pro

RSForm!

Určitě už jste to někde viděli, vybíráte možnosti ze seznamu a když jednu z nich vyberete, objeví se další, s ní související pole, pro zadání doplňujícího textu...


Jak jste se o nás dozvěděli?



Neplatná volba.
Neplatný zápis.

Tuto možnost lze vcelku snadno použít i ve formulářích RSForm! Pro, předpokládám, že máte připraven formulář, otevřte si tedy nyní prvek Přepínač a do pole Další atributy zapište tento text:

onclick="displayField();"

Nyní si otevřte záložku CSS a Javaskript a do pole javaskriptu zapište tento kód:

<script type="text/javascript">
function displayField(field)
{
    if(document.getElementById('Find3').checked)
    	document.getElementById('helement').style.display="";

	else {
		document.getElementById('helement').style.display="none";
		document.getElementById('FindOther').value="";
		document.getElementById('component11').setAttribute("class", "formNoError");
		}
}

function validateFields()
{
	if(document.getElementById('Find3').checked && document.getElementById('FindOther').value == '')
	{
		document.getElementById('component11').setAttribute("class", "formError");
		return false;
	}
	else
		return true;
}

window.addEvent('domready', function() {
displayField();
});
</script>

OOOPS... a je to... :-)

Pokud pak potřebujete více takovýchto polí, jeden z uživatelů mi kdysi poslal skript, který to řeší:

function displayField(field)
{
if(document.getElementById('Find2').checked)
document.getElementById('helement').style.display="";
else
if(document.getElementById('Find3').checked)
document.getElementById('helement').style.display="";
else {
document.getElementById('helement').style.display="none";
document.getElementById('FindOther').value="";
document.getElementById('component11').setAttribute("class", "formNoError");
}
}
function validateFields()
{
if(document.getElementById('Find2').checked && document.getElementById('FindOther').value == '')
{
document.getElementById('component11').setAttribute("class", "formError");
return false;
}
else
return true;
}
window.addEvent('domready', function() {
displayField();
});

Přeji hodně úspěchů v přípravě formuláře :-)

Tento vzorový formulář si mohou uživatelé, mající aktivní přístup po zakoupení instalace RSForm! Pro, stáhnout ze svého profilu.
Text byl připraven s použitím materiálů z webových stránek RSJoomla!

Komentáře (0)

Napsat komentář

Pro přidání komentáře se prosím přihlaste.