HTML - Hidden/displayed Text Box
Hello,
Just found out these forums, they are great! I have a small problem, but haven't find an answer yet. I'd like to have a text box in my webshop only diplayed if a customer selects a specific option. Please see the code below. The text box should remain hidden until a customer selects 'Color other'. Then the text box should appear, allowing the customer to enter the color he wishes. How can this be done? Many thanks for your help in advance! Marco Quote: <tr> <td width="30%" align="left" valign="middle">Color:</td> <td width="70%" align="left" valign="middle"> <select size="1" name="product3" onChange="mmCalc(this.form)" class="CLASS2"> <option value="Color blue:0" selected>blue</option> <option value="Color red:0" selected>red</option> <option value="Color other:0" selected>other</option> </select> </td> </tr> <tr> <td width="30%" align="left" valign="middle"></td> <td width="70%" align="left" valign="middle"> <input type="text" name="productItem" class="CLASS2"> </td> </tr> Similar TutorialsHi, I hope someone can help. Could you possible tell me whether there is a way to determine what text is displayed in google results. At the moment it selects text from my websites front page, but I wanted to display something specific like the following. Back Garden Moths - A true community website.. Can this be done in within the html code on the home page? Thanks Simon Hi, I have hidden text areas which leave spaces in the middle of HTML. I want to remove them. Can anyone let me know how could I do it? Thanks in advance. I have a form but a text field and a hidden field don't come in form elements.I am alerting all form elements in a javascript function which is invoked on press of a button and these two form elements don't come. Any idea why that will happen. JS function which alerts the form elements is as follows :- function populateSubmitProfile() { var i =0; alert("Number of forms "+document.forms.length) ; for( i = 0 ; i < document.forms[0].elements.length ; i++) { alert("Name of the elements :"+document.forms[0].elements[i].name) ; } } Hello again. Hope you had a wonderful Christmas. =) I think I have a better way to ask my question. I'm trying to do something similar to this webpage. ....If you copy ANY PART of the lyrics, you'll see the website's name and URL "magically" appear when you paste it. I want to do something like this. When I looked at the source code for the webpage, I got REALLY confused. Not sure if they're using a script or some CSS to do this. And I doubt I'll get a response if I emailed them, because (1) this site looks REALLY big, so they might not reply to emails, and (2) I don't speak fluent Japanese. Really hope someone can figure out how I can do this. Thanks in advance!!! Hi, In accordance to an old reputation of my here, I'm bringing a new problem to the table that may or may not be able to be explained. ( Hi again Scoutt! ) There are certain form field backgrounds on this page that are displaying completely different colors than what's in the code and if that wasn't odd enough, it's only happening on some computers. The issue is not related to OS, browser or anything else we can pin down. The link just mentioned should have blue text and blue field backgrounds to all of the form entities. Now, reference the screen shot that they sent me. Here is a portion of the code for your reference: PHP Code: <form method="post" action="/app.php"> <fieldset id="contactform" style="width:300px;"> <legend id="legend" style="color:red;font-weight:bold;">NGL Event Application</legend> <label style="color:red;font-weight:bold;">All Fields must be filled in.</label><br /><br /> <label style="color:#369;" for="lastname">Last Name:</label><br /> <input type="text" size="50" name="lastname" id="lastname" value="" maxlength="100" /><br /> <label style="color:#369;" for="firstname">First Name:</label><br /> <input type="text" size="50" name="firstname" id="firstname" value="" maxlength="100" /><br /> <label style="color:#369;" for="email">eMail Address:</label><br /> <input type="text" size="50" name="email" id="email" value="" maxlength="100" /><br /> <label style="color:#369;" for="address">Address:</label><br /> <input type="text" size="50" name="address" id="address" value="" maxlength="100" /><br /> <label style="color:#369;" for="city">City:</label><br /> <input type="text" size="50" name="city" id="city" value="" maxlength="100" /><br /> <label style="color:#369;" for="state">State:</label><br /> <input type="text" size="50" name="state" id="state" value="" maxlength="100" /><br /> <label style="color:#369;" for="zip">Zip:</label><br /> <input type="text" size="50" name="zip" id="zip" value="" maxlength="100" /><br /> What is happening here? I am having problems with my website http://www.cheapwedding.co.nz - menu on the left side seems to misbehave... It's kinda "jumping", i.e. sometimes it shows the way it should (words do not wrap) and sometimes the words wrap and it doesn't look nice.... when I refresh the page it sometimes fixes the problem, but it's not the solution. Please let me know what the problem is and how to fix it. Thanks in advance for your help! P.S. I am using Firefox 3, and my webpages are made of included php files (header, footer, left menu, top menu, right side, etc.) Hi, the images on my Tumblr blog (http://madeinzaire.tumblr.com/) have suddenly been reduced to a small size, although I didn't change the HTML codes. I tried re-editing the HTML manually several times, reinstalling the theme, refreshing the page countless times but the problem is still there. I even tried creating a new blog (http://testathome.tumblr.com/) with the same theme and posted one same photo as in my original blog: in the new blog, the photos have the correct width. But in my original blog, they don't. The strange thing is that in my blog (http://madeinzaire.tumblr.com/) the images look right on the preview, but when I save and close the "customize" box, they remain small on the blog. If I'm not mistaken the codes for the image size is: #content { float: left; width: 760px; border-right: 1px solid #ccc; padding-right: 0px; margin-bottom: 15px; padding-right: 20px; } {block:IfDetailsNextToPost} #content img {max-width: 660px;} {/block:IfDetailsNextToPost} {block:IfNotDetailsNextToPost} #content img {max-width: 760px;} {/block:IfNotDetailsNextToPost} Can someone please help me? (view entire code in attached file) Hello. I was trying to code my site, but I ran into a problem with my site working in firefox seamlessly, but looking very not good in internet explorer. I ran it through the markup validator thingy on the w3schools website, and it told me there was only one problem with the site and that was that the body tag was in the wrong spot (I don't know where else I'd put it though). And the text I put in it is way to the left in IE, but aligned right where I want it in FF. Here's what it looks like in FF: And here's what it looks like in IE: This is the code I'm using: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <title>Bite Me - The free online shonen-ai/yaoi novel - fantasy, vampires, romance, anime!</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> body { background:url(http://bitememanga.com/images/layout%20mabob%20copy.jpg) top center no-repeat; height: 884px } #yaoinovel { margin:auto; padding: 80px 0px 0px 136px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 14px; color: white; width: 610px } #updates { margin:auto; padding: 85px 0px 0px 135px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 14px; color: white; width: 625px } #adsense { margin:auto; padding: 250px 160px 0px 0px; height: 70px; width: 175px } #affiliations { margin:auto; padding: 60px 0px 0px 50px; width: 500px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size:14px; color: white; } #nav { margin: auto; padding:7px 0px 0px 128px; text-align: center; list-style-type:none; color: gray; font-family: Geneva, 'Times New Roman', Times, serif; font-size:24px; font-weight:bold; } #nav a { padding:3px; border:0px solid #ccc; font-size:18px; color:#f00; text-decoration:none; } </style> <div id="nav"> <a href="http://bitememanga.com/"><font color="white">.<font color="A30808">Home</font>.</font></a> <a href="http://bitememanga.com/book.html"><font color="white">.<font color="A30808">Novel</font>.</font></a> <a href="http://bitememanga.com/characters.html"><font color="white">.<font color="A30808">Characters</font>.</font></a> <a href="http://bitememanga.com/about.html"><font color="white">.<font color="A30808">About</font>.</font></a> <a href="http://bitememanga.com/videos.html"><font color="white">.<font color="A30808">Videos</font>.</font></a> <a href="http://bitememanga.com/comments.html"><font color="white">.<font color="A30808">Comments</font>.</font></a> <a href="http://bitememanga.com/forum.html"><font color="white">.<font color="A30808">Forum</font>.</font></a> <a href="http://bitememanga.com/more.html"><font color="white">.<font color="A30808">More</font>.</font></a> </div> <div id="yaoinovel"> Welcome to Bite Me, the online shonen-ai/yaoi novel about Aku the vampire, and his love, Haru. You're probably wondering what this means. Well, shonen-ai means "boys love", in other words, love between two boys. A manga is a japanese comic book that reads from right to left, and a manga-novel is a book with Japanese names, settings, and customs that you may find in a manga. <br><br><br> We also have lots of shonen-ai and yaoi videos and a forum to discuss boys love. We hope to see many active participants in our site! </div> <div id="updates"> <font color="A30808">*06/25/2009*</font> Switched layouts! We hope everybody likes the new one! : D Also, we added a videos page and changed the forum a lot.</div> <div id="adsense"> <script type="text/javascript"><!-- google_ad_client = "pub-0516390167224604"; /* 468x60, created 6/25/09 */ google_ad_slot = "9079773776"; google_ad_width = 468; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <div id="affiliations"> <a href="http://www.durka2manga.com/" title="Durka 2 Manga"><img src="http://www.durka2manga.com/images/d2m_aff.jpg" alt="Durka 2 Manga" title="Durka 2 Manga" width="100" border="0" height="31"></a> <br>If you'd like to become an affiliate, please email us at bitememanga@hotmail.com</div> <body> <p></p> </body> </html> I could really use help with this. I appreciate anything you can do! Hi My problems: Q1: I am getting data from mySQL to populate fields to generate a report in html. The report are in two pages. Sometimes page two comes into page one. is there a way we can force page two to be only in page two. Q2: If I am printing only 1 page report, is there a way to force print (without changing print setting to print) into one page. Thanks Siva Dont know if it is the right forum place I have html links on my web site. These links are to files. Recently when i clicked the link, the file "open / Save" dialogue appears, but now i receieve a page can not be displayed. Right click save as works i.E 7, What could be causing this Regards, Alan Hi, I need some clarification regarding HTML editors and how to display the data that is stored through HTML editors. This is the HTML editor we are using and the following image is the data (uploaded by the HTML editor) displayed in a PHP file. Editor: Displayed label: Please tell me how I can avoid displaying the HTML code in the labels and display the special characters instead. Thanks in advance, Ravi. Hi there I'm trying to make a website for a friend - http://wwwdev.cfpaddler.co.uk. At the top of the site is a 1x40 pixel (WxH) GIF - a horizontal gradient - that is told to have a width of 100% so that it takes up the entire width of the browser window, regardless of resolution. I want to put a 250-pixel-wide JPEG immediately to the left of this GIF and then make the GIF take up the rest of the space available. I tried setting the GIF width to 100% again but it puts the JPEG on the top line and then stretches the GIF across the entire window just beneath it. I'd be happy to use PHP (although I'm a beginner at it) to maybe detect the user's browser window width (if it's possible?) then perform a calculation to find what 100% width minus 250 pixels is... Any suggestions are very much appreciated; thanks for taking the time to read this. Chris Images in question are http://wwwdev.cfpaddler.co.uk/images/top_border.gif and http://wwwdev.cfpaddler.co.uk/images/top_logo.jpg. the page is displayed well in IE6, IE7, firfox 3, but not in firefox 2 no matter wht is the height of the page it only shows part of it (about 800px height) how can i solve that????? (i'm working locally) thnx in advance :hat: What are the common issues with websites not being properly displayed in Firefox? Reason is due to my website being displayed correctly in IE but when switching to Firefox the site suddenly breaks apart. Any ideas? I created a sliced image / navigation in Fireworks CS5 and implemented it on a page with success. I then attempted to implement the same code to the header of a WordPress theme, giving me some issues. The actions work correctly, but the images are significantly lower, blocking a portion of the remaining page, and not correctly aligned with one another. I checked for conflicts in the CSS, as well as other simple errors, but couldn't really find what the cause was. Any suggestions? Homepage (correctly displayed graphic): http://camhabib.com WordPress (incorrectly displayed): http://blog.camhabib.com Hey guys, I'm trying to use submit buttons to display different websites in an iframe (or maybe I could use css?) What I'm basically trying to do is display different SQL databases when you click different buttons. So the code in the website in the iframe will just display the database. Thanks Hi everyone, my first post here! I'm trying to develop a website to display weather. Its really quite simple; One computer runs some weather software which gets its data from a weather station, the weather software creates .jpg images of the data it receives and ftp's them every 60 seconds to a webserver that just has a simple html page displaying all of the 6 images on one page again refreshing every 60 seconds. This has been running for some time but I have recently been asked to include data from another computer that monitors tidal height. This computer also ftp's its data every 60 seconds to the same webserver but in a csv .txt file. I can display this txt file directly on the site in a iframe but its really badly formatted. What's the best way of formatting the data client side? I thought maybe with javascript, but its something I have never used before. thanks in advance, Nick Hi, Quite some time ago I was faced with putting a website together for the first time for a local community group (my wife nominated me!). Rather than tell you all what it contains and how it looks, it is probably easier for me to give you the link which is the Friends of Clifton Park based in South Yorkshire, UK. This website consists of eight html pages. The first is the index, second is the welcome page and the rest are linked pages via links on the left. On every of the "linked" pages, only the main body changes, with the exception of each link showing in Caps and link disabled. The problem I'm having is that every single one of the linked html pages are the same, except the displayed text. 90% is the page set-up. So my question is: Is it possible to "import" the required text information when a link is clicked on straight into the main body of ONE html page? btw, you'll notice that the page height isn't fixed, it expands depending on amount of information in it. I have tried IFRAME but don't really seem to be getting anywhere as I can't seem to make the height auto-adjust. A specified height value has to be entered for each "page". This is no good as more information will be needed to be put on. So basically what I am trying to do is: Keep the index.html Change the welcome.html to display the main page (graphics/images, etc) Import text into main body into the welcome.html page when a link is clicked on. Thus reducing the need of duplicate html pages and just having text files containing the main body text. The main reason for wanting to do this is a) stop all the duplication of page set-up in each html file, and b) make it easier for the guy that wants to add information where needed, straight into notepad (txt file) and upload it to the website. I hope all the above makes sense and if anyone requires further information, I will only be to happy to provide it! Thank you. I think I have the same problem, I am setting up a site offering bands a personal page on a local music scene website. the band's page is displayed in a frame when I have created a page for the band i want to offer them a url to directly link to their page but still show the entire frameset (index.html) what would this url be or how woul i go about creating it? would really appreciate the help, cheers! Luke |