Demonstration script for moving the first name in a donation page before the last name.

move_first_name_before_last_name.html

<script type="text/javascript">
// Script to move the last name before the first name on a donation page.

// Only run this script on donation pages.  This should work for both
// regular pages and pages with a Salsa shortcut.
if (window.location.href.indexOf('/salsa/donation/') != -1) {

    // Wait for the page to be loaded.
    $(document).ready(function() {

        // Find the first name.  Return if it's not there.
        fn = $('input[name="First_Name"]');
        if (fn.length == 0) {
            return;
        }
        
        //Find the last name.  Return if it's not there.
        ln = $('input[name="Last_Name"]');
        if (ln.length == 0) {
            return;
        }

        // The fields are both wrapped in <div> tags.  That makes the <div>
        // tags the "parents" for the fields.  Move the <div> tag for last
        // name before the <div> tag for fist name.

        ln.parent().insertBefore(fn.parent())
});
</script>
<!-- SalsaStaff 377344: END  move last name before first name in donation pages. -->