orion pax

Hey thanks. I like the effect of that first script. But I was looking more for individuality rather than changing EVERY single one at the same time. The only way I can see doing it individually is with ID's. Well I will give that script a try and see how my friend likes it.OH yeah...that script changes EVERY SINGLE link on the page. I am looking for just changing the links in the user/main menu's on the left of the screen. Thanks for the help.

I get this error in firefox's error consoleError: document.getElementsByTagName("a").style has no propertiesSource File: http://test.stormannormandproductions.com/.../colorchange.jsLine: 223and according to the javascript tuts here you misspelled it by 1 letter....missing a "S" in there.

This idea I like. But its not working. I just replaced getElementById(id) with that and no go. Could the fact that all the html in the site is pretty much php generated have anything to do with the fact that its not working? This wouldnt do for the fact that I want A LOT of colors in it. I allready have an array setup with about 215 hex codes for different colors. That was fun. Need less to say a pain in my @$$.

Ok....I want to dynamically change the background colors of links each time the mouse rollsover the links. Individually. Is there any other way than this? document.getElementById(id).style.backgroundColor=color and calling the function with the id as a variable.

That would work without an iframe? Because I just rewrote the hole site with a template in dreamweaver that I made so it would help stream line the changes. I'm not using any frames so would I put name="content" in the div?The topic didnt change. The apache directives just made my life a hole lot simpler because no one helped solve my height problem with the iframes. The source for the iframes had a good bit of content and I wanted the iframe to go far enough to the bottom of the page so I wouldnt have this super tiny iframe with a lot of content in it.

Well I solved my problem. Before I had no choice but to use iframes because I was having issues getting the subdomains to work in the cgi folder on the main domain. I had to first link to a file anywhere on the hosting account through the main domain URL. Then I could access the cgi folder by folder paths only. I could not directly link to it via URL. Well while browsing around on apaches website I fount a way to force apache to allow cgi execution in ANY folder by creating a .htaccess file in the folder you want to be executable and add Options +ExecCGI to it. That tells apache to allow cgi execution for that folder it is in. So I made a folder named CGI and put a .htaccess file in it and walla! Now it only works if the allowoveride option is set in the apache configuration. It seems that godaddy's tech support is not that great as since I have been fighting with them all week about this problem and have not paid attention to my messages and I have to keep pointing out my problem to them all the time. So now I can do a 3 column website with header/footer and make each page with a template that I am going to create to stream line it!

In other words I want the links in the content to load in the middle. Not reloading each page after they click on any link.

So you telling me that I have to setup each page with a 3 column display template. Every single one? I was trying to avoid that so when you click on a link in the dynamic content it only loads the new content in the middle. Which is why I used IFRAMES. I was using frames before. But I learned how to use a div wrapper and design a 3 column website but I just cant get the IFRAME to take up the full height of the browser window.

Because I have dynamic content loaded in my middle column, and on the right hand column. In the middle column you see my comments script loaded in an iframe within an iframe. That I plan on changing that to a footer. And yes it works. Because the shtml page that the iframe loads is linked to my main domain. Your thinking how in the world could wrestlegeek load a script in a folder that is behind it?

