Blog

Codes, snippets, tips and tricks for web designers using Adobe Business Catalyst, jQuery, CSS3, HTML5 and Respsonsive Design.

21-5-2012

How to Show/Hide a div based on day of the week with jQuery

HTML <div id="sunday"> <h3>Sunday</h3> </div> <div id="monday"> <h3>Monday</h3> </div> <div id="tuesday"> <h3>Tuesday</h3> </div> <div id="wednesday"> <h3>Wednesday</h3> </div> <div id="thursday"> <h3>Thrursday</h3> </div> <div id="friday"> <h3>Friday</h3> </div> <div id="saturday"> <h3>Saturday JavaScr ..

Read more

17-5-2012

How to Create a Countdown Timer that Refreshes the Page Daily with Javascript

JavaScript <script type="text/javascript"> function getSeconds() { var now = new Date(); var time = now.getTime(); var midnight = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0, 0); var ft = midnight.getTime() + 86400000; var diff = ft – time; diff = parseInt(diff / 1000); if (diff > 86400) { diff = diff – 86400 } startTimer(diff); } var timeI ..

Read more

02-11-2011

How to display fields using select drop down and jQuery

<script type="text/javascript"> $(document).ready(function(){ $("#Select").change(function(){ if ($(this).val() == "Other" ) { $("#OtherField").show(); } else { $("#OtherField").hide(); } }); }); </script> ..

Read more

23-8-2011

How to add Google Plus button to multiple posts in your blog on Business Catalyst.

To add the google plus to every single post on your list layout you have to use the 'href' attribute to indicate the URL to be +1'd. To do this, just log into admin area of your site, go to [Blog], [Advanced Layout Customization], [Blog Post List Layout] and paste the following code: Place this tag where you want the +1 button to render <g:plusone href="{ tag_itemurl_withhost}"> You need to use the tag { tag_itemurl_withhost} to set the right URL of the post. Easy. A ..

Read more

09-7-2011

How to Submit Form on Selection of Dropdown Item

<select class="dropdown" id="form2" name="form2" onchange="this.form.submit();"> <option value="*">– All –> <option selected="selected" value="NSW">NSW> <option value="WA">WA> <option value="QLD">QLD> <option value="VIC">VIC> <option value="ACT">ACT> <option value="NT">NT> <option value="NZ">NZ> </select> ..

Read more