Ajax Tabs Content script- no resize, por favor ^_^

[erinmc5]

1) Script Title: Ajax Tabs Content script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tent/index.htm

3) Describe problem: This script looks really neat and I would love to insert it into my page, but I need it to be a controlled size. I'm a bit of a beginner, and I'm sure there is just some easy line of script I have to add, but I would really appreciate the help.
I just need the external pages that load into the tabbed area to remain a certain size and be scrollable, either by bars or "up" "down" buttons.
Gracias ahead of time!

[jr_yeo]

PLEASE: Include the URL to your problematic webpage that you want help with.

[jscheuer1]

No script code is required for this, use the style rules. Find this in ajaxtabs.css (it's at the bottom in the default version):

.contentstyle{
border: 1px solid gray;
width: 450px;
margin-bottom: 1em; padding: 10px;
}

Set the width and height as desired and the overflow to auto, ex:

.contentstyle {
border:1px solid gray;
width:450px;
height:500px;
overflow:auto;
margin-bottom:1em;
padding:10px;
}

[erinmc5]

That worked perfectly!!!
Thanks so much John!

By the way, did I read somewhere that the external content you include can't have its own javascript? I've been fiddling with my pages and the javascript on the external pages doesn't seem to be working.

[jscheuer1]

That worked perfectly!!!
Thanks so much John!

By the way, did I read somewhere that the external content you include can't have its own javascript? I've been fiddling with my pages and the javascript on the external pages doesn't seem to be working.

You're welcome. Now, a seemingly simple question and a seemingly simple answer - yes they can. But, it is not that simple. If you read the 'more information' section and beyond on the demo page, it explains how to include external scripts and stylesheets for each content piece if desired but, this is tricky because (and I'm not sure how much of this the demo page makes clear) what actually happens when you use this 'rev' attribute is that the script and/or css is added as an external file to the 'top' page. If this is all that is required to get your scripts working for the loaded content, fine but - be aware, once loaded, there is no provision for removing them, so - they will, wherever applicable, effect all loaded content and all content on the 'top' page. Also, notice I said:

"If this is all that is required to get your scripts working for the loaded content, fine"

In many cases a script needs to initialize its content and/or perform actions onload in order to work. Special steps must often be taken to insure that these sort of events occur at an appropriate time or else, things still won't work as expected. How this is worked out (if needed) depends upon the scripts and the content involved.

[erinmc5]

Wow! Ok, so I'll just take that as a "no, you don't want to really try that" ^_^
Way over my head.
Thanx again!

[jscheuer1]

Well, I didn't mean to give that impression but, depending upon the script, it can get rather involved. I have been able to get some fairly complex scripts to work with the AJAX type scripts. If your script is straightforward, it could work just by using AJAX Tab's rev attribute to add it to the page. Sometimes all you need to do is to put the script on the 'top' page. It all depends.

[richarawad]

HEY Everybody , it's reallly urgent here !
am trying to modify the script to be like the yahoo main page http://yahoo.com contents tab ! I changed it to mouse over but the differenrence is that all buttons have
the same size ( I need it) and that the content style opens smoothly and slowly and it appear only after a the click or the mouse over ( I need it too ) ? is there anyone who can help ?? I really really need this modification !!! I will be grateful if someone can help !!
THANKS

[richarawad]

Il be grateful if someone can help me to give
the all tabs the same size !
THANKS

[jscheuer1]

Il be grateful if someone can help me to give
the all tabs the same size !
THANKS

What do you mean exactly? The only ways I see to get the tabs, the things that you click on, to be the same size (width, the heights are already identical) would be to have their text all be the same length or padded out with non-breaking spaces ( ) or be individually styled.

Is this even what you are talking about?