had a client ask me to develop something for them this morning and thought i would share....

client wanted a little checkbox on a page confirming they agree, then activate a button to take you to an off site appliction... no data storage or anything going on on the umbraco side... i just needed a deactivated button, a checkbox to activate it and a macro to really let the client take care of this because they were not entirely clear on the forwaring url, etc.

so, here is what i did....

first, made sure i had jquery on the page...

then, wrote this little function...

<script type="text/javascript">
/* <![CDATA[ */
    function toggleStatus() {
            if ($('#toggleElement').is(':checked')) {
            $('#elementsToOperateOn :input').removeAttr('disabled');
        $('#elementsToOperateOn :input').addClass('pretty-button');
        } else {
        $('#elementsToOperateOn :input').attr('disabled', true);
        $('#elementsToOperateOn :input').removeClass('pretty-button');
        }
}
/* ]]> */
</script>

made sure i set the form/button to inactive on my document.ready code...

<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function(){

$('#elementsToOperateOn :input').attr('disabled', true);

});
/* ]]> */
</script>

then, i created a simple xslt macro -- allowed it to be inserted into the wysiwyg editor and viola! here is my xslt...

<xsl:template match="/">
<xsl:variable name="confirmText" select="/macro/checkBoxText"/>
<xsl:variable name="buttonText" select="/macro/submitText"/>
<xsl:variable name="landingPage" select="/macro/landingPage"/>

<!-- start writing XSLT -->
<form action="{$landingPage}" method="post">
<p>
    <input id="toggleElement" type="checkbox" name="toggle" onClick="toggleStatus()" />&nbsp;<xsl:value-of select="$confirmText" disable-output-escaping="yes"/>
</p>

<div id="elementsToOperateOn">
<input type="submit" value="{$buttonText}" id="surveyButton"/>
</div>
</form>
</xsl:template>

Hope someone finds this useful for a project need up the line somewhere :)