HTML - Newbie Question: How Can I Include A Div From An External File?
Hi guys,
I have a div on my page, which essentially just places a layer/table over the entire page and displays a "LOADING..." message, then promptly disappears when everything hidden beneath it has finished loading. I want to use this same div in several other pages, so I thought the best way would be to place it in an external file, then simply call it when required. Can someone please tell me how I can do this, i.e. what code I need to place in my HTML script to call an external div? I apologise if this is an obvious newbie-style question! But I appreciate any help that anyone out there can give me. Thanks in advance, Kate. Similar TutorialsHi I use an include to display an exteral html file in a div. If I strip the html file of all the header formatting, it displays fine. As soon as I add the header info, transitional info etc, it adds a couple of blank line breaks to the top of the text dsiplayed in the external div. here's the link:www.mcbub.com How do I make it so the text starts at the top? thanks in advance! Hi I use an include to display an exteral html file in a div. If I strip the html file of all the header formatting, it displays fine. As soon as I add the header info, transitional info etc, it adds a couple of blank line breaks to the top of the text dsiplayed in the external div. How do I make it so the text starts at the top? Cheers Shaun I'm a newbie and I need help with using the #include directive. below is a sample file usinging the #include directive: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Untitled</title> </head> <body> <!-- #include file="test.html" --> </body> </html> Here is the contents of test.html: <h1>header</h1> When I display the test.html in my brower the text show up. When I run the main file above with the include statement the contents of the test file will not appear. I've tried using #include virtual and I get the same results. both files reside in the same directory. How can I get the above files to work. I'm working with windows XP on a home computer. This problem occured in my actual website files becasue I want to include a header and a footer. These files of course have table tags etc in them and I get the same results where the include files contents do appear. I need help asap if that is possible. Trying to use this function i used the one it gives you in dreamweaver but it never seems to work. It will show in the preview on dreamweaver but when i run the .html file the content of the file that was included does not show. Here is what i used... Code: <!--#include file="PGS/DWNLDS.html" --> Any ideas of what i can do to get this to work? Thanks. I have an html application consisted of a number of html files, js files and css files. Is it possible to have an external property file where I can keep the name of the server so as to use a variable for the urls? For example to have something there like nameOfTheUrl=andreana and in the html file to have something like http://nameOfTheUrl/content/index.html My server has java but it is not a servlet container so I can not use jsp. Hi there, I've got an example xml page that I'm trying to separate into tidier pices (eg separate files for stylesheets, xsl, xml etc). However I don't know how to separate the xml file? Normally in html it's just something like with stylesheets/javascript etc: <script>script here</script> turns into <script src="external.js"></script> But that doesn't work with xml it appears, so can anyone tell me how I can remove the bit in <xml> ... </xml> to an external file and get it loading from that external file...? I am trying to include a file on Onclick event on a button. But the code returns errors. Pls suggest. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <script type="text/javascript"> function includefile() { <%@ include file="somefile.jsp" %>; } </script> </head> <body> <table> <tr> <td><input type="button" value="Click Here" onclick="includefile()"/></td> </tr> </table> </body> </html> Dear Members: I have a funny problem. I have two html files. I am trying to use test2.html as an Include file inside test1.html. I am not having any luck test1.html file reading test2.html. Test1.html code --------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> Your Title Here </title> <meta name="Generator" content="Alleycode HTML Editor"> <meta name="Description" content="Your description here..."> <meta name="Keywords" content="Your keywords here..."> </head> <body> <h1>This is my n include 1</h1> <h2>This is my n include 2</h2> <!--#include virtual="test2.html"--> </body> </html> test2.html code <h1>This is my include 3</h1> <h2>This is my include 4</h2> What I expect to see in the browser: This is my include 1 This is my include 2 This is my include 3 This is my include 4 But I see only This is my include 1 This is my include 2 It seems like the test2.html file is completely being ignored. May be it is a simple issue. But I tried everything. Both files reside on the same directory. If anybody could give me a suggestion, I shall truly appreciate it. As they say "It is driving me nuts"... Please help. Can an image map be stored externally, and read in, when an image is read in? For my current project, I will have 67 different image maps, but for my next project, that will increase to 125 different image maps. George Greetings I don't understand php at all and i have page in HTML. Now i have this guestbook script that i would really much like to add to the html page, so what now? My apache server can handle php and everything in the server end is right, but when i put this in to my html page: include($path."comment.php"); Nothing happens, now i suspect that i need to turn the whole page in to PHP. However i don't know how to do this, could anyone tell me how do i turn this page to PHP and get it to work? What is the code i need to put in to my html page? Please help this is important to me, thank you inadvance! Turhamuro ok so to start off if I ask any dumb questions my apologizes. I have just started writing HTML code. I have done quite a bit of C++ but its been years and html is much different. Well here is my question I have made a dynamic sidebar for my webpages so I can cut out all those blocky link buttons at the top of the page. So I created an external html file and wrote the code for the side bar, but I can't figure out how to get it into my webpage html files. I am sure its something minor but I can't seem to figure it out. I have been able to get it on the page by using iframe but I really don't like iframe. One of the really big things is I want it locked to the right side of the browser screen so if you scroll it stays there. Also it needs to float above everything else so it will open on top of the webpage and no disrupt the content. I am sorry if this is a simple thing but I have spent 2 days reading everything I can on it and can't get it to work. I have tried it as a PHP file with include command. I tried link didn't work also. I know I could just include all the code on the pages but I am trying to learn how to use template correctly so as to make my pages as clean and SE friendly as possible. Last thing if I need to post some of the code up here to help I can do that. Well thanks in advance, this will make my day if I get this dang side bar to work. Thanks J 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 the following code loading an external .txt file into a DIV <?php $content = file_get_contents($_SERVER['DOCUMENT_ROOT']."/text_files/about_text.rtf"); echo htmlspecialchars($content); ?> It loads, but the line breaks are ignored, so it appears as one continous string of words. How do I make the html display the text file's line breaks? Thanks for your time and info Shaun 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). i am new to html, and recently started working with css. i made some buttons in my menu, and am trying to change the appearance when i rollover with the mouse. my question is if it is possible to change the appearance of one button, when i rollover a different one. for example, all the buttons are normally brown, except the link to the page i am currently on is green. when i rollover the "contact" button, i want it to turn green, and the current green button, "home" to turn back to brown, even though the user hasn't clicked on the link yet. then even if there are no mouse clicks, when the user moves the mouse back off of the "contact" link, it goes back to brown, and the original "home" button goes back to green. i know i am probably making this more confusing than it needs to be, but not sure how exactly to explain it. thanks in advance... Sorry, that my title is not more precise, i just don't know how to describe or search for what Im looking for How do I make a sort of rectangle/shape in a specific color, and write on top of it? (I have just learned the div-position tag, so I guess I'll use that for positioning...) Thanks for your time! Ok so I am having a problem trying to figure out how to get my drop down box values into my text box. Any help would be appreciated. Here is my code so far. DROP DOWN BOX: (works) <select name="Bands" style="width: 142px"> <option selected="selected">Bands</option> <option value="Creed">Creed</option> <option value="Moop">Moop</option> <option value="ESB">ESB</option> <option value="Metallica">Metallica</option> </select><br /> TEXT BOX (I want to put the value from the text box after Fav_Band =) <div class="style3"> <textarea name="BAND" style="width: 746px; height: 66px" class="style4">Fav_Band="" </textarea></div> <br /> Hey y'all... I am not very well-versed in html use at all but have a good question for all of you that are. I am in need of being able to somehow "read" from the background html source the physical location (no, not the URL, the location on the page itself) of hyperlinks and data entry fields (both location, length, etc.) on web pages. I really do not even know if this is possible. Am I an idiot or is this possible for most web pages? Many thanks for your responses in advance..... Hi all, I'm feel really stupid but I have a very simple question. I need to revert the colors of this page: http://pastehtml.com/view/bb17uy02t.html The background should be black and the text white. Can someone please help me out? Thanks in advance. Kent Hi all, I really don't know much about web programming but I want a easy way to send a number to a server and then that server display the number until a new number arrives, the number will be ASCII I have setup a windows based IIS server and created a default.html page Thanks and sorry for being a total newbie! Steve P.S. This is not a hit counter. |