RE: [WSG] Idiot's guide to JavaScript
Hi guys, Am comfortable with HTML/CSS and accessibility in general, but struggle with JavaScript. I'm not a developer by trade, am a business type (sales and marketing) so most oft he stuff is well over my head. I am looking for a really basic, plain English guide to JavaScript. Either on or offline will do. Any thoughts? Thanks in advance Rob --- Hi Rob, I'm just starting to get into JavaScript having spent the last couple of years also working primarily with HTML/CSS and accessibility. I'm finding Jeremy Keith's DOM Scripting very easy to read and understand, so would recommend it. James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Less than and greater than in UTF-8 encoded HTML
Hi, How should I code less than and greater than signs in UTF-8 encoded HTML? I.e. I want them to appear on the web page as follows: ... The quick brown fox said 3 is less than 4, then he wrote 3 4. ... file:///C:/Program%20Files/Apache%20Software%20Foundation/Apache2.2/htdocs/PHPDEVZONE/shield/www.shield.on.ca.htm Cheers, Simon *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Less than and greater than in UTF-8 encoded HTML
Hi Simon, You should use HTML entities to encode those characters. You can view a list of those entities here : http://www.w3.org/TR/html401/sgml/entities.html But to answer your question quickly, should be written as gt;, and as lt;. Cheers, Sebastien On Nov 14, 2007 9:42 AM, Simon Cockayne [EMAIL PROTECTED] wrote: Hi, How should I code less than and greater than signs in UTF-8 encoded HTML? I.e. I want them to appear on the web page as follows: ... The quick brown fox said 3 is less than 4, then he wrote 3 4. ... Cheers, Simon -- Sébastien Sauvé sebastien.sauve ( at ) gmail.com To try to be better is to be better *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Less than and greater than in UTF-8 encoded HTML
http://www.webstandards.org/learn/reference/charts/entities/ Always found it to be very useful _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of James Leslie Sent: 14 November 2007 15:08 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Less than and greater than in UTF-8 encoded HTML How should I code less than and greater than signs in UTF-8 encoded HTML? less than = lt; greater than = gt; You might find this useful: http://leftlogic.com/lounge/articles/entity-lookup/ James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Less than and greater than in UTF-8 encoded HTML
Simon, Less than is lt; and more than is qt; So it would be The quick brown fox said 3 is less than 4, then he wrote 3 lt; 4. best Tom On 14 Nov 2007, at 14:42, Simon Cockayne wrote: Hi, How should I code less than and greater than signs in UTF-8 encoded HTML? I.e. I want them to appear on the web page as follows: ... The quick brown fox said 3 is less than 4, then he wrote 3 4. ... Cheers, Simon *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Less than and greater than in UTF-8 encoded HTML
How should I code less than and greater than signs in UTF-8 encoded HTML? less than = lt; greater than = gt; You might find this useful: http://leftlogic.com/lounge/articles/entity-lookup/ James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Less than and greater than in UTF-8 encoded HTML
Hello Simon, How should I code less than and greater than signs in UTF-8 encoded HTML? The quick brown fox said 3 is less than 4, then he wrote 3 4. The quick brown fox said 3 is less than 4, then he wrote 3 lt; 4. Greater than, , is written as gt; Cheers. Mike Cherim http://green-beast.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] IE layout glitch on Blog
Hi, I am not the owner of http://www.shield.on.ca/Blog/index.php ... But...I am puzzled as to why the navigation sidebar drops down below the blog content in IE 6...but appears fine and dandy (top right immediately below the header) in Firefox 2. Any ideas? I am thinking it is an IE double padding/margin type error...yes...no...yes?? Simon *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] IE layout glitch on Blog
Looks like it's more likely to do with your use of the pre tag. Firefox is allowing the content to overflow into the other container whilst IE6 won't. The easiest fix would probably be to use some kind of overflow: auto; in that section of the page along with a width to force a scrollbar on any content that is wider than the left column. Hope that helps. Dave - - - - - - - - - - http://www.dave-woods.co.uk On 14/11/2007, Simon Cockayne [EMAIL PROTECTED] wrote: Hi, I am not the owner of http://www.shield.on.ca/Blog/index.php ... But...I am puzzled as to why the navigation sidebar drops down below the blog content in IE 6...but appears fine and dandy (top right immediately below the header) in Firefox 2. Any ideas? I am thinking it is an IE double padding/margin type error...yes...no...yes?? Simon *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] How to better center the YUI overlay
Thanks Cynthia Mack Omnipath custom learning solutions 6135 Memorial Drive, Suite 103 Dublin, OH 43017 614-389-0743 [EMAIL PROTECTED] The doors of Opportunity are marked Push and Pull. - Ethel Watts Mumford -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jay Boston [Intense Design] Sent: Tuesday, November 13, 2007 6:53 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] How to better center the YUI overlay Hi Cynthia, Are you talking accessibility guidelines for colour? If so, this handy website will help you out. http://www.visionaustralia.org.au/info.aspx?page=628 Regards, Jay Boston Intense Design Phone: 03 9813 8229 Fax: 03 9813 8229 Email: [EMAIL PROTECTED] Web: www.intensedesign.com.au This transmission or any part of it, is confidential, may contain legally privileged information and is intended only for the named addressee(s). The copying or distribution of this transmission (or any part of it) or any information that it contains by anyone other than the intended addressee(s) is prohibited. If you have received this transmission in error, please advise the sender by return email and delete the transmission. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Cynthia Mack Sent: Wednesday, 14 November 2007 5:07 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] How to better center the YUI overlay New question, Where can we find web standard concerning the colors used for web pages Cynthia Mack Omnipath custom learning solutions 6135 Memorial Drive, Suite 103 Dublin, OH 43017 614-389-0743 [EMAIL PROTECTED] The doors of Opportunity are marked Push and Pull. - Ethel Watts Mumford -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Thierry Koblentz Sent: Tuesday, November 13, 2007 12:34 PM To: wsg@webstandardsgroup.org Subject: [WSG] How to better center the YUI overlay For those using YUI: Article: http://tjkdesign.com/articles/hacking_the_YUI_container_script.asp Frameset to help you compare both solutions: http://tjkdesign.com/articles/YUI_overlay/comparison.html HTH, -- Regards, Thierry | http://www.TJKDesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] i want to know the basic of aspx or javascript for web
The question you need to first ask is what do they want the site to do, then you can decide on the language. I notice your title is including aspx which is asp.net which only runs on a Windows server. PHP runs on both Unix and Windows but typically is used on Unix The best basic tutorial is at http://us3.php.net/tut.php. Its an excellent server side language. I'm looking for help learning javascript myself so I'll be quiet on that. Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Marvin Domalaon wrote: Dear all, i've studying html for a year, i build a lot of sample but it's not yet uploaded. My job is cashier but i have a lot of experience in programming language like pascal C++.Now i am apply for a asst. web designer in my company because i saw our site that having improper procedure of web design. The manager ask me to build a site as a trade test but using javascript or php. I don't have any idea about it. Please somebody help me to learn this language co'z i really want to be a web designer soon. It is a big opportunity for if i passed this test. Your favorable response is high appreciated guys! Thank you and God bless all! Marvin Domalaon [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] Express yourself instantly with MSN Messenger! MSN Messenger http://clk.atdmt.com/AVE/go/onm00200471ave/direct/01/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Idiot's guide to JavaScript
Rob Mason wrote: I am looking for a really basic, plain English guide to JavaScript. I highly rate this book - easy to read and understand: http://www.quirksmode.org/book/ -- Chris Knowles *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Javascript
I have a form that starts with choosing a category and a subcategory. The categories and subcategories are read from a mysql database using a PHP script. When New is chosen from Category I want the Category chose to change from a select to a text input box for both the Category and Subcategory fields. When new is chosen in subcategory and want the form field for subcategory alone to change to a text input box. I can get the subcategory boxed changed. I can't get the javascript to have the PHP change both the category and subcategory at the same time. It appears to only allow me to change the contents of one td area on the form not two. (Yes I know we shouldn't be using td for this but it is a legacy FP site I just took over. Just figuring out how to use PHP with FP was fun) Essentially the relevent html code is this form action=process.php method=post table ? if ($ERRORS==Y) echo trtdThere are errors on the page./tdtdAll errors marked in red./td/trtrtd/td/tr;? trtdRequired fields marked with */td/tr tr tdCategory*:/td tddiv id=catselect name=category onchange=showSubcategory(this.value) option VALUE = selected SELECT/option option value=NEWNEW/option ?$myrow = mysql_fetch_array($result); echo option value= .$myrow['category']; echo . $myrow['category']. /option; if ($myrow = mysql_fetch_array($result)) { // display list do { echo option value= .$myrow['category']. . $myrow['category']. /option; } while ($myrow = mysql_fetch_array($result)); } else { // no records to display echo Sorry, no records were found!; } ? /select /div/td /tr tr tdSubcategory*:/td tddiv id=txtHint select name='subcategory' onchange=showSubcategory2(this.value) option VALUE = selected SELECT/option option VALUE=NEWNEW/option /select /div/td /tr The java script is here var xmlHttp function showSubcategory(str) { xmlHttp=GetXmlHttpObject() if (xmlHttp==null) { alert (Browser does not support HTTP Request) return } var url=getsubcategory.php url=url+?q=+str url=url+sid=+Math.random() xmlHttp.onreadystatechange=stateChanged xmlHttp.open(GET,url,true) xmlHttp.send(null) } function stateChanged() { if (xmlHttp.readyState==4 || xmlHttp.readyState==complete) { document.getElementById(txtHint).innerHTML=xmlHttp.responseText } } function GetXmlHttpObject() { var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) { //Internet Explorer try { xmlHttp=new ActiveXObject(Msxml2.XMLHTTP); } catch (e) { xmlHttp=new ActiveXObject(Microsoft.XMLHTTP); } } return xmlHttp; } I'm sure this is real easy but javascript is my new toy. I promise to try and be helpful to people on PHP problems. -- Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Idiot's guide to JavaScript
On Nov 14, 2007 9:44 PM, Chris Knowles [EMAIL PROTECTED] wrote: Rob Mason wrote: I am looking for a really basic, plain English guide to JavaScript. I highly rate this book - easy to read and understand: http://www.quirksmode.org/book/ http://domscripting.com/book/ is very good too. -- Olly http://thinkdrastic.net/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] How to send two values to javascript
I have examples using one value onchange=showSubcategory(this.value) from a form to a script. What if I need to send two values one from the current element in the form and one from another element Thanks -- Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Idiot's guide to JavaScript
I recommend http://www.tizag.com/javascriptT/ - they have a lot of other tutorials as well. Very easy to follow, all the way through. /lmss 2007/11/14, Olly Hodgson [EMAIL PROTECTED]: On Nov 14, 2007 9:44 PM, Chris Knowles [EMAIL PROTECTED] wrote: Rob Mason wrote: I am looking for a really basic, plain English guide to JavaScript. I highly rate this book - easy to read and understand: http://www.quirksmode.org/book/ http://domscripting.com/book/ is very good too. -- Olly http://thinkdrastic.net/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] form destiantion
Didn't see a form when I went there but was wondering what problem you were having. What language are you using to process the form. Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Marvin Domalaon wrote: Good day to everyone, I have sample site http://medex-sa.com/index_1.html in the contact us, I'm having a problem of submitting the data of the user who fill up the form. I want the data of the user when clicking the submit button direct to the outlook of our company. Could anyone knows the code please help me to overcome this problem. Thanks! Marvin Express yourself instantly with MSN Messenger! MSN Messenger http://clk.atdmt.com/AVE/go/onm00200471ave/direct/01/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] How to send two values to javascript
I believe it is as follows; onchange=showSubcategory(name, email, message) --- if they are the name=name and name=email, etc. or, if you want to parse text, then onchange=showSubcategory(banana, orange, apple) -- So when it arrives at the script it becomes an array starting at [0] to be used how you want. Cheers, Ben On Nov 15, 2007 9:37 AM, Michael Horowitz [EMAIL PROTECTED] wrote: I have examples using one value onchange=showSubcategory(this.value) from a form to a script. What if I need to send two values one from the current element in the form and one from another element Thanks -- Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Help (another topic)
PHP allows you to do this Display The IP Address So, if you want to display the IP Address to the user then the following page will suffice: ?php echo Hello! Your IP Address is: . $_SERVER['REMOTE_ADDR']; ? http://whn.vdhri.net/2005/11/find_a_visitors_ip_address_with_php.html Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Bob Schwartz wrote: I have a client who wants a page personalized for him similar to this: http://www.vermiip.es/il-mio-ip/ so people can discover their IP. I have Googled about trying to find code that does it, but all I find are site that do it. Does anyone know (have) the code? Bob Schwartz *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Web Form Best Practices
Here's a recent one that might prove useful: http://www.digital-web.com/articles/redesigning_ebay_registration/ On Thu, 15 Nov 2007 08:55:46 +1000, Howard Kim [EMAIL PROTECTED] wrote: I hope this question is appropriate for this list. I'm doing some research on best practices for creating web forms with the following in mind: * Accessibility * Semantic Markup with CSS * Form Layout Design I would like to come up with some form templates for my organization based on best practices and web standards. I was wondering if anyone knew of any resources related to this topic. I've done a Google search for web form best practices which came back with a huge number of responses. Any help focusing my search? Many thanks. ~Howard *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Tyssen Design www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] How to send two values to javascript
On Nov 14, 2007 10:37 PM, Michael Horowitz [EMAIL PROTECTED] wrote: I have examples using one value onchange=showSubcategory(this.value) from a form to a script. What if I need to send two values one from the current element in the form and one from another element onchange=showSubcategory(this.value, document.getElementById(anotherElement).value); -- Olly http://thinkdrastic.net/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Web Form Best Practices
I hope this question is appropriate for this list. I'm doing some research on best practices for creating web forms with the following in mind: * Accessibility * Semantic Markup with CSS * Form Layout Design I would like to come up with some form templates for my organization based on best practices and web standards. I was wondering if anyone knew of any resources related to this topic. I've done a Google search for web form best practices which came back with a huge number of responses. Any help focusing my search? Many thanks. ~Howard *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] How to send two values to javascript
On Nov 14, 2007 11:11 PM, Olly Hodgson [EMAIL PROTECTED] wrote: onchange=showSubcategory(this.value, document.getElementById(anotherElement).value); While I'm here, two points: Doing anything major using the onchange event isn't a great idea. The reason being it can scupper keyboard users -- some browsers will fire the event when the user's moving through items in the select using the cursor keys. Secondly, using inline event handlers is right up there with inline styling. Ideally, you should be keeping everything in a separate script file, in the same way you'd keep your CSS out of the HTML. http://www.onlinetools.org/articles/unobtrusivejavascript/ Cheers, -- Olly Hodgson http://thinkdrastic.net/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Web Form Best Practices
Thanks John. In my own searching I also found - http://www.lukew.com/ff/entry.asp?545 - which I thought might be useful to others. ~Howard John Faulds wrote: Here's a recent one that might prove useful: http://www.digital-web.com/articles/redesigning_ebay_registration/ On Thu, 15 Nov 2007 08:55:46 +1000, Howard Kim [EMAIL PROTECTED] wrote: I hope this question is appropriate for this list. I'm doing some research on best practices for creating web forms with the following in mind: * Accessibility * Semantic Markup with CSS * Form Layout Design I would like to come up with some form templates for my organization based on best practices and web standards. I was wondering if anyone knew of any resources related to this topic. I've done a Google search for web form best practices which came back with a huge number of responses. Any help focusing my search? Many thanks. ~Howard *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Web Form Best Practices
Howard, I highly recommend Luke Wroblewski's work on form layout design best practice. You can find Luke's discussion article here: http://www.lukew.com/resources/articles/web_forms.html and here: http://www.lukew.com/ff/entry.asp?144 Luke is also working on a book on the subject: http://www.rosenfeldmedia.com/books/webforms/ Further discussions on label placement here: http://www.uxmatters.com/MT/archives/000107.php Also an article about contextual help approaches for Web applications: http://www.uxmatters.com/MT/archives/000170.php Lastly: Jennifer Tidwell's book Designing Interfaces - which is full of design patterns for standard interface elements/mechanisms. There's an accompanying site: http://www.designinginterfaces.com/ Hope that helps Steve On 15/11/2007, Howard Kim [EMAIL PROTECTED] wrote: I hope this question is appropriate for this list. I'm doing some research on best practices for creating web forms with the following in mind: * Accessibility * Semantic Markup with CSS * Form Layout Design I would like to come up with some form templates for my organization based on best practices and web standards. I was wondering if anyone knew of any resources related to this topic. I've done a Google search for web form best practices which came back with a huge number of responses. Any help focusing my search? Many thanks. ~Howard -- Steve 'Doc' Baty B.Sc (Maths), M.EC, MBA Director, User Experience Strategy Red Square P: +612 8289 4930 M: +61 417 061 292 Member, UPA - www.upassoc.org Member, IxDA - www.ixda.org Member, Web Standards Group - www.webstandardsgroup.org *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Web Form Best Practices
Hello Howard, some form templates Any help focusing my search? I can offer a demo form [1] and a post about some (hopefully) best practices [2]. There is also an accessible form builder [3] at Accessify.com. No templates per se, but maybe these will be helpful. [1] http://green-beast.com/gbcf/ [2] http://green-beast.com/blog/?p=206 [3] http://www.accessify.com/tools-and-wizards/accessibility-tools/form-builder/ Hope this helps. Cheers. Mike *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] How to send two values to javascript
I just ordered the book. Thanks for the help I test out the solutions given. Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Olly Hodgson wrote: On Nov 14, 2007 11:11 PM, Olly Hodgson [EMAIL PROTECTED] wrote: onchange=showSubcategory(this.value, document.getElementById(anotherElement).value); While I'm here, two points: Doing anything major using the onchange event isn't a great idea. The reason being it can scupper keyboard users -- some browsers will fire the event when the user's moving through items in the select using the cursor keys. Secondly, using inline event handlers is right up there with inline styling. Ideally, you should be keeping everything in a separate script file, in the same way you'd keep your CSS out of the HTML. http://www.onlinetools.org/articles/unobtrusivejavascript/ Cheers, *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] How to send two values to javascript
Having trouble so I went to testing with one element like this select name=category onchange=showSubcategory(document.getElementById(category).value) and firebug shows a syntax error. I tried it again taking oub the select name=category onchange=showSubcategory(document.getElementById(category).value) and then received the error message this document has not properties. Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Olly Hodgson wrote: On Nov 14, 2007 10:37 PM, Michael Horowitz [EMAIL PROTECTED] wrote: I have examples using one value onchange=showSubcategory(this.value) from a form to a script. What if I need to send two values one from the current element in the form and one from another element onchange=showSubcategory(this.value, document.getElementById(anotherElement).value); *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] How to send two values to javascript
Try using single quotes, as in: select name=category onchange=showSubcategory(document.getElementById('category').value) Michael Horowitz wrote: Having trouble so I went to testing with one element like this select name=category onchange=showSubcategory(document.getElementById(category).value) and firebug shows a syntax error. I tried it again taking oub the select name=category onchange=showSubcategory(document.getElementById(category).value) and then received the error message this document has not properties. Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Olly Hodgson wrote: On Nov 14, 2007 10:37 PM, Michael Horowitz [EMAIL PROTECTED] wrote: I have examples using one value onchange=showSubcategory(this.value) from a form to a script. What if I need to send two values one from the current element in the form and one from another element onchange=showSubcategory(this.value, document.getElementById(anotherElement).value); *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] How to send two values to javascript
I've tried single quotes and keep getting the error document.GetElementByID has no properties Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Casey Farrell wrote: Try using single quotes, as in: select name=category onchange=showSubcategory(document.getElementById('category').value) Michael Horowitz wrote: Having trouble so I went to testing with one element like this select name=category onchange=showSubcategory(document.getElementById(category).value) and firebug shows a syntax error. I tried it again taking oub the select name=category onchange=showSubcategory(document.getElementById(category).value) and then received the error message this document has not properties. Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Olly Hodgson wrote: On Nov 14, 2007 10:37 PM, Michael Horowitz [EMAIL PROTECTED] wrote: I have examples using one value onchange=showSubcategory(this.value) from a form to a script. What if I need to send two values one from the current element in the form and one from another element onchange=showSubcategory(this.value, document.getElementById(anotherElement).value); *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] How to send two values to javascript
I think you may have something with this secondSelect.items as I am using a select menu. Can you explain where I would put my variable names in here please. Thanks Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Kit Grose wrote: On 15/11/2007, at 3:34 PM, Casey Farrell wrote: Try using single quotes, as in: select name=category onchange=showSubcategory(document.getElementById('category').value) Michael Horowitz wrote: Even better would be to modify the function itself to get the second value: select name=category id=categoryselect Then in the JS: function showSubcategory(value1) { // Get value 2 either with var value2 = document.getElementById('secondelement').value; // For input boxes // or var secondSelect = document.getElementById('secondelement'); var value2 = secondSelect.items[secondSelect.selectedIndex].value; // For select menus ...do something } window.onload = function() { document.getElementById('categoryselect').onchange = showSubcategory; } Where 'secondelement' is the ID of your second element. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] How to send two values to javascript
I think I understand it no need for more explanation. It's too late at night and I am working with twins in the room and a wife at the airport Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Kit Grose wrote: On 15/11/2007, at 3:34 PM, Casey Farrell wrote: Try using single quotes, as in: select name=category onchange=showSubcategory(document.getElementById('category').value) Michael Horowitz wrote: Even better would be to modify the function itself to get the second value: select name=category id=categoryselect Then in the JS: function showSubcategory(value1) { // Get value 2 either with var value2 = document.getElementById('secondelement').value; // For input boxes // or var secondSelect = document.getElementById('secondelement'); var value2 = secondSelect.items[secondSelect.selectedIndex].value; // For select menus ...do something } window.onload = function() { document.getElementById('categoryselect').onchange = showSubcategory; } Where 'secondelement' is the ID of your second element. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] How to send two values to javascript
That solves problem number 1 Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Casey Farrell wrote: It must not be finding the element... does the element you are looking for in the document have id=category? Michael Horowitz wrote: I've tried single quotes and keep getting the error document.GetElementByID has no properties Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Casey Farrell wrote: Try using single quotes, as in: select name=category onchange=showSubcategory(document.getElementById('category').value) Michael Horowitz wrote: Having trouble so I went to testing with one element like this select name=category onchange=showSubcategory(document.getElementById(category).value) and firebug shows a syntax error. I tried it again taking oub the select name=category onchange=showSubcategory(document.getElementById(category).value) and then received the error message this document has not properties. Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Olly Hodgson wrote: On Nov 14, 2007 10:37 PM, Michael Horowitz [EMAIL PROTECTED] wrote: I have examples using one value onchange=showSubcategory(this.value) from a form to a script. What if I need to send two values one from the current element in the form and one from another element onchange=showSubcategory(this.value, document.getElementById(anotherElement).value); *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Navigation - Pseudo Standards?
I think it really comes down to which you want to be more important, site navigation or the products. If you only have like 2 pages besides product navigation and your site is basically an online store, I would put the products on the left. If you are a site with content that just happens to sell something, I would put them on the left. I think it's pretty well accepted that people look at the left side of the screen before the right (generally), so whichever you want them to see first is what should go on the left. Christie Mason wrote: We're having an internal discussion about the placement of site navigation (Contact Us, etc) vs Product Navigation (Search, Category 1, Category 2, etc) in a 3 column layout with | Navigation |Content | Navigation | Some feel the site navigation should be in the left column with products in the right column, others feel the opposite. Does anyone know of any studies or review of user preferences indicating which is the majority preference for web users? Christie Mason *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Christian Snodgrass Azure Ronin Web Design http://www.arwebdesign.net/ http://www.arwebdesign.net Phone: 859.816.7955 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Navigation - Pseudo Standards?
We're having an internal discussion about the placement of site navigation (Contact Us, etc) vs Product Navigation (Search, Category 1, Category 2, etc) in a 3 column layout with | Navigation |Content | Navigation | Some feel the site navigation should be in the left column with products in the right column, others feel the opposite. Does anyone know of any studies or review of user preferences indicating which is the majority preference for web users? Christie Mason *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] How to send two values to javascript
It must not be finding the element... does the element you are looking for in the document have id=category? Michael Horowitz wrote: I've tried single quotes and keep getting the error document.GetElementByID has no properties Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Casey Farrell wrote: Try using single quotes, as in: select name=category onchange=showSubcategory(document.getElementById('category').value) Michael Horowitz wrote: Having trouble so I went to testing with one element like this select name=category onchange=showSubcategory(document.getElementById(category).value) and firebug shows a syntax error. I tried it again taking oub the select name=category onchange=showSubcategory(document.getElementById(category).value) and then received the error message this document has not properties. Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Olly Hodgson wrote: On Nov 14, 2007 10:37 PM, Michael Horowitz [EMAIL PROTECTED] wrote: I have examples using one value onchange=showSubcategory(this.value) from a form to a script. What if I need to send two values one from the current element in the form and one from another element onchange=showSubcategory(this.value, document.getElementById(anotherElement).value); *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] How to send two values to javascript
Michael Horowitz wrote: select name=subcategory id = subcategory onchange=showSubcategory2(document.getElementById('category').value,document.getElementById('subcategory').value) try this: select name=subcategory id=subcategory onchange=showSubcategory2(document.getElementById(category).value, this.options[this.selectedIndex].value); *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] How to send two values to javascript
The issue is that selects themselves don't have values. You notice the value is on the option tag, not the select. So you can't just get the .value of the element with ID 'subcategory'; you need to get the value of the currently selected item OF that select box. That can be done as an inline declaration, but shouldn't be. The best bet is to get both values within the showSubcategory2 function. Remove both parameters to the showSubcategory2 function and calculate them in the function: HTML: select name=subcategory id = subcategory onchange=showSubcategory2() JavaScript: function showSubcategory2() { var categorySelect = document.getElementById('category'); var subcategorySelect = document.getElementById('subcategory'); var category = categorySelect.options [categorySelect.selectedIndex].value; var subcategory = subcategorySelect.options [subcategorySelect.selectedIndex].value; xmlHttp = GetXmlHttpObject(); if (xmlHttp == null) { alert (Browser does not support HTTP Request); return; } var url = getsubcategory2.php; url = url + ?category2=+category; url = url + subcategory2=+subcategory; url = url + sid=+Math.random(); xmlHttp.onreadystatechange = stateChanged; xmlHttp.open(GET, url, true); xmlHttp.send(null); } ...or better yet, remove the onchange attribute from your select tag completely and implement the onchange unobtrusively as I detailed last time. Hope that helps, Kit *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***