Hi, I'm working on a site where I have it load the page, and then I
have a content box containing a textfield and customized scrollbar
(custom images,width, etc) for the field. I have multiple content
boxes and I used script.aculo.us to basically make them appear or fade
when the menu pics are clicked etc. This was great but then I wanted
to make them all hidden when the page loads, and then have them shown
if you click the link. Like for news, you click it and the content box
for news shows up. The problem I am having is that when I set the
display for the div with id ContentBox to display=none since prototype
uses display for show/hide/appear/fade I thought that would work fine.
but it doesnt. I'm sure its a simple fix that I'm just not seeing.
What happens is, if I say for example:
window.onload = function() {
$$('div.tabcontent').invoke('hide');
};
or
document.observe("dom:loaded", function() {
$$('div.tabcontent').invoke('hide');
});
then it will hide it to begin with, but later on, even if it's right
after that, if I tell it to show, and use something like toggle, show,
appear... etc. what happens is, it shows the content box, but the text
field and scrollbar inside it are both hidden.
if I use the div specifically like:
$('contentBox').hide()
it will still hide but once again it won't show when I tell it to show
or appear.
I know there must be a simple solution because when I say:
window.onload = function() {
$$('div.tabcontent').invoke('fade');
};
it works when later on I tell it to show or appear.... just hide makes
it not work.
Also, I made a temporary solution by using iframes since I was already
using them for the gallery with my shadowbox. I used it for the
content box. I put them in an iframe positioned using a div in a
table. Works good except for 1 thing, when I use my scriptaculous
custom scrollbar, if my mouse goes outside of the frame/table (one of
the 2 not sure exactly but) then it no longer is observing when I
mouseup... so that when I bring the mouse back into the frame, it will
then act as if I was still mousedown and scroll the scrollbar as I
move the mouse up and down which is terrible. I don't mind using the
frames, it would make editing easy because each content window could
be a separate little html file, but at the same time I can't seem to
figure out how to fix this either. My attempts at both have failed so
now I'm asking for some help, thanks :)
--
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
