Showing posts with label JQuery. Show all posts
Showing posts with label JQuery. Show all posts

Sunday, February 19, 2012

CHIQUE Drupal theme - Spice up your online presence with unlimited options

CHIQUE FOR DRUPAL 7

With multiple color schemes and typographic styles, unparalleled automations and unmatched ease of use. Read more

CHIQUE PREVIEW




HIGHLIGHTS

Comes in your favourite color.

Five awesome color schemes to choose from; Brown, Purple, Blue, Gray and Green. Just pick the one that fits your brand with a single click through the theme-settings. Video

With multiple background patterns.

Twelve -- yes, 12 -- background patterns to choose from for all tastes. Just pick the one that fits your style with a single click through the theme-settings.

With superfish menus.

Chique integrates with the Superfish module supporting gorgeous multi-level drop-down menus with smooth motion. Relocating of sub-menus & hyperlink menu descriptions when they would otherwise appear outside the browser window area.

Slideshow

Drive your slide show easily with the built-in intelligence. Create “slideshow entries” or set your content* to be promoted and Voila! Add text, images or even full HTML.
*Slideshow Entry, Service, Image Gallery, Event & Blog entry.

Slideshow thumbnails

Slide show goodness comes along with image thumbnails, automatically produced from each main slide show image. Single-click access to plenty of configurations through the theme-settings (display always or on mouse over).

Unparalleled Slideshow flexibility.

Leave it on the front page or set it to be displayed everywhere in your site. Dozens of transition effects available on theme settings.

Reservation

Out-of-the box support for reservations through the built-in reservation page - an expandable webform node.

Multiple font-schemes

Select among different font-schemes, with font-families for all tastes and corporate identities. Just pick the one that fits you with a couple of clicks. Video

Image Galleries page

Chique collects all image Galleries to a special designed page.

Breadcrumb with a single click

Breadcrumb is good to your users, especially when your website turns big. So, just switch it on via the theme settings.

Scroll-to-top

Enjoy attention to detail, provide your visitors those little goodies that make a difference such as a jQuery based “Scroll to Top”.

Views at your disposal.

Enjoy Views blocks ready-made for your ease: Archive, Events, Galleries, Latest posts, Promoted posts, Slideshow & Testimonials.

Region-rich, yet without risk

Comes with a wealth of custom regions: Header Top Left, Header Top Right, Navigation, Banner, Footer First, Footer Second, Footer Third, Footer Bottom Right. Yet it’s end-to-end compliant to the default Drupal regions.

Blogging goodies

Comes with support for the Blog module and a pre-activated blog*.
*Installation profile

Tweet, Tweet, Tweet

Comes with built-in twitter integration, looking cute, working great and allowing for the configuration of Twitter title, Twitter account and Twitter time.

Beautiful and sophisticated yet lightweight.

Gorgeous design built to the last detail using HTML and CSS3 rather than images, speeding up your website's load times.

Reorder everything, no limits.

Use Drupal 7’s built-in manage display to re-arrange all the content type fields* on a page according to your needs or liking.
*Chique content type fields

One or two column layout support

Leave the Sidebar First region without any blocks and the Content region will occupy all the available width. And it will still look good, it’s been designed for this.

Show your visitors you love’em. Especially returning ones.

Chique lets your users create their own signatures, making comments personalized.

Boost conversation even more.

Comments in Chique are more than more comments. They’re parts of an ongoing dialog and it shows.

Gorgeous testimonials

Showcase words of love from your users and customers in the most amazing way, with the custom-made "Testimonial" content type and its unique design and automations. Enjoy Views collecting testimonial nodes on both a block and a page.

Wednesday, August 3, 2011

$(document).ready and $(window).load

jQuery offers two powerful methods to execute code and attach event handlers: $(document).ready and $(window).load. The document ready event executes already when the HTML-Document is loaded and the DOM is ready, even if all the graphics haven’t loaded yet. If you want to hook up your events for certain elements before the window loads, then $(document).ready is the right place.

$(document).ready(function() {
// executes when HTML-Document is loaded and DOM is ready
alert("document is ready");
});

The window load event executes a bit later when the complete page is fully loaded, including all frames, objects and images. Therefore functions which concern images or other page contents should be placed in the load event for the window or the content tag itself.

$(window).load(function() {
// executes when complete page is fully loaded, including all frames, objects and images
alert("window is loaded");
});

Thursday, January 27, 2011

Generate jquery tabs for all blocks in a region - Drupal 6

Tabs are generally used to break content into multiple sections that can be swapped to save space, much like an accordion.
You can see an implementation of jquery ui tabs for generating tabs for all blocks in a specific region in Drupal 6.

Read more in Drupal snippets of http://wiki.morethanthemes.com/index.php?title=Drupal_Snippets

Tuesday, December 14, 2010

Multiple instances of JQuery UI dialogs on a page

<a href="#" onclick="jQuery('#dialog1').dialog('open'); return false">Case 1 link</a>
<a href="#" onclick="jQuery('#dialog2').dialog('open'); return false">Case 2 link</a>

<div id="dialog1" title="Title 1">
<p>Body 1</p>
</div>

<div id="dialog2" title="Title 2">
<p>Body 2</p>
</div>

<!--Javascript code-->
<script type="text/javascript">

jQuery(document).ready(function() {
$([1, 2]).each(function() {
var id= this;
jQuery('#dialog' + id).dialog({
bgiframe: true, autoOpen: false, height: 300, modal: true
});
});
});

</script>
<!--EOF:Javascript code-->