You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

a jquery Scrollable inside Tabs? Created Jan 4, 2010

This thread is solved

Views: 4427     Replies: 8     Last reply Jul 5, 2011  
You must login first before you can use this feature

smartness

Posts: 5

Registered:
Jan 2, 2010

a jquery Scrollable inside Tabs?

Posted: Jan 4, 2010

I'm trying to put a scrollable inside the <div id="panes">

so It's a scrollable inside the first tab!

But the scroller won't appear!

<script>
$(function() {
// initialize scrollable
$("div.scrollable").scrollable();
});
</script>

Please help!

bob@sturim.org

Posts: 8

Registered:
Aug 28, 2009

me too

Posted: Jan 4, 2010

Reply to: a jquery Scrollable inside Tabs?, from smartness
yeah, I'm trying to load a scrollable inside tabs that are ajax generated -- seems impossible.

smartness

Posts: 5

Registered:
Jan 2, 2010

Solved!

Posted: Jan 4, 2010

Reply to: me too, from bob@sturim.org
The problem is the css:

I changed:
#panes {
display:none;
position:absolute;
top:20px;
left:20px;
font-size:14px;
color:#444;
width:650px;
}

to:

#panes .ClassNameHere {
display:none;
position:absolute;
top:20px;
left:20px;
font-size:14px;
color:#444;
width:650px;
}

and then applied the class="ClassNameHere"

<div id="panes">
<div> <-- to this div

so its something like:

<div id="panes">


I used it here:
http://mevlana-art.com/portfolio.html

I hope i helped you!

Alex Durdan
Cool & Useful

Posts: 2

Registered:
Aug 18, 2010

You"re my hero !!!!

Posted: Aug 25, 2010

Reply to: Solved!, from smartness
I've been spending more than 6 hours trying to figure out. Thank you so much for the solution.... :)

davidbgonzalez

Posts: 1

Registered:
Jul 1, 2011

Thanks

Posted: Jul 1, 2011

Reply to: Solved!, from smartness
The css fix is the key.

gavsiu

Posts: 8

Registered:
Jun 23, 2010

scrollable inside ajax tabs

Posted: Jul 3, 2010

Reply to: me too, from bob@sturim.org
did you get it to work? she solved her problem of having a scrollable inside a normal tab, but I'm still having trouble getting scrollable to work inside ajax tabs. her method does not work.

my scrollable and ajax tabs work separately, but when i put the scrollable inside the ajax tabs, it just becomes static. it looks the way it should be, but there is no scrolling.

gavsiu

Posts: 8

Registered:
Jun 23, 2010

» scrollable inside ajax tabs

Posted: Jul 3, 2010

Reply to: scrollable inside ajax tabs, from gavsiu
nevermind. solved it.

just call jquery tools from the ajaxed page and not the main page

lud369

Posts: 1

Registered:
Jan 10, 2011

» » scrollable inside ajax tabs

Posted: Jan 10, 2011

Reply to: » scrollable inside ajax tabs, from gavsiu
Hi gavsiu,

I have the exactly the same problem that you describe before.
Could you show me or explain what you mean by "just call jquery tools from the ajaxed page and not the main page" please.

Best regards

mudimo
Find Your Rhythm?

Posts: 284

Registered:
Feb 18, 2011

» » » scrollable inside ajax tabs

Posted: Jul 5, 2011

Reply to: » » scrollable inside ajax tabs, from lud369
put the javascript code at the bottom of the HTML file you are AJAX loading - see my example here: http://www.tribalmystic.com/test/scrollables%20in%20tabs/