TheArkFloats.com updated

I gave my portfolio site, www.thearkfloats.com, a slight update, re-organizing the page for a more logical presentation.I have some new projects in queue for the new year which should be interesting, with their own unique challenges (As every new site poses). I'm excited and ready!

A healthy chunk of time has been dedicated to providing regular updates to www.MissionChurch.com and www.TMCAcademy.com. Please have a look, if you're feeling bold and daring. Further, if you feel compelled (If it helps, I welcome comments and generally don't bite), please leave some feedback here at my favorite blog stop, http://thearkfloats.blogspot.com. Thanks!

A Happy New Year to all! 
Fair well 2012. It feels like I just got to know you and now you're gone - Rest in peace~

New Site - ProjectSandyNY.org

New site up to help with the coordination efforts to restore the damage done by Hurricane Sandy, focusing on the Staten Island, Long Island territories. Please visit http://www.projectsandyny.org and lend any help you can (labor or financial)!

Javascript Tip - Dynamically Updating the Embed object; Sort Of

I ran into another interesting scenario, in trying to reuse a window to show multiple videos, without reloading the whole window, but rather changing the specifics of the embedded video player.

Per the DOM, the Embed object cannot receive dynamic updates to it's "src" or source attribute, however (Dramatic pause...) you can cheat by regenerating the complete Embed object per video within a div tag (innerHTML), and substitute the destination as a variable. It sounds tedious, but it works and saves a visitor from suffering through several full reloads.

In the example below, I'm repopulating the div tag "video" with a newly concatenated Embed object on function call. The "videoPlay" var contains the name of the full destination and video file to be played.


<script type="text/javascript">
function playNext(videoPlay)
{
document.getElementById('video').innerHTML="<object width='425' height='344'><param name='movie' value='playersource'></param><param name='allowFullScreen' value='true'></param><param name='allowscriptaccess' value='always'></param><param name='wmode' value='transparent'></param><param name='flashvars' value='streamer=streamsource" + videoPlay + "'></param><embed src='playersource' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' wmode='transparent' flashvars='querystring" + videoPlay + "' width='425' height='344'></embed></object>";
}
</script>

COMPLETE - TMCAcademy.com is Live!

I'm very excited to launch the completely renovated TMCAcademy.com site! Have a look and perhaps reach out to the school for a powerful, Christ-centered, educational venue for your children~

Modals and Javascript Tip - Forcing Textbox Value Update

I had an interesting challenge surface in attempting to reference a textbox wrapped in a modal div. Interestingly, the text box wouldn't update it's own value attribute. I couldn't conclusively determine the exact cause of this issue, other than it only occurred, so long as the textbox box was encapsulated within the the modal div. To resolve this, I created a simple function within the modal to force the texbox value to populate into the value attribute. Presto!


<input type="text" id="addressBox" onblur="javascript: fixValue(this.value);" />
        <script type="text/javascript">
        function fixValue(fixThis)
        {
        fixThat = document.getElementById('addressBox');
        fixThat.value = fixThis;
     
        }
        </script>

SharePoint 2010 Tip - Hiding Save Button on Edit Ribbon

This took me a little time to compose, having encountered some difficulties finding a suitable answer in forums. My goal was to block a user's ability to use the "Save" and "Cancel buttons on the Edit ribbon.

The reason being, is that I wanted to control customized behaviors when a form was submitted. This Save button bypasses custom actions. I isolated the span id containing the Save and Cancel buttons, then created a similar Master page including the following code:

function nullSaveBtn()

{

document.getElementById('Ribbon.ListForm.Edit.Commit-LargeLarge').style.display='none';

}

The function, is of course called from the onload handler. The result is quite satisfying.

TMCAcademy Design Unveiling

Moving along with TMCAcademy.com! The new site is not linked to a domain (Sorry, no viewing on the web yet), but I do have a teaser snapshot attached! (Click for a larger, far more interesting, version)

TMCAcademy Site

My next project is set to help redesign and essentially modernize TMCAcademy.com! Be excited with us all as we dive into this process!

Kick Off

The Ark is ever active with some new projects in the queue. I'm very excited to get the word out about the new sites coming up! Check back in to see what's floating in~