\n\n...\n\n\"Enter\n"},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{39:"404.8px 9.5px",116:"404.8px 9.5px",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"19px",324:"19px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"and here is what it looks like ..."},]}, {"text":"\n\n"}, {"text":"\n\n"}, {"tag":"a","attrib":{"href":"/",style:{1:"rgb(0, 0, 238)",2:"rgb(0, 0, 238)",26:"auto",32:"normal",39:"240px 7.5px",55:"rgb(0, 0, 238)",59:"underline",60:"rgb(0, 0, 238)",61:"underline rgb(0, 0, 238)",116:"240px 7.5px",144:"rgb(0, 0, 238)",177:"0px",178:"0px",179:"0px",180:"0px",181:"0px",182:"0px",183:"0px",184:"0px",201:"auto",206:"auto",250:"inline",254:"pointer",264:"rgb(0, 0, 238)",271:"rgb(0, 0, 238)",276:"rgb(0, 0, 238)",289:"rgb(0, 0, 238)",295:"rgb(0, 0, 238)",298:"rgb(0, 0, 238)",301:"rgb(0, 0, 238)",304:"rgb(0, 0, 238)",317:"rgb(0, 0, 238)",320:"rgb(0, 0, 238)",323:"rgb(0, 0, 238)",324:"auto",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"tag":"img","attrib":{"name":"enter","src":"enter1.gif","alt":"Enter if you dare!","border":"0",style:{26:"480px",39:"240px 40px",59:"none",61:"rgb(0, 0, 238)",116:"240px 40px",201:"480px",206:"80px",286:"solid",294:"solid",297:"solid",300:"solid",303:"solid",314:"solid",319:"solid",322:"solid",324:"80px"}},"children":[]},]}, {"text":" \n\n"}, {"tag":"p","attrib":{style:{39:"404.8px 28.5px",116:"404.8px 28.5px",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"57px",324:"57px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"I created these images using a freeware painting tool by\nadding a hot wax effect and then a drop shadow to the text.\nYou can find lots of advice and royalty free clipart on the\nWeb via most search engines."},]}, {"text":"\n\n"}, {"tag":"h3","attrib":{style:{26:"833.883px",39:"416.942px 11.5px",116:"416.942px 11.5px",177:"18.72px",178:"0px",179:"-24.2833px",180:"-24.2833px",181:"0px",182:"18.72px",183:"18.72px",184:"18.72px",201:"833.883px",206:"23px",217:"700",230:"18.72px",324:"23px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"Banner Ads"},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{39:"404.8px 57px",116:"404.8px 57px",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"114px",324:"114px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"If your website has several sponsors, then you can use an\nimage link that cycles through each of the sponsors in turn. The\nfirst step is to create an image for each of your sponsors. All\nthe images should have the same size. The corresponding URLs for\nthe images and for the websites are then placed into the arrays\nnamed "}, {"tag":"i","attrib":{style:{26:"auto",32:"normal",39:"39.1917px 9.5px",116:"39.1917px 9.5px",177:"0px",182:"0px",183:"0px",184:"0px",201:"auto",206:"auto",227:"italic",250:"inline",324:"auto"}},"children":[ {"text":"adImages"},]}, {"text":" and "}, {"tag":"i","attrib":{style:{26:"auto",32:"normal",39:"30.0167px 9.5px",116:"30.0167px 9.5px",177:"0px",182:"0px",183:"0px",184:"0px",201:"auto",206:"auto",227:"italic",250:"inline",324:"auto"}},"children":[ {"text":"adURLs"},]}, {"text":" defined at the start of\nthe script. The img element for the link should be initialized to\nthe first image in the array. The cycle is started off using the\nonload event on the body element."},]}, {"text":"\n\n"}, {"tag":"pre","attrib":{style:{1:"rgb(0, 128, 0)",2:"rgb(0, 128, 0)",27:"pre",39:"404.8px 410px",55:"rgb(0, 128, 0)",60:"rgb(0, 128, 0)",61:"rgb(0, 128, 0)",116:"404.8px 410px",144:"rgb(0, 128, 0)",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"820px",217:"700",235:"Courier",264:"rgb(0, 128, 0)",271:"rgb(0, 128, 0)",276:"rgb(0, 128, 0)",289:"rgb(0, 128, 0)",295:"rgb(0, 128, 0)",298:"rgb(0, 128, 0)",301:"rgb(0, 128, 0)",304:"rgb(0, 128, 0)",317:"rgb(0, 128, 0)",320:"rgb(0, 128, 0)",323:"rgb(0, 128, 0)",324:"820px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"\n\ncycling banner ads\n\n\n\n...\n\n\"Our\n"},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{39:"404.8px 26px",116:"404.8px 26px",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"52px",324:"52px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"Our Sponsors: "}, {"tag":"a","attrib":{"href":"javascript:gotoAd()",style:{1:"rgb(0, 0, 238)",2:"rgb(0, 0, 238)",26:"auto",32:"normal",39:"24px 7.5px",55:"rgb(0, 0, 238)",59:"underline",60:"rgb(0, 0, 238)",61:"underline rgb(0, 0, 238)",116:"24px 7.5px",144:"rgb(0, 0, 238)",177:"0px",182:"0px",183:"0px",184:"0px",201:"auto",206:"auto",250:"inline",254:"pointer",264:"rgb(0, 0, 238)",271:"rgb(0, 0, 238)",276:"rgb(0, 0, 238)",289:"rgb(0, 0, 238)",295:"rgb(0, 0, 238)",298:"rgb(0, 0, 238)",301:"rgb(0, 0, 238)",304:"rgb(0, 0, 238)",317:"rgb(0, 0, 238)",320:"rgb(0, 0, 238)",323:"rgb(0, 0, 238)",324:"auto"}},"children":[ {"tag":"img","attrib":{"name":"adBanner","src":"hosts/keio.gif","alt":"Our sponsors","width":"48","height":"48","border":"0",style:{26:"48px",39:"24px 24px",59:"none",61:"rgb(0, 0, 238)",116:"24px 24px",201:"48px",206:"48px",286:"solid",294:"solid",297:"solid",300:"solid",303:"solid",314:"solid",319:"solid",322:"solid",324:"48px",337:"auto 48 / 48"}},"children":[]},]},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{39:"404.8px 28.5px",116:"404.8px 28.5px",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"57px",324:"57px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"tag":"i","attrib":{style:{26:"auto",32:"normal",39:"21.625px 9.5px",116:"21.625px 9.5px",177:"0px",182:"0px",183:"0px",184:"0px",201:"auto",206:"auto",227:"italic",250:"inline",324:"auto"}},"children":[ {"text":"Note:"},]}, {"text":" you are recommended to make sure that all of the\nimages are the same width and height. An alternative is to add\nwidth and height attributes to the img element to ensure the\nimages are all shown at the same size."},]}, {"text":"\n\n"}, {"tag":"h3","attrib":{style:{26:"833.883px",39:"416.942px 11.5px",116:"416.942px 11.5px",177:"18.72px",178:"0px",179:"-24.2833px",180:"-24.2833px",181:"0px",182:"18.72px",183:"18.72px",184:"18.72px",201:"833.883px",206:"23px",217:"700",230:"18.72px",324:"23px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"What about browsers that don't support scripting?"},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{39:"404.8px 38px",116:"404.8px 38px",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"76px",324:"76px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"The content of a "}, {"tag":"i","attrib":{style:{26:"auto",32:"normal",39:"32.25px 9.5px",116:"32.25px 9.5px",177:"0px",182:"0px",183:"0px",184:"0px",201:"auto",206:"auto",227:"italic",250:"inline",324:"auto"}},"children":[ {"text":"noscript"},]}, {"text":" element is only shown if the\nbrowser doesn't support scripting. It should be used when you want\nto give people access to information that would otherwise be\ninaccessible to people with browsers that don't support scripting.\nLet's assume that you want to make the links for your sponsors\navailable as text:"},]}, {"text":"\n\n"}, {"tag":"pre","attrib":{style:{1:"rgb(0, 128, 0)",2:"rgb(0, 128, 0)",27:"pre",39:"404.8px 50px",55:"rgb(0, 128, 0)",60:"rgb(0, 128, 0)",61:"rgb(0, 128, 0)",116:"404.8px 50px",144:"rgb(0, 128, 0)",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"100px",217:"700",235:"Courier",264:"rgb(0, 128, 0)",271:"rgb(0, 128, 0)",276:"rgb(0, 128, 0)",289:"rgb(0, 128, 0)",295:"rgb(0, 128, 0)",298:"rgb(0, 128, 0)",301:"rgb(0, 128, 0)",304:"rgb(0, 128, 0)",317:"rgb(0, 128, 0)",320:"rgb(0, 128, 0)",323:"rgb(0, 128, 0)",324:"100px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"\n"},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{39:"404.8px 19px",116:"404.8px 19px",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"38px",324:"38px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"There are many free sources of information about scripting,\nwhich can be easily found via most search engines."},]}, {"text":"\n\n"}, {"tag":"h2","attrib":{style:{26:"833.883px",39:"416.942px 14.5px",116:"416.942px 14.5px",177:"24px",178:"0px",179:"-24.2833px",180:"-24.2833px",181:"0px",182:"19.92px",183:"24px",184:"19.92px",201:"833.883px",206:"29px",217:"700",230:"24px",324:"29px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"Enable users to listen to sound files"},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{39:"404.8px 47.5px",116:"404.8px 47.5px",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"95px",324:"95px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"Let's assume that you and your friends have got together to\nrecord some music in your garage, and you now want to get this\nout to the listening public. The first step is to compress the\nrecorded audio, e.g. as an mp3 file and upload it to your website.\nFor explanatory purposes, let's assume that this is then available\nat: "}, {"tag":"code","attrib":{style:{26:"auto",32:"normal",39:"126.292px 7.5px",116:"126.292px 7.5px",177:"0px",182:"0px",183:"0px",184:"0px",201:"auto",206:"auto",230:"12px",235:"monospace",250:"inline",324:"auto"}},"children":[ {"text":"http://example.com/music/myband.mp3"},]}, {"text":". In the\nexamples below you should replace this with the correct location\nfor your website."},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{39:"404.8px 38px",116:"404.8px 38px",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"76px",324:"76px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"The next step is to create a playlist file with the file\nextension .m3u. This avoids the lengthy wait before users start\nto hear the music that typically occurs if you link directly\nto the mp3 file. You can create the playlist with a text editor\nand it just needs to include the URL for the mp3 file. For the\nexample sound file, this would be:"},]}, {"text":"\n\n"}, {"tag":"pre","attrib":{style:{1:"rgb(0, 128, 0)",2:"rgb(0, 128, 0)",27:"pre",39:"404.8px 10px",55:"rgb(0, 128, 0)",60:"rgb(0, 128, 0)",61:"rgb(0, 128, 0)",116:"404.8px 10px",144:"rgb(0, 128, 0)",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"20px",217:"700",235:"Courier",264:"rgb(0, 128, 0)",271:"rgb(0, 128, 0)",276:"rgb(0, 128, 0)",289:"rgb(0, 128, 0)",295:"rgb(0, 128, 0)",298:"rgb(0, 128, 0)",301:"rgb(0, 128, 0)",304:"rgb(0, 128, 0)",317:"rgb(0, 128, 0)",320:"rgb(0, 128, 0)",323:"rgb(0, 128, 0)",324:"20px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"http://example.com/music/myband.mp3\n"},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{39:"404.8px 19px",116:"404.8px 19px",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"38px",324:"38px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"Upload the m3u playlist file to your web server. You can\nnow add a link to your band's web page as follows:"},]}, {"text":"\n\n"}, {"tag":"pre","attrib":{style:{1:"rgb(0, 128, 0)",2:"rgb(0, 128, 0)",27:"pre",39:"404.8px 20px",55:"rgb(0, 128, 0)",60:"rgb(0, 128, 0)",61:"rgb(0, 128, 0)",116:"404.8px 20px",144:"rgb(0, 128, 0)",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"40px",217:"700",235:"Courier",264:"rgb(0, 128, 0)",271:"rgb(0, 128, 0)",276:"rgb(0, 128, 0)",289:"rgb(0, 128, 0)",295:"rgb(0, 128, 0)",298:"rgb(0, 128, 0)",301:"rgb(0, 128, 0)",304:"rgb(0, 128, 0)",317:"rgb(0, 128, 0)",320:"rgb(0, 128, 0)",323:"rgb(0, 128, 0)",324:"40px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"listen to our band\n"},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{39:"404.8px 19px",116:"404.8px 19px",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"38px",324:"38px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"You may also need to check with the web server adminstrator\nthat the correct MIME types are set for the both mp3 and m3u files.\n\n"},]}, {"tag":"ul","attrib":{style:{26:"769.6px",39:"404.8px 19px",116:"404.8px 19px",124:"40px",125:"40px",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",201:"769.6px",206:"38px",256:"list-item 0",324:"38px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"\n"}, {"tag":"li","attrib":{style:{39:"384.8px 9.5px",65:"left",116:"384.8px 9.5px",124:"0px",125:"0px",177:"0px",182:"0px",183:"0px",184:"0px",206:"19px",250:"list-item",256:"none",324:"19px"}},"children":[ {"text":"m3u extension with audio/x-mpegurl"},]}, {"text":"\n"}, {"tag":"li","attrib":{style:{39:"384.8px 9.5px",65:"left",116:"384.8px 9.5px",124:"0px",125:"0px",177:"0px",182:"0px",183:"0px",184:"0px",206:"19px",250:"list-item",256:"none",324:"19px"}},"children":[ {"text":"mp3 extension with audio/mpeg"},]}, {"text":"\n"},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{39:"404.8px 28.5px",116:"404.8px 28.5px",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"57px",324:"57px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"tag":"strong","attrib":{style:{26:"auto",32:"normal",39:"24.4167px 9.5px",46:"uppercase",116:"24.4167px 9.5px",177:"0px",182:"0px",183:"0px",184:"0px",201:"auto",206:"auto",217:"700",250:"inline",324:"auto"}},"children":[ {"text":"Note"},]}, {"text":" the above approach works best for people\nwith broadband connections. You should consider providing a\nlower quality version of the mp3 file for people on low speed\nconnections (i.e. at a much lower data rate than 128K)."},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{39:"404.8px 38px",116:"404.8px 38px",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"76px",324:"76px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"A very similar approach can also be used for Ogg Vorbis sound\nfiles (MIME type \"application/ogg\" and file extension \".ogg\").\nThese can be used with either m3u or pls playlist files, but not\nall music players will be configured to support this. Consult a\nsearch engine for more details on this and other audio formats."},]}, {"text":"\n\n"}, {"tag":"h2","attrib":{style:{26:"833.883px",39:"416.942px 14.5px",116:"416.942px 14.5px",177:"24px",178:"0px",179:"-24.2833px",180:"-24.2833px",181:"0px",182:"19.92px",183:"24px",184:"19.92px",201:"833.883px",206:"29px",217:"700",230:"24px",324:"29px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"Getting Further Information"},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{39:"404.8px 38px",116:"404.8px 38px",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"76px",324:"76px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"W3C's Recommendation for "}, {"tag":"a","attrib":{"href":"http://www.w3.org/TR/REC-html40",style:{1:"rgb(0, 0, 238)",2:"rgb(0, 0, 238)",26:"auto",32:"normal",39:"37.525px 9.5px",55:"rgb(0, 0, 238)",59:"underline",60:"rgb(0, 0, 238)",61:"underline rgb(0, 0, 238)",116:"37.525px 9.5px",144:"rgb(0, 0, 238)",177:"0px",182:"0px",183:"0px",184:"0px",201:"auto",206:"auto",250:"inline",254:"pointer",264:"rgb(0, 0, 238)",271:"rgb(0, 0, 238)",276:"rgb(0, 0, 238)",289:"rgb(0, 0, 238)",295:"rgb(0, 0, 238)",298:"rgb(0, 0, 238)",301:"rgb(0, 0, 238)",304:"rgb(0, 0, 238)",317:"rgb(0, 0, 238)",320:"rgb(0, 0, 238)",323:"rgb(0, 0, 238)",324:"auto"}},"children":[ {"text":"HTML 4.0"},]}, {"text":" is the authoritative\nspecification for HTML. However, it is a technical specification.\nFor a less technical source of information you may\nwant to purchase one of the many books on HTML, for example \""}, {"tag":"a","attrib":{"href":"http://www.w3.org/People/Raggett#htmlbook",style:{1:"rgb(0, 0, 238)",2:"rgb(0, 0, 238)",26:"auto",32:"normal",39:"76.5583px 9.5px",55:"rgb(0, 0, 238)",59:"underline",60:"rgb(0, 0, 238)",61:"underline rgb(0, 0, 238)",116:"76.5583px 9.5px",144:"rgb(0, 0, 238)",177:"0px",182:"0px",183:"0px",184:"0px",201:"auto",206:"auto",250:"inline",254:"pointer",264:"rgb(0, 0, 238)",271:"rgb(0, 0, 238)",276:"rgb(0, 0, 238)",289:"rgb(0, 0, 238)",295:"rgb(0, 0, 238)",298:"rgb(0, 0, 238)",301:"rgb(0, 0, 238)",304:"rgb(0, 0, 238)",317:"rgb(0, 0, 238)",320:"rgb(0, 0, 238)",323:"rgb(0, 0, 238)",324:"auto"}},"children":[ {"text":"Raggett on HTML\n4"},]}, {"text":"\", published 1998 by Addison Wesley."}, {"text":" "}, {"tag":"a","attrib":{"href":"/TR/xhtml1/",style:{1:"rgb(0, 0, 238)",2:"rgb(0, 0, 238)",26:"auto",32:"normal",39:"43.0083px 9.5px",55:"rgb(0, 0, 238)",59:"underline",60:"rgb(0, 0, 238)",61:"underline rgb(0, 0, 238)",116:"43.0083px 9.5px",144:"rgb(0, 0, 238)",177:"0px",182:"0px",183:"0px",184:"0px",201:"auto",206:"auto",250:"inline",254:"pointer",264:"rgb(0, 0, 238)",271:"rgb(0, 0, 238)",276:"rgb(0, 0, 238)",289:"rgb(0, 0, 238)",295:"rgb(0, 0, 238)",298:"rgb(0, 0, 238)",301:"rgb(0, 0, 238)",304:"rgb(0, 0, 238)",317:"rgb(0, 0, 238)",320:"rgb(0, 0, 238)",323:"rgb(0, 0, 238)",324:"auto"}},"children":[ {"text":"XHTML 1.0"},]}, {"text":" is now a W3C Recommendation."},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{39:"404.8px 9.5px",116:"404.8px 9.5px",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"19px",324:"19px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"text":"Best of luck and get writing!"},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{39:"404.8px 9.5px",116:"404.8px 9.5px",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"19px",324:"19px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"tag":"i","attrib":{style:{26:"auto",32:"normal",39:"118.65px 9.5px",116:"118.65px 9.5px",177:"0px",182:"0px",183:"0px",184:"0px",201:"auto",206:"auto",227:"italic",250:"inline",324:"auto"}},"children":[ {"tag":"a","attrib":{"href":"http://www.w3.org/People/Raggett",style:{1:"rgb(0, 0, 238)",2:"rgb(0, 0, 238)",39:"54.8833px 9.5px",55:"rgb(0, 0, 238)",59:"underline",60:"rgb(0, 0, 238)",61:"underline rgb(0, 0, 238)",116:"54.8833px 9.5px",144:"rgb(0, 0, 238)",254:"pointer",264:"rgb(0, 0, 238)",271:"rgb(0, 0, 238)",276:"rgb(0, 0, 238)",289:"rgb(0, 0, 238)",295:"rgb(0, 0, 238)",298:"rgb(0, 0, 238)",301:"rgb(0, 0, 238)",304:"rgb(0, 0, 238)",317:"rgb(0, 0, 238)",320:"rgb(0, 0, 238)",323:"rgb(0, 0, 238)"}},"children":[ {"text":"Dave Raggett"},]}, {"text":"\n<"}, {"tag":"a","attrib":{"href":"mailto:dsr@w3.org",style:{1:"rgb(0, 0, 238)",2:"rgb(0, 0, 238)",39:"47.825px 9.5px",55:"rgb(0, 0, 238)",59:"underline",60:"rgb(0, 0, 238)",61:"underline rgb(0, 0, 238)",116:"47.825px 9.5px",144:"rgb(0, 0, 238)",254:"pointer",264:"rgb(0, 0, 238)",271:"rgb(0, 0, 238)",276:"rgb(0, 0, 238)",289:"rgb(0, 0, 238)",295:"rgb(0, 0, 238)",298:"rgb(0, 0, 238)",301:"rgb(0, 0, 238)",304:"rgb(0, 0, 238)",317:"rgb(0, 0, 238)",320:"rgb(0, 0, 238)",323:"rgb(0, 0, 238)"}},"children":[ {"text":"dsr@w3.org"},]}, {"text":">"},]},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{39:"404.8px 26.7083px",116:"404.8px 26.7083px",177:"16px",178:"0px",179:"0px",180:"0px",181:"0px",182:"16px",183:"16px",184:"16px",206:"53.4167px",324:"53.4167px",331:"none",332:"rgba(0, 0, 0, 0)"}},"children":[ {"tag":"small","attrib":{style:{26:"auto",32:"normal",39:"385.842px 8.5px",116:"385.842px 8.5px",177:"0px",182:"0px",183:"0px",184:"0px",201:"auto",206:"auto",230:"13.3333px",250:"inline",324:"auto"}},"children":[ {"tag":"a","attrib":{"rel":"Copyright","href":"/Consortium/Legal/ipr-notice#Copyright",style:{1:"rgb(0, 0, 238)",2:"rgb(0, 0, 238)",39:"32.5667px 8.5px",55:"rgb(0, 0, 238)",59:"underline",60:"rgb(0, 0, 238)",61:"underline rgb(0, 0, 238)",116:"32.5667px 8.5px",144:"rgb(0, 0, 238)",254:"pointer",264:"rgb(0, 0, 238)",271:"rgb(0, 0, 238)",276:"rgb(0, 0, 238)",289:"rgb(0, 0, 238)",295:"rgb(0, 0, 238)",298:"rgb(0, 0, 238)",301:"rgb(0, 0, 238)",304:"rgb(0, 0, 238)",317:"rgb(0, 0, 238)",320:"rgb(0, 0, 238)",323:"rgb(0, 0, 238)"}},"children":[ {"text":"Copyright"},]}, {"text":" ©\n1994-2003 "}, {"tag":"a","attrib":{"href":"/",style:{1:"rgb(0, 0, 238)",2:"rgb(0, 0, 238)",39:"15.4833px 8.5px",55:"rgb(0, 0, 238)",59:"underline",60:"rgb(0, 0, 238)",61:"underline rgb(0, 0, 238)",116:"15.4833px 8.5px",144:"rgb(0, 0, 238)",254:"pointer",264:"rgb(0, 0, 238)",271:"rgb(0, 0, 238)",276:"rgb(0, 0, 238)",289:"rgb(0, 0, 238)",295:"rgb(0, 0, 238)",298:"rgb(0, 0, 238)",301:"rgb(0, 0, 238)",304:"rgb(0, 0, 238)",317:"rgb(0, 0, 238)",320:"rgb(0, 0, 238)",323:"rgb(0, 0, 238)"}},"children":[ {"tag":"acronym","attrib":{"title":"World Wide Web Consortium",style:{57:"dotted",61:"underline dotted rgb(0, 0, 238)"}},"children":[ {"text":"W3C"},]},]}, {"tag":"sup","attrib":{style:{29:"super",39:"5.55833px 7px",116:"5.55833px 7px",230:"11.1111px"}},"children":[ {"text":"®"},]}, {"text":"\n("}, {"tag":"a","attrib":{"href":"http://www.lcs.mit.edu/",style:{1:"rgb(0, 0, 238)",2:"rgb(0, 0, 238)",39:"11.7833px 8.5px",55:"rgb(0, 0, 238)",59:"underline",60:"rgb(0, 0, 238)",61:"underline rgb(0, 0, 238)",116:"11.7833px 8.5px",144:"rgb(0, 0, 238)",254:"pointer",264:"rgb(0, 0, 238)",271:"rgb(0, 0, 238)",276:"rgb(0, 0, 238)",289:"rgb(0, 0, 238)",295:"rgb(0, 0, 238)",298:"rgb(0, 0, 238)",301:"rgb(0, 0, 238)",304:"rgb(0, 0, 238)",317:"rgb(0, 0, 238)",320:"rgb(0, 0, 238)",323:"rgb(0, 0, 238)"}},"children":[ {"tag":"acronym","attrib":{"title":"Massachusetts Institute of Technology",style:{57:"dotted",61:"underline dotted rgb(0, 0, 238)"}},"children":[ {"text":"MIT"},]},]}, {"text":", "}, {"tag":"a","attrib":{"href":"http://www.ercim.org/",style:{1:"rgb(0, 0, 238)",2:"rgb(0, 0, 238)",39:"20.875px 8.5px",55:"rgb(0, 0, 238)",59:"underline",60:"rgb(0, 0, 238)",61:"underline rgb(0, 0, 238)",116:"20.875px 8.5px",144:"rgb(0, 0, 238)",254:"pointer",264:"rgb(0, 0, 238)",271:"rgb(0, 0, 238)",276:"rgb(0, 0, 238)",289:"rgb(0, 0, 238)",295:"rgb(0, 0, 238)",298:"rgb(0, 0, 238)",301:"rgb(0, 0, 238)",304:"rgb(0, 0, 238)",317:"rgb(0, 0, 238)",320:"rgb(0, 0, 238)",323:"rgb(0, 0, 238)"}},"children":[ {"tag":"acronym","attrib":{"title":"European Research Consortium for Informatics and Mathematics",style:{57:"dotted",61:"underline dotted rgb(0, 0, 238)"}},"children":[ {"text":"ERCIM"},]},]}, {"text":",\n"}, {"tag":"a","attrib":{"href":"http://www.keio.ac.jp/",style:{1:"rgb(0, 0, 238)",2:"rgb(0, 0, 238)",39:"14.0667px 8.5px",55:"rgb(0, 0, 238)",59:"underline",60:"rgb(0, 0, 238)",61:"underline rgb(0, 0, 238)",116:"14.0667px 8.5px",144:"rgb(0, 0, 238)",254:"pointer",264:"rgb(0, 0, 238)",271:"rgb(0, 0, 238)",276:"rgb(0, 0, 238)",289:"rgb(0, 0, 238)",295:"rgb(0, 0, 238)",298:"rgb(0, 0, 238)",301:"rgb(0, 0, 238)",304:"rgb(0, 0, 238)",317:"rgb(0, 0, 238)",320:"rgb(0, 0, 238)",323:"rgb(0, 0, 238)"}},"children":[ {"text":"Keio"},]}, {"text":"), All Rights Reserved. W3C "}, {"tag":"a","attrib":{"href":"/Consortium/Legal/ipr-notice#Legal_Disclaimer",style:{1:"rgb(0, 0, 238)",2:"rgb(0, 0, 238)",39:"24.125px 8.5px",55:"rgb(0, 0, 238)",59:"underline",60:"rgb(0, 0, 238)",61:"underline rgb(0, 0, 238)",116:"24.125px 8.5px",144:"rgb(0, 0, 238)",254:"pointer",264:"rgb(0, 0, 238)",271:"rgb(0, 0, 238)",276:"rgb(0, 0, 238)",289:"rgb(0, 0, 238)",295:"rgb(0, 0, 238)",298:"rgb(0, 0, 238)",301:"rgb(0, 0, 238)",304:"rgb(0, 0, 238)",317:"rgb(0, 0, 238)",320:"rgb(0, 0, 238)",323:"rgb(0, 0, 238)"}},"children":[ {"text":"liability"},]}, {"text":", "}, {"tag":"a","attrib":{"href":"/Consortium/Legal/ipr-notice#W3C_Trademarks",style:{1:"rgb(0, 0, 238)",2:"rgb(0, 0, 238)",39:"34.95px 8.5px",55:"rgb(0, 0, 238)",59:"underline",60:"rgb(0, 0, 238)",61:"underline rgb(0, 0, 238)",116:"34.95px 8.5px",144:"rgb(0, 0, 238)",254:"pointer",264:"rgb(0, 0, 238)",271:"rgb(0, 0, 238)",276:"rgb(0, 0, 238)",289:"rgb(0, 0, 238)",295:"rgb(0, 0, 238)",298:"rgb(0, 0, 238)",301:"rgb(0, 0, 238)",304:"rgb(0, 0, 238)",317:"rgb(0, 0, 238)",320:"rgb(0, 0, 238)",323:"rgb(0, 0, 238)"}},"children":[ {"text":"trademark"},]}, {"text":", "}, {"tag":"a","attrib":{"rel":"Copyright","href":"/Consortium/Legal/copyright-documents",style:{1:"rgb(0, 0, 238)",2:"rgb(0, 0, 238)",39:"47.55px 8.5px",55:"rgb(0, 0, 238)",59:"underline",60:"rgb(0, 0, 238)",61:"underline rgb(0, 0, 238)",116:"47.55px 8.5px",144:"rgb(0, 0, 238)",254:"pointer",264:"rgb(0, 0, 238)",271:"rgb(0, 0, 238)",276:"rgb(0, 0, 238)",289:"rgb(0, 0, 238)",295:"rgb(0, 0, 238)",298:"rgb(0, 0, 238)",301:"rgb(0, 0, 238)",304:"rgb(0, 0, 238)",317:"rgb(0, 0, 238)",320:"rgb(0, 0, 238)",323:"rgb(0, 0, 238)"}},"children":[ {"text":"document\nuse"},]}, {"text":" and "}, {"tag":"a","attrib":{"rel":"Copyright","href":"/Consortium/Legal/copyright-software",style:{1:"rgb(0, 0, 238)",2:"rgb(0, 0, 238)",39:"60.2083px 8.5px",55:"rgb(0, 0, 238)",59:"underline",60:"rgb(0, 0, 238)",61:"underline rgb(0, 0, 238)",116:"60.2083px 8.5px",144:"rgb(0, 0, 238)",254:"pointer",264:"rgb(0, 0, 238)",271:"rgb(0, 0, 238)",276:"rgb(0, 0, 238)",289:"rgb(0, 0, 238)",295:"rgb(0, 0, 238)",298:"rgb(0, 0, 238)",301:"rgb(0, 0, 238)",304:"rgb(0, 0, 238)",317:"rgb(0, 0, 238)",320:"rgb(0, 0, 238)",323:"rgb(0, 0, 238)"}},"children":[ {"text":"software licensing"},]}, {"text":"\nrules apply. Your interactions with this site are in accordance with\nour "}, {"tag":"a","attrib":{"href":"/Consortium/Legal/privacy-statement#Public",style:{1:"rgb(0, 0, 238)",2:"rgb(0, 0, 238)",39:"20.0583px 8.5px",55:"rgb(0, 0, 238)",59:"underline",60:"rgb(0, 0, 238)",61:"underline rgb(0, 0, 238)",116:"20.0583px 8.5px",144:"rgb(0, 0, 238)",254:"pointer",264:"rgb(0, 0, 238)",271:"rgb(0, 0, 238)",276:"rgb(0, 0, 238)",289:"rgb(0, 0, 238)",295:"rgb(0, 0, 238)",298:"rgb(0, 0, 238)",301:"rgb(0, 0, 238)",304:"rgb(0, 0, 238)",317:"rgb(0, 0, 238)",320:"rgb(0, 0, 238)",323:"rgb(0, 0, 238)"}},"children":[ {"text":"public"},]}, {"text":" and\n"}, {"tag":"a","attrib":{"href":"/Consortium/Legal/privacy-statement#Members",style:{1:"rgb(0, 0, 238)",2:"rgb(0, 0, 238)",39:"27.4167px 8.5px",55:"rgb(0, 0, 238)",59:"underline",60:"rgb(0, 0, 238)",61:"underline rgb(0, 0, 238)",116:"27.4167px 8.5px",144:"rgb(0, 0, 238)",254:"pointer",264:"rgb(0, 0, 238)",271:"rgb(0, 0, 238)",276:"rgb(0, 0, 238)",289:"rgb(0, 0, 238)",295:"rgb(0, 0, 238)",298:"rgb(0, 0, 238)",301:"rgb(0, 0, 238)",304:"rgb(0, 0, 238)",317:"rgb(0, 0, 238)",320:"rgb(0, 0, 238)",323:"rgb(0, 0, 238)"}},"children":[ {"text":"Member"},]}, {"text":"\nprivacy statements."},]},]}, {"text":"\n\n\n\n\n\n\n"},]}}; let zIndexMax = 0 let base_url = "https:\/\/www.w3.org\/MarkUp\/Guide\/Advanced.html"; function url_canonicalize( url ) { url = url.replace(/[?;]jsessionid=[!0-9a-z]+/i,'') let parts = new URL(url) let path = parts.pathname if (( path.length >= 2 )&&( path[0]=='/' )&&( path[1]=='/' )) { path = path.substr( 1 ) } // Transforms // to / if set at the beginning of path let path_parts = [] let path_orig_parts = path.split('/') for ( let i = 0 ; i < path_orig_parts.length ; i++ ) { let path_part = path_orig_parts[i] if (( i==1 )&&( path_part=='' )) continue if ( path_part == '.' ) continue // removes /. if ( path_part == '..' ) { if ( path_parts.length>1 ) { // removes /xxx/.. path_parts.pop() } continue; // and ^/../ which is weird stuff } path_parts.push( path_part ) } path = path_parts.join('/'); let portStr = parts.port ? ':'+parts.port : '' let queryStr = parts.search ? parts.search : '' let hashStr = parts.hash ? parts.hash : '' return parts.protocol + '//' + parts.hostname + portStr + path + queryStr + hashStr } function strip_filename( path ) { last_slash = path.lastIndexOf('/') return ( last_slash >= 0 )? path.substr( 0, last_slash+1 ) : '/' } function getAbsoluteUrl( url ) { if ( url.match(/^data:|^javascript:/i ) ) return url let base_parts = new URL(base_url) if ( base_parts.protocol && base_parts.hostname ) { if ( url.indexOf('//') == 0 ) { url = base_parts.protocol + url } if ( url.indexOf('/') == 0 ) { url = base_parts.protocol + '//' + base_parts.hostname + url; } if ( ! url.match(/^[a-z]{3,5}:\/\//i) ) { let base_path = base_parts.pathname ? base_parts.pathname : '/' url = base_parts.protocol + '//' + base_parts.hostname + strip_filename( base_path ) + url } } return url_canonicalize(url) } function convert_url( tagName, attrib, value ) { let entry = cache_url switch ( attrib ) { case 'src': entry = entry.replace(/index2\.php/,'display2.php') case 'href': if ( value.startsWith('data:') ) return value let postfix = '' if ( tagName.toLowerCase() == 'iframe' ) postfix = '&inframe=1' // console.log('convert url : ',entry+encodeURIComponent( getAbsoluteUrl(value) )+postfix) return entry+encodeURIComponent( getAbsoluteUrl(value) )+postfix } return value } let console_timing_count = 0 function console_timing() { if ( !( console_timing_count++ % 1000 ) ) { console.log('1000 ticks') } } let parse_inBody = false function parse_json( json, parentStyles ) { console_timing() if ( json.tag ) { let tag switch ( json.tag ) { case 'head': tag = document.head; break; case 'body': tag = document.body; break; //document.createElement('div'); // document.body.appendChild(tag) break; default: try { tag = document.createElement(json.tag) } catch (error) { return document.createElement('span') /* sometimes, we get an invalid tag name ; drop it */ } } if ( json.tag == 'base' ) { if ( json.attrib.href ) base_url = json.attrib.href } if ( json.tag == 'head' ) { let style = document.createElement('style') style.innerHTML = '.w { '+default_styles_css+' }' tag.appendChild(style) } let ourStyle = {} for ( const attrib in json.attrib ) { if ( attrib == 'style' ) { for ( const style in json.attrib.style ) { let value = json.attrib.style[style] let key = wikiwix_styles[style] if ( default_styles[key] != value ) { tag.style[key] = value } ourStyle[style] = value } for ( const style in parentStyles ) { if ( !ourStyle.hasOwnProperty(style) ) { let value = parentStyles[style] let key = wikiwix_styles[style] if ( default_styles[key] != value ) { tag.style[wikiwix_styles[style]] = parentStyles[style] } ourStyle[style] = parentStyles[style] } } if ( ourStyle[style_to_id['position'] ] != 'static' ) { let zIndex = parseInt(ourStyle[style_to_id['z-index']]) if (( zIndex != NaN )&&( zIndex > zIndexMax )) zIndexMax = zIndex } } else { try { if ( attrib !== 'srcset' ) { tag.setAttribute( attrib, convert_url(json.tag,attrib,json.attrib[attrib]) ) } } catch (err) {} } } if ( json.tag == 'body' ) { tag.style.overflowY='auto' /* tag.style.height='auto' tag.style.inset='0' tag.style.margin='0' tag.style.zIndex='0'*/ } if ( parse_inBody ) tag.setAttribute('class','w') json.children.forEach( (child)=>{ let node = parse_json(child,ourStyle) if (( node instanceof Node )&&( json.tag != 'html' )) tag.appendChild( node ) } ) return tag } else if ( json.text ) { return document.createTextNode( json.text ) } return false } parse_json(wikiwix_dom.head,{}) parse_inBody = true parse_json(wikiwix_dom.body,{}) /* const availableWidth = document.documentElement.clientWidth - document.body.offsetWidth if ( availableWidth>100 ) { const adbox = document.getElementById( 'right_adsbygoogle' ) adbox.style.width = Math.min(availableWidth,320) adbox.style.left = document.body.offsetWidth console.log('calling'); (adsbygoogle = window.adsbygoogle || []).push({}); console.log('called'); } */ let foundAd = false const inss = document.getElementsByTagName("ins") if ( inss.length ) { for ( let i = 0 ; i < inss.length ; i++ ) { const ins = inss[i] let slotId = false if (( ins.offsetHeight > 160 )&&( ins.offsetWidth > 160 )) { slotId = '8778917807' // carré } if (( ins.offsetHeight > 160 )&&( ins.offsetWidth > 3*ins.offsetHeight )) { slotId = '4746505159' // horizontal } if (( ins.offsetWidth > 160 )&&( ins.offsetHeight > 3*ins.offsetWidth )) { slotId = '7405523748' // vertical } if ( slotId ) { console.log('Found ins tag ('+slotId+')') while (ins.firstChild) { ins.removeChild(ins.lastChild); } ins.setAttribute('data-ad-client','ca-pub-5410759189143838') ins.setAttribute('data-ad-slot',slotId) ins.setAttribute('data-ad-format','auto') ins.setAttribute('data-full-width-responsive','true') ins.className = 'adsbygoogle'; foundAd = true } } } const availableWidth = document.documentElement.clientWidth - document.body.offsetWidth if (( availableWidth>160 )&& !foundAd ) { const adbox = document.createElement('ins') adbox.style.width = Math.min(availableWidth,320) adbox.style.left = ''+document.body.offsetWidth-50+'px' adbox.style.height = '100%'; adbox.style.top = '200px'; adbox.style.position = 'absolute' adbox.style.zIndex = 1 adbox.className = 'adsbygoogle' adbox.setAttribute('data-ad-client','ca-pub-5410759189143838') adbox.setAttribute('data-ad-slot',7405523748) adbox.setAttribute('data-ad-format','auto') adbox.setAttribute('data-full-width-responsive','true') document.body.insertBefore( adbox, document.getElementById('wikiwix_overlay_button') ) foundAd = true } if ( foundAd ) { (adsbygoogle = window.adsbygoogle || []).push({}); } if ( zIndexMax > 0 ) { $('#wikiwix_container').css('z-index',zIndexMax+1) $('#wikiwix_login_container').css('z-index',zIndexMax+2) $('#wikiwix_minimizer').css('z-index',zIndexMax+3) $('#popup_notice').css('z-index',zIndexMax+1) }