HTML - Salesforce.com Auto Generated Html
Hi
I have a web site which captures visitors details currently using Formail, the online version. This ensures that all fields are entered and sends the information to me in an e-mail. The web site was created in Net Objects Fusion version 7. I have some web design experience but not that much. I can ammend HTML rather than start from scratch. I am testing a product called Salesforce.com which has the ability to capture leads and populates a contact management database which you use as a sales tool. This has the advantage of doing away with the e-mails, having to print them off and re keying the data into our current sales sytem. Salesforce.com lets you generate some HTML which you plug into your web site, which I have managed to do. However, it does not validate the fields so someone could leave everything blank which would then create a blank lead record in Salesforce.com. I have been told that i need to amend the HTML by hand but do not have a clue where to start. If anyone can either help me out with the HTML or suggest a better solution I would be very grateful. The HTML it has generated is below <!-- ---------------------------------------------------------------------- --> <!-- NOTE: Please add the following <META> element to your page <HEAD>. --> <!-- If necessary, please modify the charset parameter to specify the --> <!-- character set of your HTML page. --> <!-- ---------------------------------------------------------------------- --> <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8"> <!-- ---------------------------------------------------------------------- --> <!-- NOTE: Please add the following <FORM> element to your page. --> <!-- ---------------------------------------------------------------------- --> <form action="https://www.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST"> <input type=hidden name="oid" value="00D2000000060Zj"> <input type=hidden name="retURL" value="http://www.withdeanfc.co.uk"> <!-- ---------------------------------------------------------------------- --> <!-- NOTE: These fields are optional debugging elements. Please uncomment --> <!-- these lines if you wish to test in debug mode. --> <!-- <input type="hidden" name="debug" value=1> --> <!-- <input type="hidden" name="debugEmail" --> <!-- value="stevematthews@utilitymatters.com"> --> <!-- ---------------------------------------------------------------------- --> <label for="last_name">Last Name</label><input id="last_name" maxlength="40" name="last_name" size="20" type="text" /><br> <label for="company">Company</label><input id="company" maxlength="40" name="company" size="20" type="text" /><br> <label for="phone">Phone</label><input id="phone" maxlength="40" name="phone" size="20" type="text" /><br> <label for="email">Email</label><input id="email" maxlength="80" name="email" size="20" type="text" /><br> Utility Spend:<input id="00N200000018UPJ" name="00N200000018UPJ" size="20" type="text" /><br> <input type="submit" name="submit"> </form> Kind Regards Steve Matthews Similar TutorialsThis might be a silly question but I have my dads resume posted on his site: http://artekengineering.com/ (and click resume button) It was done in word and saved as html. My question is is there a way to make the text a certain size (white space around it on the page) and static on the page instead of it resizing and filling the whole web page? Thanks Hey guys I'm new here. I have static HTML generated code from a 3rd part website via some php code that I am given. I would like to customize this code (which is all in table format) as much as possible so that I can make it look ALOT BETTER... with CSS or maybe even some Javascript or PHP code of my own. I just don't know what is possible or maybe this is not possible... Here is an example of table html code that gets generated that I have: http://www.acne-skin.org/testtt.php Thank you for any help, Travis Ok.... I know this is my first post, and I wasn't quite sure where to post this, under html or scripting, but here goes. I run a website wherein I provide translations for Spanish lyrics. My layout is fairly straightforward, but I spend about 3/4 of my time formatting. Check out the following: http://thelandofoz.us/laposadadelosmuertos.html I have to insert all of my code by hand. My question is, is there anything that I can do to streamline this process? Is there perhaps a way to use a script to dynamically generate code like this from a plaintext file? When I do one of these pages, I usually copy the lyrics verse by verse, then translate them verse by verse like this: Alza tu cerveza, brinda por la libertad, bebe y vente de fiesta, pues el Infierno es este bar. Raise your beer, toast to freedom, drink and come to the party, for hell is this bar. SO... is there any way to make this easier on me? Hi I have site it has windows media player embeded in it, it plays some live stream, I want page to load than stream to load it take about 5 seconds to load, I want html code to double click on windows media player so it will be full screen automatically without user doing it. Please help me Thank you. Hi All, I want to autosubmit my file to google.com. Here is the code I wrote to execute it. Unfortunately output is not what is intended. I tried in IE and mozilla only. Basically I want the script to be browser independent Any help will be appreciated. Below is the code. My file name is autosub.html <HTML> <HEAD> <TITLE>My First JavaScript</TITLE> </HEAD> <BODY onload=""> <FORM NAME="search_Key" METHOD="post" ACTION="http://www.google.com" target="_top" id="search_key"> <p align="center"> Search value : <INPUT NAME="search_value" SIZE="10" MAXLENGTH="3" VALUE="spiderman"></p> <INPUT type="submit" value=Go> </FORM> <SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT"> <!-- document.write("I love JavaScript"); //--> function myautosubmit() { document.pnr_stat.submit(); document.write("I love JavaScript2"); } </SCRIPT> </BODY> </HTML> When open my autosubmit.html, browser shows "I love JavaScript2" only. Thanks in advance hi guys below is my css code and html code respectively but id doesn't work in mozila the height of outer div and few more divs doesn't increase automaticaly , please help //////////css code //////// * { padding: 0em; margin: 0em; } body { padding: 35px 0px 35px 0px; } #upbg{ position:absolute; text-align:left; margin:0 auto; width: 100%; height:20px; z-index: 1; left: 0px; right:0px; top: 0px; background-color:#434343; } #outer{ position:relative; margin:0 auto; width: 901px; border:1px double #FF0066; background-color:white; z-index: 1; } #container{ position:relative; width: 901px; background-image:url('images/bg2.jpg'); background-repeat:repeat-x; z-index: 1; } #image{ width:30%; float:left; position:relative; } #contect12{ width:69%; float:right; position:relative; left: 6px; top: 0px; } #Contentcontainer{ position:relative; padding-top:10px; width:55%; left:7px; padding:5px; float:left; z-index: 1; } #contect1{ border: 3px groove #000000; width:100%; position:relative; background-image: url('images/2.jpg'); background-repeat: repeat-x; left: 3px; } #lmnu{ position:relative; width: 895px; z-index: 1; left: 0px; } #lMenubar{ position:relative; width: 20%; padding:5px; float:left; z-index: 1; left: 0px; } #lmenu{ width:100%; position:relative; padding-top:10px; } #RMenubar{ position:relative; width: 20%; padding:5px; float:right; z-index: 1; left: 0px; } #rmenu{ width:100%; position:relative; padding-top:10px; } #header{ width:901px;; position:relative; left: 0px; top: 0px ; margin-bottom:2px; } #menu{ position:relative;border-width: 1px; border-color: #666666; width:901px; height:31px; background-image: url('images/1.jpg'); background-repeat: repeat-x; left: 0px; top: 0px; border-bottom-style: solid; } .td { background-image:url('images/1.jpg'); height:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#990033; font-weight:normal; background-repeat:repeat-x; border:2px silver groove; } .td2 { background-image:url('images/1.jpg'); height:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#990033; font-weight:normal; background-repeat:repeat-x; border:2px lime groove; } //////////// Html 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"> <head> <meta content="en-us" http-equiv="Content-Language" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Rishabh Arts ,Art of Making Confident People</title> <link rel="stylesheet" type="text/css" href="default.css"/> </head> <body> <div id="upbg"> </div> <div id="outer"> <div id="header"><img src="1.jpg" /><img src="2.jpg" /></div> <div id="menu" style="left: 0px; top: 0px" ></div> <div id="container"> <div id="lmnu"> <div id="lMenubar"> <div id="lmenu"> <table style="width: 100%"> <tr> <td class="td" style="width: 169px" >Menu 1</td> </tr> <tr> <td class="td" style="width: 169px">Menu 1</td> </tr> <tr> <td class="td" style="width: 169px">Menu 1</td> </tr> <tr> <td class="td" style="width: 169px">Menu 1</td> </tr> </table> </div> </div> <div id="Contentcontainer"> <div id="contect1"> <div id="image" ><img src="rr.gif" style="float: left" /> </div> <div id="contect12"> skaydasid<br /> dasdgasd<br /> asdgasdas<br /> dasdhas </div> </div> </div> <div id="RMenubar" > <div id="rmenu"> <table style="width: 100%"> <tr> <td class="td2" >Menu 1</td> </tr> <tr> <td class="td2">Menu 1</td> </tr> <tr> <td class="td2">Menu 1</td> </tr> <tr> <td class="td2">Menu 1</td> </tr> </table> </div> </div> </div> </div> </div> </body> </html> in the past when ever I have string that is longer than the width specified in the <td>it always automatically line breaked for me. But now I am encountering an issue with the <td> stop auto line breaking, and instead just increase the width of the table to make the string fit in 1 line. if anyone know whats possibly causing this problem please reply, any thing suggestion is greatly appreciated. Thanks I've seen it done, but probably not in html. Every time the page is reloaded, the background colour within certain areas of the page will change to one of a series of pre-set colours. Usually this is all background divs or table cells that have been earmarked for this colour change, but how on earth do you set that up in html? Any ideas? can i have fixed layout for only some part of a table? I want the first column of my table to be "auto" and the other columns to be "fixed" llike style='table-layout:fixed;'. How can I achieve this? Thanks! Hello, I'm trying to create a little page that auto updates itself whenever new files are added. The system is layered such that I have the top level index.html file, then in the same directory, I can add new folders that contain other index.html files. What I want to do is have the top level index.html file pick up every sub directory, grab the name from the directory, and then create a link to that directory's index.html file and then display it in the top level index.html file. So what I have right now is this: HTML Code: <body> <a href="myFirstDirectory/index.html">myFirstDirectory.html</a> </body> There is other stuff, but this is the part I need help with. As you can see, I also want the name that is displayed to be the same name as the directory. I do not know how to automate this if I have other folders in there like directory2, directory3, etc. Can anyone show me an example of how to do this or walk me through it? Thanks in advance. Ok, I'm sure the title was very vague, but I didn't know how to ask this. Lets say, for example, I have a view count for certain page on my website that is automatically generated. I want to take that number, and have it also automatically generated on another page, that links to that page. So say I have a page about elephants that has a view count of 57. I want to have on another page a picture of an elephant (that is also a link) and beside that picture, I want it to say View Count: 57. Is there some type of javascript or html coding or something I can do to make this happen? Please help. Hi Folks, I've been trying (to no avail) to add social media icons to my site. I can't get any of them to work individually, much less together. I have a feeling that something with my css is preventing them from showing up. They're not displaying in Firefox or IE. I've cleared the cache, regenerated the iFrame code from the twitter, facebook, etc. and reposted but I get nothing. The odd thing is that I have an iFrame Google Calendar that shows up perfectly on the page directly above where I'm trying to add the iFrame social media icons. Help? Here's the html: <!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=utf-8" /> <meta name="description" content="The Pakistan Cauldron" /> <meta name="keywords" content="Pakistan, Cauldron, James, Farwell, Benazir, Bhutto, Afghanistan, India, Iran, Iraq, United States of America, US" /> <meta name="author" content="Beau Babst" /> <link rel="stylesheet" type="text/css" href="PakistanCauldron.css" title="The Pakistan Cauldron" media="screen,projection" /> <title>Pakistan Cauldron</title> </head> <body> <div id="wrap"> <h1><a href="index.html">The Pakistan Cauldron</a></h1> <p class="slogan">Conspiracy, Assisination, & Instability</p> <p class="toptabs"> <strong class="hide">Main menu:</strong> <a class="toptab" href="index.html">Home</a><span class="hide"> | </span> <a class="toptab" href="about.html">About</a><span class="hide"> | </span> <a class="toptab" href="advancepraise.html">Advance Praise</a><span class="hide"> | </span> <a class="toptab active" href="theauthor.html">The Author</a><span class="hide"> | </span> <a class="toptab" href="Comments.html">Comments</a><span class="hide"> | </span> <a class="toptab" href="Events.html">Events</a><span class="hide"> | </span> <a class="toptab" href="Contact.html">Contact</a> </p> <div id="maincontent"> <h2>James P. Farwell's Events </h2> <iframe src="https://www.google.com/calendar/embed?showTitle=0&showPrint=0&showCalendars=0&mode=AGENDA&height=500&wkst=1& bgcolor=%23FFFFFF&src=james%40jamespfarwell.com&color=%232952A3&ctz=America%2FChicago" style=" border-width:0 " width="725" height="500"frameborder="0" scrolling="no"></iframe> <br /> <br /> <div id="wrap"> <a class="bodysubmenu" href="theauthor.html" text-align="center">1</a><span class="center"> | </span> <a class="bodysubmenu active1" href="theauthor2.html" text-align="center">2</a><span class="center"> | </span> </div> <p></p> <p class="bottomlinks"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="platform.twitter.com/widgets/follow_button.html?jamespfarwell=twitterapi" style="width:300px; height:20px;"></iframe> | <a href="#">Bottom link 2</a> | <a href="#">Bottom link 3</a> | <a href="#">Bottom link 4</a> | <a href="#">Bottom link 5</a> | <a href="#">Bottom link 6</a></p> </div> <p class="footer">Copyright © 2011 <br /> <a href="index.html">Beau Babst & James Farwell</a><br /> Published by Potomac Books<br /> </p> </div> </body> </html> And the relevant CSS: body {padding:0; margin:0; font:76% Verdana, Arial, Helvetica, Futura, sans-serif; color:#657383; border-top: 0px solid #444; text-align:center; line-height:1.5em; background-image:url('plaster.jpg');background-repeat:no-repeat; background-attachment:fixed;} #wrap {width:760px; text-align:center; margin:0 auto;} #maincontent {background:#FFFFFF; text-align:left; border:4px solid #666; padding:15px 15px 5px 15px; margin:0 0 15px 0;} a {text-decoration:none; font-weight:700; color:#9D9C9C;} a:hover {text-decoration:underline;} a img {border:0;} h1 {margin:15px auto 10px auto; padding:0; font-size:2.6em; color:#BCBCBC; letter-spacing:-2px; line-height:1.2em;} h1 a {color:#000000; font-weight:700; text-decoration:none;} h1 a:hover {color:#413D32; text-decoration:none;} h2 {margin:0 0 12px 0; padding:12px 6px 12px 15px; background:#1a1a1a url(bodybg.jpg) top center no-repeat; border-left:4px solid #9d9c9c; color:#ddd; font-size:1.5em; font-weight:400;} h2 a {font-weight:400;} h3 {font-size:1.4em; font-weight:400; margin:0 0 10px 0;} p {margin:0 0 15px 0;} p2 {margin 0 0 12px 0; padding: 12px 6px 12px 15px; text-align:center} ul {list-style-type: none; margin:0 0 15px 20px; padding:0; text-align:center} li {margin:0; padding:0 0 0 5px; text-align:center;} blockquote { font: 1.2em/1.6em Verdana, Arial, Helvetica, Futura, sans-serif; width: 400px; background: url(close-quote.gif) no-repeat right bottom; padding-left: 18px; text-indent: -18px; } blockquote:first-letter { background: url(open-quote.gif) no-repeat left top; padding-left: 18px; font: bold italic 1.4em Verdana, Arial, Helvetica, Futura, sans-serif; } .slogan {color:#444; font-size:1.4em; margin:0 0 15px 0; padding:0; font-style:italic} .toptabs {clear:both; font-size:1.4em; line-height:1.5em; color:#aaa; margin:0 0 15px 0;} .toptab {padding:3px 10px 5px 10px; font-weight:400; margin:0 2px; color:#444;} .toptab:hover {background-color:#444; color:#fff; text-decoration:none;} .active {background-color:#444; color:#fff;} .active:hover {background-color:#444; color:#fff;} .active1 {text-decoration:underline} .active1:hover {background-color:#444; color:#fff;} .bottomlinks, .bottomlinks a {text-align:center; color:#888; font-size:0.9em; font-weight:400; margin:5px auto;} .footer, .footer a{color:#FFF; font-weight:400;} .hide {display:none;} .alignLeft { float:left; margin-right: 1em; } .alignRight { float:right; margin-left: 1em; } .center{margin-left:auto;margin-right:auto;width:70%; background-color:fffff; } .bodysubmenus {clear:both; font-size:1.4em; line-height:1.5em; color:#aaa; margin:0 0 15px 0;} .bodysubmenu {clear:both; font-size:1.3em; line-height:1.5em; color:#aaa; margin:0 0 15px 0; text-align:center} .bodysubmenu:hover {background-color:#444; color:#fff; text-decoration:none;} hello, I have a form it works perfect, i use natemail, however i wanted to know if there is a way that when the customer hits submit and they get that thank you page, if they can also get a "generated tracking number or referece number".. or something of that sort.. if someone can help me please reply... I can post my scrip.. even though I have Previously, posted this tread in php scrip, lots of view but no one has posted any reply, can some just tell me if its possiable? or is there anything similar, i need some guidence... thanks Hi: I need to skip from one input field to the next (over 18 fields) *without* using the <Tab> key. Each of these fields is a one numeric string integer (i.e., '0' thru '9'). These input fields will be the <td> elements in a table across 18 columns, with four rows (each of 18 columns). Question: When the user enters a numeric character, how can I automatically 'skip' to the next input field without the user pressing the <Tab> key. Thank you. -Mel Please help, I have taken my website from fireworks and exported it to Dreamweaver. In my editable html text area I can't change the H1 to a h2 tag with out the entire table changing due to colspan and rowspan automaticly being added by either fireworks or by dreamweaver. If I delete the colspan code the table collapes??? The tutorial I am following allows the instructor to change on his with ease. Firworks cs3 and dream cs3 Thanks you in advance. Yes im a begginner...lol Hi Guys, Does any body know where in html you can change auto-formatting on or off Because previsouly i had turned it on and when i press ctrl + a then ctrl + X and then repaste the code HMTL would automatically format it.... This would be really handy if some one can tell me please... Thanks. A little out of my depth here, and my site is based on a DW template. I have a photo section with thumbnails, that is expanding. I have gone from 10 rows to 30, and in the process broken something. I have compared the code from my original 10 rows to the 30 and cannot find anything that would cause the issue, so am hoping for some help. http://www.uniquefinishing.co.uk/photopages/photos.html On the top horizontal menu, click on "Videos", then "photos". See the table has dropped? This is the only consistent replication of the issue I can find. If you now keep clicking on the same "photos" link on the top menu, it randomly drops and fixes itself occasionally. This happens randomly from any page to the "photos" page. Where should I be looking? Hello i have created a webpage using css/xhtml i have a webpage with div tags for each modules like header content left / right/ main and footer my prb is if i add more para or images in content division the contents hide behind the footer div. its not showing . i want tihs page to extend automatically by conteents. my footer should display end of the contents. my contents maybe a dynamic from db. how can i bring my footer div bring down depend on content extend/???? thanks <embed id="VideoPlayback" src="http://video.google.com/googleplayer.swf?docid=5893249792876905264&hl=en&fs=true" style="width:400px;height:326px" allowFullScreen="true" allowScriptAccess="always" type="application/x-shockwave-flash"> </embed> Here's my question, what do I need to do to make the player from above, to start playing as soon as the web page downloads ? By the way, I am a certified HTML newbie. Another word, please be easy on me. Thanks. This is my first time posting here and was needing some help regarding auto refresh in html. I have a web page on our local network for my work that uploads screen shots of security cameras around the different locations. I have the page set to auto refresh and when it does refresh to redirect to another page that has a different set of cameras on it. The redirect works but the problem is after leaving this page up and running for several hours it will get stuck after a redirect and will keep trying to load the page for hours and wont redirect. It usually gets stuck on grabbing one of the images of the cameras, and then has problems displaying the image which then causes the page to sit and try to load for hours with no redirect. I was just wondering if there is anything that i can do for this? I am new to html and dont know much so any help will be greatly appreciated. Dpat |