Comments on: jQuery (mb)ContainersPlus 2.2 (iconize where you want!)

By: Matteo Bicocchi

Matteo Bicocchi — Wed, 24 Aug 2011 08:24:37 +0000

Ciao Vincenzo,
Le skin che ho messo a disposizione sono realizzate tutte utilizzando png come sfondo e la trasparenza è data dall’opacità dell’immagine stessa. per cambiare puoi o fare una skin che non usa immagini ed in questo caso puoi gestire l’opacità utilizzando RGBA ( background-color:rgba(255,255,255,0.7) ) oppure rifare le immagini di background senza opacità.
Ciao
Matteo

By: Vincenzo Mirenda

Vincenzo Mirenda — Wed, 24 Aug 2011 07:40:27 +0000

Ciao Matteo,
complimento per il plugin davvero molto bello. Avrei una domanda. Vorrei togliere la trasparenza della finestra quando scelgo lo skin:default.
Ho provato ad aprire il mbContainer.css ma non credo che venga gestita da lì.
Mi puoi aiutare?
Grazie

By: gcybill

gcybill — Fri, 01 Oct 2010 07:02:57 +0000

I use the changeContainerContent referring to another html. I set the container’s width but don’t set its height, but the container can’t show all its content. I need the container to fit the content’s height. Is it possible?

By: Matteo Bicocchi

Matteo Bicocchi — Wed, 08 Sep 2010 21:33:24 +0000

Hi Mark,
to manage z-index you can find the $.fn.mb_bringToFront() method you can apply to your DIV elemnt once you show it; this method calculate the highest z-index used on your page and use it for your element.
Hope this can help you,
Bye,
Matteo

By: Mark

Mark — Mon, 06 Sep 2010 14:01:58 +0000

Hi Matteo, fantastic plugin!!!

I have a question, if I want to show a div on hover/mouseover for example within a container, how can I adjust the z-index / fading to get the div to show correctly. Currently it appears above the container faded out and not within the container itself.

thanks in advance…
Mark

By: Matteo Bicocchi

Matteo Bicocchi — Wed, 02 Jun 2010 09:37:11 +0000

Hi Chris,
If you are trying to get content from another domain, this is not allowed by the HTML itself. To do that you need to get your content via JsonP and it’s a little bit more complicate.
If this is not your problem, than the path to content url is intended from the caller page to the content page.
For ex.: if the caller page is deeper than the content page, your url should be “../contentFolder/contentFile.ext”;
you can even set an absolute url from the root as “/contentFolder/contentFile.ext”, in this case the content will not work if the caller page runs locally as c:\\myFile.html but it will work once on your web server.
Bye,
Matteo

By: Chris Theberge

Chris Theberge — Wed, 02 Jun 2010 00:01:29 +0000

Great script btw..just downloaded it. Question is in relation to absolute vs relative urls. {content:.’file.ext’}
will not grab the path outside of root. I have tried several methods with no luck. Please advise if you can..Thx.C

By: Cory

Cory — Mon, 10 May 2010 02:58:47 +0000

Matteo, I have only 1 issue with the mixing of JQuery UI and MBContainers. That is the z-index’ing! When user clicks on container its z-index is so high that nothing else on the page ever retains a high enough z-index to ever end up on top of a MBContainer. I have designed my software to accept JQuery UI theme downloads. Designed it so that all a user does is upload the CSS folder from the theme roller and new theme added to list. However, the z-index on the UI never goes over a container after a focus. Meaning, example, dialogue modal falls behind MBContainer. I actually tried to call your bring to front container function within the UI parts but it does not work seamlessly. It of course bring things out just as (too) far.

So, I was wondering if you have a solution for this, or does this latest copy contain what is needed to solve that.

By: Cory

Cory — Sun, 09 May 2010 18:17:17 +0000

Awesome to get a response and your support. Thanks.

Please keep in mind that the container ID is used by the database and has a random number appended. Ex. id=”ELM5_352416″ This translates to

ELM5_352416
[Associated content ID]_[Unique Container ID]

Just an FYI while you ponder the ajax idea…

MbContainer serves as an exe-like popup in the program. Let’s call 1 container with its ID, initial content, ajaxed response content (2nd, Nth level user action), a single instance. More than one instance can be created, so the ID is appended a random number. Containers and all possible states are $.get’ed to the database.(get for client-side log response) I save their x/y, width, length and last action. (move, collapse, minimize, maximize) Thus allowing a person to logout/refresh/power-out and everything is right where it was.

This means things can get tricky! So please keep in mind that the container ID needs to be flexible.

I can’t wait to see what you come up with.

I also tweaked mbcontainers.js to $.get X/Y width length and last action to a database. Was wondering if you would like to see it, hehe have it back, or even desire to check my work for stability? Once I release my program you may not desire to have a flimsy ajax.mbcontainer.js floating around.

Thanks.

By: Matteo Bicocchi

Matteo Bicocchi — Sun, 09 May 2010 10:41:39 +0000

Hi Cory,
you can initialize your containere in the code fragment you are loading via ajax in your main page using the ID instead of the class; include all the scripts in the main page; set a link that invoke the ajax call to the fragment containing the container and its initialization using $.ajax(); once the code is loaded into your page the container will be initialized.
I’ll publish an example on how to call external containers via ajax.
Bye,
matteo