blank grid if i load prototype

[vivian]

in my project i load prototype ad jquery with no conflict
var $j=jQuery.noConflict();

when i try to do
$j('.mytable').flexigrid();

i have a blank table, i can see the borders of the table but nothing
inside
if i remove prototype i can see all the data in the grid

i've read in the web that Mootools and Prototype noConflict()
compatibility problems are fixed in new version but it i don't know
how to make it works, i don't know if i am doing anything wrong

thank's for all

[vivian]

hello again,

i have no answers to my message, is there anybody working with
prototype, jquery and flexigrid? i need help on this, i have jquery
+prototype working well whith other plugins but flexigrid does not

thank's again

[Ezor]

Hello

Same here, if i load prototype even on the sample page, the grid comes
blank !!

[William Chang]

You have to check the namespace conflict especially the dollar sign
($). Please click the link for more information:
http://docs.jquery.com/Using_jQuery_with_Other_Libraries

For your information, you might have to look at Flexigrid's source
code too.

Sincerely,
Will

[vivian]

if you see in my first message i use noConflict

i've tried

var $j=jQuery.noConflict();

$j('.mytable').flexigrid();

it works with other plugins loading prototype

and

jQuer('.mytable').flexigird();

but nothing

what you mean when you say

'For your information, you might have to look at Flexigrid's source
code too. '
i've read that with new version problems with noConflict have been
solved but i can't make it work, if you know what we need to do....

thank's

vivian

[William Chang]

Hey Vivian,
Well, you will have to do some debugging then. We recommend you to use
Mozilla Firefox with Firebug extension. Please make sure the
JavaScript source files are not packed or minified, so you can debug
through the file (the first party files like jquery.js and
prototype.js, most likely you don't need to). One more thing, you need
to keep track the order of events or execution (e.g. maybe the
flexigrid is being called before the DOM is ready). Make sure to check
your code around the line of ".flexigrid()".

I hope somebody will help who use Prototype, but until then you are on
your own. Good luck.

Sincerely,
Will
http://www.babybluebox.com/blog/

[vivian]

hello william,

i use firefox with firebug, i debug the page and i can see it opens
the flexigrid js and it append the table and the div's but they have a
display none parametter

i have a div named flexigrid with some divs inside, one of them have a
class bDiv and it has a table inside, this table is the table with all
the information but all td's have style="display: none;" and of course
i can't see them but i can see the border of the grid and the div
vGrip, i can change the height of the grid with this div.

vivian

On Sep 20, 12:49 am, William Chang <diehardb...@gmail.com> wrote:
> Hey Vivian,
> Well, you will have to do some debugging then. We recommend you to use
> Mozilla Firefox with Firebug extension. Please make sure the
> JavaScript source files are not packed or minified, so you can debug
> through the file (the first party files like jquery.js and
> prototype.js, most likely you don't need to). One more thing, you need
> to keep track the order of events or execution (e.g. maybe the
> flexigrid is being called before the DOM is ready). Make sure to check
> your code around the line of ".flexigrid()".
>
> I hope somebody will help who use Prototype, but until then you are on
> your own. Good luck.
>
> Sincerely,

> Willhttp://www.babybluebox.com/blog/

[daniel.soneira]

Have a look at the following issue:

http://code.google.com/p/flexigrid/issues/detail?id=3

I also use the noConflict mode - but there seems to be a naming
conflict with Prototype when
flexigrid tries to get the value of the attribute "hide" (equals a
prototype hide function - which.. well.. hides all the columns)

I have a feeling that's what is going on in your case too.

Here's the workaround that fixed it for me:
I fixed it by replacing every occurrence of .hide (the boolean one)
with
.hidden so that the function name does not match the attribute.

so now there are lines like:

if (this.hidden) $(this).hide();
if (pth.hidden) $(this).hide();

regards,
Daniel

[vivian]

Hello Daniel,

thanks for your help, i've tried what you say and now it works

i hope next version have this issue corrected

vivian

On Sep 23, 10:54 am, "daniel.soneira" <daniel.sone...@gmail.com>
wrote: