QUOTE
Do you mean www.clangis.com/apply?
Yes, I decided to simplify (for the users) and better-organize things (for myself) by creating a folder for every top-level doccument (.com/apply.php or .html would become .com/apply/ or just /apply).
QUOTE
Which links are supposed to change the IFRAME's content?
The script you linked above is almost at the start of the header in the source of the page. The frame's ID is 'app'
CODE
***********************************************/
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:
var iframeids=["app"]
And later on I call to it as
CODE
<iframe id="app" src="../sources/app.html" width="664" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:visible; width:100%" scrolling="no"></iframe>
I used to have it set up my own way but later decided to convert almost entirely to the example shown in the directions for that script. I think I've figured out the problem though - the problem is that this script isn't what I'm looking for, because I think it was designed to change the size when the target iframe loads a different page, and not when the same page is modified through javascript. I'm toggling the tables with a code like this:
CODE
<button onclick="document.getElementById('table1').style.display='block';document.getElementById('table2').style.display='none';document.getElementById('table3').style.display='none';">Diablo2:LoD</button> - If you want to join us, and you consider D2 to be the game that you are most likely to be playing. <br><br>
<button onclick="document.getElementById('table1').style.display='none';document.getElementById('table2').style.display='block';document.getElementById('table3').style.display='none';">MapleStory</button> - If you want to join us, and you consider MS to be the game that you are most likely to be playing. <br><br>
<button onclick="document.getElementById('table1').style.display='none';document.getElementById('table2').style.display='none';document.getElementById('table3').style.display='block';">Other</button> - If you want join the community and not the clan/guild yet (if you're already in another one and currently don't plan to leave, or don't play the above games).<br><br><br>
// --------- and this is how I set up all of the tables. Only the table ID changes
<table border="0" cellpadding="0" id="table1" style="display:none">
I can post (or better yet, PM you) the frame source file if you want to take a look at it. Unless any of the above code is wrong (which I don't expect), I don't think validator errors are the cause of my troubles since nothing else is really associated.
OT:
). The problem is that it seems I need to use a specific 'height' for the iframe, but I want to have one that opens up and extends on its own as needed instead of having a whole lot of blank space ready for the table to appear, or keep the space small and force the viewers to scroll down without a scroll bar. I can post a link to the associated files as they appear on my site if it would help, or if my explanation didn't make sense 
. Any ideas? Should I instead be asking in a more javascript-oriented forum?
