 |  |  |  |  |  |  |  |
Loading Drop down Menu From External File
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
 |
•
•
Join Date: Jan 2009
Posts: 68
Reputation: 
Solved Threads: 0
Junior Poster in Training
Hi, I am trying to make a website were the menu is loaded from an external file so when you want to update the menu it gets updated on all the web pages. Something like and iframe but the problem is that the dropdown menu of an iframe will be inside the iframe and not in the webpage. Does anybody have a solution make an iframe work with this or another method of doing this? I am not going to use PHP or SSI at all. And I would like to stay away from using JavaScript, ALAX and alike, but I know the solution will probably have to use those. So if someone has suggestion (especially in basic languages like HTML and CSS) please post. Thank You
Well, I'm doing just that with a new site I'm building. The menu is a huge drop down thing.
If you are hosting the site on Apache then (it needs to be turned on in the configuration), all you have to do is include something like this:
<body>
<!--#include virtual="/include/menu.html"-->
-- rest of your code --
See also this thread: http://www.daniweb.com/forums/thread162966.html, but I think he didn't understand it completely and is using php now.
Please ignore my answer. After typing it I read that you don't want to use SSI. What you want is simply not possible. There is no html code to include external files. And css is only there for styling. Maybe it's possible with an iframe and z-index. There is something about that here: http://www.webmasterworld.com/forum21/6457.htm.
If you are hosting the site on Apache then (it needs to be turned on in the configuration), all you have to do is include something like this:
<body>
<!--#include virtual="/include/menu.html"-->
-- rest of your code --
See also this thread: http://www.daniweb.com/forums/thread162966.html, but I think he didn't understand it completely and is using php now.
Please ignore my answer. After typing it I read that you don't want to use SSI. What you want is simply not possible. There is no html code to include external files. And css is only there for styling. Maybe it's possible with an iframe and z-index. There is something about that here: http://www.webmasterworld.com/forum21/6457.htm.
Last edited by colweb; Feb 19th, 2009 at 2:41 pm.
•
•
Join Date: Jan 2009
Posts: 68
Reputation:
Solved Threads: 0
Junior Poster in Training
Thank you, how would you set up SSI or PHP that is simple and small, if possible. And can you test SSI withotu having it on a server.
jonow,
And can you test SSI withotu having it on a server.
No you can't. As the name implies, SSI is a server thing and for as far as I know, it can't work or tested without having an SSI enabled webserver.
PHP is also a server side thing. It normally runs on the webserver and yes, there are programs that, to some extend, show you what your php code would do in the real world. But to really test it, you do need a webserver.
And can you test SSI withotu having it on a server.
No you can't. As the name implies, SSI is a server thing and for as far as I know, it can't work or tested without having an SSI enabled webserver.
PHP is also a server side thing. It normally runs on the webserver and yes, there are programs that, to some extend, show you what your php code would do in the real world. But to really test it, you do need a webserver.
•
•
Join Date: Jan 2009
Posts: 68
Reputation:
Solved Threads: 0
Junior Poster in Training
Would it be inefficient to have an iframe for each drop down menu so you would have the drop down menu on the page but loading the contents from an external page into and iframe into the menu and and the sub-menus.
If you really do not want to use any of the technologies you mentioned then probably your only other option would be to use a WYSIWYG html editor which will handle it for you. For example in Dreamweaver I know you can create a "Library Item" which is just a block of html which you attach to other pages. Then when you want to change it you just edit the Library Item once and it changes it in all the pages you attached it to. Your still uploading whole pages though when you go to publish but at least you don't have to make all the edits manually.
Otherwise, I would suggest you go with a server-side solution. For such a simple task any server side language should do just fine, myself I am familiar with PHP and would do this:
Maybe you can come up with something using an iFrame plus javascript but if you do it's going to be really hacky and how well will you be able to rely on it working and looking the same across different web browsers? And what will it look like if they print the screen? Will it affect bookmarking? Mobile browsers (cellphones)?
Server side is nice because it's still straight html to the user.
Otherwise, I would suggest you go with a server-side solution. For such a simple task any server side language should do just fine, myself I am familiar with PHP and would do this:
<?php include('menufile.html'); ?> That's as complicated as it need be. I actually used this to set up a very simple site at my workplace of the time where they could edit content by changing text files in notepad. This was years before I learned any other PHP commands.Maybe you can come up with something using an iFrame plus javascript but if you do it's going to be really hacky and how well will you be able to rely on it working and looking the same across different web browsers? And what will it look like if they print the screen? Will it affect bookmarking? Mobile browsers (cellphones)?
Server side is nice because it's still straight html to the user.
•
•
•
•
Originally Posted by colweb 
jonow,
And can you test SSI withotu having it on a server.
No you can't. As the name implies, SSI is a server thing and for as far as I know, it can't work or tested without having an SSI enabled webserver.
PHP is also a server side thing. It normally runs on the webserver and yes, there are programs that, to some extend, show you what your php code would do in the real world. But to really test it, you do need a webserver.
If you are on Windows and don't want to become a server guru I would recommend looking into the Abyss webserver by Aprelium. It's free, easy to setup and easy to integrate with Perl or PHP. Yes, Windows comes with IIS but if you have installed any service packs then the IIS version on your Windows CD will probably not install easily, Abyss is just going to be easier.
If you're on Linux of course Apache and PHP are a no-brainer. Your distro's package manager will probably configure it well enough for your needs right out of the box, again no server guru skills necessary (unless you want to host it on your own machine but I don't think you do).
No idea if your on a Mac. I doubt it's difficult there either, I just don't own one to try it.
Oh, and if the host you publish to doesn't provide any server side languages just dump them. Really... hosting is so cheap these days. You can probably get one which will fit your needs for < $10 US / month, if not then certainly for < $20.
Last edited by ZWheel; Feb 23rd, 2009 at 2:54 pm.
•
•
Join Date: Jan 2009
Posts: 1,315
Reputation:
Solved Threads: 161
in the iframe menu
'target='_top' will change the highest level url
target='_parent' will change the immediate parent window url
ergo
menuiframe.html
its just a matter of
'target='_top' will change the highest level url
target='_parent' will change the immediate parent window url
ergo
menuiframe.html
html Syntax (Toggle Plain Text)
Read The F(ine) Manualhttp://www.w3schools.com/tags/tag_a.asp
Last edited by almostbob; Feb 24th, 2009 at 10:09 pm.
Failure is not an option It's included free
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it
Please mark solved problems, solved
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it
Please mark solved problems, solved
•
•
Join Date: Mar 2009
Posts: 77
Reputation:
Solved Threads: 5
Junior Poster in Training
the only problem i would have with using an iFrame is that it would cut of your bottom content. i would suggest that you perhaps use Java (although you said that you didn't want to) and a master page, so you wouldn't have to include it on all the pages.
otherwise, if you are unwilling to do that, you could always chuck up a large amount of cash for componant art.
otherwise, if you are unwilling to do that, you could always chuck up a large amount of cash for componant art.
•
•
Join Date: Jan 2009
Posts: 1,315
Reputation:
Solved Threads: 161
put the menu,
which is a known size,
in an iframe top of the content pages,
not the content in an iframe at the bottom of the menu.
the content page will then size as neccessary
which is a known size,
in an iframe top of the content pages,
not the content in an iframe at the bottom of the menu.
the content page will then size as neccessary
Failure is not an option It's included free
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it
Please mark solved problems, solved
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it
Please mark solved problems, solved
|
Other Threads in the HTML and CSS Forum
- Previous Thread: Changing image BG onclick
- Next Thread: Odd google maps rendering in IE6/WinXP only
| Thread Tools | Search this Thread |
You need to join our community in order to build your list of favorite forums. You can visit the forum index for a listing of all forums.
Related Forum Features
Latest HTML and CSS Posts
- Today's Posts
- Unanswered Threads
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7
