HTML - Html Table Filtering?
Hi everyone,
I'd like to implement a good filtering system for a large HTML table I've got. The idea would be for potential customers and staff to be able to easily filter by destination or departure location. Current table: http://www.diveadventures.com.au/pages/Group_Dep.htm Similar TutorialsI am curious as to how one would get past this certain filtering software. It blocks HTTPS connections (stupidly enough) and I discovered some intriguing information here. Have a look. http://www.securiteam.com/securitynews/5ZP021PP5Y.html Quote: Vulnerable Systems: * 8e6 Technologies R3000 version 2.0.12.10 The HTTP URL filtering function provided by the 8e6 Technologies R3000 Internet Filter contains a vulnerability in that it can mistake a properly formed custom header for the Host header. This can be exploited for bypassing the filter by providing an allowed site in the custom header. Examples: GET / HTTP/1.0 X-DecoyHost: www.allowed.org Host: www.blocked.org GET / HTTP/1.0 X-Decoy: Host: www.allowed.org Host: www.blocked.org This weakness cannot be leveraged for circumventing blocks based on IP addresses (as opposed to DNS names). What does that code mean, and how can I use it to my advantage? Hello, I have the following data in a text file which then the page reads and displays on a table. ,Event,Member,Time ,3k Run,Tom Heather,9.25 ,3k Run,Alex Peck,9.50 ,3k Run,Leith Sahla,8.20 ,3k Run,Cassie Davis,8.40 ,3k Run,Holly Calender,10.23 ,3k Run,Alex Plunkett,10.45 ,3k Run,Joe Rugg,9.44 ,3k Run,Ben Frere,9.55 ,5k Cycle,Tom Heather,10.45 ,5k Cycle,Louise Peak,11.07 ,5k Cycle,John blackhall,10.22 ,5k Cycle,Frank Kelly,10.56 ,5k Cycle,Sophie Mayo,9.55 ,5k Cycle,Steven Collins,10.37 I have a table which displays this data on my page and then i want to produce a separate table which produces the fastest time for the 3k Run and 5K Cycle events. I figure you have to use the <PARAM NAME="Filter" VALUE="fieldname = value"> but stuck from here really. Some help would be greatly appreciated, Thanks The page code is below <!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-Language" content="en-gb" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Contact Us</title> <style type="text/css"> .style1 { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; } </style> </head> <body> <table style="width: 72%; height: 7px"> <tr> <td> <p class="style1"><strong>Member Competitions </strong></p> </td> </tr> </table> <OBJECT ID = "data" CLASSID = "CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83"> <PARAM NAME = "DataURL" VALUE = "data.txt"> <PARAM NAME = "UseHeader" VALUE = "TRUE"> <PARAM NAME = "FieldDelim" VALUE = ","> </OBJECT> <TABLE DATASRC = "#Data" STYLE = "border-style: ridge; border-color: #666666; background-color: #58595b"> <THEAD><TR STYLE = "background-color: 58595b"> <TH style="width: 164px">Event</TH> <TH style="width: 158px">Member</TH> <TH style="width: 149px">Time</TH> </TR></THEAD> <TBODY> <TR STYLE = "background-color: lightsteelblue"> <TD style="width: 164px"><SPAN DATAFLD = "Event"></SPAN></TD> <TD style="width: 158px"><SPAN DATAFLD = "Member"></SPAN></TD> <TD style="width: 149px"><SPAN DATAFLD = "Time"></SPAN></TD> </TR> </TBODY> </TABLE> <p class="style1"></p> </body> </html> How can I filter the file to be uploaded from the brose dialog. In particular I have tow buttons upload image , upload txt. and <input type="file" id="forImageUpload"> <input type="file" id="forTextUpload"> How can I make sure that when I click forImageUpload in the browse dialog only image files(like *.jpg , *.gif) are listed or shown. How can I make sure that when I click forTextUpload iin the browse dialog only image files(like *.txt) are listed or shown. Thanks. Can I put an HTML page within a html page in a table? I have this template that I need to email to people, it will not be on my website. Wow ever I need to change the information in one table every few days. The information is live I think it's called. It's like if I place google adsense in that table and decide to change it to ad-clicks later, I can't send everyone a new template, I need to be able to change just the information within that table. I'm going to go read up on frames, haven't used them in years. Any ideas! ~eDee Howdy everyone! I am new to the HTML world and my range of knowledge just extends to the basics. I am working trying to fix a webpage issue that has been bugging me for the past couple days and so I decided to browse the internet for help. I created a table in Chrome and it displays perfect but when you open up the same page in Internet Explorer, the table doesn't break down into new rows. It is one long row with a lot of columns. I don't understand, it displays fine in Chrome but not IE. I put the code below, please help! (Oh and i added anchors that scroll to the bottom where there is more information on the subject, those work fine in both browsers) <table width="100%" border="2" bordercolor="#336699" CELLPADDING="3" CELLSPACING="3"> <tr> <td><a href="http://www.utb.edu/sa/dos/Pages/vaginamonologues.aspx">"Vagina Monologues"</a></td> <td> Thursday, March 3 <br> 7:00 p.m. <br><br> Friday, March 4 <br>Noon and 7:00 p.m.</td> <td>SETB Lecture Hall </tr> <td><a href="#burningbras">"Burning Bras: The Power of Literature" Poetry Reading</td></a> <td> Friday, March 4 <br> 11:00 a.m.</td> <td> Endowment Courtyard </tr> <td><a href="#Centennial">"Centennial Anniversary of International Women's Day"</td></a> <td> Tuesday, March 8 <br> 1:40 - 3:00 p.m.</td> <td> 3rd Floor Conference Room, SETB </tr> <td><a href="#openhouse">"Centennial Anniversary of International Women's Day": Open House</td></a> <td> Tuesday, March 8 <br> 3:30 - 5:00 p.m.</td> <td> Office of Global Engagement, Lightner Center </tr> <td><a href="#iron">"Iron Jawed Angels" Film and Discussion</td></a> <td> Tuesday, March 8 <br>7:00 p.m. - 8:30 p.m.</td> <td> 3rd Floor Conference Room, SETB </tr> <td><a href="#self">Self Defense Seminar and Workshop</td></a> <td> Wednesday, March 9 <br>6:00 - 8:00 p.m.</td> <td> REK Center </tr> <td><a href="#women">Women's Leadership Conference</td></a> <td> Friday, March 25 <br> 2:00 - 7:00 p.m.</td> <td> EDBC, Salon Cassia </tr> <td><a href="#scorpion">Scorpion Historical Society presents "Equal Rights Amendment" Forum</td></a> <td> Monday, March 28 <br> 12:15 - 1:30 p.m.</td> <td> SETB Lecture Hall </tr> <td><a href="#professional">Professional Women Speak Spring 2011 Conference</td></a> <td> Saturday, March 26 <br> 10:00 - 2:00 p.m.</td> <td> EDBC, Salon Cassia </tr> <td><a href="#wellness">Women's Wellness Fair</td></a> <td> Tuesday, March 29 <br> 10:00 - 2:00 p.m.</td> <td> REK Center </tr> <td><a href="#sin">"Sin by Silence" and "In Her Own Words"</td></a> <td> Wednesday, April 6 <br> 7:00 - 8:30 p.m.</td> <td> SETB Lecture Hall </tr> </table> Hey Friends Im having issues using rowspan on an html table. The image above is almost where I need it to be. Here is my code and below . Under my code I am posting what it should look like. _________________________________________________________________ <table width="150" height="150" border="1"> <tr> <td> 1 </td> <td width="33%" height="33%"> 4 </td> <td rowspan="3" > 6 </td> </tr> <tr > <td height="33%" width="33%"> 2</td> <td rowspan="2" height="33%" width="33%"> 5 </td> </tr> <tr > <td height="33%" width="33%" >3 </td> </tr> </table> _____________________________________________________________ Here is what my image is supposed to look like. Thanks, Tom How can I make the age text field closer on the name text field on the left side? Thanks. <!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" /> <title>Untitled Document</title> </head> <body> <table width="200" align="center" bgcolor="#99CC00"> <tr> <td >Name</td> <td >:</td> <td><input name="name" type="text" id="name" size="40" value="25"></td> <td>age</td> <td >:</td> <td><input name="name" type="text" id="name" size="5" value="25"></td> </tr> <tr> <td >Location</td> <td >:</td> <td><input name="name" type="text" id="name" size="70" value="25"></td> </tr> </table> </body> </html> Hello All, I have a HTML Page that contains a table. This table has multiple rows (tr), each one containing two td elements The first td element contains text. When the length of the text is small, it shows up perfectly fine on the screen and the position of the table also looks fine. However, when I use a really long string as the text in the first td element, the text does show up, but the position of the table changes and it appears as though the table has moved to the right two spaces. This is really boggling. Can someone help out? I will really appreciate any help in this regard. I am attaching a snippet of the code with this post. Thanks, Kunal <html:form action="/atp_processMedicalHistory" onsubmit="displayWaitMessage()"> <tiles:insert page="/pages/appEntry/base/appEntryButtons.jsp"/> <div align="left" width="100%"> <tiles:insert page="/pages/appEntry/productInfo.jsp"/> </div> <div align="left" width="100%"> <table width="100%"> <tr class="listItemB"> <td align="left" class="tC" width="70%"> <bean:message key="label.medicalHistoryQuestion6"/> </td> </tr> </table> </div> </html:form> Hi People, I have designed a page layout in Firefox which looks nice in Firefox but not in Internet Explorer. In Firefox it displays with the background image nicely centered with the entire background image visible on screen. Everything is aligned as you would expect. In IE everything looks laid out right other than the entire table having moved to the right slightly, so it is no longer centered with my background image. It also have a scroll bar on the right and the bottom. The table contents moves up and down when you scrolll instead of it being fixed. Anyone able to advise where I start in fixing it for compatability? I am assuming that as everything is fine other than the alignment of the table in the HTML that this is what I need to look at but I am not sure. Hope someone can help or point me in the right direction. Thank you wedmonds Now I print out the html table on my web page as usual. My page have multiple html tables one after another. And I also adjusted the width of columns to be fixed. Actually it works fine and it shows the data very well. But when i increase the zoom level to 200%, it width of the columns become a little bit complicated. My browser is IE8. Any Suggestion please. Would someone please help me with some HTML code? I am having problems creating tables. I need to create a 50% wide, one-row, two-column borderless table. PLEASE HELP! Thanks, Karen Hi ! I'm programming in html and testing on phonegap my app. I wanna that my aplication opens a .xml file and dispose the information in a table. Code: <?xml version="1.0" encoding="ISO-8859-1"?> <EXTRACTO id="008450197/12/2009"> <MES_EMISSAO>Dezembro 2009</MES_EMISSAO> <CLIENTE id="0514867994"> <NIF>227723694</NIF> <NOME>ANTONIO PEDRO LEITE SANTOS</NOME> <MORADA>RUA DR EDGARDO SA MALHEIRO, 177 3-DTO</MORADA> <LOCALIDADE>BRAGA</LOCALIDADE> <CODIGO_POSTAL>4705-267 BRAGA</CODIGO_POSTAL> </CLIENTE> <IDENTIFICADOR id="42171790017"> <MATRICULA>90-95-VS</MATRICULA> <TRANSACCAO> <DATA_ENTRADA>-</DATA_ENTRADA> <HORA_ENTRADA>09:15</HORA_ENTRADA> <DATA>2009-11-24</DATA> <HORA>09:27</HORA> <DESCRITIVO>Cruz - Maia II</DESCRITIVO> <OPERADOR>BRISA</OPERADOR> <IMPORTANCIA>1.90</IMPORTANCIA> <TAXA_IVA>0.20</TAXA_IVA> <VALOR_IVA>0.32</VALOR_IVA> <DATA_DEBITO>2009-12-03</DATA_DEBITO> <CARTAO>7784337</CARTAO> <TIPO>Portagens</TIPO> </TRANSACCAO> <TRANSACCAO> <DATA_ENTRADA>-</DATA_ENTRADA> <HORA_ENTRADA>19:42</HORA_ENTRADA> <DATA>2009-11-24</DATA> <HORA>19:56</HORA> <DESCRITIVO>Maia II - Cruz</DESCRITIVO> <OPERADOR>BRISA</OPERADOR> <IMPORTANCIA>1.90</IMPORTANCIA> <TAXA_IVA>0.20</TAXA_IVA> <VALOR_IVA>0.32</VALOR_IVA> <DATA_DEBITO>2009-12-03</DATA_DEBITO> <CARTAO>7784337</CARTAO> <TIPO>Portagens</TIPO> </TRANSACCAO> This is my .csv file. Named: 008.450.197-12-2009 I want to enter in the table only the information of /TRANSACCAO Can you help me Thanks everyone! Here's a basic picture of what I want & what I end up getting: I know how a basic table works: HTML Code: <table> <tr> <td>Left stuff here!</td> <td>Center stuff</td> <td>(nothing here...!)</td> </tr> </table> But i'm not sure of the most effecient way of achieving the results I want... Help would be greatly appreciated! i'm redoing my website. i'm just using html to make a table at the top where the tabs are to navigate around the siote. but in between the tabs theres a 1 or 2 pixel gap. i can't figure out how to get rid of it. heres a pictu heres my html for the table: <table width="946" height="103" border="0" bordercolor="000000" bgcolor="000000" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="83" colspan=11> <img src="4gcmain.bmp" alt="" width="946" height="83" border="0" bordercolor="000000" align="center" cellpadding="0" cellspacing="0">></a></td> </tr> <tr> <tr> <td height="32"> <img src="visual/left.bmp" alt="" width="118" height="32" border="0" bordercolor="000000" align="center" cellpadding="0" cellspacing="0"></a></td> <td> <a href="http://www.4th-gen-civic.com"><img src="visual/home.bmp" alt="" width="60" height="32" border="0"></a></td> <td> <a href="http://4th-gen-civic.com/forum/index.php?login=243077"><img src="visual/forum.bmp" alt="" width="71" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/model.htm"><img src="visual/model.bmp" alt="" width="111" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/swaps.htm"><img src="visual/swaps.bmp" alt="" width="131" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/b16.htm"><img src="visual/b16s .bmp" alt="" width="109" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/tech.htm"><img src="visual/tech.bmp" alt="" width="57" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/efs.htm"><img src="visual/efs.bmp" alt="" width="48" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/links.htm"><img src="visual/links.bmp" alt="" width="63" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/ef.htm"><img src="visual/ef.bmp" alt="" width="48" height="32" border="0"></a></td> <td> <a href="http://www.4th-gen-civic.com/ef.htm"><img src="visual/right.bmp" alt="" width="121" height="32" border="0"></a></td> </tr> </tr> </table> Hi All, I have a problem for my new website about putting two columns of tables alongside each other. I have a table at present with 4 columns Year Player Year Player What I would like is to completely seperate the 2 / 2 columns with a gap between with no lines etc. ie: Year Player Year Player I have searched google etc., but cant find an answer. If you would like to see what I have done: http://www.rammyarchive.co.uk/RAMMYW...ABOUT/captains Many thanks, Vic Hello. Thanks for taking your time to read this. I just set up a website www.austinbrister.com on my start page, the tables have funky heights and widths so everything isn't flowing smoothly. I am pretty good at Photoshop, so I got this far, but the html isn't exactly my strong point, can you help, please? Okay so i was trying to do a site using photoshop then dreamweaver but it always messed up during the coding. So a nice fella here in htmlforums told me to try tables so okay i tried it and well it worked out really well for the most part. but it's just that it is my first time trying tables and this is what i want http://www.og-guild.com/ and this is what i currently have www.da-nexgen.com dont think im stealing their stuff it's a commonly used layout for guild websites. But in my site you can see things are not really all set fine for example my navigation menu has spaces between them when hey should be real close together. and the biggest problem i have is that i want to have all the site stuff in the middle in 800w and the outer background a different color sort of like the one in og-guild.com. can you guys please help me Quote: <table style="height: 196px;" border="0" width="480"> <tbody> <tr> <th><img src="http://img824.imageshack.us/img824/2089/thumb115.jpg" border="0" /> <br /></th> <th><img src="http://img185.imageshack.us/img185/7507/thumb116.jpg" border="0" /> <br /></th> <th><img src="http://img545.imageshack.us/img545/5185/thumb130.jpg" border="o" /> </th> </tr> <tr> <td><strong>Κομπιούτερ Γραφείου</strong></td> <td><strong>Κομπιούτερ Γραφείου</strong></td> <td><strong>Ευρετήριο Τηλεφώνου Mini</strong></td> </tr> <tr> <td>Κωδ: 115</td> <td>Kωδ: 116</td> <td>Κωδ: 130</td> </tr> </tbody> </table> <table style="height: 196px;" border="0" width="480"> <tbody> <tr> <th><img src="http://img580.imageshack.us/img580/7339/thumb132.jpg" border="0" /></th> <th><img src="http://img824.imageshack.us/img824/6352/thumb133.jpg" border="0" /></th> <th><img src="http://img837.imageshack.us/img837/53/thumb141.jpg" border="o" /> </th> </tr> <tr> <td> <p><strong>Κύβος - Organizer </strong></p> <p><strong>γραφείου</strong></p> </td> <td><strong>Βάση ημερολογίου</strong></td> <td><strong>Ημερολόγιο Τοίχου</strong></td> </tr> <tr> <td>Κωδ: 132</td> <td>Kωδ: 133</td> <td>Κωδ: 141</td> </tr> </tbody> </table> <table style="height: 196px;" border="0" width="480"> <tbody> <tr> <th><img src="http://img835.imageshack.us/img835/227/thumb141a.jpg" border="0" /></th> <th><img src="http://img841.imageshack.us/img841/7104/thumb142.jpg" border="0" /></th> <th><img src="http://img295.imageshack.us/img295/4448/thumb189.jpg" border="o" /> </th> </tr> <tr> <td> <p><strong>Ημερολόγιο Τοίχου</strong></p> </td> <td><strong>Επιτραπέζιο Ημερολόγιο</strong></td> <td><strong>Χάρακας Πλαστικός</strong></td> </tr> <tr> <td>Κωδ: 141Α</td> <td>Kωδ: 142</td> <td>Κωδ: 189</td> </tr> </tbody> </table> If you test this text to w3schools you ll see that my rows is not center. Can anybody help me to do that right?? I have the code, as shown in the right side bar at: http://www.actnowseminars.com/ What I need is to create some space below each graphic and also a little space to the right of each graphic. The code I'm using is: HTML Code: <table align="center"> <tr> <td colspan="2"> <a href='http://www.coachinggurus.net/leadershipgurus30.php' target="_blank"> <img src='http://leadershipgurus.net/images/lg-dua.jpg' title='Award of Excellence' border='0'/> <br />Top 30 Coaching Gurus 2011</a> </td> </tr> <tr> <td> <a href="http://www.riabiz.com/a/7638682" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/RIABiz93X26.jpg" width="93" height="26" alt="Featured in Ria Biz Logo" /></a> </td> <td> <a href="http://www.entrepreneur.com/article/219477" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/entrepreneur92x20.jpg" width="92" height="20" alt="Featured in Entreprenur Magazine" /></a> </td> </tr> <tr> <td> <a href="http://www.bottomline.com" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/bottomline96X26.jpg" width="96" height="26" alt="Featured in Bottom Line Personal" /></a> </td> <td> <a href="http://www.financial-planning.com/channels/practice_management.html" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/advisor98X23.jpg" width="98" height="23" alt="Advisor Max" /></a> </td> </tr> <tr> <td> <a href="http://www.nyreport.com/index.cfm?fuseaction=Feature.showFeature&FeatureID=813" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/NYReportSm98X25.jpg" width="98" height="25" alt="Featured in the New York NY Enterprise Report" /></a> </td> <td> <a href="http://money.cnn.com/magazines/moneymag/moneymag_archive/2006/07/01/8380777/index.htm" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/Money92X28.jpg" width="92" height="28" alt="Quoted in Money Magazine" /></a> </tr> <tr> <td> <a href="http://www.marke****ch.com/story/given-the-current-financial-turmoil-nows-the-time-to-pitch-in?dist=news%2CprintMidSection&print=true" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/marke****chlogo98X30.jpg" width="98" height="30" alt="Featured in Market Watch" /></a> </td> <td><a href="http://www.thestreet.com/s/get-ya-noo-yawk-ice-cream-here/newsanalysis/sbmanagement/10395543.html?" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/theStreetmed100X18.jpg" width="100" height="18" alt="Quoted in TheStreet" /></a> </td> </tr> <tr> <td> <a href="http://www.marketingsherpa.com/article-by-person.html?person=Maria+Marsala" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/marketingsherpa97X23.jpg" width="97" height="23" alt="Marketing Sherpa" /></a> </td> <td> <a href="http://www.electronicretailermag.com" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/electronicretailer99X30.jpg" width="99" height="30" alt="Electronic Eretailer" /></a> </td> </tr> <tr> <td><a href="http://nawbo.org/content_9338.cfm" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/nawbo99X31.jpg" width="99" height="31" alt="National Association of Women Business Owners" /></a> </td> <td> <a href="http://www.marketingprofs.com/9/email-tactics-that-can-put-you-out-of-business-moran.asp" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/marketingprofs98X23.jpg" width="98" height="23" alt="Marketing Profs" /></a> </td> </tr> <tr> <td> <a href="http://eblasts.workingmothermediainc.com/newsletter/NAFE_enews/enews142.htm" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/Nafe_Logo75x75.jpg" width="75" height="75" alt="Featured in National Assocation for Female Executives Newsletter NAFE" /></a> </td> <td><a href="http://www.chiroeco.com/chiropractic/news/9100/1217/Build-a-better-practice/" target="_blank"> <img src="http://www.elevatingyourbusiness.com/images/asseenin/chiroeconomics97X33.jpg" width="97" height="31" alt="ChiroEconomics" /></a> </td> </tr> </table> Thanks in advance... |