HTML - (novice) Help Applying User Input To Predesigned Template
Hello all! This is my first post here and after getting little to no help from Yahoo answers I decided to go where the pros are. I want to thank everybody in advance for taking the time to read my question and offer any help. I also want to say that I am not looking for somebody to do the work for me...just point me in the right direction to get started on figuring it out myself.
You know...give a man a fish....blah blah blah. Now for my question: I am building a simple HTML template for a friend to use on an auction site. My friend has absolutely no idea of how to edit HTML so to make it easier for her, I want to add forms that will allow her to input her information (item description, shipping and payment terms) and have it applied to the template in the correct place. I had already received a snippet of code from a helpful fellow that will turn anything typed into the fields into HTML for her to copy and paste. The problem with it though is that it has no format and I cannot figure how to get it to display the code inside of the template I made. I did a little tweaking of what I had to get the basic setup of the forms and such, but cannot figure out how to place the information from each textarea into the template. I have done a few hours of research trying to find the answer, but keep coming up empty handed because I have no idea where to even start looking for the answer. Can it be done with HTML or will I have to use another language? (This will be done from her computer so from my understanding php and any other server side stuff will not work.) The code I'm wanting to use (if possible) is attached as "Formcode.txt". The template I want to use it in is attached as "Template v1.3.txt". The forms do not necessarily need to be placed at those locations but the output needs to be there. Thank you all so much for taking the time to help! BTW, I know that there are tons of free WYSIWYG editors out there that she could download and use but this has bugged me to the point that I have to find the solution. Similar TutorialsHi there, I've created a website in Dreamweaver using templates. When I apply the template to a page and preview it (in IE or FF) the drop-down menu (Dynamic Drive menu) doesn't work. It works fine on pages where the template is not applied though. You can view a page at this temp url: www.flowerweb.ca/sites/tl/about.html Here is a page without the template applied: www.flowerweb.ca/sites/tl/template.html Template is at: www.flowerweb.ca/sites/tl/Templates/template.dwt Any ideas as to why this is happening? Thank you!! This might have already been answered but I need html code for this. "User input field" redirects to www.website.com/"user input".aspx Simple I think but I am going crazy trying to get it to work. I would like it to open to the page not a frame. Thanks Pete Hello.... I have a problem today and I do not know how to over come this problem. If this is in the wrong place, please tell me and I will put it in the right place. Anyway. Today I am trying to make a webpage, where the user, the admin, is able to edit the page to input text. Almost like when you make a blog post and you have a text box and you type what you want and you click submit or post and it goes onto a page. Almost like wordpress. I want to make a custom page from the ground up where there are different divisions of the page and the admin can input or edit text/pictures at anytime. Thank you in advance. Okay so I want to make an input where a user (me) can input coding and then it will post it in another place but it will display in the site as not coding but just will execute the code....how would I go about doing this? Thanks for any help! (I'm trying to make a simple blog for my site but don't want to have to recode the entire page for each post individually. I would love to be able to just enter in one post's coding then it will display...I just assumed it's possible? Because of HTML code previewers out there.) Dear expert (Ok, i am new to this and should maybe not address this as a letter ) I hope someone can help me ... this is what i want to achieve (I am using frontpage) I want to create a table (this i can do!) that require a user input (number of guests). It then has SEVERAL options: - Select an option from a drop down list, and a price is then loaded from somewhere to create a total for that option and display it in the table (And keep that total for adding later) - Check a box, and if checked it creates a further calculation, displaying and storing the number for further calculation. a number of the above options, and a grand total on the bottom. I found more or less a page on a site that does what i am looking for, but after looking at the code, i have even LESS of an idea how it works Can someone PLEASE help me, or point me in the right direction? (I am not looking for someone to just write the code for me, as this will not teach me anything, and i want to learn) Below is a link to the example .. http://www.ouma-se-kombuis.co.za/test.html Thank you! I am struggling to modify the code below, I am trying to take the input of a test box and us it as a filter for my list,, <FieldRef Name="ID"/> </OrderBy> <Where> <Contains> <FieldRef Name="Cust_x0020_Part_x0020_No"/> <Value Type="Note">xxxxxxxx</Value> </Contains> </Where> </Query></View></ListViewXml> I need to make xxxxxxxx a variable string any help will be much appreciated This seems like an easy question, but what's the correct way to get user input and submit to a function? I'm able to get it to work like the following, but it doesn't seem like the 'right' way to do things: Code: <form name="some_name" action="doesnt-exist.php" onSubmit="return some_function()"><input type="text" name="query" /></form> And then I catch the variable in some_function() and return false so the page doesn't try to contact doesnt-exist.php. Then I'm able to use the input for my function. Like I said, this works, but is there a cleaner, more standard way? Thank you! hey! i wonder if any one can help me out? scroll a little way down this page www.myspace.com/tonyvincent and on the left you will see 4 (clickable) album covers with their 'buy now' and 'itunes' buttons underneath each one. what i want to do is to make it so that the album covers (and their buttons) (instead of being listed one under another) form a box / square type shape. two colums with two in each if you like. can anyone help me code this? i've no idea how to line images up side by side many thanks in advance for any guidance ing x this is the code as it is now.... <a href=http://cdbaby.com/cd/tonyvincent><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/tonyvincent152x152.png" ></a><br>A Better Way EP<br>Released 2007<br><a href=http://cdbaby.com/cd/tonyvincent><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/Btn_BuyNow.gif" ></a><br><br><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewAlbum?i=264239517&id=264238232&s=143441"> <img height="15" width="61" alt="Tony Vincent - A Better Way - EP" src="http://ax.phobos.apple.com.edgesuite.net/images/badgeitunes61x15dark.gif"></a> <p> <a href=http://cdbaby.com/cd/tonyvincent2><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/tonyvincent2152x152.png" ></a><br>One Deed<br>Released 1997<br><a href=http://cdbaby.com/cd/tonyvincent2><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/Btn_BuyNow.gif" ></a><br><br><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewAlbum?i=268702344&id=268701898&s=143441"> <img height="15" width="61" alt="Tony Vincent - One Deed" src="http://ax.phobos.apple.com.edgesuite.net/images/badgeitunes61x15dark.gif"> </a> <p> <a href=http://cdbaby.com/cd/tonyvincent3><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/tonyvincent3152x152.png" ></a><br>Tony Vincent<br>Released 1995<br><a href=http://cdbaby.com/cd/tonyvincent3><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/Btn_BuyNow.gif" ></a><br><br><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewAlbum?i=269107343&id=269107333&s=143441"> <img height="15" width="61" alt="Tony Vincent - Tony Vincent" src="http://ax.phobos.apple.com.edgesuite.net/images/badgeitunes61x15dark.gif"> </a><p> <a href=http://cdbaby.com/cd/tonyvincent4><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/tonyvincent4152x152.png" ></a><br>Love Falling Down EP<br>Released 1993<br><a href=http://cdbaby.com/cd/tonyvincent4><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/Btn_BuyNow.gif" ></a><br><br><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewAlbum?i=269107344&id=269107340&s=143441"> <img height="15" width="61" alt="Tony Vincent - Love Falling Down" src="http://ax.phobos.apple.com.edgesuite.net/images/badgeitunes61x15dark.gif"> </a> Hiya I am designing my first website for a charity. I have learnt simple HTML but not that good yet so I am confused on two things: 1. Why can't I see my images, I have been building my site offline and linked to where the images are saved. The other day I could view them and today I can't, I have checked several times that the file route is correct and it is. So why do they just come up with a box and small red x? 2. How do you make words (such as menu navigation) change colour and pop out when you hover over them? I hope I have posted this in the correct place, forgive me if I haven't but I did not know where else these questions should do. Any help you can give and also sites that have cool example codes would be great. Thank you in advance Michaela Good afternoon, I am trying to design my own template for Constant Contact, so I can get away from paying a design fee andstill have a good looking template. Anyways, when I view the template I made using Serif PagePlus it looks good, however when I email it to myself from constant Contact all the images are viewed in one row, one by one. I believe the problem is with the code: <div style="position:absolute; left:2px; top:2px; width:797px; height:151px;"> Can you please help solve my hair pulling issues with the absolute postioning. Hey guys: I am new to this and have been catching on real quick. This is for my final project for college and i have one minor issue i have been looking into for the past 20 minutes now. I cannot get the nav bar on the left to align to the top near the banner i had created. Very simple for some but an issue for me. Sorry to bother you guys, and i did search for this issue. Thanks in advanced, Oh and heres the site: http://academ.hvcc.edu/~02479568/rude_rsx/photos.htm Deric <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> #nav-menu #photos { color: #607650; font-weight: bold; } </style> <title>Photography</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" href="template.css" type="text/css"> </head> <body> <table> <tr> <td colspan="2"><img src="img/banner.jpg" alt="cars"></td> </tr> <tr> <td width="218" height="766"> <div id="nav-menu"> <ul> <li><a href="index.htm" id="home">Home</a></li> <li><a href="photos.htm" id="photos">Photos</a></li> <li><a href="mods.htm" id="mods">List of Mods</a></li> <li><a href="insp.htm" id="insp">Inspirations</a></li> <li><a href="events.htm" id="events">Events</a></li> <li><a href="contact.htm" id="contact">Contact Me</a></li> </ul> </div> </td> <td valign="top" width="488"> <div class="content"> <center><h2>Photos</h2></center> <p>This page will show you phot's of my vehicle taken my a Nikon D40 SLR Camera. Pictures taken and photoshopped by M.I.</p> <BR> <center><p>(Click Images to Enlarge)</p></center> <table> <tr> <td><a href="img/MyS3.jpg"><img align="left" src="img/MyS3.jpg" border="2" alt="My Rsx" width="200" /></a></td> <td><a href="img/MyS2.jpg"><img align="left" src="img/MyS2.jpg" border="2" alt="My Rsx" width="200" /></a></td> </tr> <tr> <td><a href="img/MyS1.jpg"><img align="left" src="img/MyS1.jpg" border="2" alt="My Rsx" width="200" /></a></td> <td><a href="img/MyS4.jpg"><img align="left" src="img/MyS4.jpg" border="2" alt="My Rsx" width="200" /></a></td> </tr> <tr> <td><a href="img/MyS5.jpg"><img align="left" src="img/MyS5.jpg" border="2" alt="My Rsx" width="200" /></a></td> <td><a href="img/MyS6.jpg"><img align="left" src="img/MyS6.jpg" border="2" alt="My Rsx" width="200" /></a></td> </tr> <tr> <td><a href="img/MyS7.jpg"><img align="left" src="img/MyS7.jpg" border="2" alt="My Rsx" width="200" /></a></td> <td><a href="img/MyS9.jpg"><img align="left" src="img/MyS9.jpg" border="2" alt="My Rsx" width="200" /></a></td> </tr> </table> </div> </td> </tr> </table> </body> </html> CSS file: body { background-color: #C2C2C2; margin-left: 100px; } .content { color: #5D734D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin-left: 2em; margin-right: 2em; } .leftnav { background-color: #C2AD67; width: 217px; } #nav-menu ul { list-style: none; padding: 0; margin: 0; } #nav-menu li a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; height: 45px; line-height: 45px; width: 217px; display: block; border: none; border-bottom: 3px solid #000000; color: #755F3E; text-decoration: none; text-align: top; text-indent: 0.8cm; } #nav-menu li a:hover { color: #FFFFFF; font-weight: bold; background-color: #424242; } /* Hide from IE5-Mac \*/ #nav-menu li a { float: none; } /* End hide */ #nav-menu { width: 217px; } I'm sure that title was kinda confusing, but what I meant was how is this achieved? Typing this into your address bar and opening: www.mywebpage.com/about/ This doesn't work for me; I don't know how to do it. I have tried putting a index.html in the /about sub folder, but it still doesn't work. I apologize if I have not explained this sufficiently. I am running into a wall trying to add a sidebar to my tumblr blog. muttonpizza.com I could play with the html code enough to tweak my blog (mostly through trial and error and picking things up on w3schools.com). But I want to add a top left sidebar with the "About this Blog" box I now have at the bottom of my page. And maybe a right sidebar with links. I've done a lot of Googling for help and trying different codes I've found to get this but I just don't have the code right and I cannot figure out where to place it in the code page. I do not have a sidebar at present. I know this should be easy (everything is easy when you know how:-) But I just can't get it to work. First, please tell me how to post my code here. (Could not find it in FAQ) Ok, so I need help coding a mouseover feature for a few graphics heres a few screen shots to show what I need to do mouse OFF mouse ON here are the image sources in order of appearance: pink off : http://andrewsass.squarespace.com/storage/phone_off.png pink on : http://andrewsass.squarespace.com/storage/phone_on.png orange off : http://andrewsass.squarespace.com/storage/email_off.png orange on : http://andrewsass.squarespace.com/storage/email_on.png green off : http://andrewsass.squarespace.com/storage/skype_off.png green on : http://andrewsass.squarespace.com/storage/skype_on.png LINKS for graphics pink : www.whitepages.com orange : (link to my email) <____A HREF="mailto:andrew@sassnyc.com"></A> green : www.skype.com ANY help developing a code would be GREATLY apreciated, Thanks! Hello, im working on a small website project for me and my coworkers, none of us are very good with HTML and i'm trying to figure out something that I am sure is probably a simple thing to people that know this stuff. I have two forms, "box1" and "box 2", and I want both of the inputs to save to a text file when the person entering hits "submit". I'd also like the "submit" button to redirect to another page following the saving of the inputs to the text file... i'd apprecate any help you can give me Ive been searching google for a while but its just confusing me. Good afternoon, I am trying to design my own template for Constant Contact, so I can get away from paying a design fee andstill have a good looking template. Anyways, when I view the template I made using Serif PagePlus it looks good, however when I email it to myself from constant Contact all the images are viewed in one row, one by one. I believe the problem is with the code: <div style="position:absolute; left:2px; top:2px; width:797px; height:151px;"> Can you please help solve my hair pulling issues with the absolute postioning. Good afternoon, I am trying to design my own template for Constant Contact, so I can get away from paying a design fee andstill have a good looking template. Anyways, when I view the template I made using Serif PagePlus it looks good, however when I email it to myself from constant Contact all the images are viewed in one row, one by one. I believe the problem is with the code: <div style="position:absolute; left:2px; top:2px; width:797px; height:151px;"> Can you please help solve my hair pulling issues with the absolute postioning. How do I figure out the lenght of the page (content, not browser window) so that I can make all of my regions line up at the bottom? I noticed that % in the height attribute is related to the window not content. I have also tried auto, but that is different for different content. My page has an outside region, a left nav bar and a content region, and I don't know how to make the bottom line up without tables. Sorry if this is confusing. Thanks in advance. |