HTML - Beginner's Question About Ajax
Hi... I am using an application that delivers data in the form of HTML tags (example: ^vst843^). I use these tags in an HTX file which writes to an HTML web page. I'd like to use Ajax to update the tag values without refreshing the page, but from what I understand I must write in Javascript to use Ajax. Am I right about this? If so how can I use the HTML tags coming from my application in this way? Thanks.
Similar TutorialsGreetings and good cheer... I have what I imagine to be an extremely basic question. My href codes doesn't work in firefox. They work fine in IE. Sample code: <a target="_blank" href="http://www.skateboardingbulldog.com/tyson_skating.WMV" ><font color="red" face="Trebuchet MS" size="2">5.20.04 Tyson</i> </font></a><br /> Is the problem in the "_blank" ? The "<br />" Is it somewhere else? All assistance greatly appreciated, and duly thanked in advance! ~p.l. Hey everyone, I just started learning HTML and I am working my way through "Head First HTML With CSS & XHTML". My question is why does the text in the <p> tags show up as it would in <h1> except for under "Mocha Cafe Latte"? Code: <html> <head> <title> Starbuzz Coffee Beverages</title> <style type="text/css"> body { background-color: #d2b48c; margin-left: 20%; margin-right: 20%; border: 1px dotted gray; padding: 10px 10px 10px 10px; font-family: sans-serif; } </style> </head> <center><body> <h1> Starbuzz Coffee </h1> <h2>House Blend - $1.49<h2> <p>A smooth, mild brend of coffees from Mexico, Bolivia and Guatemala. </p> <h2>Mocha Cafe Latte - $2.35 </h2> <p> Espresso, steaming milk and chocolate syrup. </p> <h2>Cappucino - $1.89 <h2> <p> A mixture of espresso, steamed milk and foam. </p> <h2>Chai Tea - $1.85 <h2> <p> A spicy drink made with black tea, spices, milk and honey. </p> </body></center> </html> Thanks in advance. How can I reuse templates to build my web site instead of copy paste the top in each single page ? Is it possible only using an authoring software such as dreamweaver ? thanks Hello everyone, I am newbie here. Can someone please tell me what is the HTML code for changing a color when my pointer point to the specific area? For example, when I point my pointer to the "Go back back one page" of Mozilla Firefox web browser, the color is changing from dark green into bright green. Thank you very much in advance Ahyoo Any way to make the potential links at the top and bottom of this page look a bit smoother, or fitting. Any help or suggestions in greatly appriciated. Code: <html> <style type="text/css"> ul { text-align:center; float:left; width:100%; padding:0; margin:0; list-style-type:none; } a { width:6em; text-decoration:underline; color:yellow; background-color:blue; padding:0.05em 0.3em; border-right:1px solid white; } li{display:inline} </style> <body bgcolor ="bisque"> <hr style = "color: green; height:3;width 50%"/> <ul> <li> <a href = "Menu.html" target="_top" style = "font-size:large;">Menu</a></li>     <li> <a href = "cater.html" target="_top" style = "color:blue;font-size:large;">Catering</a></li>     <li> <a href = "comment.html" target="_top" style = "color:blue; font-size:large;"> Comments/Suggestions</a></li>     <li> <a href = "http://www.mapquest.com" target="_blank" style = "color:blue;font-size:large;">Directions</a></li>     </ul> <hr style = "color:green; height:3;width 50%"/> <center><img src="logo.jpg" alt="image description" height="400" width="550"></center> <hr style = "color:green;height:3;width 50%"/> <a href = "Menu.html" target="_top" style = "color:blue;font-size:large;">Menu</a>     <a href = "cater.html" target="_top" style = "color:blue;font-size:large;">Catering</a>     <a href = "comment.html" target="_top" style = "color:blue; font-size:large;"> Comments/Suggestions</a>     <a href = "http://www.mapquest.com" target="_blank" style = "color:blue;font-size:large;">Directions</a>     <hr style = "color:green; height:3;width 50%"/> </body> </html> i have a website, http://www.what-the-news.com, and i am trying to get my medium rectangle ad to show up just to the right of my videos. Everytime i put in the align right code it drops down below the video like the leaderboard banner, which is currently there. Here are the codes i'm using: <p><div align="right"><script type="text/javascript"><!-- google_ad_client = "pub-8909561621860243"; google_ad_width = 200; google_ad_height = 200; google_ad_format = "200x200_as"; google_ad_type = "image"; google_ad_channel = ""; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div> Any help will be huge, Mark My Html code is as follows: HTML Code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Services - Wellington Florida Lawn Salon and Service</title> </head> <body> <h1>Wellington Lawn Salon</h1> <header> <nav role="navigation"> <ul> <li><a href="filename">Services</a></li> <li><a href="filename">Pictures</a></li> <li><a href="filename">Contact Us</a></li> <li><a href="filename">History</a></li> <li><a href="filename">Testimonials</a></li> </ul> </nav> </header> <article> <h1>Services available:</h1> <section> <h2>General and special lawn maintenance</h2> </section> <section> <h2>Landscaping</h2> </section> <section> <h2>Sod installation</h2> </section> <section> <h2>Irrigation</h2> <section> <h3>Installation</h3> </section> <section> <h3>Repair</h3> </section> </section> <section> <h2>Tree Trimming</h2> </section> </article> </body> </html> When I run the code through the HTML5 Oulliner I receive this: 1.)Wellington Lawn Salon 1.)Untitled Section 2.)Services available: 1.)General and special lawn maintenance 2.)Landscaping 3.)Sod installation 4.)Irrigation 1.)Installation 2.)Repair 5.)Tree Trimming My question is about the "untitled section". What part of the code is "untitled"? Why? How does it relate to your SEO? Also any other semantic markup tips, in general or specifically in regards to this example, are greatly appreciated. I apologize in advance if I am putting this in the wrong place. I have a website for my webcomic. The site was constructed from a template provided by the host site. Ive messed with it and tried to organize it how I want it but I have pretty much reached the end of my beginner capabilities. My main concern right now is that under the comic page I want two have two spaces, on on the left for comments on the posted page, and another to the right that is overall news, that will show the same for each page. I have the comments section aligned to the left, but I am at a total lose for where to begin as far as the news/blog section. Could anyone please point me in the right direction? Also if anyone has any other suggestions concerning the site I would love to hear them. - suspicious link removed - Thank you. I am new to HTML and I am getting an error and do not know why. Please be simple in your solution as I do not have much HTML knowledge. Here is the Error: 1. Error Line 50, Column 111: document type does not allow element "img" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "address", "fieldset", "ins", "del" start-tag. …57" height="70" alt="HTML Dog logo" /> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). Here is the code: HTML 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" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Brendan Madigan's Official Webpage</title> </head> <body> <h1>Brendan Madigan is the coolest person in the world</h1> <hr /> <p>If anyone thinks that Brendan Madigan is not cool...</p> <p>They should be examined by a doctor immediatly.</p> <p>Why is Brendan Madigan so cool???</p> <p>Here's why:</p> <ul> <li>Brendan is awesome</li> <li>Brendan is really smart</li> </ul> <hr /> <p>You might be wondering if Brendan is cool enough to do a definition list...<br /><br />He is!<br /><br /></p> <p>Here is a<sup>definition</sup>list made <sub>by</sub> Brendan, himself (you can say the list is holy if you want)<br /></p> <dl> <dt><strong>Brendan</strong>(noun)</dt> <dd><br />A cool person</dd> </dl> <h2>Brendan does nested lists too!<br /></h2> <h4>Brendan's <em>Nested List</em><br /></h4> <ol> <li> <dl> <dt>Brendan(Verb)</dt> <dd><br />To make something cool</dd> </dl> </li> <li><br /> <ul> <li>He Brendaned the movie</li> </ul> </li> </ol> <p>How did Brendan become so good at HTML?</p> <ol> <li>He is really smart</li> <li>He took a class on HTML</li> </ol> <h3>If you want info on Brendan go to this website</h3> <p><a href= "http://www.madigangames.com">Brendan's Company</a></p> <p>Brendan looks like this</p> [b]<img src="testudo.jpg" width="30" height="40" alt="Testudos' image'" />[/b] </body> </html> Thanks for your help! This page is HTLM written by myself. Please help me to see this page and what to change? - link removed - Hey im a beginner at all of this... But i am trying to add a simple image to my web.. here is my code... <html> <head> <title>Pillz Webby</title> </head> <body> Socom Confrontation <img src="sig.jpg" width="400" height="300"/> </body> </html> i have no idea what i am doing wrong... and when i view my properties for my .html file it says it is TYPE OF FILE: FIREFOX DOCUMENT..... shouldnt it say .html??? cuz i saved it as html.. http://www.freewebs.com/ovatime/favlinkz.htm there is a link of a screenshot, this is what comes up whenever i load this code to my browser... any help is appreciated Yello, new here on the forum hope i have come to the right place. I am making this website with a fixed header with buttons, using ajQery script to get a nice fade effekt on the buttons on mouseover. Looks great in firefox but in ie i get this bugs where a the picture is missplaced. Cant realy get it to work (havnt done html very long) Would anyone care to take a look and help me out a bit? if so i can upload the page as a .rar /plomp Hi all. I am new to the forums and to HTML/XHTML coding. I am looking for some help with an assignment for a class I am taking. The problem I am running into is that I have the website looking like it is supposed to but it will not pass the W3C validator. Here is the 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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Make it Right</title> </head> <body> <h1> <center>Healthy Living Plan</center></h1> <p>Many people today are trying to stay healthy. What sorts of things do you need to do in order to maintain a healty body? Here are some ideas for you. Of course, you should always consult with your doctor before undertaking any new diet or exercise plan.</p> <hr /> <h2> <center>Eat right</center></h2> <p>Refer to the United States Department of Agriculture food pyramid to find out how many grains, vegetables, fruits, meats, dairy, and oils that you should eat daily. Also consult the other resources available on the Internet to determine a plan that will work for you.</p> <h2> <center>Keep a food, mood, and exercise journal</center></h2> <ul> <li>Track what you eat each day</li> <li>Track your mood throughout the day</li> <li>Track the exercise that you do each day</li> </ul> <hr /> </body> </html> And here is the error I get: Error Line 14, Column 8: document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag <center>Healthy Living Plan</center></h1> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). Error Line 20, Column 8: document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag <center>Eat right</center></h2> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). Error Line 26, Column 8: document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag <center>Keep a food, mood, and exercise journal</center></h2> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). Any help or explanation to why this is occurring will be greatly appreciated. Thank you. Hi everyone. I'm new to these forums. I'm looking to create three different frames and one file that describes the frames. I want to also include two links in one frame that controls the content of another frame. I get the concept of frames, but I'm fairly new to coding, and can't understand how to code them. Could anyone provide me with the sample code for this so I can just plug in my site's content? Your help is greatly appreciated!. Hey guys, i'm new to these forums, and new to html. I do alot of animation and art stuff and wanted to create a website and eventually a community type deal for it. I'm decent with graphics so I managed to create a basic design. Just a few questions really: 1. What are some good tutorials to help me get started, i have very very basic knowledge in html, just about basic tags and linking. 2. Maybe direction towards a decent host and ftp program? I get really confused about what a good host offers and how to upload stuff. 3. How hard would it be for a beginner to create a site like this? http://img80.imageshack.us/img80/682...emocopylr2.jpg I don't want this to sound like a stupid question, but just an estimate of difficulty or time to create. I know it's just a solid image, it's just a example I created. Thanks and I hope someone can help. Hi I am a complete novice and know nothing about HTML. I have created a webpage on Web Page Maker which contains a form so people can contact me. When this button is pressed I want it to navigate the user to a confirmation page and send the contents in the form to me as an email. I have used a program to generate the code for this but I have no idea where to put this in the HTML I have at the moment. Is there someone I can send the webpage HTML to and the coded HTML for the form and they can help me out. Not sure this is the right place to ask Thanks Kris Fist off I am somewhat new to HTML (mainly have used programs like Dreamweaver and such to create web pages). I am wanting to try and advance my skills a bit and create a HTML with some PHP code in it. My question that I have is about webpage formating. I am wanting to have a header, footer, left column and right column that has the same data in it all the time. The main body of the page however will display whatever information I search for from the mysql database but the rest of the site (footer, header, etc..) I want to display the same each time. What is the best way of going about this? I am not sure once I click the submit button to load the certain data from the database if I have to create a whole new page or if there is a way to just update the main body of the webpage with the results. Sorry if this is in the wrong forum but wasn't sure if it belonged here in HTML or in PHP, I thought here was good. Any help will be very helpful, Thanks, Scott hi people Have some problem with a flash slideshow I have embedded into an iframe. you can see it at http://store.plc.eyn-dev2k8.redtechnology.com/ basically when we set the page zoom to anything over than 100% the image in the frame will also obviously resize aswell which we do not want. Is there anyway for the slideshow images to stay the same size when the page zoom alters? Any suggestions / solution would be great, even if there was a alternative way other than Iframes Hello, I am only new to html and as practice i was told to create the table as shown using the code and have failed on multible occasions. I feel now the best help I can receive is to see where I am going wrong through comparison. Please have a look at the attached image and help if you can, thanks. (It is fairly simple). Hello, I am a newbie to html and am struggling to change a colour of font - I am looking to be able to change the colour of the word 'CONTINUE' and 'terms of use' but cannot figure out how. If someone could help I would be so grateful! <!-- This is the javascript to hide and display the elements of the form --> <script src="2step.js"></script> <style type="text/css"> /* This CSS is used to format the page. */ #lbform {height: auto;margin: 0px auto;padding: 0;position: relative;width: 350px;} #lbform label {color: #000000;display: inline;float: left;font-family: Arial,Helvetica,sans-serif;font-size: 14px;font-weight: bold;margin: 5px 10px 5px 0;width: 90px;} #lbform .row {display: block;margin-bottom: 7px;padding-top: 7px;width: 325px;} #lbform input {border: 1px solid #9C8A7B;font-size: 14px;padding: 5px;width: 208px;} #lbform select {border: 1px solid #9C8A7B;font-size: 14px;height: 25px;} #lbform input.blur {color: #999999;font-style: italic;} #lbform input.focus, #lbform input.complete {color: #000000;font-style: normal;font-weight: bold;} .gender {width: 220px;} .day {width: 63px;} .month {width: 80px;} .year {width: 70px;} .note {color: #666666;font-family: Arial,Helvetica,sans-serif;font-size: 11px;position: relative;right: 0;top: -10px;width: 300px;} </style> <style type="text/css"> /* This CSS is used for the Show/Hide functionality. */ .more {display: none;} a.showLink, a.hideLink {cursor: pointer; display: block; height: 45px; margin: 5px 0 0 104px; width: 214px;} a.hideLink {} a.showLink:hover, a.hideLink:hover {} </style> <div style="margin:0px auto;"> <!-- Make sure you update the URL --> <form id="lbform" class="formlayout" action="$$_ADD APP URL_$$" method="post"> <fieldset> <div class="magic"> <input type="hidden" value="1" name="sexuality"> </div> <div class="row cf"> <label>I'm a:</label> <select class="gender" name="gender"> <option>Please select</option> <option value="1">man looking for a woman</option> <option value="2">woman looking for a man</option> </select> </div> <div class="row cf"> <label>First name:</label> <input type="text" class="text blur" name="firstname"> </div> <div class="row cf"> <label>D.O.B.:</label> <select class="day" name="dobday"> <option value="">Day</option> <option value="1">01</option> <option value="2">02</option> <option value="3">03</option> <option value="4">04</option> <option value="5">05</option> <option value="6">06</option> <option value="7">07</option> <option value="8">08</option> <option value="9">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <select class="month" name="dobmonth"> <option value="">Month</option> <option value="1">January</option> <option value="2">February</option> <option value="3">March</option> <option value="4">April</option> <option value="5">May</option> <option value="6">June</option> <option value="7">July</option> <option value="8">August</option> <option value="9">September</option> <option value="10">October</option> <option value="11">November</option> <option value="12">December</option> </select> <select class="year" name="dobyear"> <option value="">Year</option> <option value="1993">1993</option> <option value="1992">1992</option> <option value="1991">1991</option> <option value="1990">1990</option> <option value="1989">1989</option> <option value="1988">1988</option> <option value="1987">1987</option> <option value="1986">1986</option> <option value="1985">1985</option> <option value="1984">1984</option> <option value="1983">1983</option> <option value="1982">1982</option> <option value="1981">1981</option> <option value="1980">1980</option> <option value="1979">1979</option> <option value="1978">1978</option> <option value="1977">1977</option> <option value="1976">1976</option> <option value="1975">1975</option> <option value="1974">1974</option> <option value="1973">1973</option> <option value="1972">1972</option> <option value="1971">1971</option> <option value="1970">1970</option> <option value="1969">1969</option> <option value="1968">1968</option> <option value="1967">1967</option> <option value="1966">1966</option> <option value="1965">1965</option> <option value="1964">1964</option> <option value="1963">1963</option> <option value="1962">1962</option> <option value="1961">1961</option> <option value="1960">1960</option> <option value="1959">1959</option> <option value="1958">1958</option> <option value="1957">1957</option> <option value="1956">1956</option> <option value="1955">1955</option> <option value="1954">1954</option> <option value="1953">1953</option> <option value="1952">1952</option> <option value="1951">1951</option> <option value="1950">1950</option> <option value="1949">1949</option> <option value="1948">1948</option> <option value="1947">1947</option> <option value="1946">1946</option> <option value="1945">1945</option> <option value="1944">1944</option> <option value="1943">1943</option> <option value="1942">1942</option> <option value="1941">1941</option> <option value="1940">1940</option> <option value="1939">1939</option> <option value="1938">1938</option> <option value="1937">1937</option> <option value="1936">1936</option> <option value="1935">1935</option> <option value="1934">1934</option> <option value="1933">1933</option> <option value="1932">1932</option> <option value="1931">1931</option> <option value="1930">1930</option> <option value="1929">1929</option> <option value="1928">1928</option> <option value="1927">1927</option> <option value="1926">1926</option> <option value="1925">1925</option> <option value="1924">1924</option> <option value="1923">1923</option> <option value="1922">1922</option> <option value="1921">1921</option> <option value="1920">1920</option> <option value="1919">1919</option> <option value="1918">1918</option> <option value="1917">1917</option> </select> </div> <div class="continue-btn"> <a onclick="showHide('example');return false;" class="showLink" id="example-show" href="#"> <!-- The <p> tags below can be swapped from an image. --> <p>CONTINUE</p> </a> </div> <!-- Anything that sits in the div class=more will be hidden until the Continue link is clicked --> <div class="more" id="example"> <div class="row cf"> <label for="email">Email:</label> <input type="text" class="text blur" name="email" id="email"> </div> <div class="row cf"> <label for="password">Password:</label> <input type="password" value="" name="password" id="password"> </div> <div class="row cf"> <button class="header" type="submit">JOIN FREE</button> </div> <div class="row cf"> <p class="note">By clicking 'Join Free' you are agreeing to our <a title="Terms of use" href="/help/terms.cfm">Terms of Use</a>.</p> </div> </div> </fieldset> </form> </div> |