HTML - Tab Menu For Multi-page Form?
I've got a data entry form where a user optionally puts data in a couple sections. It's too big to fit on-screen, so currently it's a multi-column, spreadsheet-style form.
First, before I even chase this and waste everybody's time, is using tabs a good way to make a form that'd otherwise scroll through multiple sections? To make it easier to use I'm thinking about using tabs. I've found a couple examples and can display the tabs fine, but I"m having trouble understanding how to do the interaction between the form and php. The list is a set of hrefs like <li><a href="abcdform.php">a</a></li> <li id="selected"><a href="#">b</a></li> I can see that the first li is going to jump to "abcdform.php", but what does the "#" in the second li do? I want this to be a single php file with the html in it and a single php file with all the code. How do I get php to know what tab was hit? I"m generating the table rows and data in the php so how do I get the right rows of data into the right tab section? Similar TutorialsHello, I am trying to create a website with muti level menu for the following HTML. I have attached 3 files here. 1. Outdoor.css is HTML css file 2. jqueryslidemenu is muti level menu css 3. jqueryslidemenu is muti level menu js I edited all three files with my HTML code i could not get result that i wish. navigation bar is displayed but muti level menu is not displayed. How to overcome this? Thanks, Suresh.G You probably clicked on this just to see what the title actually meant! I don't know what you call it but this is what I have and this is what i'm trying to achieve. I currently have a file, say page1.php It gives a couple of drop down selection boxes in html and a submit button, this is the first filter. The button opens page2.php which has run a query based on the drop down selections and displays data adding a checkbox to the table output. You can select certain rows via the checkbox then click another submit button which loads page3.php, updating the database based on checkboxes. Anyway, what I would prefer is to have everything inside a single page. So firstly it loads step 1, click submit and refresh with step 2 data, then step 3. Can anyone point me in the right direction of how to implement this? Assuming that it's not particularly complex to achieve. The reason to do this is for neatness as it is a solution I may distribute in the future. Thanks, Matt http://addictinginfo.webs.com/politics.htm ^^the page at hand Looking for a comment box that i can use for every story rather than just the page. If i try to copy the same comment box html over to the next stories it has errors. Any help is great. Thanks. Hi everyone, I just started tinkering with HTML coding and have been bouncing around tutorial sites and the like trying to figure out how to achieve my goals. im trying to create a 3 framed page (easily done so far)...with a form to create a purchase order style form....(heres where i begin to struggle). i have found plenty of samples of code to get the elements of the form going, drop down menus, text input, submit form via email, ect. but what im trying to find now, and im hoping someone here can help me is this. i want to create either a multi-level drop down menu, OR, a dropdown menu that referres to the next menu. ill try to explain this better with an example.... sample content for first menu.... Bread Milk Cheese say for example you select bread..... next menu content will be dependant on the first menu's selection sample content for second menu, "Bread" selected..... Wholegrain White Wholmeal sample content for second menu "Milk" selected Full cream Low fat Long life....ect, ect. I have done plenty of searching but all i have found is stuff that is waaaaaay out of my league this early in the game, most of my searching has yielded results from javascript, flash and something called jquery. is there any way to do this without spending lots of coin on fancy programs? im just using good o'l notepad here Thanks for any assistance in this, and i do appologise if it has been covered before, perhaps i have not been using the correct key words in my searches. I want to add a total of 10 forms to the same page but can only get the "Double Combo" box vehicle "Make and Modle" to work in "Ad 1". (see page link below) What am I missing or what do I need to do? Please view script form here >> http://www.netrixllc.net/clpublisher/create-ads.html I would appreciate any help... Thank you~ First let me apologize if this post has been made and/or belongs in another area but I'm not too sure even sure how to ask this. My humble site is set up like such using HTML and CSS: As of right now I have it such that when a navigation link is clicked it loads a whole new page. How can I do this such that only the "main text" area (which sits inside a table) is loaded? I hope that makes sense! ok what i am wanting to find out is how to make my menu reflect what page is being viewed the menu is in the left side of a table and the page is being viewed on the right side of the table...here is the code for my table: HTML Code: <table width="95%" cellpadding="1" cellspacing="1" align="center"> <tr valign="top"> <td valign="top" align="left" width="165"> <?PHP include "menu.php"; ?> </td> <td valign="top" align="left"> <p align="center"> <p align="center"> <p align="center"> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <div id="content"> <p align="center"><blink><b><font color="#FF0000" size="6">This Site is currently under</font></b></blink></p> <p align="center"><blink><font size="6" color="#FF0000"><b>construction. Please check back later.</b></font></blink><BR> </p> </div> <div id="fixed"> <img src="cd.gif"> </div> </tr></table> and my menu is coded like this: PHP Code: <body> <script> if (!document.layers) document.write('<div id="divStayTopLeft" style="position:absolute">') </script> <layer id="divStayTopLeft"> <!--EDIT BELOW CODE TO YOUR OWN MENU--> <table border="1" width="118" cellspacing="0" cellpadding="0"> <tr> <td width="100%" bgcolor="#000000"> <p align="center"><b><font size="4" color="#FFFFFF">Menu</font></b></td> </tr> <tr> <td width="100%" bgcolor="#000000" align="left"> <p align="center"> <blink><u><font color="#0000FF" size="4"> <a><strong>Home</strong></a></font></u></blink><br> <a href="prices.php">Prices</a><br> <a href="songs.php">Song list</a><br> <a href="contactus.php">Contact Us</a><br> <a href="sample.php">Sample Songs</a></td> </tr> </table> <!--END OF EDIT--> </layer> </body> this is how it would be for when your viewing the home page is there a way to change this so when i view the page prices for example that it would make it show home as a link and prices as a bold underlined text? I have created a menu bar that runs horizontally along the top of my website (not as a frame) and repeats across every webpage. I was just wondering if it was possible to insert some shorter code that referenced a text file that contained the menu bar code so that I would not have to put my menu code on every page. I'm thinking something in CSS might do it, but I'm not sure. Thanks. Hi, I'f made a menu and i want it to be shown on each html page i have without adding the code in each html file. I'm only using html/CSS and want to keep it that way. Thanks in advance. Hello, I am using some inline css menu but I can't figure out what to change in order to automatically center the menu on our page. The code is he http://www.greekconcierge.com/weddings.php many thanks in advance, Andy Hi, I am trying to create a menu in a form like below: <option value="1" selected>This is the slot for no.1</option> <option value="2">This is the slot for no.2</option> <option value="3">This is the slot for no.3</option> What I want is a drop down box but over multi lines if that makes sense. The reason I am doing this is the space I am putting this drop down in to is too small for the full line of text. I tried this: Putting the break code in where I would like a break in the drop down. <option value="1" selected>This is<br> the slot for<br> no.1</option> <option value="2">This is<br> the slot for<br> no.2</option> <option value="3">This is<br> the slot for<br> no.3</option> Does anyone know if this is possible or offer alternative solutions. Sorry if this doesn't make any sense at all. Thanks for your help I'm trying to build a contact form (which I know how to), but was wondering whether the following was possible. It should start with all co-workers as list values of a form menu. But when I have a form menu item with these list values: >All >Marketing >Sales When I e.g. select Marketing, the list or co-workers should have only those co-workers as list items belonging to Marketing. Same for Sales. Is there a way for the second form menu item to show only those co-workers as list items dependent upon the selected Department list items? Hi there, I am looking for a way to build a webpage for our restaurant site that would allow us to show the customers what our Desserts of the Day would be. We rotate a lot of different desserts and we always have people looking for there favorites to come in for that. I want a page where I can basically click a check box to show an image and description of the desserts we have for that day. How would I do this? Somebody said what I need is a static webpage? If somebody could show me where to start or a page that is done this way that would be great. i would like to allow surfers to access sections of my website directly from the google.com search page here is a example of what i would like to do Hi, I have a website in which the menu is the same on all pages (http://www.hiltrain.com) I have set this up so that the menu item is in bold to identify the specific page the viewer is on. This works perfectly in function and is set up by using: <body id="help"> and then using the same id in the link code, e.g. <a href="howwecanhelp.htm" id="help"> In the css file I have an entry: body#help a#help, font-weight: bold; This gets the menu item for that page to be in bold and this works fine. However this doesn't vaildate well as according to the W3C standards I can't use the id twice. Can anybody advise me on a way to change these to achieve the same affect but so that it complies with W3C. Any help greatly appreciated. Cheers Iain not sure if i need a js for this but I have a web page using page jump links to navigate a FAQ page. However, I would rather have a drop down menu/form with the links instead of a list of text links. Anybody have a clue? thanks in advance. This is what I have so far as an example... <form name="jump"><select id="select" name="select"> <option value="" selected="selected">Select</option> <option value="#1">Category 1</option> </select></form> <a id="1" name="1"></a> Category 1 Hey all I've not done a simple drop menu form in forever and in trying to refresh my memory using tutorials I've stumbled down the rabbit hole and ended up in "I wonderland" There are so many different overly complicated methods and I' starting to get annoyed. So far I have this but it gives "Error on Page" in the browser bottom left bar. HTML Code: <form name='categorymenu' ACTION=URI method=get> <select name='menu' onchange='jump(this.form)'> <option>Categories</option> <option value='index.php?page=device&device=2&cat=animal'>Animal</option> <option value='index.php?page=device&device=1&cat=retro'>Retro</option> </select> </form> Any help to end my frustration would be gratefully appreciated. ok....i have a htm form that has fields that do a get to a aspx datagrid page. this is done in the action part of the form. i set in the form to target a new winodw but how can i have that new window open with no browser menu? i have googled and found ways to do this in the input onclick but either im setting it wrong or it will not work with the get action Code: <form name="Form1" method="get" action="../lookup/phydatagrid.aspx?tablename=physicians" onsubmit="return validateZIP(this.zipcode.value, this.radius.value, this.name)" target="_blank"> Hey guys, I was wondering if anyone could help me? I wish to produce a website which works in the following way: The header and footer remain the same, and do not reload on page refresh. Then, links on a menu bar stimulate loading a new page, however only the content below the header changes. An example of this, is the CushyCMS website (http://www.cushycms.com). When you click the menu links, the header doesn't reload, only the page content does. How would I do this? My reason for wanting this method, is because I wish to have an image slider present within the header of all of my pages, and I don't wish to have to update every page each time I wish to add an image. Please help? Many thanks, Luke |