HTML - Adding Buttons To Assign Text To Form
Hi all,
sorry I am pretty new with this so I hope I can explain what it is I am trying to do here. I've recently been tasked with creating a 'note taking' html template at work, to assist with note taking for operators in a call center. I was selected due to nobody else having any understanding of how computers work beyond using microsoft office, go figure : / Anyway. Basically what I am trying to do is be able to create a basic htlm template which has a text box, and some 'radio' buttons and check boxes which assign text when selected. Example, we take down notes when clients call up and speak with someone. We would have say 2 check boxes to cover things like "Full name of client confirmed, confirmed clients details". If the phone operator clicked these 2 buttons, it would copy that exact text into the text box. If they clicked one, it would only copy that. There would also be a 'radio' button, "Transferred client directly to desired party, transferred client to extension without employee contact" would be the options for example. Basically only 1 option can be selected, and that option would populate the text box if selected. I'm also looking at hwo to create a button with a 'reset' feature to basically wipe everything clean so it can be started over once the operator takes another call. So far I am able to create a form with the text box and buttons, but I don't know what code I need to look at to assign text to those buttons. It's an easy idea, just need to get my foot in the door as I haven't really touched html since I was finishing high school year ago. Anyone able to assist, i would imagine it's not as difficult as I am makign it out to be Similar TutorialsDear all, currently i m having trouble centralizing my buttons in a horizontal line with my text above it. I m hosting my things on blogspot and on a html preview, my html code seems correct for ''my buttons in a horizontal line with my text above it''. But with blogspot, my buttons are vertical instead. My website is www.buttonsupcloset.blogspot.com Below is the sample of my image followed by the text and buttons. <img src="http://s570.photobucket.com/albums/ss147/buttonsupcloset/101.jpg" /> <table width="800"> <tr><td> <p style="text-align: center;">Sweet Bustier Top (White) <center> <a href="http://ww12.aitsafe.com/cf/add.cfm?userid=E7247990&product= Sweet+Bustier+Tube+(White) &price=22&return=www.buttonsupcloset.blogspot.com"> <img src="http://s570.photobucket.com/albums/ss147/buttonsupcloset/addcart.gif" border="0" /></a> <a href="http://ww12.aitsafe.com/cf/review.cfm?userid=E7247990&return=www.buttonsupcloset.blogspot.com"> <img src="http://s570.photobucket.com/albums/ss147/buttonsupcloset/preview.gif" border="0" /></a> <a href="http://ww12.aitsafe.com/cf/review.cfm?userid=E7247990&return=www.buttonsupcloset.blogspot.com"> <img src="http://s570.photobucket.com/albums/ss147/buttonsupcloset/checkout.gif" border="0" /></a> </center> </td> <td> <p style="text-align: center;">Sweet Bustier Tube (Purple) <center> <a href="http://ww12.aitsafe.com/cf/add.cfm?userid=E7247990&product= Sweet+Bustier+Tube+(Purple) &price=22&return=www.buttonsupcloset.blogspot.com"> <img src="http://s570.photobucket.com/albums/ss147/buttonsupcloset/addcart.gif" border="0" /></a> <a href="http://ww12.aitsafe.com/cf/review.cfm?userid=E7247990&return=www.buttonsupcloset.blogspot.com"> <img src="http://s570.photobucket.com/albums/ss147/buttonsupcloset/preview.gif" border="0" /></a> <a href="http://ww12.aitsafe.com/cf/review.cfm?userid=E7247990&return=www.buttonsupcloset.blogspot.com"> <img src="http://s570.photobucket.com/albums/ss147/buttonsupcloset/checkout.gif" border="0" /></a> </center> </td> </table> Hoping someone could help me solve this problem. regards, goddha hi, someone has bought a website template and wants me to have a go at adding stuff to it (dont worry, he just wants to see what it looks like, he's not going to use me to publish it). the code for the menu buttons is this: <td class="menu"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','images/p1_sel.jpg',1)"><img src="images/p1.jpg" alt="" name="Image3" width="116" height="35"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/p2_sel.jpg',1)"><img src="images/p2.jpg" alt="" name="Image4" width="112" height="35"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/p3_sel.jpg',1)"><img src="images/p3.jpg" alt="" name="Image5" width="133" height="35"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/p4_sel.jpg',1)"><img src="images/p4.jpg" alt="" name="Image6" width="119" height="35"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/p5_sel.jpg',1)"><img src="images/p5.jpg" alt="" name="Image7" width="148" height="35"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/p6_sel.jpg',1)"><img src="images/p6.jpg" alt="" name="Image8" width="137" height="35"></a></td> at the moments they are blank and just change colour when you hover. how do i add text to these buttons without making new images? thanks in advance, sam Hi, this seems simple to me but i cant do it! the buttons do work but when i combine them on the same text area they dont work! heres what i have put together so far, Select all form: <form name="select_all"> <textarea name="text_area" rows="2" cols="80">TEXT TEXT TEXT TEXT</a> </textarea><br /> <input type="button" value="select all" onClick="javascript:this.form.text_area.focus();this.form.text_area.select();"> </form><br /> Copy Text area: <textarea cols=85 rows=20 id='testText'>TEXT TEXT TEXT TEXT</textarea><br> <button onclick='copyToClipboard(document.getElementById("testText").value);'>Copy To Clipboard</button> Copy javascript: <script type='text/javascript'> function copyToClipboard(s) { if( window.clipboardData && clipboardData.setData ) { clipboardData.setData("Text", s); } else { // You have to sign the code to enable this or allow the action in about:config by changing user_pref("signed.applets.codebase_principal_support", true); netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect'); var clip = Components.classes['@mozilla.org/widget/clipboard;[[[[1]]]]'].createInstance(Components.interfaces.nsIClipboard); if (!clip) return; // create a transferable var trans = Components.classes['@mozilla.org/widget/transferable;[[[[1]]]]'].createInstance(Components.interfaces.nsITransferable); if (!trans) return; // specify the data we wish to handle. Plaintext in this case. trans.addDataFlavor('text/unicode'); // To get the data from the transferable we need two new objects var str = new Object(); var len = new Object(); var str = Components.classes["@mozilla.org/supports-string;[[[[1]]]]"].createInstance(Components.interfaces.nsISupportsString); var copytext=meintext; str.data=copytext; trans.setTransferData("text/unicode",str,copytext.length*[[[[2]]]]); var clipid=Components.interfaces.nsIClipboard; if (!clip) return false; clip.setData(trans,null,clipid.kGlobalClipboard); } } </script> Any sugestions? I've created a form with a submit button and another button. The submit button is tied to the action of the form and the other button is to "register" or just send the user to another URL. It works fine in Firefox but not in IE...Any ideas? Code is below... Code: <form method="post" action="allow.php"> <table style="width: 100%; height: 100%" cellspacing="1"> <tr> <td class="un">USERNAME: </td> <td class="in"><input name="username" type="text" class="input"/></td> <td class="un">PASSWORD: </td> <td class="in"><input name="password" type="password" class="input"/></td> <td class="goblock"> <input name="submit" type="submit" value="Login" class="go"/><a href="http://digiconmediagroup.com/Homeplate/portal/register.php"><input name="register" type="button" value="Register" class="gor"/></a></td> </tr> </table> </form> Hey there, I registered in hope of getting some help I'm creating this bulletin board in our intranet and I really need to add couple of buttons which would help our users with posting their stuff. The board obviously understands HTML and this is what I want to do: I need to have a button that adds html tags into the textfield when clicked. For example if I wanted to add <br> in the post, I just would have to press a button to do it. Hope you understand what I mean and hope you can help me, I'm such a newbie when it comes to this Cheers! is it possible to change the form buttons to links ?? for example if i have a picture i can only add a link to it i want to replace the form button with this pic so it still submits or does the action of the button some might ask why wud i do that but i want to do it coz in these pictures i can customize my own and add my own graphics sum might tell me to add a background to the button but nope coz for a windows XP and a windows Vista and a windows 2000 for example the button takes the shape from the windows theme so u find XP the XP button and Vista the new button and for 2000 the old button which the background wont work with so well u know what i mean? thanx alot Bye I would like to create 2 buttons for my form. The 1st button named "Submit Ads" would be a submit command and go to one page upon click. The second button named "Continue >>" would be a submit command and go to different page upon click. How can I do this? Your help would be greatly appreciated! Hi, I have one form for searching with 2 buttons, 'Search Site' and 'Search Web'. If possible I'd like the 'Search Site' to just stay in the same window when submitted (with the information from the search text field) and the same with the 'Search Web' button except I'd like it to open in a new window. Here's what I have: Code: <table cellspacing="3" cellpadding="0" align="center"> <tr> <form name="search" action="/search.php" onSubmit="return checkform()"> <td> <b class="f14"><a href="/search/" class="nol">Search</a>:</b> </td> <td> <input type="text" name="search" id="search" value="<? echo $search ?>" /> </td> <td> <input type="submit" name="Submit" id="Submit" value="Search Site" /> </td> <td> <input type="submit" name="Submit" id="Submit" value="Search Web" /> </td> </form> </tr> </table> Any ideas? Hi All its been quite some time since i have hand coded anything and i am having some probs with a form i am using.. i want to use my own image for the button instead of the default.. can someone let me know how this code should look to use my own image.. any help would be much appreciated Code: <table cellpadding="0" cellspacing="0" border="0"> <tr> <td><input type="text" name="loginusername" accesskey="u" tabindex="1"></td> <td style="padding-left: 5px;"><input type="password" name="loginpassword" value="" accesskey="p" tabindex="2"></td> <td style="padding-left: 5px;"><input type="submit" name="login" value="Login" accesskey="l" tabindex="3"></td> </tr> <tr> <td class="loginusername" style="padding-top: 3px;">Username</td> <td class="loginpassword" colspan="2" style="padding-left: 5px; padding-top: 3px;">Password</td> </tr> </table> I'm fairly new to HTML and need help with adding text below the images I have. I am running a white backround with a gray box that has six images side by side. I want to add text below each image in the background. Can anyone hel me? This is what I have without text so far <td><table width="100%" border="0" cellspacing="10" cellpadding="25"> <P> <strong>Padholdr tablet styles</strong><td class="greybox"<td align="middle"><img src="http://padholdr.com/wp-content/uploads/2011/03/ipad-web-images4med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/ipad-web-images4med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/ipad-web-images3med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/ipad-web-images2med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/xoom5med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/x1med.jpg" width="144" height="108"></td></caption> </tr> </table></td> Greetings, How can I add "Alt Tags" to text. Easy to do to images but can't figure it out on text. As always thanks in advance!!! Jack Hi guys. I want to add a few spaces in between two words. Unfortunately, html must work differently than just hitting the space bar in the code. What's the command for space? Thank you all! www.movehumanityforward.org Hey all, Im trying to put a html link in a html textbox, yet its not working, the code is not active, it just shows what ive typed. Quote: <textarea name="textarea" cols="80" id="text_box" rows="12"> Welcome to breakdownconspiracyinc. A portfolio site for Jonathon Toon. Jonathon is a student, living in Nelson, New Zealand, studying a Diploma in Graphics and Multimedia at Nelson Marlborough Institue of Technology (<a href="http://www.nmit.ac.nz/" target="_blank">NMIT</a>). In his spare time he creates Graphic Art, Music, and Film, with various conceptual ideas. If you have any comments, criticisms, or requests please send an email to: breakdownconspiracyinc@gmail.com Cheers. </textarea> Cheers Hello All, I'm creating a form which has got several parts, divided by tables, which are radio buttons, check boxes etc. All the radio button tables work well with the exception of one where it lets you choose all three options or two, as if they were checkboxes. The code is: PHP Code: <div class="roundedcornrboxorange"> <div class="roundedcornrtoporange"><div></div></div> <div class="roundedcornrcontentorange"> <table width="100%"> <tr> <td colspan="3"><h3>Which level do you think you're currently are?</h3></td> </tr> <tr> <td width="30%"><input type="radio" name="level[beginner]" id="beginner" value="1"/> Beginner</td> <td width="30%"><input type="radio" name="level[intermediate]" id="intermediate" value="1"/> Intermediate</td> <td width="30%"><input type="radio" name="level[advanced]" id="advanced" value="1"/> Advanced</td> </tr> </table> </div> <div class="roundedcornrbottomorange"><div></div></div> </div> Does anyone have an idea what could be going wrong? The css (in case it helps) is: PHP Code: .roundedcornrboxorange { margin: 5px 0 0 0; width: 800px; clear: both; background: #ff7b06 url(../images/roundedcornr190406grad.gif) repeat-x top left; } .roundedcornrtoporange div { background: url(../images/roundedcornr190406tl.gif) no-repeat top left; } .roundedcornrtoporange { background: transparent url(../images/roundedcornr190406tr.gif) no-repeat top right; } .roundedcornrbottomorange div { background: url(../images/roundedcornr190406bl.gif) no-repeat bottom left; } .roundedcornrbottomorange { background: transparent url(../images/roundedcornr190406br.gif) no-repeat bottom right; } .roundedcornrtoporange div, .roundedcornrtoporange, .roundedcornrbottomorange div, .roundedcornrbottomorange { width: 100%; height: 10px; font-size: 1px; } .roundedcornrcontentorange { margin: 0 10px; } Many thanks in advance I know this is probably a strange request but I'm trying to figure out how to use an area tag to define a form submit button (or the equivalent of that). Does anyone know if this can be done? Hello all, I have this site: http://www.votingforrewards.com/nba-champions/main/nba-champions/{keyword}/ As you can see I have two pics here and the name of each player below each pic. How would I be able to have 4 pics accross with each (4) names below each pic. The way I am doing it now is that I use Photshop to place two pics on 1 canvas (don't know if I am doing this correct). The players links use to be a yes and no. So I guess I am cheating. I don't know. Would I use a table? I have been trying to play with the code but can't figure it out. Please help and if you can be as newbie friendly as possible, I would appreciate it immensely. I am using dreamweaver for editing the code, the file has php in it, and it also has a css file to let you know. Thanks, Geo Hi I have a HTML with the body part written in Hebrew. A am also using a tool which reads this HTML, but does not understand Hebrew characters. My question: is it possible to convert these Hebrew fonts to something else (like ASCII for instance) to allow my tool to understand these characters and at the same time would allow a browser to understand the content of my HTML, too? Thanks yuval tenchars// Hope someone can help me. I've got a html page set up so that my clients can type in their name, choose several options via radio buttons, an option to clear the form, then submit the form. What I'm having trouble with is how to obtain the information from the form. I think I would prefer this to be retrieved via email. Is there a way I can: 1. Have the subject of the email be the name of the client (whatever they type in) 2. The results of the form sent to my email (let's say it's myemail@university.edu) Thanks in advance! Here is the html code I have: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Bonus</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <form method = "post" action = "mailto:myemail@university.edu"> <p> Type your name in the box below then select the advancing team and click <i>submit</i> when finished. </p> <p> Name: <input type = "text" name = "name" maxlength = "30"/> </p> <table border = "5"> <tr> <td colspan = "2" align = "center"><b>STANLEY CUP PLAYOFF HUNT BRACKET</b></td> </tr> <tr> <td width="328" align = "center">Eastern Conference</td> <td width="359" align = "center">Western Conference</td> </tr> <tr> <td><input type = "radio" name = "group1" value = "BB"/>Boston Bruins (1) <input type = "radio" name = "group1" value = "MC"/>Montreal Canadiens (8)</td> <td><input type = "radio" name = "group2" value = "SJS"/>San Jose Sharks(1) <i>vs.</i> <input type = "radio" name = "group2" value = "AD"/>Anaheim Ducks (8)</td> </tr> <tr> <td><input type = "radio" name = "group3" value = "WC"/>Washington Capitals (2)<input type = "radio" name = "group3" value = "NYR"/>New York Rangers (7)</td> <td><input type = "radio" name = "group4" value = "DRW"/>Detroit Red Wings (2) <i>vs.</i><input type = "radio" name = "group4" value = "CBJ"/>Columbus Blue Jackets (7)</td> </tr> <tr> <td><input type = "radio" name = "group5" value = "NJD"/>New Jersey Devils (3) <input type = "radio" name = "group5" value = "CH"/>Carolina Hurricans (6)</td> <td><input type = "radio" name = "group6" value = "VC"/>Vancouver Canucks(3) <i>vs.</i><input type = "radio" name = "group6" value = "SLB"/>St. Louis Blues(6)</td> </tr> <tr> <td><input type = "radio" name = "group7" value = "PP"/>Pittsburgh Penguins (4) <input type = "radio" name = "group7" value = "PF"/>Philadelphia Flyers (5)</td> <td><input type = "radio" name = "group8" value = "CB"/>Chicago Blackhawks (4) <i>vs.</i><input type = "radio" name = "group8" value = "CF"/>Calgary Flames (5)</td> </tr> </table> <p></p> <p><input type = "reset" value = "Reset"/> <input type = "submit" value = "Submit" /></p> </form> </body> </html> |