HTML - Hidden Content
Hey guys, need a little help with a site im playing with right now.
I have a basic site (header, footer, nav, content, and promo area) i use ul, li, a for the nav. When i hover my navigation links it supposed to display black for 1st and second level, and i use the visibility element for anything higher than than. However when i hover i can see my navigation but alot of it is hidden behind my content. Any Ideas. Thanks In Advance for any help. P.S. Just another quick question i created my own java carousel and it works great but i want to add links in my nav to a specific "slide" in my carousel which i think woulod require a link to the page and to call a javascript function at the same time is this possible or is there another way to do it. Similar TutorialsHi, Im trying to make my footer content align correctly to the main content when a window resizes. The apdivs don't seem to want to move at all even with a relative position etc. I have tried everything but just cant get it to work can someone help please? http://pjm.co.uk.uksite4.yourwebserv...splay&PageID=5 Also some one commented before on the amount of css and JS pages. These will al be stripped out as its an Open sources system im using! Thansk alot Joe Hello, Can any one figure out how the search box and the logo in the attached webpage are not visible in the normal view mode, but it is in the edit mode? Try to open it with FrontPage. Thanks in advance I created an imagemap and then used a code to delete everything on my myspace. Then I inputted the image. My problem is that I would still like music to be playing (specifically, a player from projectplaylist.com) yet for the actual player not to be seen. I've tried it both visible and invisible, and nothing I do seems to work. the code for the imagemap is: HTML Code: <img src="http://aycu04.webshots.com/image/36643/2005878877534999389_rs.jpg" usemap="#Myspace layout" alt="" style="border-style:none" /> <map id="Myspace layout" name="Myspace layout"> <area shape="rect" alt="" coords="16,37,214,57" href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xMDg4NjA3MjYmTXlUb2tlbj1mZTBiZjVkOC1jNDE3LTQwYzMtYWMyZi02YmVmZmVjY2ZhOWI=" title="" /> <area shape="rect" alt="" coords="256,37,392,56" href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MTA4ODYwNzI2" title="" /> <area shape="rect" alt="" coords="443,37,566,54" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld0FsYnVtcyZmcmllbmRJRD0xMDg4NjA3MjY=" title="" /> <area shape="rect" alt="" coords="601,37,783,56" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD0xMDg4NjA3MjYmTXlUb2tlbj0wZGQyNDc3ZS03OTZlLTQxYjEtODZjYS1jZGU0YTNlYTk1Mjc=" title="" /> <area shape="rect" alt="" coords="54,303,307,579" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld0FsYnVtcyZmcmllbmRJRD0xMDg4NjA3MjY=" title="" /> <area shape="rect" alt="" coords="368,360,459,451" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTExNTQzNjYxNSZNeVRva2VuPWE5MWJkMmFkLTE5ZjYtNDBiNC05MTllLTdjZDFjZGI1YzJmNg==" title="" /> <area shape="rect" alt="" coords="367,456,458,470" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTExNTQzNjYxNSZNeVRva2VuPWE5MWJkMmFkLTE5ZjYtNDBiNC05MTllLTdjZDFjZGI1YzJmNg==" title="" /> <area shape="rect" alt="" coords="476,360,567,451" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTk3MjAzNDM4Jk15VG9rZW49YTkxYmQyYWQtMTlmNi00MGI0LTkxOWUtN2NkMWNkYjVjMmY2" title="" /> <area shape="rect" alt="" coords="502,456,540,470" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTk3MjAzNDM4Jk15VG9rZW49YTkxYmQyYWQtMTlmNi00MGI0LTkxOWUtN2NkMWNkYjVjMmY2" title="" /> <area shape="rect" alt="" coords="583,360,673,451" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTE5ODkyNTgwNA==" title="" /> <area shape="rect" alt="" coords="605,455,651,471" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTE5ODkyNTgwNA==" title="" /> <area shape="rect" alt="" coords="694,496,786,586" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTEzNDcwNjAwOCZNeVRva2VuPTZjZWMxZjI1LTM4MDktNDg3ZC1hMTEyLTg1MWRjYjkzZDVlMA==" title="" /> <area shape="rect" alt="" coords="698,591,783,607" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTEzNDcwNjAwOCZNeVRva2VuPTZjZWMxZjI1LTM4MDktNDg3ZC1hMTEyLTg1MWRjYjkzZDVlMA==" title="" /> <area shape="rect" alt="" coords="583,496,674,586" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTY0ODcwNjMxJk15VG9rZW49NmNlYzFmMjUtMzgwOS00ODdkLWExMTItODUxZGNiOTNkNWUw" title="" /> <area shape="rect" alt="" coords="613,592,646,611" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTY0ODcwNjMxJk15VG9rZW49NmNlYzFmMjUtMzgwOS00ODdkLWExMTItODUxZGNiOTNkNWUw" title="" /> <area shape="rect" alt="" coords="501,593,542,605" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTUwNTg1MTYyJk15VG9rZW49NmNlYzFmMjUtMzgwOS00ODdkLWExMTItODUxZGNiOTNkNWUw" title="" /> <area shape="rect" alt="" coords="476,495,566,586" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTUwNTg1MTYyJk15VG9rZW49NmNlYzFmMjUtMzgwOS00ODdkLWExMTItODUxZGNiOTNkNWUw" title="" /> <area shape="rect" alt="" coords="382,592,443,608" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTM0MDA3OTY3Jk15VG9rZW49NmNlYzFmMjUtMzgwOS00ODdkLWExMTItODUxZGNiOTNkNWUw" title="" /> <area shape="rect" alt="" coords="369,495,459,586" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTM0MDA3OTY3Jk15VG9rZW49NmNlYzFmMjUtMzgwOS00ODdkLWExMTItODUxZGNiOTNkNWUw" title="" /> <area shape="rect" alt="" coords="704,456,776,473" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTg2NzAxMDYzJk15VG9rZW49NmNlYzFmMjUtMzgwOS00ODdkLWExMTItODUxZGNiOTNkNWUw" title="" /> <area shape="rect" alt="" coords="695,360,785,451" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTg2NzAxMDYzJk15VG9rZW49NmNlYzFmMjUtMzgwOS00ODdkLWExMTItODUxZGNiOTNkNWUw" title="" /> <area shape="rect" alt="" coords="667,644,786,666" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPTEwODg2MDcyNiZNeVRva2VuPTZjZWMxZjI1LTM4MDktNDg3ZC1hMTEyLTg1MWRjYjkzZDVlMA==" title="" /> <area shape="rect" alt="" coords="123,1179,299,1195" href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTEwODc5ODM4Nw==" title="" /> <area shape="default" nohref="nohref" alt="" /> </map> the code for deleting the contents of the page is: PHP Code: <style type=text/css> embed, object { display: none } .contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12,.btext, .redtext, .redbtext { display:none; height: 0 !important; visibility:hidden; } td td td td { border:0px;width:0px;text-align:left; } table,td { padding:0px; width:0; background-color:transparent; } table table table { padding:1px; height:.01%; width:100%; } table table,table table table table,table,tr,td { height:0px !important; border:0px !important; } a.text,table div font a,table div div,.navbar font,tr td font { visibility:hidden; display:none; height:0px !important; } table table table table,table table table table td.text, td.text td.text table { display:none; } td.text table table { display:inline; visibility:visible; } table td table tr td.text table { visibility:hidden; } table td table tr td.text table table,table td table tr td.text table table td.text { visibility:visible; } </style> and the code for the playlist is: HTML Code: <div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450px;"><embed style="width:435px; visibility:visible; height:270px;" allowScriptAccess="never" src="http://www.profileplaylist.net/mc/mp3player.swf?tomy=http://www.profileplaylist.net/mc/config/config_black.xml&mywidth=435&myheight=270&file=http://www.profileplaylist.net/loadplaylist.php?playlist=538248" menu="false" quality="high" width="435" height="270" name="mp3player" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0"/><BR><a href=http://www.profileplaylist.net><img src=http://www.profileplaylist.net/mc/images/create_black.jpg border=0></a><a href=http://www.profileplaylist.net/standalone/538248 target=_blank><img src=http://www.profileplaylist.net/mc/images/launch_black.jpg border=0></a><a href=http://www.profileplaylist.net/download/538248><img src=http://www.profileplaylist.net/mc/images/get_black.jpg border=0></a> </div> thank you to anyone who helps :] hi everybody, iam a learner, my mind got struck in this topic in xhtml.So i thought asking on this topic may help.Now here is the question, what are Hidden controls? what are the uses for hidden controls? and how they are used? I learned that they are used to store the form data submitted by user and send to next page while your form spans more than one page, but my mind is not so clear about this topic. so plz answer my question.plz dont paste links. Thanks and Regards. Hi guys, I have a drop-down navigation bar on my website for my school project. While I am creating the website, the drop-down have no problem overlaying the flash script in Firefox. But when I tested it in IE, it did not managed to overlay the flash script and the drop-down went to the back of the script instead. Can anyone advise me what to do? Thank you so much!!!! Much appreciated!!! My website is located at: http://17thstop.sg/demo/index.htm If you need any part of my script, feel free to ask! 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> I don't know if this thread belongs here, so move it if need be, Hi, I would like to make a square div (being about 100px - 150px width & height), which has the usual 'X' in the corner which is an <a> tag which makes the div dissapear. I have tried this with onclick functions but it doesn't work. Here's what I've tried: HTML Code: <a style="margin:5px;color:#FFFFFF;" onmouseclick="document.getElementById('banner1').style.visibility:hidden;" href="javascript:void()">Click</a> <div id="banner1" style="margin:10px;color:#FFFFFF;background-color:#DDDDDD;">DIV</div> I have changed the href of the <a> tag to different things, but they don't work. This is a prototype so it will be put into CSS later. I would like to have the box slide in about a second after the page has loaded, and then slide back down when the 'X' is clicked, I hope this doesn't require too much code! I will check back so I can answer any questions. Thanks, ToshNeox Hi there, I have a shopping cart website that i have almost completed apart from the search box function which I am told by the software authors is not working because somehow I have coded up one of my div tags (e_page) to show as hidden. Now I am not an expert on html and only self taught. I have tried many different things but I cannot get the generated source code to show the "e_page" div tag as visible at the following address: http://client.erolhosting.co.uk/bohemian/ Can anyone advise how I can do this? Many thanks Hey Guys, I am sure it is something stupid that i am doing but cant figure it out.. I have 3 pages A,B and C. Users go to A and enter a search criteria, Paage B gives the result, with action(delete), on clicking the link users are directed to page C with a back link to page B in case they want to delete more entries.. For some reason i cannot get the search criteria (from A) to be transfererd from B to C. Any help would be appreciated.. thanks.. Code on B HTML Code: <form method="POST" action="C.asp"> <input type="hidden" name="hdnSearchCriteria2" value="<%=strUpdateOption%>"> <input type="hidden" name="hdnSearchKey2" value="<%=strUpdateKey%>"> The response.write for strUpdateOption works fine... On page B I also have a link HTML Code: <a href=""../Delete/HdwDelete.asp?HdwID="& rs.Fields("ID") &" "">Delete Record</a> </Form> ON page C HTML Code: <% strSearchCriteria1 = Request.QueryString("SrchFor") strSearchCriteria1 = Request.Form("hdnSearchCriteria2") strSearchKey1 = Request.Form("hdnSearchKey2") ... i can read the strHdwID but not strSearchCriteria1 any suggestions ??? thanks tanmay hey can you guys help me. i found this on the net and i want to use it but it doesnt work in IE. Can you guys look at the code and help me fix it? here is the page. http://216.55.165.15/Ecommerce/Zoom.html Thank you guys very much. Forgive me if this seems like a stupid question but I need help... I'm trying to do a simple online form that emails me the results from a few fields. Here is the code: Code: <form action="http://cm1web1/WebSurveyComponents/script/processform.asp" method="post"> <!-- Mandatory "hidden" objects --> <p> <input type="hidden" name="strInputElements" readonly value="Suggestion"> <input type="hidden" name="strInputElements" value="Name"> <input type="hidden" name="strInputElements" value="Email"> <input type="hidden" name="strInputElements" value="Business Unit"> <input type="hidden" name="intSendMode" readonly value="0"> <input type="hidden" name="strSendParms" readonly value="mark@website.com,CSPS Intranet Suggestion Box"> Name: <input type=text name="Name"> <br>(optional, but required if you would like a response to your comments or suggestions)</p> <p>Email: <input type=text name="Email"> <br>(optional) </p> <p>Business unit: <input type=text name="Business Unit"> <br>(optional) </p> <p> <textarea name="Suggestion" rows="12" cols="40">Write your feedback or suggestion here</textarea> <br> <br> <input name="Send" type="submit" value="Send"> <input name="Clear" type="reset" value="Clear"> </p> <p>(Unless you fill in your name and/or email, this form is completely anonymous)</p> </form> And the email I receive looks like this... Field = Suggestion Response = Write your feedback or suggestion here Field = Name Response = Field = Email Response = Field = Business Unit Response = The "Suggestion" field works fine, but the Name, Email and Business Unit fields all come through with blank responses. Any ideas? Thanks! Mark I have a dropdown menu on a website. I just put this flash music player on one of the pages: http://www.flashmp3player.org/ The problem is the dropdown displays under the flash player. Another problem is, the script to display the player is not flash, it's javascript, so I can't add Code: <param name="wmode" value="opaque"></param> to push the flash player behind. Anyone know of a way to force the dropdown menu on top? Hello everyone! I've got a pretty strange problem. I have a div with overflow: hidden and it works fine in all the browsers except Safari. In Safari, if you have a Macbook, you can scroll the contain of the div using two fingers. However, there is no problem like this on the iTunes site. Here is my code: HTML Code: <div style="width: 480px; height: 320px; overflow: hidden; position: relative"> <img src="http://new.yogamen.net/uploads/games/crazy/1.png" style="float: left" /> <img src="http://new.yogamen.net/uploads/games/crazy/2.png" style="float: left" /> <img src="http://new.yogamen.net/uploads/games/crazy/3.png" style="float: left" /> <img src="http://new.yogamen.net/uploads/games/crazy/4.png" style="float: left" /> </div> Okay, so obviously, this is my first post, and i know how much forum-ers can hate on first posters, but I have a valid question here First of all, I really dont even know what coding language I should use to do this. I am fairly experienced in PHP, CSS, and HTML. JS is new to me, but I am learning. Anyways, what I want to do, is have someone click on a link that links to a section of the same page (such as "<a href="#section">) and the part of the page containing the <a name="section"> code is hidden. When the <a href="#section"> link is clicked, a section of the page disappears and the section containing the <a name="section"> appears. My first instinct is that JavaScript would be the easiest to do this, but I'm not super experienced in it, so I'm kinda lost. I really don't know how to explain this any more thoroughly, but I will answer any questions to the best of my ability. Thanks in advance, Austin I want to be able to use radio buttons on my form but I need the selected one to update 2 seperate fields in my database. I am attaching what I have tried, but didn't work. I am new to all of this, so please be gentle HTML Code: <INPUT class="element radio" id=element_5_1 type=radio value=Swee****er Golf and CC=Ub2venue> <input type="hidden" name="Ub2bwsdate" value="10/22/2008"/> <LABEL class=choice for=element_5_1>Oct. 22 6:30p.m. Swee****er Golf and Country Club, Apopka </LABEL> <INPUT class="element radio" id=element_5_2 type=radio value=Swee****er Golf and CC=Ub2venue> <input type="hidden" name="Ub2bwsdate" value="10/23/2008"/> <LABEL class=choice for=element_5_2>Oct. 23 2:30p.m. Swee****er Golf and County Club, Apopka </LABEL> <INPUT class="element radio" id=element_5_3 type=radio value=USBank, KC=Ub2venue> <input type="hidden" name="Ub2bwsdate" value="10/28/2008"/> <LABEL class=choice for=element_5_3>Oct. 28 2:30 p.m. USBank, Kansas City </LABEL> <LABEL class=choice for=element_5_4></LABEL> </SPAN> I need it to update field Ub2venue with the locaion and update the Ub2bwsdate field with the date from the selected one. Any help would be appreciated. Ok so i've recently started html. Moving along, I'm reading a book on xhtml and its talking about hidden fields. Now I get the general idea of what it is used for, but how would it be implemented in a website? or at least can someone give me a better explanation than this one paragraph in this book. Also, I'm seeing foo a lot when talking about the name attribute...it came out of nowhere. Why are they naming stuff foo? Hi there. The pages in question a http://www.thepeopleupstairs.com/index.html and http://www.thepeopleupstairs.com/tour.html I'm attempting to use an include to display an "upcoming shows" list beneath the Flash music player in the right column and by itself on /tour.html. It's displaying fine in Dreamweaver, but is hidden when I view it in IE and Firefox. Here's the URL of the page I'm attempting to include: http://www.thepeopleupstairs.com/showsinclude.html Any help would be appreciated. It's driving me nuts. Thank you. Website: http://the1337arcade.com/pt/ Problems: I Got the Dropdown Menu Fixed like i want it, The only problem is the 1px at the end of the navigation, if i add a extra px to the padding it drops that and makes the last button go down to the next row... i want it all to be in the same line HTML: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd"> <html> <head> <title>Pine Tree High School - Theatre Department</title> <meta name="description" content="The Homepage for the Pine Tree High School Theatre Department."> <meta name="keywords" content="Pine Tree High School,Pine Tree High School Theater,Theatre,Anup Patel,The1337Arcade"> <link href="style.css" type="text/css" rel="stylesheet"> <script type="text/javascript"> var timeout = 500; var closetimer = 0; var ddmenuitem = 0; // open hidden layer function mopen(id) { // cancel close timer mcancelclosetime(); // close old layer if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; // get new layer and show it ddmenuitem = document.getElementById(id); ddmenuitem.style.visibility = 'visible'; } // close showed layer function mclose() { if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; } // go close timer function mclosetime() { closetimer = window.setTimeout(mclose, timeout); } // cancel close timer function mcancelclosetime() { if(closetimer) { window.clearTimeout(closetimer); closetimer = null; } } // close layer when click-out document.onclick = mclose; </script> </head> <body style="background-image: url('bg.jpg')"> <table align="center" cellpadding="0" cellspacing="0" class="container"> <tr><td><div id="header"><a href=index.htm><img border=0 src="logo.jpg" class="logo" alt="PTHS Theatre"></a></div></td></tr> <tr><td> <table align="center" cellpadding="0" cellspacing="0" class="main"> <tr><td> <ul id="sddm"> <li><a target=I1 href="home.htm">Home</a></li> <li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Theatre Productions</a> <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a target=I1 href="#">2008-2009</a> <a target=I1 href="#">2007-2008</a> <a target=I1 href="#">2006-2007</a> <a target=I1 href="#">2005-2006</a> </div> </li> <li><a target=I1 href="about.htm">About The Director</a></li> <li><a target=I1 href="contact.htm">Contact The Theatre </a></li> <li><a target=I1 href="contact.htm">Links</a></li> <li><a target=_blank href="http://ptisd.org">District Home Page</a></li> </ul> <div style="clear:both"></div> </td></tr> <tr><td> <center><DIV STYLE="margin-top:10px;"> <iframe name="I1" width="100%" height="400" src="home.htm" border="0" frameborder="0"> Your browser does not support inline frames or is currently configured not to display inline frames. </iframe> <br> </p> </td></tr><tr><td> <div id="blackfooter"> <span style="float:right;"> p: 903.295.5031. e: <a href=mailto:mgoodding@ptisd.org> <span style="text-decoration: none"><font color="#FFFFFF">mgoodding@ptisd.org</font></span></a><font color="#FFFFFF"> </font> </span> 1001 Fairmont Street | Longview, Texas 75605</div> </td></tr> </table> </td></tr> <tr><td> </td></tr> </table> </body> </html> CSS: Code: /* CSS */ html { height: 100%; margin-bottom: 1px; } body { margin: 15px 0px 15px 0px; background: url(/images/bg.jpg); } table.container { width: 750px; background: #FFFFFF; border: solid 1px #000000; } table.main { width: 700px; background: #FFFFFF; border: solid 1px #000000; } ul { margin-top: 5px; } /* header */ #header img.logo { margin: 20px 0px 0px 20px; border: 0; } #header .login { margin: 20px 25px 0px 0px; width: 198px; height: 20px; float: right; font-size: 13px; } #header .login form { margin: 0px; } /* main nav */ #nav { width: 100%; background: #000000; color: #000000; text-align: center; line-height: 25px; } #nav a { margin: 0px 15px 0px 15px; color: #FFFFFF; text-decoration: none; } #nav a:hover { margin: 0px 15px 0px 15px; color: #0026b9; text-decoration: none; } /* footer */ #blackfooter { width: 100%; background: #000000; font-size: 13px; color: #FFFFFF; text-align: left; line-height: 23px; } #footer { width: 700px; background: #FFFFFF; margin: 10px 0px 10px 25px; font-size: 11px; color: #444444; text-align: center; } #footer a { margin: 0px 3px 0px 3px; color: #444444; text-decoration: underline; } #sddm { margin: 0; padding: 0; z-index: 10} #sddm li { margin: 0; padding: 0; list-style: none; float: left; font: bold 11px arial} #sddm li a { display: block; margin: 00px 0 0; padding: 4px 17px 4px 16px; width: auto; background: #000000; color: #FFF; text-align: center; text-decoration: none} #sddm li a:hover { background: #0026b9} #sddm div { position: absolute; visibility: hidden; margin: 0; padding: 0; background: #000000; border: 0px solid #5970B2} #sddm div a { position: relative; display: block; margin: 0; padding: 0px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background: #000000; color: #FFFFFF; font: 11px arial} #sddm div a:hover { background: #0026b9; color: #000} Thanks for all Help.. Hi all! I'm trying to pass an array as a hidden field from a form in the URL of the browser but it's not working. Can you tell me what is wrong with this...it's my first attempt so be gentle The form HTML is <form name="filter" action="http://www.myurl.com" method="get"> <input type="hidden" name="main_page" value="index" /> <input type="hidden" name="Flt_Grade[]" value="100" /> <select name="filter_id" onchange="this.form.submit()"> <option value="1">Most Popular</option> <option value="2" selected="selected">Price: Low to High</option> <option value="3">Price: High to Low</option> <option value="4">Title</option> <option value="6">Date Added: Newest</option> <option value="7">Date Added: Oldest</option> </select> </form> I would expect, when option 4 in the dropdown is selected the URL to be http://www.myurl.com&main_page=index...00&filter_id=4 Where %5B = [ and %5D = ] But what I actually get is http://www.myurl.com&main_page=index...e=&filter_id=4 The Flt_Grade array is not passed properly. Can this be done so the hidden field is passed in the URL as an array? Thank you! |