Comments on: jquery mb.containerPlus

By: 8 Stunning jQuery Page Layout Plugins | jQuery4u

8 Stunning jQuery Page Layout Plugins | jQuery4u — Wed, 21 Dec 2011 09:15:13 +0000

[...] 6. MB.CONTAINER PLUS [...]

By: john

john — Tue, 20 Dec 2011 20:43:43 +0000

Matteo, thank you for attempting to help me, I was running some older jquery source files. Since I have updated these with 2.6.0 it is working really well. I really like the simplified div containers in the latest version and the functions you have provided allow access to pretty much any component. Excellent work! and thank you for making this available. Thank you – John

By: Juan P.

Juan P. — Thu, 15 Dec 2011 18:55:10 +0000

I’m newbie in Jquery.

1. How I can I change the title to a window that was already created?
2. How I can get a reference to a window? This does not work for me:

var myWin = $(‘#w’+id).buildContainers({ … })

Thanks. Goog job

By: Matteo Bicocchi

Matteo Bicocchi — Fri, 18 Nov 2011 20:42:50 +0000

Hi John,
I just made some tests on IE8 running containers with long texts but I can’t replicate your behaviour. If I load a long content into a container with a fixed height the container overflow works fine for me…
Do you have a public URL where to see the behaviour?
Bye,
Matteo

By: John McCrae

John McCrae — Thu, 17 Nov 2011 22:27:17 +0000

Matteo, thanks for your prompt response, I am using IE8, I have added some style parameters style=’overflow: auto; width: 100%; height: 100%;’ to the div I have included in your container this is the DIV that receives the Ajax return. This solution seems to be a little temperamental in that every now and then when you drag the container you can see IE attempting to add another scroll bar then remove it, my solution doesn’t appear to be a very clean one and I am thinking it might be in conflict with a scroll you have already in place for your container but I might be wrong. Thank you – John.

By: Matteo Bicocchi

Matteo Bicocchi — Thu, 17 Nov 2011 21:10:22 +0000

Hi John,
Which version of IE?

By: John McCrae

John McCrae — Thu, 17 Nov 2011 18:37:58 +0000

Matteo thanks again for the great work! I have a question relating to container overflow in IE. I am using an Ajax call to return data into a container, if the text returned is greater than the container height it is contained neatly in the container with a scroll bar, this is true for FireFox but not IE. In IE, the contents expand outside the container, they have a scroll bar but it is half in and half out of the container and looks terrible. Please could you provide me with a solution or guide me as to how I would go about fixing this issue. many thanks – John

By: Cory

Cory — Mon, 07 Nov 2011 03:16:27 +0000

By: Cory

Cory — Mon, 07 Nov 2011 03:07:04 +0000

I am having a problem with dragging. Quite often when I click on a header to drag, it does not let go. Sometimes a simple double click lets it go, but quite often it doesn’t. It’s like every 5 containers a drag one gets stuck. I have no idea what is causing it yet, but figured I would share this issue with you to see if you have run into this before? Any idea what can be causing this?

Cory

By: Cory

Cory — Mon, 07 Nov 2011 02:51:00 +0000

Cool, I also added for ajax memory/database purposes... onCenter callback



  jQuery.fn.mb_centerOnWindow=function(anim){
		var container=$(this);
    var opt= container.get(0).options;
 		var nww=$(window).width();
		var nwh=$(window).height();
    var ow = container.outerWidth();
    var oh = container.outerHeight();
		var l= (nww-ow)/2;
		var t= ((nwh-oh)/2)>0?(nwh-oh)/2:10;
		if (container.css("position")!="fixed"){
			$(this).css("position","absolute");
			l=l+$(window).scrollLeft();
			t=t+$(window).scrollTop();
		}
		if (anim)
			container.animate({top:t,left:l},300,function(){
				if (container.attr("rememberMe")){
					container.mb_setCookie("x",$(this).css("left"));
					container.mb_setCookie("y",$(this).css("top"));
				}
			});
		else{
			container.css({top:t,left:l});
			if (container.attr("rememberMe")){
				container.mb_setCookie("x",$(this).css("left"));
				container.mb_setCookie("y",$(this).css("top"));
			}
		}
    container.attr("t",t);
		container.attr("l",l);
    
    // Execute onDrag when container is centered. Delay to wait for container to quit moving.
    jQuery.doTimeout('ondragcenter',500,function(){
      if(opt.onCenter) opt.onCenter(container.attr('id'),container.css("left"),container.css("top"));
      //alert(opt.onDrag);
		});
    return container;
	};

NOTICE that I am using the jQuery.doTimeout() plugin. (With a 500 microsecond delay) This allows the container to finish centering on window before executing the ajax call. Otherwise, javascript being javascript gets the css positions half way through the animation and save the wrong data.


		//var ow=container.attr("w")?container.attr("w"):container.outerWidth();
		//var oh= container.attr("h")?container.attr("h"):container.outerHeight();

I also ran into trouble with the 2 lines above, they were reporting NULL so they have been replaced as you may have already noticed in the function above. Cory P.S. The AJAX plugin is taking longer than expected because I forgot that my AJAX routines are written using a ghosted hacker user prevention method and is quite complicated. What I will have to do is when I am done with my working model, I will break it down into a more simplified plugin for MT release.