Bonjour à tous,

Voila, j'utilise Jquery et quelques plugin sur mon site depuis un petit moment et j'en suis asser satisfait vu les possibilités.

Mais voila j'ai un probleme avec l'intégration du plug in UItoTop (disponible ici).

En effet celui ci fonctionne bien sur mon site (www.bkaion.com) et l'image ou on peux cliquer dessus pour remonter directement en haut du site s'affiche correctement. Pour l'afficher il suffit de descendre en bas de mon site, et le bouton apparait bien en bas a droite.

Mais mon soucis viens du fait que j'utilise sur le site une textbox. Un genre de mini chat ou on laisse des messages rapide. Ce bloc est une iframe (qu'on utilise object ou div a la place ca fais pareil) et du coup lorsqu'on descend l'ascenceur pour voir les anciens messages bah l'image s'affiche aussi et le plugin se charge aussi dans cette iframe.

Voici une image pour expliquer plus simplement :



Le gros carré en plein milieu de la tribune c'est donc le plugin jquery qui se charge Effectivement si je clique sur le bouton ca remonte bien la tribune libre en haut mais c'est franchement génant et j'en ai pas besoin. Je veux juste que ca soit sur le site et pas en plus dans l'iframe de la tribune.

Voici le code javascript :

(function($){
	$.fn.UItoTop = function(options) {

 		var defaults = {
			text: 'To Top',
			min: 200,
			inDelay:600,
			outDelay:400,
  			containerID: 'toTop',
			containerHoverID: 'toTopHover',
			scrollSpeed: 1200,
			easingType: 'linear'
 		};

 		var settings = $.extend(defaults, options);
		var containerIDhash = '#' + settings.containerID;
		var containerHoverIDHash = '#'+settings.containerHoverID;
		
				
		$('body').append('<a href="#" id="'+settings.containerID+'">'+settings.text+'</a>');
		$(containerIDhash).hide().click(function(){
			$('html, body').animate({scrollTop:0}, settings.scrollSpeed, settings.easingType);
			$('#'+settings.containerHoverID, this).stop().animate({'opacity': 0 }, settings.inDelay, settings.easingType);
			return false;
		})
		.prepend('<span id="'+settings.containerHoverID+'"></span>')
		.hover(function() {
				$(containerHoverIDHash, this).stop().animate({
					'opacity': 1
				}, 600, 'linear');
			}, function() { 
				$(containerHoverIDHash, this).stop().animate({
					'opacity': 0
				}, 700, 'linear');
			});
					
		$(window).scroll(function() {
			var sd = $(window).scrollTop();
			
			if(typeof document.body.style.maxHeight === "undefined") {
				$(containerIDhash).css({
									  
					'position': 'absolute',
					'top': $(window).scrollTop() + $(window).height() - 50
					
				});
			}
			if ( sd > settings.min ) 
				$(containerIDhash).fadeIn(settings.inDelay);
			else 
				$(containerIDhash).fadeOut(settings.Outdelay);
		});

};

})

(jQuery);

Comment lui dire de ne pas prendre en compte les iframes ?
Si vous avez la réponse je suis preneur
Merci