| 1 | |
|---|
| 2 | // Gestion du Yellow Fade (fonctionnalite optionnelle) |
|---|
| 3 | function easeInOut(minValue,maxValue,totalSteps,actualStep,powr) { |
|---|
| 4 | var delta = maxValue - minValue; |
|---|
| 5 | var stepp = minValue+(Math.pow(((1 / totalSteps)*actualStep),powr)*delta); |
|---|
| 6 | return Math.ceil(stepp) |
|---|
| 7 | }; |
|---|
| 8 | |
|---|
| 9 | function doBGFade(elem,startRGB,endRGB,finalColor,steps,intervals,powr) { |
|---|
| 10 | if (elem.bgFadeInt) window.clearInterval(elem.bgFadeInt); |
|---|
| 11 | var actStep = 0; |
|---|
| 12 | elem.bgFadeInt = window.setInterval( |
|---|
| 13 | function() { |
|---|
| 14 | elem.style.backgroundColor = "rgb("+ |
|---|
| 15 | easeInOut(startRGB[0],endRGB[0],steps,actStep,powr)+","+ |
|---|
| 16 | easeInOut(startRGB[1],endRGB[1],steps,actStep,powr)+","+ |
|---|
| 17 | easeInOut(startRGB[2],endRGB[2],steps,actStep,powr)+")"; |
|---|
| 18 | actStep++; |
|---|
| 19 | if (actStep > steps) { |
|---|
| 20 | elem.style.backgroundColor = finalColor; |
|---|
| 21 | window.clearInterval(elem.bgFadeInt); |
|---|
| 22 | } |
|---|
| 23 | } |
|---|
| 24 | ,intervals) |
|---|
| 25 | }; |
|---|
| 26 | |
|---|
| 27 | function findPos(obj) { |
|---|
| 28 | var curleft = curtop = 0; |
|---|
| 29 | if (obj.offsetParent) { |
|---|
| 30 | curleft = obj.offsetLeft; |
|---|
| 31 | curtop = obj.offsetTop; |
|---|
| 32 | while (obj = obj.offsetParent) { |
|---|
| 33 | curleft += obj.offsetLeft; |
|---|
| 34 | curtop += obj.offsetTop; |
|---|
| 35 | } |
|---|
| 36 | } |
|---|
| 37 | return [curleft,curtop]; |
|---|
| 38 | }; |
|---|
| 39 | |
|---|
| 40 | // demarrage crayons-fade |
|---|
| 41 | jQuery(document).ready(function() { |
|---|
| 42 | if (configCrayons.cfg.yellow_fade) { |
|---|
| 43 | // Activer le Yellow Fade pour les elements editables |
|---|
| 44 | jQuery("div.crayon").hover(function(){doBGFade(this,[255,255,180],[255,255,255],'transparent',40,20,4);}, function(){}); |
|---|
| 45 | } |
|---|
| 46 | |
|---|
| 47 | if (configCrayons.cfg.filet) { |
|---|
| 48 | // on rajoute une div supplémentaire qui se cale avec la div courante |
|---|
| 49 | // C'est elle qui va s'afficher lors du hover |
|---|
| 50 | |
|---|
| 51 | // esthetique |
|---|
| 52 | jQuery('.crayon-icones img',this).css({ |
|---|
| 53 | 'padding':'2px', |
|---|
| 54 | 'border':'2px solid #999', |
|---|
| 55 | 'border-left':'0', |
|---|
| 56 | 'background-color':'#FFF' |
|---|
| 57 | }); |
|---|
| 58 | |
|---|
| 59 | var test=0; |
|---|
| 60 | |
|---|
| 61 | jQuery('.crayon-autorise').each( |
|---|
| 62 | function(){ |
|---|
| 63 | var contenu = jQuery(this).html(); |
|---|
| 64 | jQuery(this) |
|---|
| 65 | .css('height',this.offsetHeight + 'px') |
|---|
| 66 | .html('<div></div>'); |
|---|
| 67 | jQuery(this) |
|---|
| 68 | .find('div') |
|---|
| 69 | .html(contenu) |
|---|
| 70 | .css('position','absolute') |
|---|
| 71 | .css('width',this.offsetWidth + 'px'); |
|---|
| 72 | jQuery(this) |
|---|
| 73 | .prepend('<div class="survol"></div>') |
|---|
| 74 | .find('.survol') |
|---|
| 75 | .css('border','1px solid red') |
|---|
| 76 | .css('display','none') |
|---|
| 77 | .css('position','absolute') |
|---|
| 78 | .css('height',(this.offsetHeight - 2) + 'px') |
|---|
| 79 | .css('width',(this.offsetWidth - 2) + 'px'); |
|---|
| 80 | if (jQuery.browser.msie) { |
|---|
| 81 | jQuery('#survol') |
|---|
| 82 | .css('width',this.offsetWidth + 'px') |
|---|
| 83 | .css('height',this.offsetHeight + 'px'); |
|---|
| 84 | } |
|---|
| 85 | } |
|---|
| 86 | ); |
|---|
| 87 | |
|---|
| 88 | jQuery('.crayon-autorise').hover( |
|---|
| 89 | function(){ |
|---|
| 90 | if (jQuery.browser.msie) jQuery(this).addClass('crayon-hover'); |
|---|
| 91 | jQuery('.survol', this).css('display','block'); |
|---|
| 92 | }, |
|---|
| 93 | function(){ |
|---|
| 94 | if (jQuery.browser.msie) jQuery(this).removeClass('crayon-hover'); |
|---|
| 95 | jQuery('.survol', this).css('display','none'); |
|---|
| 96 | } |
|---|
| 97 | ); |
|---|
| 98 | |
|---|
| 99 | } |
|---|
| 100 | |
|---|
| 101 | }); |
|---|
