X-Git-Url: https://git.cyclocoop.org/?a=blobdiff_plain;f=www%2Fplugins%2Fcrayons%2Fjs%2Fcrayons-fade.js;fp=www%2Fplugins%2Fcrayons%2Fjs%2Fcrayons-fade.js;h=47f5b882c54e9c24e3fadbdbe3690621dc9650de;hb=39f8b2ffa1fd0a3c67d6c74ed0fee9af296ccbb8;hp=0000000000000000000000000000000000000000;hpb=65eb21b34b55f850024ccda121bb96c73be4309f;p=lhc%2Fweb%2Fclavette_www.git

diff --git a/www/plugins/crayons/js/crayons-fade.js b/www/plugins/crayons/js/crayons-fade.js
new file mode 100644
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');
+			}
+		);
+		
+	}
+
+});