http://www.wrestlegeek.com/index.htmlI included the index.html in the link because my index.shtml is still on the server. I was trying something else with SSI which didnt work to solve my problem. Here is the code.....default.csstd.adminct { text-align:center; font-size:small;}iframe.textcolor { color:#FFFFFF;}h1.ctext {text-align:center;}body { background-color:transparent; color:#A52A2A; font-weight:900;}body.black { background-color:#000000; color:#D2691E; font-weight:900;} a:link {text-decoration:underline; color:#0000FF;}a:visited {text-decoration: underline; color:#00FF00}a:active {text-decoration: underline; color:#FFFFFF;}a:hover {text-decoration: underline; color:#FFFFFF;}.class1 a:link {text-decoration: none; color:#000000;}.class1 a:visited {text-decoration: none; color:#000000;}.class1 a:active {text-decoration: none; color:#000000;}.class1 a:hover {text-decoration: none; color:#000000;}.class2 a:link {text-decoration: none; color:#FF0000;}.class2 a:visited {text-decoration: none; color:#FF0000;}.class2 a:active {text-decoration: none; color:#FF0000;}.class2 a:hover {text-decoration: none; color:#FF0000;}#wrapper { position:relative}#ranks { width:13%; height:100%; position:absolute; left:87%; background-repeat:no-repeat;}#navb script:;" onclick="changeiframe('newsframe','http://www.stormannormandproductions.com/wrestlegeek/main.shtml');changeiframe('main4','http://www.stormannormandproductions.com/wrestlegeek/comments/comment.php?pageid=12')"><img src="images/home.png" alt="News" width="100%" /></a></span></td> </tr> <tr> <td><span class="class1"><a href="java script:;" onclick="changeiframe('newsframe','http://www.stormannormandproductions.com/wrestlegeek/federations.shtml')"><img src="images/feds.png" alt="Federations" width="100%" /></a></span></td> </tr> <tr> <td><span class="class1"><a href="java script:;" onclick="changeiframe('newsframe','http://www.stormannormandproductions.com/wrestlegeek/bios.shtml')"><img src="images/bios.png" alt="Wrestler Bios" width="100%" /></a></span></td> </tr> <tr> <td><span class="class1"><a href="java script:;" onclick="changeiframe('newsframe','http://www.stormannormandproductions.com/wrestlegeek/ranked.shtml')"><img src="images/ranks.png" alt="Rankings" width="100%" /></a></span></td> </tr> <tr> <td><span class="class1"><a href="java script:;" onclick="changeiframe('newsframe','http://www.stormannormandproductions.com/wrestlegeek/events.shtml');changeiframe('main4','http://www.stormannormandproductions.com/wrestlegeek/comments/comment.php?pageid=13')"><img src="images/events.png" alt="Current and Upcoming Events" width="100%" /></a></span></td> </tr> <tr> <td><span class="class1"><a href="http://www.wrestlegeek.com/forum/"><img src="images/forum.png" alt="Wrestlegeek Dot Com Forum" width="100%" /></a></span></td> </tr> <tr> <td><span class="class1"><a href="java script:;" onclick="changeiframe('newsframe','contact.html')"><img src="images/contact.png" alt="How to contact us" width="100%" ></a></span></td> </tr> <tr> <td><span class="class1"><a href="java script:;" onclick="changeiframe('newsframe','about.html')"><img src="images/aboutus.png" alt="About Wrestlegeek Dot Com" width="100%" /></a></span></td> </tr> <tr> <td><span class="class1"><a href="java script:;" onclick="changeiframe('newsframe','links/linkfile.html')"><img src="images/links.png" alt="Links to other interesting sites" width="100%" /></a></span></td> </tr> <tr> <td><span class="class1"><a href="java script:;" onclick="changeiframe('newsframe','http://www.stormannormandproductions.com/wrestlegeek/bigtop.shtml');changeiframe('main4','http://www.stormannormandproductions.com/wrestlegeek/comments/comment.php?pageid=14')"><img src="images/bigtop.png" alt="DZ-Hydes Under The Big Top Article" width="100%"></a></span></td> </tr> <tr> <td class="adminct"><span class="class2"><a href="http://wrestlegeek.stormannormandproductions.com/login.html">admin panel</a></span></td> </tr> </table> </div> <span id="news"> <iframe src="http://www.stormannormandproductions.com/wrestlegeek/main.shtml" width="100%" scrolling="auto" frameborder="0" id="newsframe" allowtransparency="true"></iframe> </span> <div id="ranks"> <iframe class="textcolor" src="http://www.stormannormandproductions.com/wrestlegeek/ranks.shtml" width="100%" scrolling="auto" frameborder="0"></iframe> </div> </div></body></html> main.shtml - this is the file that loads the news and comments scripts. I am trying to do a 3 column design here. WIth a header. I am thinking of making my comments script a footer. Maybe adding a footer would force my middle column to display full? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" > <link href="default.css" rel="stylesheet" type="text/css" > <title> Title goes here </title> </head> <body> <img src="images/wgeek.jpg" width="100%" height="100%" alt="Background" /> <div id="stuff"> <p> <!--#include virtual="/cgi/wrestlegeek/news/news.pl"--> </p> <iframe src="/wrestlegeek/comments/comment.php?pageid=12" width="100%" height="300"></iframe> </div> </body></html> you will notice that in some of my links you see www.stormannormandproductions.com.....that is my main hosting account. wrestlegeek is a subdomain on my godaddy hosting account. They dont provide cgi folders in subdomains. The last hosting service I had a year ago did provide them.

I am trying to make a fluid-flowing website. Meaning when you resize the window, it will adjust everything automatically to fit in the window. I can do the width. Easy. I am using CSS and a Div Wrapper. I just cant force my iframes to take the full height of the window. Any ideas? And yes I tried HEIGHT=100% in the iframe and in its div!

Since no one seemed to know of a way to fix this I did some looking around and learned about #wrapper with div's. So I eliminated my MAIN TABLE that was holding everything and used div's to position everything while still using my nav bar table. I can reduce the size of my nav bar table as well. I just have to play with the z-index now to see how it works. I appreciate any other suggestions or hints of any nature. if you want to see what I have done with the div's compared to my original layout www.dzyhyde.com/test.html

