[WSG] All in the Head DTD feedback
Hi, I am thinking to change: A Document Type Definition is an XML schema language and defines a set of declarations that conform to a particular markup syntax. to simply read: A Document Type Definition defines a set of declarations that conform to a particular markup syntax. It removes any confusion for both technical history buffs and newcomers I feel. Let me know if that works for you or not. Regards, -- Karl Dawson Crusader for Web Standards and Accessibility http://www.thatstandardsguy.co.uk -- Accessites Team Member - http://www.accessites.org/ -- The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee - W3C Director and inventor of the World Wide Web
Re: [WSG] All in the Head: Document Type Definition
Lynne, on Tuesday, January 10, 2006 at 04:19 wsg@webstandardsgroup.org wrote: On 1/10/06, Martin Heiden [EMAIL PROTECTED] wrote: Document Type Definitions were AFAIK first used by SGML and later for defining XML and XHTML. Because of the limitations of the DTD Language XML Schema has been developed. XML Schema is kind of heavyweight so that many people use the simpler RELAX NG instead. XML is a subset of SGML - right? MMMmhhh I'm not sure about that one. But I hope this may clarify it: So XML Is Just Like SGML? No. Well, yes, sort of. XML is defined as an application profile of SGML. SGML is the Standard Generalized Markup Language defined by ISO 8879. SGML has been the standard, vendor-independent way to maintain repositories of structured documentation for more than a decade, but it is not well suited to serving documents over the web (for a number of technical reasons beyond the scope of this article). Defining XML as an application profile of SGML means that any fully conformant SGML system will be able to read XML documents. However, using and understanding XML documents does not require a system that is capable of understanding the full generality of SGML. XML is, roughly speaking, a restricted form of SGML. For technical purists, it's important to note that there may also be subtle differences between documents as understood by XML systems and those same documents as understood by SGML systems. In particular, treatment of white space immediately adjacent to tags may be different. [1] I'm not sure if the term subset is specific enough. I'd say that XML is a SGML application profile. But probably you're right 'cause even the XML specification states that in the non normative part.[2] But DTD's define the elements. attributes and entities of the document type, and their order, and just happen to use SGML to do so. SGML not XML - or am I missing something? AFAIK DTDs are neither specified in XML nor SGML but in a grammar which has been defined in the SGML and in a more restrictive way in the XML specification. The grammar defined in the XML specification is compatible with the SGML one. I didn't find a reference on what language is used for that grammar, but it goes back to the research of Noam Chomsky about formal languages and formal grammar.[3] With this DTD language/grammar you can only specify a XML document to the point of well-formedness. You can't say if an attributes value is valid or not. At this stage XML Schema comes in: XML Schema provides a means for defining the structure, content and semantics of XML documents[4] I hope this is understandable. regards Martin [1]http://www.xml.com/pub/a/98/10/guide0.html?page=2#AEN72 [2]http://www.w3.org/TR/2004/REC-xml-20040204/#sec-xml-and-sgml [3]http://en.wikipedia.org/wiki/Formal_grammar [4]http://www.w3.org/XML/Schema ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] All in the Head DTD feedback
Karl, on Tuesday, January 10, 2006 at 10:34 wsg@webstandardsgroup.org wrote: A Document Type Definition defines a set of declarations that conform to a particular markup syntax. That's much better! regards Martin ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Jello Mold not working right in IE/Win
On Jan 9, 2006, at 5:25 PM, Seona Bellamy wrote:Can anyone who is running a larger resolution than 1024x768 please have a look and tell me if the layout is holding up? Sorry no time to peek, but I am using this on a current project...#sizer {width:_expression_(document.body.clientWidth 1554 ? "402px" : "75%" );}Works great for us...-Tom LivingstonSenior Multimedia ArtistMedia Logicwww.mlinc.com
RE: [WSG] Jello Mold not working right in IE/Win
Title: Message Can anyone who is running a larger resolution than 1024x768 please have a look and tell me if the layout is holding up? Looks good at 1600-1000px. Scrollbar appears at 999px. -Nigel
[WSG] No Helpdesk software based on webstandards?
Hello list, For the college I am working for I am looking for new helpdesk software for internal use on the college intranet. However I am unable to find any solution that's based on webstandards, the code on all software that we've come across is horribly and I would spent too much time cleaning up everything to consider it. Google search for 'helpdesk webstandards' doesn't turn up anything either, it seems the helpdesk software creators live seperated from the webstandards. Therefore as a last resort I was hoping perhaps one of the people here would have some experience of the software I look for. Preferably it could be based on IIS, ASP, SQL Server but alternatives will be considered, seeing as there aren't many contenders. -- Best regards, Sander van Dragt ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] No Helpdesk software based on webstandards?
Hi Sander I had to develop my own in c# asp.net2.0 to ensure standards compatability. This uses IIS, .net framwork 2.0 and sqlServer 2000. It didn't take all that long as really it was a request tracking system rather than a full blown intranet solution. But .net 2.0 is easy to shape into valid web standards and writes as compliant xhtml 1.1. Its pretty quick to code as well. I'd suggest a home grown approach if they can wait while you specify, model and code. Unfortunately, my employers own the intellectual copyright so I can't pass it on. You could check out the dotnetnuke portal modules to see if any can be adapted. Good luck! Peter -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Sander van Dragt Sent: 10 January 2006 15:28 To: wsg@webstandardsgroup.org Subject: [WSG] No Helpdesk software based on webstandards? Hello list, For the college I am working for I am looking for new helpdesk software for internal use on the college intranet. However I am unable to find any solution that's based on webstandards, the code on all software that we've come across is horribly and I would spent too much time cleaning up everything to consider it. Google search for 'helpdesk webstandards' doesn't turn up anything either, it seems the helpdesk software creators live seperated from the webstandards. Therefore as a last resort I was hoping perhaps one of the people here would have some experience of the software I look for. Preferably it could be based on IIS, ASP, SQL Server but alternatives will be considered, seeing as there aren't many contenders. -- Best regards, Sander van Dragt ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] No Helpdesk software based on webstandards?
Maybe http://www.edgewall.com/trac/? It depends on the functionality and features you need. -- Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com | www.wdnews.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] No Helpdesk software based on webstandards?
If it's for internal use then you must have a fairly standard platform for it to run on (I'm guessing windows 2000 or XP machines with IE6) in that case web standards would be a fairly low priority as you have such a common interface to work with. Samuel http://www.seasonstravel.com.au Sander van Dragt wrote: Hello list, For the college I am working for I am looking for new helpdesk software for internal use on the college intranet. However I am unable to find any solution that's based on webstandards, the code on all software that we've come across is horribly and I would spent too much time cleaning up everything to consider it. Google search for 'helpdesk webstandards' doesn't turn up anything either, it seems the helpdesk software creators live seperated from the webstandards. Therefore as a last resort I was hoping perhaps one of the people here would have some experience of the software I look for. Preferably it could be based on IIS, ASP, SQL Server but alternatives will be considered, seeing as there aren't many contenders. -- Best regards, Sander van Dragt ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] No Helpdesk software based on webstandards?
On 10/01/06, Samuel Richardson [EMAIL PROTECTED] wrote: If it's for internal use then you must have a fairly standard platform for it to run on (I'm guessing windows 2000 or XP machines with IE6) in that case web standards would be a fairly low priority as you have such a common interface to work with. Samuel http://www.seasonstravel.com.au You are joking of course? What about *employees* present or future with disabilities? Sander van Dragt wrote: Hello list, For the college I am working for I am looking for new helpdesk software for internal use on the college intranet. However I am unable to find any solution that's based on webstandards, the code on all software that we've come across is horribly and I would spent too much time cleaning up everything to consider it. snipped -- Karl Dawson Crusader for Web Standards and Accessibility http://www.thatstandardsguy.co.uk -- Accessites Team Member - http://www.accessites.org/ -- The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee - W3C Director and inventor of the World Wide Web N���.�Ȩ�X���+��i�� n�Z�֫v�+��h��y�m�쵩�j�l��.f���.�ץ�w�q(��b��(��,�)උazX����)��
Re: [WSG] No Helpdesk software based on webstandards?
Your confusing web accessibility with web standards, a page can be valid XHTML while not being accessible, likewise this works in reverse. You are joking of course? What about *employees* present or future with disabilities? ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] No Helpdesk software based on webstandards?
Samuel Richardson wrote: Your confusing web accessibility with web standards, a page can be valid XHTML while not being accessible, likewise this works in reverse. I believe that Karl rightly meant web standards in the wider sense. It's not just the syntax side (valid XHTML, CSS layout) but the semantic/structural side of web standards (headers are marked up as H1, H2, etc, inputs and other form widgets are appropriately labelled, etc)... Of course, a lot of AT compensate for tag soup, and a page that is just shy of validation because of some trivial syntax error is not, in most cases, going to cause a huge accessibility barrier. However, a site/system that completely does away with correct semantics, uses triple- or quadruple-nested tables for layout, etc will be a lot more difficult, if not impossible, to use by users relying on AT. P -- Patrick H. Lauke __ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com __ Web Standards Project (WaSP) Accessibility Task Force http://webstandards.org/ __ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] a:hover background image and IE
Hi,
I'm having problem with background image for a:hover and IE
CSS
#header-image img{float:left;}
#header a:hover{position:absolute;width:410px; z-index:10;
background:transparent
url(http://www.jadmadi.net/blog/wp-content/themes/almost-spring/images/home.jpg)
no-repeat top left; background-position: 247px 13px;}
Problem : http://jadmadi.net/blog/ hover your mouse over the header
the left side of the header image.
Please advise.
--
Regards
Jad madi
Blog
http://jadmadi.net/
Web standards Planet
http://W3planet.net/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] a:hover background image and IE
Forgive me, but that seems to be a complicated way of doing things...
Why not break the image up into 2 parts and make the entire left half
an a:href with css hover? The absolute positioning doesn't seem
necessary.
--Zachary On 1/10/06, Jad Madi [EMAIL PROTECTED] wrote:
Hi,I'm having problem with background image for a:hover and IECSS#header-image img{float:left;}#header a:hover{position:absolute;width:410px; z-index:10;background:transparenturl(
http://www.jadmadi.net/blog/wp-content/themes/almost-spring/images/home.jpg)no-repeat top left; background-position: 247px 13px;}Problem : http://jadmadi.net/blog/ hover your mouse over the header
the left side of the header image.Please advise.--RegardsJad madiBloghttp://jadmadi.net/Web standards Planet
http://W3planet.net/**The discussion list forhttp://webstandardsgroup.org/ See
http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help**
-- ==The best way to predict the future is to invent it. [EMAIL PROTECTED]
http://www.hopkinsprogramming.net
[WSG] HTML Numeric and Named Entities
I am aware that #151; is an incorrect character entity for the em dash, that the correct entity is #8212;. But I was mucking about on the W3C Character entity references in HTML 4 http://www.w3.org/TR/REC-html40/sgml/entities.html and noted that the named entity references are now linked to the decimal character entity reference, so that mdash refers to #8212;. Is it safe to use the named references that formerly refered to the control characters? If you have used these named references in the past, so long as you have(update to) the correct character encoding, do these automatically refer to the correct entities? Kat ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Jello Mold not working right in IE/Win
On 11/01/06, Thomas Livingston [EMAIL PROTECTED] wrote:
On Jan 9, 2006, at 5:25 PM, Seona Bellamy wrote:
Can anyone who is running a larger resolution than 1024x768 please have a look and tell me if the layout is holding up?
Sorry no time to peek, but I am using this on a current project...#sizer {width:_expression_(document.body.clientWidth
1554 ? 402px : 75% );}Works great for us...
Thanks for that, Tom. It's certainly better than what I had, in that it
looks a bit more reasonable from a logic point of view, but I'm finding
it's just a touch too narrow. As a result, the last button of my main
navigation is dropping down to the next line.
I would prefer not to have to fiddle with the proportions of the
buttons just for IE, so would it be possible for someone to translate
that _expression_ into plain english for me so I can fiddle with the
numbers instead? I don't understand what they're all doing, so it's
difficult to know where to make the changes I need.
Cheers,
Seona.
Re: [WSG] Jello Mold not working right in IE/Win
On 11/01/06, Duckworth, Nigel [EMAIL PROTECTED] wrote: Can anyone who is running a larger resolution than 1024x768 please have a look and tell me if the layout is holding up? Looks good at 1600-1000px. Scrollbar appears at 999px. -Nigel Thanks Nigel. That's exactly where the scrollbar is supposed to appear. :) The design is then supposed to be able to expand up to about 1240px or so, after which it stops getting wider. That's the theory, anyway Cheers, Seona.
Re: [WSG] Dynamic DIV Height
On 10/01/06, James [EMAIL PROTECTED] wrote:
Thanks for the help Seona,I followed the advice in the URL you sent me andeverything works great. Well, sorta...Adjusting the height created another issue in Opera 8.It's no longer displaying the background image for
#sitewrapper. I'm not sure if it's a bug in Opera 8,or it's due to my inexperience with CSS. I've triedsetting height to 100% in each id selectorand triedvarious arrangements, but that didn't work. anybody
have any advice?
No problems. Sadly, your tinyurl's are no longer working, so I can't
have another look at what you've done. Only thing that comes to mind
off the top of my head is to make sure you included the .clearfix
{display: inline-table;} bit in the easy clearing code. This is an
Opera fix, and it may or may not have something to do with the problem
you're experiencing.
Other than that, not too sure.
Cheers,
Seona.
Re: [WSG] HTML Numeric and Named Entities
Hi Kat, On 11 Jan 2006 at 10:29, Kat wrote: I am aware that #151; is an incorrect character entity for the em dash, that the correct entity is #8212;. #151 is definitivly wrong or very, very old. http://www.sql-und-xml.de/unicode-database/latin-1-supplement.html lists it as 'END OF GUARDED AREA'. All dashes have their own category, 'Punctuation Dash'. They begin with the standard '-', then some 8210 ... and other. See http://www.sql-und-xml.de/unicode-database/pd.html for the complete category. If you have used these named references in the past, so long as you have(update to) the correct character encoding, do these automatically refer to the correct entities? The Html version 4.0 is old, so most browsers may show the mdash; correct as #8212. Best Regards Juergen Auer Jürgen Auer, www.sql-und-xml.de Web-Datenbanken zum Mieten Friedenstr. 37, 10 249 Berlin Tel.: (030) 420 20 060 Fax: (030) 420 19 819 [EMAIL PROTECTED] ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Jello Mold not working right in IE/Win
Seona Bellamy wrote:
#sizer {width:expression(document.body.clientWidth 1554 ? 402px :
75% );}
would it be possible for someone to translate that expression into plain
english for me
Hi Seona
Hope this clarifies.
The expression says:
If the body/viewport[1] width is greater than 1554px then set the width of
the sizer element to 402px, otherwise set the width to 75%
[1] Browsers implement the measurement of document.body.clientWidth
differently, mostly falling into either of the viewport width minus the
scrollbar, or the width of the body element.
Regards
Scott Swabey
Design Development Director
Lafinboy Productions
www.lafinboy.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Jello Mold not working right in IE/Win
#sizer {width:_expression_(document.body.clientWidth
1554 ? 402px : 75% );}
I would prefer not to have to fiddle with the proportions of the
buttons just for IE, so would it be possible for someone to translate
that _expression_ into plain english for me so I can fiddle with the
numbers instead? I don't understand what they're all doing, so it's
difficult to know where to make the changes I need.
Cheers,
Seona.
All the above means:
if the screen width is wider than 1554px then #sizer will be 402px wide, or else it will 75% of the screen width
I hope that was clear enough, it's the best I came up with ;-)
All the best and good luck
Paolo Dodet
Re: [WSG] HTML Numeric and Named Entities
On 11/01/06, Kat [EMAIL PROTECTED] wrote: Is it safe to use the named references that formerly refered to the control characters? Multi level answer here: - text/html: Should be perfectly safe. - application/xhtml+xml: Should be, but isn't, safe except for the five named entities of XML. Use decimal or hexadecimal character references instead. - application/xml: Only safe in validating user agents. Which doesn't include browsers. So, use decimal or hexadecimal character references. If you have used these named references in the past, so long as you have(update to) the correct character encoding, do these automatically refer to the correct entities? Character references refer to Unicode code points independent of the document encoding and character set. At least for HTML4 and XML, if not for HTML3.2. Named entities just map to the corresponding character references. -- David liorean Andersson uri:http://liorean.web-graphics.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] HTML Numeric and Named Entities
liorean wrote: On 11/01/06, Kat [EMAIL PROTECTED] wrote: Is it safe to use the named references that formerly refered to the control characters? Yes, it's safe to use the named entity references in HTML4, but it's easier to just use UTF-8 and type the actual characters instead. mdash; (or any other entity reference) has never referred to a control character, you're getting confused by the fact that IE (and now every other HTML browser, for compatibility) incorrectly interprets character references from #128; to #159; (and their hex equivalents) as though the Document Character Set were Windows-1252. This has never been defined in any standard, it is nothing more than widely implemented broken behaviour. Multi level answer here: - text/html: Should be perfectly safe. Yes, it only depends on the availability of fonts and support for the characters used. Not all characters are supported by every browser. For example, the character referred to by shy; (soft-hyphen) isn't supported by Mozilla yet. Also, some older and obsolete browsers don't support all named entities. - application/xhtml+xml: Should be, but isn't, safe except for the five named entities of XML. Use decimal or hexadecimal character references instead. - application/xml: Only safe in validating user agents. Which doesn't include browsers. So, use decimal or hexadecimal character references. There is no difference between the handling of the MIME types, both require the use of a validating parser to handle named entity references. The exception to the rule is that some browsers, such as Mozilla, despite not implementing a validating parser, may have a pseudo-DTD catalog containing just these entity references. Mozilla uses this catalog when it encounters an XHTML DOCTYPE in an XML document, regardless of the MIME type. (It works similarly for MathML too). Character references refer to Unicode code points independent of the document encoding and character set. At least for HTML4 and XML, if not for HTML3.2. As far as character references in HTML are concerned, they have always referred to the Unicode code points since HTML 2.0. See my article: http://lachy.id.au/log/2005/10/char-refs (take note of the comments too, which contain a few corrections) -- Lachlan Hunt http://lachy.id.au/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] All in the Head DTD feedback
On Jan 10, 2006, at 1:34 AM, Karl Dawson wrote: Hi, I am thinking to change: A Document Type Definition is an XML schema language and defines a set of declarations that conform to a particular markup syntax. to simply read: A Document Type Definition defines a set of declarations that conform to a particular markup syntax. I prefer this from the HTML 4.01 spec http://www.w3.org/TR/1999/REC-html401-19991224/intro/ sgmltut.html#h-3.1 An SGML document type definition declares element types that represent structures or desired behavior. HTML includes element types that represent paragraphs, hypertext links, lists, tables, images, etc. Steve Ferguson - Illumit http://illumit.com It removes any confusion for both technical history buffs and newcomers I feel. Let me know if that works for you or not. Regards, -- Karl Dawson Crusader for Web Standards and Accessibility http://www.thatstandardsguy.co.uk -- Accessites Team Member - http://www.accessites.org/ -- The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee - W3C Director and inventor of the World Wide We** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** b ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Plesk (hosting control panel system) and web standards support
The company I work for is moving our hosting systems to Plesk. One of the tasks that will probably fall to me is adding some of our branding to the Control Panel interface itself. I've worked with the HSphere control panel system in the past and customizing the look and feel has been a nightmare - has anyone had any experience with Plesk who could comment on whether it uses web standards (I doubt it but it doesn't hurt to dream) or perhaps just good CSS? Is it easy to modify? Thanks! -- Kay Smoljak http://kay.zombiecoder.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Jello Mold not working right in IE/Win
Thanks Scott and Paulo, those were excellent definitions. I understand it a lot better now. So back to fiddling for a while. Cheers, Seona.
[WSG] CSS or JavaScript flyout menu
I am looking for some ideas on how to create a _javascript_/CSS fly-out menu, the dreaded day has come that a client finally insisted on using one! I need to custom write it because it needs to be integrated with a CMS.I started working on the structure (see below)I'd like to generate the menu from, but that's where it ended. Has anyone got some ideas code samples etc.? Any help would be much appreciated. var menu = new Object(); menu[ "about_bdsrecruit" ] = new Object(); menu[ "about_bdsrecruit" ][ "vision_mission" ] = new Object(); menu[ "about_bdsrecruit" ][ "vision_mission" ][ "value" ] = "Vission/Mission"; menu[ "about_bdsrecruit" ][ "vision_mission" ][ "link" ] = "/about/bdsrecruit/vision/"; menu[ "about_bdsrecruit" ][ "history" ] = new Object(); menu[ "about_bdsrecruit" ][ "history" ][ "value" ] = "Vission/Mission"; menu[ "about_bdsrecruit" ][ "history" ][ "link" ] = "/about/bdsrecruit/history/"; menu[ "about_bdsrecruit" ][ "training" ] = new Object();menu[ "about_bdsrecruit" ][ "training" ][ "value" ] = "Training";menu[ "about_bdsrecruit" ][ "training" ][ "link" ] = "/about/bdsrecruit/training/"; menu[ "about_bdsrecruit" ][ "the_people" ] = new Object();menu[ "about_bdsrecruit" ][ "the_people" ][ "value" ] = "The People";menu[ "about_bdsrecruit" ][ "the_people" ][ "link" ] = "/about/bdsrecruit/people/"; menu[ "about_bdsrecruit" ][ "the_people" ][ "staff_profile" ] = new Object();menu[ "about_bdsrecruit" ][ "the_people" ][ "staff_profile" ][ "value" ] = "Staff Profiles";menu[ "about_bdsrecruit" ][ "the_people" ][ "staff_profile" ][ "link" ] = "/about/bdsrecruit/profile/"; -- Taco Fleur - http://www.pacificfox.com.au Web Design, Web development, Graphic Design and Complete Internet Solutionsan industry leader with commercial IT experience since 1994 Kind regards, Taco Fleur - CEOPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 Web Design and Development SMS Solutions, including developer API Domain Registration, .COM for as low as fifteendollars a year, .COM.AU for fifty dollarstwo years! BlackBerryBusiness Solutions www.OzBlackBerry.com We endorse PayPal, accept payments online now! Seamless Merchant integration
RE: [WSG] CSS or JavaScript flyout menu
PS. it needs to be able to accommodate several sub links. Kind regards, Taco Fleur - CEOPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 Web Design and Development SMS Solutions, including developer API Domain Registration, .COM for as low as fifteendollars a year, .COM.AU for fifty dollarstwo years! BlackBerryBusiness Solutions www.OzBlackBerry.com We endorse PayPal, accept payments online now! Seamless Merchant integration From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Taco Fleur - Pacific FoxSent: Wednesday, 11 January 2006 3:34 PMTo: wsg@webstandardsgroup.orgSubject: [WSG] CSS or _javascript_ flyout menu I am looking for some ideas on how to create a _javascript_/CSS fly-out menu, the dreaded day has come that a client finally insisted on using one! I need to custom write it because it needs to be integrated with a CMS.I started working on the structure (see below)I'd like to generate the menu from, but that's where it ended. Has anyone got some ideas code samples etc.? Any help would be much appreciated. var menu = new Object(); menu[ "about_bdsrecruit" ] = new Object(); menu[ "about_bdsrecruit" ][ "vision_mission" ] = new Object(); menu[ "about_bdsrecruit" ][ "vision_mission" ][ "value" ] = "Vission/Mission"; menu[ "about_bdsrecruit" ][ "vision_mission" ][ "link" ] = "/about/bdsrecruit/vision/"; menu[ "about_bdsrecruit" ][ "history" ] = new Object(); menu[ "about_bdsrecruit" ][ "history" ][ "value" ] = "Vission/Mission"; menu[ "about_bdsrecruit" ][ "history" ][ "link" ] = "/about/bdsrecruit/history/"; menu[ "about_bdsrecruit" ][ "training" ] = new Object();menu[ "about_bdsrecruit" ][ "training" ][ "value" ] = "Training";menu[ "about_bdsrecruit" ][ "training" ][ "link" ] = "/about/bdsrecruit/training/"; menu[ "about_bdsrecruit" ][ "the_people" ] = new Object();menu[ "about_bdsrecruit" ][ "the_people" ][ "value" ] = "The People";menu[ "about_bdsrecruit" ][ "the_people" ][ "link" ] = "/about/bdsrecruit/people/"; menu[ "about_bdsrecruit" ][ "the_people" ][ "staff_profile" ] = new Object();menu[ "about_bdsrecruit" ][ "the_people" ][ "staff_profile" ][ "value" ] = "Staff Profiles";menu[ "about_bdsrecruit" ][ "the_people" ][ "staff_profile" ][ "link" ] = "/about/bdsrecruit/profile/"; -- Taco Fleur - http://www.pacificfox.com.au Web Design, Web development, Graphic Design and Complete Internet Solutionsan industry leader with commercial IT experience since 1994 Kind regards, Taco Fleur - CEOPacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 Web Design and Development SMS Solutions, including developer API Domain Registration, .COM for as low as fifteendollars a year, .COM.AU for fifty dollarstwo years! BlackBerryBusiness Solutions www.OzBlackBerry.com We endorse PayPal, accept payments online now! Seamless Merchant integration
Re: [WSG] CSS or JavaScript flyout menu
Taco Fleur - Pacific Fox wrote:
I am looking for some ideas on how to create a JavaScript/CSS fly-out menu,
the dreaded day has come that a client finally insisted on using one!
...
var menu = new Object();
menu[ about_bdsrecruit ] = new Object();
Yikes! Don't generate a menu like that, it's a waste of time.
Markup:
ul
lia href=#Item 1/a/li
liItem 2
ul
liSubmenu item 1/li
liSubmenu item 2/li
liSubmenu item 3/li
/ul
/li
liItem 3/li
/ul
Make them all links if you like, I just omitted the a elements for
simplicity.
CSS:
li ul { display: none; }
li:hover ul { display: block; }
/* Plus whatever styles you want to make it look good and layout
correctly. */
JS:
Attach mouseover and mouseout event listeners to the li elements to show
and hide the sub menus.
Google for Pure CSS Menus, Suckerfish Dropdowns CSS/JS menus or
similar search terms.
--
Lachlan Hunt
http://lachy.id.au/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] CSS or JavaScript flyout menu
Hi Taco,If you will do everything in _javascript_, then your menu will lost its semantic. Take a look how it is done on http://www.optuszoo.com.auThere is _javascript_ for delay, CSS for drop-downs and ulli for semantic. best regards,Dmitry
RE: [WSG] CSS or JavaScript flyout menu
I had a look at Suckerfish Dropdowns but it seems to go only one level deep,
I need several levels deep.
Kind regards,
Taco Fleur - CEO
Pacific Fox http://www.pacificfox.com.au an industry leader with commercial
IT experience since 1994 .
*
Web Design and Development
*
SMS Solutions, including developer API
*
Domain Registration, .COM for as low as fifteen dollars a year,
.COM.AU for fifty dollars two years!
*
BlackBerryR Business Solutions www.OzBlackBerry.com
*
We endorse PayPal, accept payments online now!
*
Seamless Merchant integration
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Lachlan Hunt
Sent: Wednesday, 11 January 2006 5:02 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] CSS or JavaScript flyout menu
Taco Fleur - Pacific Fox wrote:
I am looking for some ideas on how to create a
JavaScript/CSS fly-out
menu, the dreaded day has come that a client finally
insisted on using one!
...
var menu = new Object();
menu[ about_bdsrecruit ] = new Object();
Yikes! Don't generate a menu like that, it's a waste of time.
Markup:
ul
lia href=#Item 1/a/li
liItem 2
ul
liSubmenu item 1/li
liSubmenu item 2/li
liSubmenu item 3/li
/ul
/li
liItem 3/li
/ul
Make them all links if you like, I just omitted the a
elements for simplicity.
CSS:
li ul { display: none; }
li:hover ul { display: block; }
/* Plus whatever styles you want to make it look good and
layout correctly. */
JS:
Attach mouseover and mouseout event listeners to the li
elements to show and hide the sub menus.
Google for Pure CSS Menus, Suckerfish Dropdowns CSS/JS
menus or similar search terms.
--
Lachlan Hunt
http://lachy.id.au/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
