HTML - Text Referencing
Hi all, im building a web based application for a restaurant as a project. Im completely new to web design but so far so good.
I have a menu as one of the application webpages where the user views the menu and clicks on an item to order (all in text form, no buttons or controls), and i also have a billing page where the user can view items they have chosen off the menu. My problem is this, i want the user to click the text of the menu page and this text is then added to the billing page ........... a simple thing but im yet too find a solution. Any help would be great. Similar TutorialsI have the following script I am useing to disaply a random quote on each of my pages: Code: <script language="JavaScript"> var Quotation=new Array() Quotation[0] = "Time is of the essence! Comb your hair."; Quotation[1] = "Sanity is a golden apple with no shoelaces."; Quotation[2] = "Repent! The end is coming, $9.95 at Amazon."; Quotation[3] = "Honesty blurts where deception sneezes."; Quotation[4] = "Pastry satisfies where art is unavailable."; Quotation[5] = "Delete not, lest you, too, be deleted."; Quotation[6] = "O! Youth! What a pain in the backside."; Quotation[7] = "Wishes are like goldfish with propellors."; Quotation[8] = "Love the river's \"beauty\", but live on a hill."; Quotation[9] = "Invention is the mother of too many useless toys."; var Q = Quotation.length; var whichQuotation=Math.round(Math.random()*(Q-1)); function showQuotation(){document.write(Quotation[whichQuotation]);} showQuotation(); </script> Instead of having the massive block of code on each page, is there someway of placing it on a style sheet and referencing it on each page? I have created several spreadsheets that are automatically updated through ODBC. I am trying to create an internal website which will display these spreadsheets. what is the easiest way to display the spreadsheets so that when they automatically update every 15mins the information on the internal site will change with it? ANY help will be greatly appreciated Is it possible to reference a PDF file in a HTML page as one does with <img />? That is, when the page opens, the file will be displayed. Many thanks... Todd I dont know how can I explain this. But I will try my best by putting entire issue in series of steps below. Step 1: I have a web page with two <div> tags located besides each other. We will call them the right <div> and the left <div> Step 2: Left <div> has a drop down list that dynamically generates navigation as shown in the code below. <form style="margin-left:3%; margin-bottom:1%" action="" method="post"> <SELECT ONCHANGE="if (window.frames && window.frames.iframes) { window.frames.iframes.location.href = this.options[this.selectedIndex].value; }"> <OPTION VALUE="Swimming.html">Swimming <OPTION VALUE="TaxServices.html">Tax Services <OPTION VALUE="TravelLeisure.html">Travel & Leisure <OPTION VALUE="ymca.html">Waste Management <OPTION VALUE="WaterManagement.html">Water Management <OPTION VALUE="Welding.html">Welding </SELECT> <iframe id="theFrame" name="iframes" src="murrieta.html" align="top" style="margin-top:7%;height:95%; width:100%;"></iframe> </form> Step 3: To explain step 2 better, For e.g. if option "Swimming" is selected from the option group on left <div>, it will launch its child links in in the iframe nam as "iframes" Step 4: The option "Swimming" has an html file associated with it called "Swimming.html" This file has three links as mentioned below <ul> <li><a href="http://www.google.com" id="l14">about us</a></li> <li><a href="murrietainfo2.html" id="l15">services</a></li> <li><a href="murrietainfo3.html" id="l16">pricing</a></li> <li><a href="murrietainfo4.html" id="l17">contacts</a></li> </ul> Step 5: To explain step 4 better, if "Swimming" option is selected, it will launch four links in iframe region Step 6: NOW IT GETS REAL TRICKEY Step 7: My Requirement is : say if user clicks "about us" link for "Swimming" option in left <div> tag, it should lauch "www.google.com" in the iframe of right <div>. Say, if use selects "services" link for "Swimming" option in left <div> tag, it should launch "murrietainfo2.html" in the iframe of right <div> Step 8: i need to do this for all of options, as all of options in option list has child links that will be dropped in the left div iframe PLEASE PLEASE HELP Thanks, Ruchir Hi. I am comparatively new to html. Hi. I am aware there are differing opinions regarding Html emails. However, I have been requested to produce an html document to email to specific recipients in this format. Some of the html functions I need to use are not handled well by the Email client I am using (Outlook 2007), let alone where it is going. Therefore as a workaround I am attempting to email the html document as an attachment to my email, so that it will be opened in a web browser. However, I am having trouble, linking to the attached photos to the same email from within that html document. I have successfully, embeded the photos into the same email, using CDO 1.21 (from MS Access VBA) and <img src=cid: etc. However, this does not work for the attached html file. Any ideas on how to refer to them from within the attached html document would be greatly appreciated, even if I am going in the wrong direction. Thank you. Hi All, I am new to this forum and is expecting an answer for this question. I have implemented a facebook type search to the database which displays the familiar text saved in the database when I type some text in the database. My issue is after I have used the search box for a couple of time the text box starts displaying a similar dropdown from its history which hides my database search. Does anyone know how to disable it using html or css. See the attached Image if my question is not clear. http://www.htmlforums.com/attachment...1&d=1306715905 here is the (ineffective) code currently: <img style="float: left; width: 169px; height: 73px;" src="img/logo1.png" alt="" /> <h1 style="text-align: center;">random text</h1> the image shifts the left margin such that the text is centered as though the page width was 169px less than it really is. i'm not debating the code itself; the code above behaves as its meant to. aka no surprises. i just cant figure out the appropriate code to center the text across the entire real width of the page as though there was no image. i've tried div tags & all the things google hunting advised. no luck. other than finding this forum, which seems like it'll be a boon! thanx in advance for advise/comments/feedback/help. I have several websites that I maintain and update. A lot of them are just textual changes and I would think my customers can do these themselves by editing a simple .txt file. I was hoping my choices are avalable so that I can just insert this tag into my web pages and then give them login info to their edit page or show them how to upload the .txt file. I hope this is an easy one with several answers. Is it possible these tags could discipline your rankings in the search engines? Thanks, Jason How do I Link text in a div, h1, h2, p to an external text file or xml file - I don't really know how to ask the question. I think I need an xml file that can be easily edited by a user saved to the server to update an xhtml page text without the user getting bogged down in html. I don't want to use joomla or cms. <Any ideas />? Best wishes, mas Hi Can any one help. I have this form the user is ask to input a message and a number. I want to be able to add a line of text to the message, which the user can not delete. But is sent joined to the message. ie User input Message = "Hi Just would like to share this site with you" with added text: Message "Hi Just would like to share this site with you" + "mydomain.com" Can anyone help? =========================================== Here is my form so far <script language="javascript" type="text/javascript"> function limitText(limitField, limitCount, limitNum) { if (limitField.value.length > limitNum) { limitField.value = limitField.value.substring(0, limitNum); } else { limitCount.value = limitNum - limitField.value.length; } } </script> <html> <body> <form action="stext.php" method="POST" name="number" id="number" style="width: 384; height: 372; "> <input name="number" type="text" id="number" style="position: absolute; left: 123; top: 287; color: #FFFFFF; width: 154px; border: 1px solid #ACC61B; background-color: #000000" size="20" tabindex="2"><p style="margin-top: 0; margin-bottom: 0"> <textarea name="message" cols="17" rows="1" id="message" onKeyDown="limitText(message,countdown,140);" onKeyUp="limitText(message,countdown,140);" style="position: absolute; left: 120; top: 105; width: 162px; height: 154px; color: #FFFFFF; font-family: Agency FB; font-size: 14pt; border: 1px solid #ACC61B; background-color: #000000" tabindex="1"></textarea> <br> </td> <input name="Submit" type="submit" id="Submit" value="!" style="position: absolute; left: 121; top: 329; color: #D95503; width: 157px; height: 23px; border: 1px solid #D95503; background-color: #D95503" tabindex="3"></p></form> <p style="margin-top: 0; margin-bottom: 0"><font size="4" face="Agency FB">Maximum characters: 140. You have <input readonly type="text" name="countdown" size="3" value="140"> characters left.</font> </font></p> <p style="margin-top: 0; margin-bottom: 0">nmgnm,</p> </body> i have a lot of text files(2-400) all have quite alot of text inside them so is there some software that can help me convert it all into html pages?? somthing that i am doing right now is: copied all of my text files pasted them into other location and editing each file and giving extention html/htm. now can u tell somthing better?? all the files will open in same frame(obviously one at a time), all have styling n everything same. I have seen this many times but can not figure how to do it. Its the transparent images or text in text boxes, one example of this is http://au.movies.yahoo.com/Coming+Soon/to-cinemas/ At the top right you can see that transparent yahoo image in the text box and when you click it it disappears then comes back? can someone tell me how this works? Thanks I want to implement a rollover (javascript or css) that changes text when you rollover it. E.g. someone's name and when you rollover it shows their address. I've googled this and found a css rollover which changes the color of the text but is there a way to completely change the text? Any help much appreciated, thanks Hi, I hope I'm posting in the right area as this is my first thread. The problem I'm facing is I have 7 links in a row | Link 1 | Link 2 | Link 3 | Link 4 | Link 5 | Link 6 | Link 7 | and below those links I have nothing. What I want is for Text to appear on rollover on Link 1 and stay there until Link 2 or another link is hovered over. Example: Mouse hovers on Link 1 - called Free Home Survey Text appears below row of links about Free Home Surveys that the company does Mouse hovers on Link 3 - called Personalisation Text appears below the row of links about Personalisation etc Any help would be greatly appreciated. Thanks in advance hi Everyone, I have a html form in which i have a text area.I enter some thing in the text area and when i again request for the same html page i want to now display the html page with the changes i made last in the texta area. Can anyone help me out with this doubt. Thanks in advance Hi, this is appleguy.......6142! I was wondering how to make a text box display something somewhere else for example (This does not work)---- ------------------------------------------------------------------ [page1.html] (Pretend this is a text box)>>> [Text Text Text...] [page2.html] -This is the text displayed in the text box->>>Text Text Text... HOW DO I DO THAT PLEASE HELP!! hello friends, I want to display the text in a textbox. But I dont want the user to edit it. How can the remove this editing feature in the text box. If possible can you please give me a sample code. I have been making a new website and have come to a point where I cannot decide to take the blue pill or the red pill. I am wondering if I should use the <p> tags on a few of my divs because if I do use <p> I will have to do some formatting to remove the extra space it creates. If I do not use the <p> tags it looks fine. Is it ok to use text without the <p> if the only thing your doing with it is adding links in a straight line? <div id="navigationmenudiv">Home | Media | Link | Link2 | Link3 <hr></div> hi, how do i stop the text (shopshopshopshopshop....) going outside the div and just continue onto the next line? thanks <!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> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>title</title> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="robots" content="all,index,follow" /> <link rel="shortcut icon" href="favicon.ico" type="image" /> <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> </head> <body> <div style='width: 100%;'> <div style='width: 900px; margin: 0 auto;' > <div id ="logo" style='height:87px; background: red; padding: 30px; background-image:url(images/head.jpg)'></div> <div id="leftmenu" style='float:left; width: 100px; background: #f8eded ; padding:10px'> item<br> item<br> item<br> item<br> item<br> item<br> item<br> item<br> item<br> </div> <div id="content" style='float:right; width:760px;'> <div id="contentcol1" style = 'float: left; width: 660px; background: #DCEFCF ; '> SHOPSHOPSHOPSHOPSHOPSHOPSHOPSHOPSHOPSHOPSHOPSHOPSHOPSHOPSHOPSHOPSHOPSHOPSHOPSHOPSHOPSHOPSHOPSHOPSHOP SHOPSHOPSHOPSHOPSHOPSHOPSHOP </div> <div id="contentcol2" style = 'float: right; width: 100px; background: #DCEFCF ;'>basket</div> </div> <div id="content" style='float:right; width:760px;'> <div id="contentcol1" style = 'float: left; width: 660px; background: #DCEFCF ;'>SHOP</div> <div id="contentcol2" style = 'float: right; width: 100px;background: #DCEFCF ;'>INFO</div> </div> <div style='clear:both; background: green ; height: 1px; '></div> <div style='background: cyan ; padding: 5px 0 5px 30px;'>Copyright</div> </div> </div> </body> </html> I'd like to change the background colour of "alt" and "title" pop-ups. I've used hotspots with onMouseOver="this.T_BGCOLOR='#123456'; . . . in the past but the images I want to highlight already have rollover effects assigned and the two pieces of code don't seem to want to work together. |