Not that I am good at css or html. But i am working on a site that uses an Iframe to display all the info in the middle of my site and dynamically changes as the links on the navigation bar are clicked. You can set the size manually with the WIDTH and HEIGHT parameters. And set scrolling to NO or AUTO. Now if the size of the pages change within the Iframe try setting it to the largest one. You will be taking up more space than needed for any smaller ones but sounds like an easier fix.

I am trying to make a menu of links on the left hand side of a site and trying to do it with out frames. I made a table with 2 rows and 2 columns. dzhyde.com It shows up fine in firefox if the window is maximized. If you resize it, the table that contains my menu table (a table inside of a table, only way to get the buttons to line up I think), dissapears while the menu table that contains my buttons stays right where I placed it using css position absolute. Is there a way to force the table not to resize. The main table is the FRAME of my site. Top left is a small square that will just have a small graphic in it. then next to that is the banner. on row 2 we have the menu section and then the main section. The menu section contains my menu table. The main section is where the links show up which are loaded in an iframe that is modified with a java script. There are some IE issues there too but I will deal with soon. Here is the code....HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>DZHYDE.COM</title><link href="default.css" rel="stylesheet" type="text/css" /><script type="text/javascript">function changeiframe(id,shtml){document.getElementById(id).src=shtmlvar number = (Math.floor(Math.random()*6))if (number==1)(document.body.background="images/background1.jpg")if (number==2)(document.body.background="images/background2.jpg")if (number==3)(document.body.background="images/background3.jpg")if (number==4)(document.body.background="images/background4.jpg")if (number==5)(document.body.background="images/background5.jpg")}</script></head><body bgcolor="#FFFFFF" background="images/background1.jpg" text="#000000" link="#0000FF" vlink="#00FF00" alink="#FF0000"><table> <tr> <td width="250" height="100" background="images/nose.png" class="norepeat"></td> <td width="600" height="100" background="images/dzhyde.jpg"class="norepeat"></td> </tr> <tr> <td background="images/menu.jpg" width="250" height="400" class="norepeat"> <span class="class1"> <table class="menu2" width="250" height="400" border="0"> <tr> <th width="115" scope="row"></th> <td width="117" height="40"><div align="center"><a href="java script:;" class="menu" onclick="changeiframe('main','http://www.stormannormandproductions.com/cgi/dzhyde/news.pl')"><img src="images/news.jpg"/></a></div></td> </tr> <tr> <th scope="row"></th> <td><div align="center"><a href="java script:;" class="menu" onclick="changeiframe('main','schedule.html')"><img src="images/schedule.jpg"/></a></div></td> </tr> <tr> <th scope="row"></th> <td><div align="center"><a href="java script:;" class="menu" onclick="changeiframe('main','forum.html')"><img src="images/forum.jpg"/></a></div></td> </tr> <tr> <th scope="row"></th> <td><div align="center"><a href="java script:;" class="menu" onclick="changeiframe('main','bio.html')"><img src="images/bio.jpg"/></a></div></td> </tr> <tr> <th scope="row"></th> <td><div align="center"><a href="java script:;" class="menu" onclick="changeiframe('main','piedcount.html')"><img src="images/piedcount.png"/></a></div></td> </tr> <tr> <th scope="row"></th> <td><div align="center"><a href="java script:;" class="menu" onclick="changeiframe('main','media.html')"><img src="images/media.jpg"/></a></div></td> </tr> <tr> <th scope="row"></th> <td><div align="center"><a href="java script:;" class="menu" onclick="changeiframe('main','forthefans.html')"><img src="images/forthefans.jpg"/></a></div></td> </tr> <tr> <th scope="row"></th> <td><div align="center"><a href="java script:;" class="menu" onclick="changeiframe('main','links.html')"><img src="images/links.jpg"/></a></div></td> </tr> <tr> <th scope="row"></th> <td><div align="center"><embed src="sounds/circus.mp3" width="140" height="20"></embed></div></td> </tr></table></span></td> <td width="600" height="600" align="left" valign="top" background="images/circus_tent.png" class="norepeat"><iframe src="http://www.stormannormandproductions.com/cgi/dzhyde/news.pl" width="600" height="600" scrolling="Auto" frameborder="0" id="main"></iframe></td> </tr></table></body></html> CSS td.norepeat { background-repeat: no-repeat;}.class1 A:link {text-decoration: none; color:#7B6952}.class1 A:visited {text-decoration: none; color:#7B6952}.class1 A:active {text-decoration: none; color:#7B6952}.class1 A:hover {text-decoration: none; color:#7B6952}table.menu2 { position: absolute; left: 10px; top: 170px;}