|
HTML - Form Menu Help
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 Similar TutorialsI'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? 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? 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"> I am trying to get rid of the "You have to click to activate this function" mumbo jumbo for a site I am doing. I tried following these directions... http://www.adobe.com/devnet/activeco...devletter.html but am having a rough time getting it to work... here is my code. Code: <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','900','height','140','src','GoodDock','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','GoodDock' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="900" height="140"> <param name="movie" value="images/GoodDock.swf" /> <param name="quality" value="high" /> <embed src="images/GoodDock.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="900" height="140"></embed> </object></noscript> Hello, I'm new to this forum, so first, hello! Actually, I'm new to web design in general but have taken on the role at the church I work at because our old site was a mess. I downloaded some nice looking templates and have been using them as a foundation. The site is www.miamibc.com. If you go there and look at the header menu (home, about us, etc), I want to consolidate that menu some and add a drop down menu with more choices. Is there a way I can do this while keeping it looking the way it does now? If you need any more info from me, let me know. Thanks for your help! Ben script completed, thx Hi all, I have a simple newsletter form, so just the email field and a submit, what I would like to do is to send this data to a larger subscriber form, so one that has name, email (with the data previously entered already added), list to subscribe to etc. Can this be done? Thanks I have a form with a number of elements. One of these elements is: <input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-butcc-subscribe.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!"> Clicking on that element makes the form submit. But if I add a similar element: <input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-butcc-subscribe.gif" border="0" name="submit2" alt="Make payments with PayPal - it's fast, free and secure!"> ...clicking on that also makes the form submit. So was wondering if anyone knew what the rules were for which elements make a form submit? Cheers, James I have a simple signup form on my site that I want to pass the input to the larger signup form. Here is the code for the simple form: <form action="http://bigdogcattle.com/?a=Cattle_Mailing-List_SignUp" method="post" accept-charset="UTF-8"> The larger signup form is located he http://bigdogcattle.com/?a=Cattle_Mailing-List_SignUp I want the email address from the simple form to move to the larger form when the submit button is pressed. Ideas? HTML Code: <form method="post" action="mailto:xxxxxxxx@xx.com ">
<table class="text3">
<tr><td valign="top" width="140">Voornaam:</td><td><input name="requiredvoornaam" type="text" id="requiredvoornaam" class="veld" size="30" /></td></tr>
<tr><td valign="top" width="140">Achternaam:</td><td><input name="requiredachternaam" type="text" id="requiredachternaam" class="veld" size="30" /></td></tr>
<tr><td valign="top">E-mail:</td><td><input name="requiredemail" type="text" id="requiredemail" class="veld" size="30" /></td></tr>
<tr><td valign="top">Telefoonnummer:</td><td><input name="requiredtelefoonnummer" type="text" id="requiredtelefoonnummer" class="veld" size="30" /></td></tr>
<tr><td valign="top">Adres:</td><td><input name="requiredadres" type="text" id="requiredadres" class="veld" size="30" /></td></tr>
<tr><td valign="top">Woonplaats:</td><td><input name="requiredwoonplaats" type="text" id="requiredwoonplaats" class="veld" size="30" /></td></tr>
<tr><td valign="top">Aankomstdatum:</td><td><select name="adag" id="adag">
<option value="Dag">Dag</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="amaand" id="amaand">
<option value="Maand">Maand</option>
<option value="Januari">Januari</option>
<option value="Februari">Februari</option>
<option value="Maart">Maart</option>
<option value="April">April</option>
<option value="Mei">Mei</option>
<option value="Juni">Juni</option>
<option value="Juli">Juli</option>
<option value="Augustus">Augustus</option>
<option value="September">September</option>
<option value="Oktober">Oktober</option>
<option value="November">November</option>
<option value="December">December</option>
</select>
<select name="ajaar" id="ajaar">
<option value="Jaar">Jaar</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
</select>
</td></tr>
<tr><td valign="top">Vertrekdatum:</td><td><select name="vdag" id="vdag">
<option value="Dag">Dag</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="vmaand" id="vmaand">
<option value="Maand">Maand</option>
<option value="Januari">Januari</option>
<option value="Februari">Februari</option>
<option value="Maart">Maart</option>
<option value="April">April</option>
<option value="Mei">Mei</option>
<option value="Juni">Juni</option>
<option value="Juli">Juli</option>
<option value="Augustus">Augustus</option>
<option value="September">September</option>
<option value="Oktober">Oktober</option>
<option value="November">November</option>
<option value="December">December</option>
</select>
<select name="vjaar" id="vjaar">
<option value="Jaar">Jaar</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
</select>
</td></tr>
<tr><td valign="top">Welke huisje:</td><td><select name="huisje" id="huisje">
<option value="1">.____Huisje Zomerbries_____.</option>
<option value="2">.____Huisje Wervelwind_____.</option>
<option value="3">.____Huisje Tornado________.</option>
</select>
<tr><td valign="top">Aantal personen:</td><td><select name="aantal personen" id="aantal personen">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
<tr><td valign="top">Overige vragen:</td><td><textarea name="bericht" rows="6" cols="23" id="bericht" class="area"></textarea></td></tr>
<tr><td valign="top"></td><td><input type="submit" name="sendFormButton" value="Verzenden" id="sendFormButton" /></td>
</tr>
</table>
</form>
</td></tr></table>
This is what i get once tested... its out of order... Help me plz...... Im not good with those thingz.. okey so i have maken an image af the menu i would like to have but i cant seem to make it, i have tryede for a long time now and I need some help to make it the menu looks like the bellow image and have the hover effect as U can see an the 3th link, there is 3 links when U run the mouse over it.. the only thing i know i want about the menu about the code part is that it must not contain "px" only give it the size with "%", else U guys can do what ever U want to make it.... HOME Botton shall not have the hover Menu: Thanks for Ur help Hi, I wondered if someone could help me. I wanted to make a Nav Menu using this design and having the text buttons as links. Is this possible and something that can easily be done? Thanks, Jack I am not a CSS pro but learning. I'm stuck trying to figure out how to get the menu (which appears above logo) to the right side, same row. Please help me do this. This is the part of my index.html file Code: <body> <div id="wrapper"> <div id="head"> <h1><a href="index.htm"><span>Web hosting solutions</span></a></h1> <script language="JavaScript" src="include_files/js/menu/menu.js" type="text/javascript"></script> </div> Attached is the entire css file. Also, you'll see the example of how it should appear (my goal) and how it does appear now, stuck above logo. hey everybody, does anyone know the html? http://asdsdasad.blogspot.com/ notice where it says blog archive, and when you click the play button, the menu drops down. i need something just like that. one more thing, http://en.wikipedia.org/wiki/Main_Page on the left side there is a menu, i wanted to have a similar menu, but just with the drop menu thing i mentioned earlier thanks Hi, In the menu bar on our website I have a couple of sub meu's. They work in Firefox and Safari but not in IE. The web address is http://www.perisandcorr.com The sub menu on the Products page and screen printing should be indented but it doesn't seem to work in IE. Any suggestions??? Thanks in advance Dyfrig I currently have a website with the ddaccordion menu from dynamic drive. Everything works great but every time the customer wants to add something I have to change the menu for just about every single page since the menu is used throughout the site. My question is, is there any way to have it come from a single source and then just insert a link to that source where the menu normally goes? Then when I want to add something all I have to do is edit that source just like you would with a flash menu? Any suggestions? I would like to stay away from javascript and flash as much as possible. I keep feeling like this answer is right in front of my face and I'm just not seeing it! Thanks in advance! Hi, How can you create a menu that changes colors when you move over it with your mouse and where you can link other page's on. I only need to insert text if it can be something like a tabel that changes the colors not only the text but the background of text too . Can someone help me with thisone Thx I am very new to Html and everything that goes along with it. I have done ok so far trying to put a "Menu bar" up on the top of one of my games. Its not a traditional menubar. This is going to have a FB like button, a tweet button, and a Facebook button to my app fan page. when i do the like button and tweet button by them selves it looks fine. but when i try to add the Fan page button (that is basically an Anchor link) it goes all awry. here is the code I have <ul id="list-nav"> <div id="fb-root"></div> <script>(function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js#appId=116334528469376&xfbml=1"; d.getElementsByTagName('head')[0].appendChild(js); }(document));</script> <li><div class="fb-like" data-href="http://www.facebook.com/apps/application.php?id=146310492066325" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true" data-colorscheme="dark"></div></li> <li><a href="http://www.facebook.com/apps/application.php?id=146310492066325"> <img src='http://www.carboncopygames.com/files/facebook.png' /></a></li> <li><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.facebook.com/apps/application.php?id=146310492066325" data-text="Try Out AcroBlast on Facebook #flashgame" data-count="horizontal" data-via="doorsmaniac">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></li></script> </ul> you can see what it looks like here Sorry if I butchered this Thanks! http://www.scubatoo.net/tester.html OK SO... I have this new site up and playing around with it a bit. I am using Coffee cup editor and am having a bit of trouble. If you look into the code you will see that I have a Travel bar in my menu that isn't showing up. Why is that? Also I want to move the Travel, Glennies Pond, and Scuba Sunday bars down about 30 PX how can I do that? One last thing. I want the header, footer and menu bar to be my template for the entire site. Where do I put this file in my server, and how do I direct the rest of my pages to this template? Will this make load times faster? And if i do get this all set up correctly will I just put the div tag in the head of the document and then type out the rest of the page like normal?? Thanks, Ryan |
|||||||