Author: vjrj_
Date: 2011-06-01 00:05:10 +0200 (Wed, 01 Jun 2011)
New Revision: 66
Added:
zen-tts/jquery.nordz.heartBeat.js
Modified:
zen-tts/template.php
zen-tts/voicemap.js
Log:
heart beat buddle test
Added: zen-tts/jquery.nordz.heartBeat.js
===================================================================
--- zen-tts/jquery.nordz.heartBeat.js (rev 0)
+++ zen-tts/jquery.nordz.heartBeat.js 2011-05-31 22:05:10 UTC (rev 66)
@@ -0,0 +1,87 @@
+// Plugin: heartbeat.
+//
+// Author : Nord�s M�nard-Lamarre
+// Last modif: 08/08/08
+// Licence: This code is under the MIT license
+// Version: 0.1
+//
+// Copyright (c) 2008 Nord�s M�nard-Lamarre
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+(function($) {
+ $.fn.heartBeat = function(options){
+ // Heart beat plugin
+ //
+ // build main options before element iteration
+ var opts = $.extend({}, $.fn.heartBeat.defaults, options);
+
+ // Apply the modification on each item in the selector.
+ return this.each(function() {
+ var $this = $(this);
+ // build element specific options
+ var o = opts;
+
+ if (!o.alwaysBeat){
+ $this.bind("mouseover", function(){
+ // set the interval
+ // TODO
+ })
+ .bind("mouseout", function(){
+ // clear the interval
+ // TODO
+ });
+ }
+ else {
+ var myThis = $(this);
+ $.fn.heartBeat.start($(this), o);
+ var intervalFct = function(){ $.fn.heartBeat.start(myThis, o); }; // Fix for setInterval bug between browser
+ var intervalId = setInterval(intervalFct, o.delayBetweenAnimation + o.delay * 2);
+ $(this).attr("intervalId", intervalId);
+ }
+
+ });
+ };
+
+ $.fn.heartBeat.start = function(thisItem, options) {
+ var opts = $.extend({}, $.fn.heartBeat.defaults, options);
+
+ if (thisItem.css("opacity") == opts.opacityMax){
+ thisItem.fadeTo(opts.delay, opts.opacityMin, function(){ thisItem.fadeTo(opts.delay, opts.opacityMax); });
+ }
+ };
+
+ $.fn.heartBeat.stopHeartBeat = function(options){
+ // Stop the heart beat.
+ return this.each(function() {
+ var intervalId = $(this).attr("intervalId");
+ clearInterval(intervalId);
+ $(this).attr("intervalId", 0);
+ });
+ }
+
+ $.fn.heartBeat.defaults = {
+ opacityMax: "1",
+ opacityMin: "0.5",
+ delay:"75", // in ms
+ delayBetweenAnimation: 1000,
+ alwaysBeat: true
+ };
+
+ })(jQuery);
\ No newline at end of file
Modified: zen-tts/template.php
===================================================================
--- zen-tts/template.php 2011-05-31 19:11:01 UTC (rev 65)
+++ zen-tts/template.php 2011-05-31 22:05:10 UTC (rev 66)
@@ -129,6 +129,7 @@
drupal_add_css(drupal_get_path('theme', 'tts') .'/voicemap.css');
drupal_add_js(drupal_get_path('theme', 'tts') .'/voicemap.js');
+ drupal_add_js(drupal_get_path('theme', 'tts') .'/jquery.nordz.heartBeat.js');
$voicemap_constants = array(
Modified: zen-tts/voicemap.js
===================================================================
--- zen-tts/voicemap.js 2011-05-31 19:11:01 UTC (rev 65)
+++ zen-tts/voicemap.js 2011-05-31 22:05:10 UTC (rev 66)
@@ -15,9 +15,13 @@
function hide_text(id) {
$('#text' + id).slideUp('slow');
}
+
+ $("#pin0").heartBeat(
+ {
+ delayBetweenAnimation:1000, // Delay in ms between fade in and fade out.
+ delay:500 // Time it take to do the fading animation.
+ });
-
-
$('.buble-img').mouseover(function(e) {
var elem = $(this);
var id = parseInt(elem.attr('id').substr(3));
