[PLUGINS] +crayons

[lhc/web/clavette_www.git] / www / plugins / crayons / js / crayons-fade.js

diff --git a/www/plugins/crayons/js/crayons-fade.js b/www/plugins/crayons/js/crayons-fade.js
new file mode 100644 (file)
index 0000000..47f5b88
--- /dev/null
+++ b/www/plugins/crayons/js/crayons-fade.js
@@ -0,0 +1,101 @@
+
+// Gestion du Yellow Fade (fonctionnalite optionnelle)
+function easeInOut(minValue,maxValue,totalSteps,actualStep,powr) {
+       var delta = maxValue - minValue;
+       var stepp = minValue+(Math.pow(((1 / totalSteps)*actualStep),powr)*delta);
+       return Math.ceil(stepp)
+};
+
+function doBGFade(elem,startRGB,endRGB,finalColor,steps,intervals,powr) {
+       if (elem.bgFadeInt) window.clearInterval(elem.bgFadeInt);
+       var actStep = 0;
+       elem.bgFadeInt = window.setInterval(
+               function() {
+                       elem.style.backgroundColor = "rgb("+
+                               easeInOut(startRGB[0],endRGB[0],steps,actStep,powr)+","+
+                               easeInOut(startRGB[1],endRGB[1],steps,actStep,powr)+","+
+                               easeInOut(startRGB[2],endRGB[2],steps,actStep,powr)+")";
+                       actStep++;
+                       if (actStep > steps) {
+                       elem.style.backgroundColor = finalColor;
+                       window.clearInterval(elem.bgFadeInt);
+                       }
+               }
+               ,intervals)
+};
+
+function findPos(obj) {
+       var curleft = curtop = 0;
+       if (obj.offsetParent) {
+               curleft = obj.offsetLeft;
+               curtop = obj.offsetTop;
+               while (obj = obj.offsetParent) {
+                       curleft += obj.offsetLeft;
+                       curtop += obj.offsetTop;
+               }
+       }
+       return [curleft,curtop];
+};
+
+// demarrage crayons-fade
+jQuery(document).ready(function() {
+       if (configCrayons.cfg.yellow_fade) {
+               // Activer le Yellow Fade pour les elements editables
+               jQuery("div.crayon").hover(function(){doBGFade(this,[255,255,180],[255,255,255],'transparent',40,20,4);}, function(){});
+       }
+
+       if (configCrayons.cfg.filet) {
+               // on rajoute une div supplémentaire qui se cale avec la div courante 
+               // C'est elle qui va s'afficher lors du hover
+               
+               // esthetique
+               jQuery('.crayon-icones img',this).css({
+                       'padding':'2px',
+                       'border':'2px solid #999',
+                       'border-left':'0',
+                       'background-color':'#FFF'
+               });
+                       
+               var test=0;
+               
+               jQuery('.crayon-autorise').each(
+                       function(){
+                               var contenu = jQuery(this).html();
+                               jQuery(this)
+                                       .css('height',this.offsetHeight + 'px')
+                                       .html('<div></div>');
+                               jQuery(this)
+                                       .find('div')
+                                               .html(contenu)
+                                               .css('position','absolute')
+                                               .css('width',this.offsetWidth + 'px');
+                               jQuery(this)
+                                       .prepend('<div class="survol"></div>')
+                                       .find('.survol')
+                                               .css('border','1px solid red')
+                                               .css('display','none')
+                                               .css('position','absolute')
+                                               .css('height',(this.offsetHeight - 2) + 'px')
+                                               .css('width',(this.offsetWidth - 2) + 'px');
+                               if (jQuery.browser.msie) {
+                           jQuery('#survol')
+                                               .css('width',this.offsetWidth + 'px')
+                                               .css('height',this.offsetHeight + 'px');
+                               }
+                       }
+               );
+
+               jQuery('.crayon-autorise').hover(
+                       function(){
+                               if (jQuery.browser.msie) jQuery(this).addClass('crayon-hover');
+                               jQuery('.survol', this).css('display','block');
+                       },
+                       function(){
+                               if (jQuery.browser.msie) jQuery(this).removeClass('crayon-hover');
+                               jQuery('.survol', this).css('display','none');
+                       }
+               );
+               
+       }
+
+});