|
HTML - Html/javascript Drop Down Box To Generate "x" Number Of Textboxes
Hey Guys,
Firstly I'm very new to using HTML and "programming" general, so I'm sorry if I come across as dumb New to the forum also and signed up as I couldn't fine help elsewhere on this problem. I'm attempting to write a simple HTML form that will eventually print to a .txt file. The basics of it is d: <input type="text" name="hnmr_shift1" /> H's: <input type="text" name="h_s1" /> Multiplicity: <input type="text" name="multiplicity1" /> J coupling:<input type="text" name="j_coupling1" /> <br /> which is repeated and repeated over and over (about 25 times) I was wondering if there's a to have the user select how many of these they would like (in a drop down box or something along those lines) and it will pop up with x amount of rows of the above boxes. i.e if the user selects 3 you would see something like d : (box) H's : (box) Multiplicity : (box) J coupling : (box) d : (box) H's : (box) Multiplicity : (box) J coupling : (box) d : (box) H's : (box) Multiplicity : (box) J coupling : (box) I've seen similar things on forms were it asks you something like "how many people...." and when you select a number it will pop up with separate boxes for each persons name and details (first name, second name phone number etc.). was thinking of using javascript or something along those lines hope this makes sense. cheers Aaron ps. I want to avoid php as this form will be running on school computers and I cbf setting up a server etc. for it to run. the idea of the form is that it can be booted easily from a USBDrive without any problems or permission issues. Similar TutorialsHi, I am required to save entries from 3 text boxes into a text file on clicking a submit button. Can anyone help please. Regards Shrekpete Hi all, I am currently working on a website using Dreamweaver CS3. Whenever I view the (currently very basic) site in Firefox I get the line of code I entered as the title of this thread at the top of the page (directly above the banner) as if I had just typed it into the canvas area (correct term?). Whenever I view it in IE it appears just fine, not sure about other browsers though. I began by creating a template and adding it to the page you see he HTML Code: http://www.geocities.com/makotronic/indexx.htm Here is the code for the template: Code: <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Template for Parish Website</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
font-family: Arial Narrow, Verdana, Arial, sans-serif;
}
.style5 {font-size: 14px}
-->
</style></head>
<body>
<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><img src="../Images/welcomebanner.gif" width="750" height="125" /></td>
</tr>
<tr>
<td width="160"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="590" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td valign="top"><!-- TemplateBeginEditable name="Main Body" -->Main Body<!-- TemplateEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
And for indexx.htm (I added a second 'x' because I already had a 'index.htm' file in GeoCities): Code: <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!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"><!-- InstanceBegin template="/Templates/template.dwt.asp" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Welcome to the Greencastle Parish Website</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
.style8 {
font-size: 36px;
font-weight: bold;
}
-->
</style>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
font-family: Arial Narrow, Verdana, Arial, sans-serif;
}
.style5 {font-size: 14px}
-->
</style></head>
<body>
<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><img src="Images/welcomebanner.gif" width="750" height="125" /></td>
</tr>
<tr>
<td width="160"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="590" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><!-- InstanceBeginEditable name="Main Body" --> <span class="style8">Header</span>
<p class="style3">Main Body</p>
<!-- InstanceEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
</body>
<!-- InstanceEnd --></html>
Cheers for any help! Niall Hi there, I m using dom with css in my web page. Using the document type <!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"> My dom effect is not visible in mozilla 2.0. In stead if I am using the document type <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> Is this vaild using w3c standards? Any help in this issue would be appreciable. Thanks in advance Hi there, I m using dom with css in my web page. Using the document type <!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"> My dom effect is not visible in mozilla 2.0. In stead if I am using the document type <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> the dom effect is visible. Is this vaild using w3c standards? Any help in this issue would be appreciable. Thanks in advance http://www.colletts.co.uk/winter_dolomites.htm I have the above page that redirects users to my Winter Website - the HTML below isn't valid W3C does anyone know of a better and valid way to get this done? Cheers, Mas HTML Code: <META HTTP-EQUIV="Refresh" CONTENT="2.5;URL=http://www.colletts.co.uk/winter/winter_dolomites.html" /> A customer gave me a Word doc that they want turned into a printer friendly web page. I understand that there are tons of ways to do this but I really want the answer to the subject. What i'm referring to is a form that someone can print from the browser and "fill in the blanks" on the page where there are "underscores". My question is how to code those underscores. I tried manipulating the <hr> tag but it's putting way too much space in between each <hr>. I've already coded a "fill in the blank" line using <u> nbsp;</u> but that looks very messy. What do you guys/gals think? I have a problem with my website basically I have a drop down menu and when you click on a specific name it should bring the name/catcode in the next box I have done a primitive example below also I have copied the html code from the page below some of them work and some dont which is really confusing me I havent got a clue what I have to do to get them all to work. I would really appreciate any help or pointers. Example: Drop down menu catcode Action Force A LEGO L Below is part of the pages html which I think is causing the issue. <td style="background-color: #7f7f7f" valign="middle"> <table id="archiveSearch"> <tr> <td style="padding-right:10px"><img id="archiveSearchImage" name="archiveSearchImage" src="images/archiveSearch.gif" alt="Search Archive" width="144" height="37" border="0" /></td> <td style="padding-right:10px"> <select id="categoryDropDown" name="categoryDropDown" size="1" onchange="selectCategory(this)"> <!--<option value="Example" >Example</option>--> <!--<option value="Examples" >Examples</option>--> <option value="A-Team" >The A-Team</option> <option value="Action Force">Action Force</option> <option value="Bionic Six" >Bionic Six</option> <option value="Buck Rogers">Buck Rogers</option> <option value="COF" >Cinema of fear</option> <option value="COTT">Clash Of The Titans</option> <option value="DC Comics">DC Comics</option> <option value="GIJ" > G.I.JOE</option> <option value="LEGO"> LEGO</option> <option value="LOTR"> Lord of the rings</option> <option value="MASK"> M.A.S.K</option> <option value="MISC"> Miscellaneous</option> <option value="MOTU"> Masters Of The Universe</option> <option value="Rock Lords" >Rock Lords</option> <option value="Rocky" >Rocky</option> <option value="SMDM" > Six Million Dollar Man</option> <option value="Star Wars" >Star Wars</option> <option value="Super Heroes" >Super Heroes</option> <option value="Super Powers" >Super Powers</option> <option value="ThunderCats" >ThunderCats</option> <option value="TMNT" >TMNT</option> <option value="Transformers" >Transformers</option> <option value="Visionaries" >Visionaries</option> </select> </td> <td style="padding-right:10px"> <!--<input id="mostRecentButton" type="button" value="Most Recent" />--> <input id="catCode" type="text" style="width:45px" readonly="readonly" /> I need help creating 'specific' drop downs -------------------------------------------------------------------------------- Hey guys, Im a first time web designer. Im in my highschool gr.11 computer science course were im learning html and Css. I started creating my own individual site yesterday and i need help creating specific drop downs. This site is worth 30% of my final mark so help me. This is what they look like, please visit the link https://mycast.orb.com/orb/html/index.html Once you enter that site, ignore the top navigation we it has 'home,', open application' e.t.c I want you to look at the bottom content which have the headings "Feedback", "2.0 Beta Forums", "Help", and "Welcome to my casting Revolution". Hover over to the headings and on the left side of the heading, you will notice that little buttom that allows you to Expand/Collapse the menu. Those are the specific drop downs/(whatever they are called) that i want to create. Im not interested in the content inside of it, im just interested in making that type of expand/collapse menu. Please explan to me how i can do this, how can i implement it into my site, do i need to create the design in photoshop?.Anything that will help me create this. Your help will be highly appreciated. I was hoping someone could clue me in as to whether or not this would be possible. I'm thinking it isn't but I need to make sure. I'd like to provide a file for people to download on my website, but when they click on the link and the download window appears I don't want them to have the option of opening it. Is it possible to only give them the option to save the file? Sounds incredibly unlikely but I gotta know. hi, i am working on <div> i have to hide some part of the table. I am not able to hide that table part can anybady tell me where is the error. Code: <html>
<head>
<script type="text/javascript">
function callme(){
document.getElementById("hid").style.visibility="visible";
}
function hideme(){
document.getElementById("hid").style.visibility="hidden";
}
</script>
</head>
<body>
<form name="myform">
<table width="100%" border="4" cellpadding="2" cellspacing="2">
<tr>
<td class="tableheader" colspan="9">TS </td>
</tr>
<div style="visibility:hidden" id="hid">
<tr>
<td width="17%" class="labeltext">Tran Code</td>
<td width="1%" class="blanktext">:</td>
<td colspan="4" class="blanktext">Name</td>
</tr>
<tr>
<td width="17%" class="labeltext">Product Type</td>
<td width="1%" class="blanktext">:</td>
<td colspan="4" class="blanktext">
</td>
</tr>
</div>
<tr>
<td>
</td>
</tr>
</table>
<input type="button" onclick="callme()" value="show">
<input type="button" onclick="hideme()" value="hide">
</form>
</body>
</html>
thx in Adv, Hanm. Hello, I want to load a page in a iframe, and when i do this, i want that page to be displayed not at the begining of that page, i want that page to be displayed at a "x" and "y" position specificated by me. How can i do that? Thank you. Hey, I'm trying to write some code for expanding and concealing text You can see this in action at youtube when you click the (more) button to expand text. Suppose I had a heading: MyHeading and a body of text: MyTextHere How do I make it so that when you click MyHeading it makes MyTextHere (initially not visible) appear, and when you click MyHeading again, it makes MyTextHere disappear? Thanks Alot. Rather than write them out i took a screenshot. So how do i get past those? Hi, I have a problem with validating Strict XHTML 1.0 ... The tag: "option" doesn't have an attribute: "onchange" in currently active versions.[XHTML 1.0 Strict]... Is there a way around this? Here's the code:. <select name="birth_month" onchange="form_d('yes');" size="1" style="width:8em"> <option<?php echo empty($a_birth_month)?' selected="selected"':''?> value="" onchange="form_d('yes');" >Month</option> Thanks Only another million pages to go. Hi All Background: A Popcorn Hour is a NMT that allows one to view just about any movie file types .. easily on ones TV set. You install a hard drive in the Popcorn, ... then copy over some movie avi's. mkv's, etc ... then play them via the Popcorns "Text Only" menu system. But, I was able to figure out how to use a program called Movie Collector to enter info about ones movies, .. then export html gui menu files over to the Popcorn. Now the user can see the movie cover of each movies, along with a detailed description of the movie, then play it using the remote control. Here's an example of the html menu files that get copied over to the Popcorn Hour: http://www.treasure-cove.net/jukeboxtestdrive and my webpage for showing how it's done... http://www.treasure-cove.net/moviejukebox.htm The Popcorn runs Linux, and can run some basic html as well as some java ... but not much Java Support: http://www.networkedmediatank.com/wi...ascript_on_NMT HTML: http://www.networkedmediatank.com/wi..._Documentation As you can see, it's very limited in what it can do html/java-wise. There are 2 things I'd like to add to "My Lil Movie Jukebox", but haven't been able to figure out, ... and wondered if any other members might know a way to accomplish these changes ... Here's how the menu screen looks on your TV (when a movie is onfocus, it has a very small yellow line around the cover, which is hard to see) and here's how I would like it to look: There are 2 changes I'd like to make: 1. When you use the remote, whichever movie cover is "onfocus", .. it expands out in size (without displacing any of the other covers) 2. Whichever movie cover is onfocus, ... the title of that movie is displayed at the top of the page. (but the page scrolls up ) If any of the forums html/java gurus knows how to accomplish anything close to this, .. I sure would appreciate any help given,... or maybe you know of a link that might be of value... (BTW, ... I'm no programmer that's for sure, just a newb hacker...) Here's something I found on the web that looks like it would work ,... http://host.sonspring.com/hoverbox/ but alas, when I copied it over to the Popcorn, ... no workie Again, thanks way in advance for any help! If I could just make the html menus display a little better, I'd be all set! I just don't have the required brain-power thanks! Allen Hi, i have a website which i designed using HTML Code, but it is internet unfriendly, so it is not viewable at all. I want to convert the HTML Code to CSS, or do you know way for it to be viewable, without doing alot of things? .. I want my website to be viewable for all internet & i want to keep my layout i designed. It is only view-able with older version of firefox only. I have dreamweaver, if this means anything =] (but don't know how to use it) Please Help, thank you in advance. =] So I'm working on some "bulk" format emails for my work, and they're just basic HTML designed pages with a few images included in the coding (<img src="www.google.com/image.jpg"></img> ...for example). My problem is, not necessarily the format or design of the email itself, but rather that every time I send the email out, whether it be gmail, yahoo, hotmail, etc, it prompts the recipient to download the images, either in full, or individually - as if they were attachments to the email itself. For example (this is what our recipients see when they recieve the email...aside from this, the email looks fine): The email displays correctly, but why does it prompt the recipient to download the images that are encoded in the message? Or better yet, why do other newsletter/bulk emails that I recieve from other companies NOT prompt me to download the individual images? What am I missing here? Thanks for the help! Hello everyone. I am building a website and am on my final stage of building the "tabs" at the top of the page and the html is driving me nuts I will attach the source code below. The tabs that are currently present (the ones included in the free template) are the following: Home About Templates Flash Contact The ones that I need are Home About Us Pics Multimedia Drag Racing Tech Articles For Sale Contact Us Can anyone steer me in the right direction? I don't want to manually have to make these tabs and risk having the letters not line up. Oh, and I am using Frontpage to build the site Hi Everybody! My name is Michael and I am an Engineer & Comp. Tech. with little knowledge of HTML CODING. OPTION" QUESTION - PLEASE HEELLLLPPPPPPPP!!! I pasted a drop down OPTION HTML coding in an index.htm for "Business 1", but I need the second part where "option 2" chooses i.e; "Business 2". I can select option 1 or 2, but I don't know how to link it to i.e.; "Business 1" or "Business 2". Please heelllllpppppppp!!! The following is the code for option 1 or 2, which is a drop down for "Please select an option: ============================ <CENTER> Please select an option: <SELECT> <OPTION SELECTED>option 1 <OPTION>option 2 </SELECT><BR> <INPUT type="Submit" VALUE="Submit"></CENTER> ====================================== MISSING PART: OPTION 1 OR 2 SHOULD SELECT WHATEVER IS LINKED TO OPTION 1 AND 2. Thanking you in advance for your help, Michael EDIT; Thanks For Not Helping!!! |
|||||||