HTML - Nav Menu Remote Source Code.
I'm pretty new to web design, but I've started making drop down menus using HTML and CSS.
I get annoyed that every time I want to change the menu I have to go and change it individually in every single page. I am wondering if there is a way to create the code in an external file and link it into my pages, so that if I want to make a change, I can do it from one central file and have the change appear on each individual page. Is this possible? How can I do this? Similar Tutorialsi created a password protected forum to mess around with, but I've learned that if you just hit View Source its pretty obvious that the <var password=...> will tell you the password. Now ik that you can do these crappy encodings that would slow down getting the password by about 2 minutes but is there anything out there that will actually STOP people from viewing the source code indefinately? P.S. My Code: HTML Code: <b><font color=red><font size=5>WINTER IS COMING: HENCE THE SNOWFLAKES</center></b> <html> <body background="http://thenetworkstation.net/custom/bg-long.jpg"> <font size=3> <head> <script language="javascript"> <!-- function PlanA() { var password = "1883" var pass = prompt("Please Enter The Password To Gain Access To The Site"," ") if (pass.toLowerCase() == password) { window.location = "http://hiddenforum.darkbb.com/correct-password-h3.htm"; } else { window.location = "http://hiddenforum.darkbb.com/wrong-password-h2.htm"; } } --> </script> </head> <body> <p><center> <marquee behavior=alternate width="250" scrollamount="7" scrolldelay="96" height="20" bgcolor="#E0FFFF"><font size="3">Welcome to the Hidden Forum </font></marquee> <font color="white"> The Password Changed Regularly So Be On Regularly To Be Notified Before A Change</center></p> <p><center>If You Get The Password Correct Then You Will Be Redirected To A Forum. <center><a href="#" onClick="PlanA(); return false">Click Here To Enter Password</a></center> <p><center>Please Take A Moment To Visit My Other Forum: <p><a href="http://www.tastymods.net/" target="_blank">TastyMods.net a Game Console Modding Forum</a></right> </body> <center><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/Ig74Ca-9zXQ?fs=1&%3Bhl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Ig74Ca-9zXQ?fs=1&%3Bhl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></center> </body> <!-- begin htmlcommentbox.com --> <div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div> <link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" /> <script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((typeof hcb_user !== "undefined" && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&opts=406&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script> <!-- end htmlcommentbox.com --> <script> // Set the number of snowflakes (more than 30 - 40 not recommended) var snowmax=35 // Set the colors for the snow. Add as many colors as you like var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD") // Set the fonts, that create the snowflakes. Add as many fonts as you like var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS") // Set the letter that creates your snowflake (recommended:*) var snowletter="*" // Set the speed of sinking (recommended values range from 0.3 to 2) var sinkspeed=0.6 // Set the maximal-size of your snowflaxes var snowmaxsize=22 // Set the minimal-size of your snowflaxes var snowminsize=8 // Set the snowing-zone // Set 1 for all-over-snowing, set 2 for left-side-snowing // Set 3 for center-snowing, set 4 for right-side-snowing var snowingzone=3 /////////////////////////////////////////////////////////////////////////// // CONFIGURATION ENDS HERE /////////////////////////////////////////////////////////////////////////// // Do not edit below this line var snow=new Array() var marginbottom var marginright var timer var i_snow=0 var x_mv=new Array(); var crds=new Array(); var lftrght=new Array(); var browserinfos=navigator.userAgent var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/) var ns6=document.getElementById&&!document.all var opera=browserinfos.match(/Opera/) var browserok=ie5||ns6||opera function randommaker(range) { rand=Math.floor(range*Math.random()) return rand } function initsnow() { if (ie5 || opera) { marginbottom = document.body.clientHeight marginright = document.body.clientWidth } else if (ns6) { marginbottom = window.innerHeight marginright = window.innerWidth } var snowsizerange=snowmaxsize-snowminsize for (i=0;i<=snowmax;i++) { crds[i] = 0; lftrght[i] = Math.random()*15; x_mv[i] = 0.03 + Math.random()/10; snow[i]=document.getElementById("s"+i) snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)] snow[i].size=randommaker(snowsizerange)+snowminsize snow[i].style.fontSize=snow[i].size snow[i].style.color=snowcolor[randommaker(snowcolor.length)] snow[i].sink=sinkspeed*snow[i].size/5 if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size) snow[i].style.left=snow[i].posx snow[i].style.top=snow[i].posy } movesnow() } function movesnow() { for (i=0;i<=snowmax;i++) { crds[i] += x_mv[i]; snow[i].posy+=snow[i].sink snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]); snow[i].style.top=snow[i].posy if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){ if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} snow[i].posy=0 } } var timer=setTimeout("movesnow()",50) } for (i=0;i<=snowmax;i++) { document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>") } if (browserok) { window.onload=initsnow } </script> <BGSOUND SRC="http://www.maximumdonline.com/themes/benhill.wav"> </Script> <Ray: ><DIBBLE DONT TOUCH THE LINK BELOW> <Dib: ><LOL I WAS GOING TO DELETE> <Ray: ><If you ever decide to encrypt this page as well never encrypt that link either> <Dib: ><LOL - leave it un-encrypted but hide the password from the HTML so no 1 can see it through the source and no 1 will be able to crack!> <Ray: ><You wanna do that? coz i have no idea. lol.> <font size=0><a href="http://www.forumotion.com" target="_blank">forumotion.com</a> Hi All, Quick question, Is there anyway you can stop people viewing your source code in there browsers? by that i mean im building a website and im spending alot of time on it and i dont want people to take bits and pieces from it......im kind of answering my own question here by saying no you cant but maybe someone else has a different view? Thanks Hello, First off, I'd like you to forgive any and all misconceptions I may have/make in this, as I know as little as possible about html for me to actually post this. Currently I have open the source of a website, (let's call it Site), and in this code I have narrowed down the script (function?) that is called when you click on a button (Button). Is it possible for me to somehow use the source code to call this function/script, simulating the button being pressed? I plan to make a "simple" program to move through Site as a project/practice and this is the point I'm starting at. Gotta start somewhere. Thanks, paradigm I've got the source code pulled up and see the text that has the color code I want. But they've designated it in the CSS under H2. So how can I access the CSS in order to see the code for the color of the H2's? http://www.divx.com/en/win Thats the website I'm looking at, I want the code for the pink H2's on the website. Thanks. Hey Guys, I am using the yahoo media player for one of my clients(musician) websites. I have the mp3's in my html code being pull in by the media player javascript. Is there a way I can hide my mp3 links in the source code so they cannot be downloaded? Any help would be greatly appreciated. Thanks! I am learning HTML partly through opening the source code and reading it. But I wanted to test something different today. I used the source code for a site with a horizontal menu with white letters. When I added it in a html editor (and also opened the source code through notepad), the menu showed up vertical and had just plain text with the standard blue color. Why does this happen, and why doesn't it show up exactly like it does on the website? 123 Spam Protector is a software to protect your web pages and prevent others from viewing and reusing your web page source code, including HTML source code, JavaScript, VBScript, text, links and graphics. Here's my problem: in my Adsense account a channel came up that I may have set up months ago. The channel name is "best side" and I cannot find the text in my HTML files stored on disk. How can I search my whole website for this search term but in the source code? Because that channel can be found in the original Adsense code in my site but I don't know on which page it is. Any ideas? P.S. I know I could view source of each page separately and search but I have too many pages and it would take me hours. I have a page which is actually displaying ASCII art I made. It was auto-generated and uses HTML ascii codes like $$$$$$ etc.... My question is, can I simplify the HTML code? Like in the example above there are 6 - $. Instead of writing the HTML like $$$$$$ isn't there a way to tell it to print 6 $ in a row thus making the HTML source smaller? Hello, I just started working at a company and they have a website that was partially completed by someone else and have hired me to complete and make changes to it. It seems that most of the website was created in Wordpress, but some of it seems to be done by hand-coding. The website is at http://www.executivetravellink.com/ I was able to get the company's FTP information which shows me all of the files that are on the site and I can easily transfer over locally to work in say Dreamweaver for example. They want me to make some changes to the navigation bar up top where it has links to the Hotels, Flights, Cruises, etc. From looking at the code in the index.php file, which leads to other files, I wasn't able to figure out which file to open in order to make those changes. I'm not sure if this is possible, but from looking at the source code, would someone be able to know the answer to that? Any information that someone could give me would be certainly much appreciated. Thank You! I have posted the code i use for a drop down menu bar but im looking to add a side menu to a link can anyone help? Code startSubmenu("connexion_b4","connexion_menu",111); submenuItem("07/08Gallery","http://www.banbridgerangersfc.co.uk/gallery.php","","connexion_plain"); submenuItem("06/07 Gallery","http://www.banbridgerangersfc.co.uk/galleryarchive.php","","connexion_plain"); submenuItem("Picture Board","http://www.banbridgerangersfc.co.uk/picture-board.php","","connexion_plain"); endSubmenu("connexion_b4"); Alright, let me begin by saying that I am functionally retarded and have the most basic understanding of HTML. I don't know if it's against the rules or not to post HTML codes and get somebody to fix them for you, but I'm desperate. I usually steer clear of forums. The code that is giving me trouble is below _________________________________________________________________ <li><a href='http://www.twitter.com/'>Twitter</a> <ul class='children'> </li> <li><a href='#'>Top News</a> <ul class='children'> <li><a href='http://www.twitter.com/'>User 1</a></li> <li><a href='http://www.twitter.com/'>User 2</a></li> <li><a href='http://www.twitter.com/'>User 3</a></li> </ul> <li><a href='#'>General Infornation</a> <ul class='children'> </li> <li><a href='http://www.twitter.com/'>User 4</a></li> <li><a href='http://www.twitter.com/'>User 5</a></li> <li><a href='http://www.twitter.com/'>User 6</a></li> <li><a href='http://www.twitter.com/'>User 7</a></li> <li><a href='http://www.twitter.com/'>User 8</a></li> <li><a href='http://www.twitter.com/'>User 9</a></li> <li><a href='http://www.twitter.com/'>User 1</a></li> <li><a href='http://www.twitter.com/'>User 10</a></li> <li><a href='#'>User 12</a></li> </ul> <li><a href='#'>Minor League Reports</a> <ul class='children'> </li> <li><a href='#'>User 11</a></li> <li><a href='http://www.twitter.com/'>Adam Nightingale</a></li> <li><a href='#'>User 12</a></li> </ul> <li><a href='#'>In-Game Reports</a> <ul class='children'> </li> <li><a href='http://www.twitter.com/'>User 13</a></li> <li><a href='http://www.twitter.com/'>User 10</a></li> </ul> <li><a href='#'>Game Recaps</a> <ul class='children'> </li> <li><a href='http://www.twitter.com/'>User 13</a></li> <li><a href='http://www.twitter.com/'>User 10</a></li> </ul> _________________________________________________________________ It's a code for a menu and I had a different one of this working before. What I wanted to do was to split the child menus into secondary child menus and select a user to contact from there. (it's a "Contact Us" menu) Any/all help is greatly appreciated. Hi I'm trying to convince my work to change the design of their website. I have been told that if i can design something better, then they may consider it. However, I have no web building software here, and I have been told I am not able to work from home and get paid for it. I am able to write HTML and CSS in notepad, but I need a script to set up a horizonal drop down link menu. i.e. when you roll over the first link, it displays a list of options underneath... I need to have about 6-8 links with more options underneath. Can anybody suggest a reliable FREE script that I can use to demonstrate my idea?? LEROY How can I add submenus to the following code namely where I have Radio Shows? My web site is www.mcran.com Here is the code I am using: HTML Code: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <script> $(document).ready(function(){ // hide #back-top first $("#back-top").hide(); $("#top-divider").hide(); // fade in #back-top $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 100) { $('#back-top').show(); $('#top-divider').show(); } else { $('#back-top').hide(); $('#top-divider').hide(); } }); // scroll body to 0px on click $('#back-top').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); }); </script> <div id="topbar"> <span style="float:left;padding-left:7px;"> <span style="width:30px;"><a href="#" id="back-top" onclick="return false;">BACK TO TOP</a></span> <span id="letters" style="display:none;"><span id="top-divider"> | </span><a href="#a">A</a> <a href="#b">B</a> <a href="#c">C</a> <a href="#d">D</a> <a href="#e">E</a> <a href="#f">F</a> <a href="#g">G</a> <a href="#h">H</a> <a href="#i">I</a> <a href="#j">J</a> <a href="#k">K</a> <a href="#l">L</a> <a href="#m">M</a> <a href="#n">N</a> <a href="#o">O</a> <a href="#p">P</a> <a href="#q">Q</a> <a href="#r">R</a> <a href="#s">S</a> <a href="#t">T</a> <a href="#u">U</a> <a href="#v">V</a> <a href="#w">W</a> <a href="#x">X</a> <a href="#y">Y</a> <a href="#z">Z</a> </span> </span> <span style="float:right;padding-right:7px;"> <a href="http://www.mcran.com" target="_self"><b>HOME</b></a> | <a href="http://www.mcran.com/bio-test-page.php" target="_self"><b>BIO</b></a> | <a href="http://www.mcran.com/contact.php" target="_self"><b>CONTACT</b></a> | <a href="http://www.mcran.com/interviews.php" target="_self"><b>INTERVIEWS</b></a> | <a href="http://www.mcran.com/playlistsshowtable.php" target="_self"><b>PLAYLISTS</b></a> | <a href="http://www.mcran.com/2010-2006showstable.php" target="_self"><b>RADIO SHOWS</b></a> | <a href="http://www.mcran.com/favorite-sites.php" target="_self"><b>RESOURCES</b></a> | </span> </div> Hello, i found this code Code: <!-- Collapsible Menu Script. Created by Kyle Edwards. Please keep this notice intact. --> <!-- Below is the code for the hyperlinks that expand and collapse the menus. You need to do the following for each menu: 1. Create hyperlink code that looks like this: <a href="#" onclick="collapse_menu(menu1, 0)">The value of the link goes here.</a><br> Note: Change menu1 to the name of the menu, and change 0 to the number of the menu. Note: 0 is the number of the FIRST menu. 2. After each hyperlink, type in code that looks like this: <span id="menu1"></span> Note: Change "menu1" to the name of the menu. 3. Follow the instructions inside the <script> tags. They follow //'s. --> <p> <a href="#" onclick="collapse_menu(menu1, 0); return false">Menu 1</a><br> <span id="menu1"></span> <a href="#" onclick="collapse_menu(menu2, 1); return false">Menu 2</a><br> <span id="menu2"></span> <script language="javascript"> //Collapsible Menu Script. //Created by Kyle Edwards. //Please keep this notice intact. //This defines the arrays that contain info about the menus. Do NOT edit. var on_off=new Array(); var menu_code=new Array(); //Below, define number_of_menus. It should be equal to the number of menus you have. number_of_menus=2; //Here we define the code for the menus. Inside the quotation marks, type in the value of each option. //Note: After each option, you need to put a <br> tag. //Note: If you want to indent the options, type for each space of indentation. //and a </blockquote> tag at the end. //Example: " Option 1<br> Option 2<br>" //This puts two spaces at the beginning of each option. menu_code[0]="Option 1<br>Option 2<br>Option 3<br>"; menu_code[1]="Option 1<br>Option 2<br>Option 3<br>"; //Everything below this notice is the code that expands and collapses the menus. Do NOT edit. for (loop=0; loop<number_of_menus; loop++){ on_off[loop]=0; } function collapse_menu(menu_id, menu_number){ if (on_off[menu_number]==0){ menu_id.innerHTML=menu_code[menu_number]; on_off[menu_number]=1; }else{ menu_id.innerHTML=""; on_off[menu_number]=0; } } </script> It's exactly that kind of Code i need, i dont want any more Features on my Colapse Box. The only problem i got is that if i try to add a link for an Option, the Colapse Box dont work anymore. Hope you can help me I've just started learning HTML and I got one problem. I'm making a page that has link buttons on top of it. The buttons lead to different pages that I have created. All of these pages have the same buttons. Currently I have several html-files which all have the same section of code in them. I've programmed with Java before and something like that was never recommemded. You only had one code which was used as a "sub-program". Can something like this be done in HTML? Hey guys, After looking at multiple help sites, I've confirmed that there is something messed up in the current code I have that's preventing me from doing a simple jQuery + CSS dropdown menu. I have attached my files, HTML and CSS in all, just un-zip it and see if you can help me out! Thanks, ~C-Style~ P.S.: It's a bulky file because of the jQuery plugin I have inside. Hello everyone! I am seeking some help for modifying a site remotey/through another site. Basically I have the site completed but there are a few pages that will have constant information changing week to week and I'm only being hired to put the page up initially and there will be virtually no support beyond the finished product. I need two text boxes with vertical scrolling text with information about upcoming events on each side of the website plus i need a dynamic table where they can remove and add new employee's. The people submitting the information will have NO experience with HTML at all. So a website where they could log in and have a few text boxes that they could edit/modify would be perfect. So,I would like a website where they would submit the information and after sending it, it would send the information and fill in the areas the need to be filled in automatically. (News, Updates, Information, Employee Updates, etc.) I'm sure there are some widget that I can implement easily but I just don't know where to look. Any help or advice would be much appreciated. Very similar to whats displayed here. http://www.news-scroller.com/html-scrolling-text.html Thanks ahead of time, Lucid. Hi I am building a website with a great number of very similar webpages which all share a common link list running down one side of the page containing 500 links. though this list will only start with one link it will grow over time. updating this list will become increasingly difficult as it grows due to the vast number of pages it will be on. my question is can i create this list in a single location,like in a text or second htm file and request on each of the 500 pages to reference this single location when the page loads. the list links are a standard web link, as such, here followed by the many ghost buttons whioch will over time become real links <a href="001.htm">001</a>: <br> <a href="002.htm">002</a>: <br> <u>003</u>:<br> <u>004</u>:<br> <u>005</u>:<br> <u>006</u>:<br> <u>007</u>:<br> <u>008</u>:<br> <u>009</u>:<br> and so on... so what i expect i need is the code to draw the list from the single source and place this info on each of the 500 pages. Thanks for your time =) Hi, I have access to managing a site using Dreamweaver. I need to update a few images and pdf files into a folder located inside the remote view, to be uploaded to the Internet. I can delete the old files from that folder located in the remote view; Can you please explain how do I get the new files inside the remote view so that I can upload them online. I dont have the folders on my deskstop. There is a local view though, but I cannot locate the folder that needs to be updated. Please advise. Thank you |