HTML - Updating Menu In One File
The website I am working on has been constructed all with html, css, and javascript - it is currently not hosted at this point.
On each page there is a menu on the left side that has all the links. I am looking for a way that I could update all of these links by updating just one file. The left side code is essentially: Code: <div id="links"> <table> ---- </table> <table> ---- </table> </div> I was thinking javascript could do this, but I don't have enough know-how to do this. Similar TutorialsI am trying to get rid of the "You have to click to activate this function" mumbo jumbo for a site I am doing. I tried following these directions... http://www.adobe.com/devnet/activeco...devletter.html but am having a rough time getting it to work... here is my code. Code: <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','900','height','140','src','GoodDock','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','GoodDock' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="900" height="140"> <param name="movie" value="images/GoodDock.swf" /> <param name="quality" value="high" /> <embed src="images/GoodDock.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="900" height="140"></embed> </object></noscript> hi this is reddy i want to update the text box values in my website by using any note pad r some other with out updating the whole code in the server every time to change the value help me Hi, I have a php include menu on my website, which will link to pages in different folders and subdomains. However I don't know how to make it work on all pages because the root folder will be different, as pages are in a lot of different places. e.g. index.php for the homepage doesn't work for pages out of the main folder. As the same menu will be included on all pages, it will have to work for all folders and subdomains. I've tried absolute paths e.g. /home/username/public_html/....file which doesn't work. the only way I have found to work is http://www.pagelocation.. I didn't really want to use that way though. can anyone offer any help? thanks Hello again, I have just spent hours adding a script to all my pages for drop down menus and have run into a problem I have no idea how to fix. The menus won't drop down over the top of the swf files I have on two of my pages. Everything else works perfect, it's just these two pages and one happens to be my homepage. I know someone out there will have the answer. This forum hasnt let me down yet! Can a kind person please offer me advice on how to fix this or even tell me how to fix it. My page is ozlotteriesonline.net if you need to view it. Thanks in advance I have a youtube video on front of the school website and a horizontal dropdown menu just slightly above it. What is happening is when i hover over a menu item the drop down menu is going under the youtube video. But this is only happening on IE but not firefox http://www.rosebridge.wigan.sch.uk Does anyone have a idea? I have lots of computers that aren't connected to the internet. I am not making a web page, but I think I can use Internet Explorer and HTML to help me with something. The users will be installing software on the PC with a CD with a batch file that I have made. There is a point where I need to tell the user "plug in device now and close this window when you have finished" and other messages like that. I was thinking of just making a simple .html file that sits on the CD and when I come to that point in the installation just call the appropriate file to display the message. So, in notepad, I am trying to make a .html file that when executed (like double clicked or called from the batch file) will be a small window with the menus disabled and simply displays the message. If there is a better way to display a message to the user, please let me know. Maybe what I want is called a message box? Thanks for sharing your expertise. Hi guys, im trying to setup a simple website for my football team and ive run intio a small problem. I originally had the Navigation code on every page but started to get annoying when i wanted to make changes etc. So by following the FAQ he http://bonrouge.com/~faq#includes I thought id found the answer to my problem but i cant seem to get it to work. The below code is contained in a file called menu.htm <div id="navigation"> <h2>Navigation</h2> <ul> <li><a href="home.htm">Home</a></li> <li><a href="squad.htm">Squad</a></li> <li><a href="fixtures.htm">Fixtures</a></li> <li><a href="matchReport.htm">Match Reports</a></li> <li><a href="news.htm">News</a></li> <li><a href="sponsorship.htm">Sponsorship</a></li> <li><a href="motm.htm">Man of the Match</a></li> <li><a href="forum.htm">Forum</a></li> </div> My code for the first page called "home.htm" is as follows <!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> --> <html> <head> <title>Pavilion FC</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="myCSS.css" rel="stylesheet" type="text/css"> </head> <body> <div id="logo"> <h1></h1> <p> </p> </div> <!--#include file="menu.html"--> </body> </html> Is this code meant to have the comments round it? Should it be in the HTML or CSS file? I also tried converting the files to PHP and usign the line <?php include 'menu.php'; ?> but that didnt seem to work either. Both times the menu just doesnt appear. Im using firefox to view the files offline before uploading, so that id upload it anyway to see if php needed to be enabled or soemthing but still doesnt work. Hi. i have a option menu that come behind the adobe pdf embed. after open this link http://thewebcodes.com/index.php?id=2 when we go to the first menu option, it goes behind (this only appens in Internet Explorer) How could i solve it? Thank's in advance I'm very new to HTML/CSS/Javascript. In the website I'm trying to build, I want to display a relatively simple navigation menu on the left side of the webpage, similar in look to the one here (example): http://build-website.com/design/opportunity.html Is there some way to put the initialization text for the navigation menu in a separate .html file (or, just some other file), so that every time I want to add a section/link to the nav menu, I won't have to go through each of my web pages individually and add the code for the link? (I am not going to use frames because, among other things, that would make it more difficult to bookmark and copy addresses of individual pages) I have been teaching myself through the w3schools tutorials, but despite looking through them and googling for answers I haven't been able to find a solution. Is this possible in HTML? Something that would allow something like like <div src="navmenu.html"> would be ideal but I haven't been able to find anything. (At the moment I'm just using notepad and typing in code manually) Hello! I'll be using an HTML pulldown menu system for a website, where the menu links are for pages on that website. Easy enough! But....when I add webpages to the website, I'll have to edit the HTML of the menu on each and every webpage to incorporate the new link. Again, easy enough, but time consuming. So I need a system where the pulldown menu looks to an external file for it's links - then, all I have to do is edit one file instead of editing every webpage. Can anyone help? (BTW - I wasn't sure what board to post this in, so if it needs moving to client-side or server-side, that's cool). Hi guys, hope you can help with what I'm hoping will be a simple answer! I'm just developing a small web app using XML as a basic data source. The XML data simply populates an event listing and news page etc. I need the client to be able to add new events and new news stories etc themselves and was wondering if there was a way for him to do it without editing the XML file directly?? Previously, I've used an MS Access database and I've had a basic asp input or update form to add info to the database, but I guess it doesn't work this way with XML. XML seems an extremely easy way of storing, retreiving and displaying small amounts of data in this way, and wanted to avoid having a content management system for the client. Any help would be greatly appreciated!! Kind Regards Gaz I've been running a PS3 Madden 10 Franchise for the last 6 months. I had a fellow member who created a cool website for the Franchise. Unfortunately, he won't be able to help update the website for Madden 11. Currently I'm stuck trying to learn HTML on my own and doing my best to update the website for Madden 11. Right now, I'm trying to change the Home Page banner. However, I can't seem to identify it in the code. For some reason the banner is split into two parts. " HomePageBanner1.png " and " HomePageBanner2.png " ... I would like to switch the current home page banner to the following, " DrewBreesBanner1.png " and " DrewBreesBanner2.png " ... Any help is greatly appreciated. Thank you. The html code for the home page is: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Blu Ray Franchise - League of Champions - Home Page</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="Style.css" /> <noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script language=JavaScript> var message = "Sorry, right click is disabled! (:"; function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; } if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } } document.onmousedown = rtclickcheck; </SCRIPT> <SCRIPT TYPE="text/javascript"> <!-- function popup(mylink, windowname) { if (! window.focus)return true; var href; if (typeof(mylink) == 'string') href=mylink; else href=mylink.href; window.open(href, windowname, 'width=660,height=380,left=375,top=225,scrollbars=no'); return false; } //--> </SCRIPT> </head> <body> <div id="header"> <center> <table border="0"> </tr> <br> <br> </table></center><font> </div> </div> <br> </div> <img src="Titles/FootballBanner.png"> <br> <br> <div id="wrapper"> <div id="sidebar"> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <ul id="navigation"> <div class="news"> <br> <br> <br> <br> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <br><center><img src="Others/PowerRankings.png"></center> <br> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p><center><div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="175" height="289" src="http://www5.cbox.ws/box/?boxid=637639&boxtag=vfs7an&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div> <div><iframe frameborder="0" width="175" height="91" src="http://www5.cbox.ws/box/?boxid=637639&boxtag=vfs7an&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div> </div> </center> </div> </ul> </div> <div id="content"> <div class="search"><span></span> </div> <br> <br> <br> <br> <br> <br> <div class="bg"> <div class="column1"> <img src="Headlines/LatestHeadline(Top).png"> <br> <a href="Headline9.html"><img src="Headlines/LatestHeadline(Read).png" border="0" /></a> <br> <img src="Headlines/LatestHeadline(OtherHeads).png"> <br> <a href="Headline8.html"><img src="Headlines/LatestHeadline(Head8).png" border="0" /></a> <br> <a href="Headline7.html"><img src="Headlines/LatestHeadline(Head7).png" border="0" /></a> <br> <a href="Headline5.html"><img src="Headlines/LatestHeadline(Head5).png" border="0" /></a> <br><br> <a href="Headline4.html"><img src="Headlines/LatestHeadline(Head4).png" border="0" /></a> <br><br> <a href="Headline3.html"><img src="Headlines/LatestHeadline(Head3).png" border="0" /></a> <br><br> <a href="Headline2.html"><img src="Headlines/LatestHeadline(Head2).png" border="0" /></a> <br><br> <a href="Headline1.html"><img src="Headlines/LatestHeadline(Head1).png" border="0" /></a> <br><br><br><br><br><br><br><br><br><br><br><br><br> <br> </div> <div class="column2"> <div class="news"> <br> <center><img src="Others/CowboysEagles.png"></center> <br> <br><center><img src="Titles/FootballBanner2.png"></center> <br> <br> <br> <br><center><img src="Others/PoWeek1.png"></center> <br> <br> <br> <br> </div> </div> <div class="news"> </div> </div> </div> </div> <center><img src="Titles/FootballBanner.png"></center> <br> <div id="footer"> <ul> <li><a href="Home.html">Home</a>|</li> <li><a href="TeamOwners.html">Team Owners</a>|</li> <li><a href="Standings.html">Standings</a>|</li> <li><a href="LeagueLeaders.html">League Leaders</a>|</li> <li><a href="WeeklyRecaps.html">Weekly Recaps</a>|</li> <li><a href="Highlights.html">Highlights</a>|</li> <li><a href="http://forum.blu-ray.com/blu-ray-games-playstation-3/135356-rules-madden-2011-sim-online-franchise.html#post2987081">Rules</a>|</li> <li><a href="http://blurayfranchise.creaforum.net/index.htm">Forums</a></li> </ul> <p></p> </div> </body> </html> The website can be viewed HERE . Hi everyone I'm currently told to design a html page that updates live(Constantly changing) data, I wonder if it is possible through html coding. Lets say the data updates every 2 seconds, as in the page changes the data without me manually refreshing the page. Is it even possible in the first place? Sorry, but I'm kinda new to html code writing and all. Sorry haha. I am creating my first site for a business and I am almost content with the template I am going to be using. The problem is that from time to time new brand names of things will come out and I will need to put a link for them in my links on the right and top of my pages. My plan was to use my template over and over for every page on the site just replacing the content section. Is there a way to update just the main page so that it adds the new links to all the pages instead of going through each one to add them? I have very lilttle exirience with java script and would like to keep it as much pure html and css as posssible Hey, I have made an HTML-based iPhone theme that is a calendar (screenshot attached). My problem is that the HTML has to be reloaded in order to update the date, and that requires restarting the device. I would like the date to update automatically. Unfortunately, I do not know HTML beyond the minimum to get this working. I tried some javascript functions on timers but I can't get it working. The files are attached. How can I make it update itself? Thanks! P.S. You can load the HTML file on your computer, it just won't have the background or icons or anything. Hey I have been asked to design my schools website which involves information from each department i.e. computing, maths, English, ect.. that needs to be included in the site. I would like for the departments to be able to change there information on the site from within the site instead of having to open a html editor and changing the text there then having to uploading it back up to the site. Is there a way that the text can be changed on the site, kind of like wikipedia, but with a html code? Cheers Ok so I am extremely new to coding and am setting up a small website. Everything I use right now is based off of a few excel spreadsheets and the site I'm making I want some of that info in a more public format rather than sharing a bunch of spreadsheets. One spreadsheet I have imports the html tables from another website and puts it into a google docs spreadsheet. So whenever the source code is changed on the original website it is also changed on my spreadsheet. Now, is it possible to reference a specific spreadsheet cell(s) (instead of the specific data in the cells) so that when the data is changed on the spreadsheet it is also changed on my website. The way I have it now it only shows what was on the spreadsheet at the time the code was entered. So if cell A1 said apples and then a day later cell A1 changed to bananas, my website still shows apples since that was what was originally entered even though the spreadsheet changed to bananas. I'm not sure if I'm too clear on what I'm asking...I tried. If you have a vague answer or a starting point where I should start looking that would be good too. Thanks. How would I set something up on a website hosted by the server, were I can implement a text box that can be update by not updating the actual page it self, so I dont have to continually update the actual page rather some other form be able to update current news, and dates of certain events. If you get what Im trying to say. Not sure if it would be HTMl or PHP. Thanks for the help! Hey there, I started html/css a few days since I wanted to make my own website for my own Minecraft server and I've ran into a little problem with it. I tried putting 2 videos aswell as a paragraph of text on the front page and well... the video at the bottom of the page was well below the white line. Is there something that I need to do so the page updates and expands? My html and css is below. HTML Code: <!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=utf-8" /> <title>Dawn Craft</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> body { background-color: #000000; background-image: url(); } body,td,th { color: #FFF; } </style> </head> <body> <div id="header"><a href="index.html"><img src="images/header.png" width="900" height="100" /></a> <div id="menu"><a href="index.html"><img src="images/Home.png" width="80" height="25" /></a><a href="http://www.dawncraftmc.com/"><img src="images/Forum.png" width="80" height="25" /></a></div> </div> <div id="content_wrap"> <div id="left_content"> <div id="information" style="text-align: center; font-family: Verdana, Geneva, sans-serif; font-weight: bold;"> <p>Server updates</p> <p>----------------------------</p> <p>Congratulations to ICOZANE1 and 450airsoft on becoming the first 2 moderator's.</p> <p>----------------------------</p> <p>The server is being upgraded to 26 slots!</p> <p>----------------------------</p> <p>We got a new site! We will be keeping the forum.</p> <p> </p> <p> </p> <p> </p> <p>Vote for the server! <a href="http://www.xtremetop100.com/in.php?site=1132322674"> <img src="http://www.xtremeTop100.com/votenew.jpg" border="0" alt="Minecraft"></a></p> <p> </p> <p> </p> <p> </p> </div> </div> <div id="right_content"> <p> </p> <p style="text-align: center">A quick look at the 1.7 pistons update.</p> <div class="video_wrap2"> <iframe width="640" height="390" src="http://www.youtube.com/embed/uZJr86d2IUo" frameborder="0" allowfullscreen></iframe></iframe> </div> <p style="text-align: center"> </p> <p style="text-align: center"> </p> <p style="text-align: center"> </p> <p style="text-align: center">---------------------------------------------------------------------------------------------------------------------</p> <p style="text-align: center">The Server will be staying at 1.6 until all the mods are updated! Keep checking the site or the forums for updates. </p> </div> </div> <div id="footer" style="text-align: center"> <a href="http://minecraftviewer.com/servers/38428/view" target="_blank"><img src="http://cache.multiplayuk.com/b/1-38428-560x95.png" alt="Server Banner" style="border:0;width:560px;height:95" /></a> </div> </body> </html> Code: @charset "utf-8"; /* CSS Document */ body { margin:0;} #header { height:90px; width:855px; margin-left:auto; margin-right:auto; } #menu { height:45px; width:500px; margin-top:5px; margin-left:auto; margin-right:auto; font-family: District; border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: #FFF; } #content_wrap { height:800px; width:980px; margin-left:auto; margin-right:auto; margin-top:10px; border: 3px solid #FFF; -moz-border-radius:20px; -webkit-border-radius:15px; background-color: #000; } #left_content { height:800px; width:240px; float: left; background-color: #000; border-top-color: #CCC; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; } #information { height:719px; width:220px; margin-top:70px; margin-left:5px; -moz-border-radius:20px; -webkit-border-radius:15px; border: 3px solid #FFF; } #right_content { height:800px; width:730px; margin-left:10px; float: right; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #F00; border-right-color: #F00; border-bottom-color: #F00; border-left-color: #F00; } .video_wrap2 { height:390px; width:640px; margin-left:auto; margin-right:auto; margin-top:30; } #footer { height:25px; width:980px; margin-left:auto; margin-right:auto; margin-top:10px; } Hello, I'm going to be updating an HTML website for a friend, and it's going to be a very basic webpage. Mostly HTML with a little JavaScript thrown in for fun. My question is, how do I handle content management for the user? The website is going to be a standard setup with a "New Information" section on the homepage. This section will be updated by the admin (my friend) on a regular basis, but I'd like to be able to have her update this info in a more user-friendly manner than updating the actual HTML code. Content management is new to me, so I'm open to any suggestions. Thanks in advance! |