Options:
- # Session Start: Sat Aug 25 00:00:00 2007
- # Session Ident: #html-wg
- # [00:00] <Philip`> I've seen lots of image slices where each slice is just an <a href> link to a single URL, but those are handled adequately by <img usemap> since they don't care about exactly where the click was
- # [00:02] * Quits: aroben_ (adamroben@17.255.110.16) (Ping timeout)
- # [00:03] <Philip`> The TerraServer site (when you choose a particular part of the little map) does a combination - it has 3x2 images, and each image has a usemap to get higher-precision selection of points
- # [00:04] <robburns> Philip: yeah, I think i've seen that a lot too. I really think this boils down to whether its useful to have <input image> and <img>. I guess if you can handle things on the server-side with just GET, then you don't need <input image> at all. However, if you want to be able to use another method, then you need <input image> instead.
- # [00:04] <Philip`> How would you make <img> submit a form?
- # [00:05] <robburns> you can't. which is why I think <input image> is useful to have too.
- # [00:05] <Philip`> (even a GET one)
- # [00:05] <robburns> does a GET form submit do something a simple href GET can't do?
- # [00:06] <Philip`> http://terraserver-usa.com/image.aspx uses <input type=image> for the "GO" buttons
- # [00:06] * Joins: aroben (adamroben@17.203.15.195)
- # [00:06] <Philip`> A GET form submit can submit e.g. the contents of text input fields
- # [00:06] <robburns> I thought that had to happen as part of a POST or PUT
- # [00:06] <Philip`> like <form action=search.cgi method=get><input name=querystring><input type=image src=Go.gif></form>
- # [00:07] <robburns> hmm. OK
- # [00:07] <Philip`> That would go to search.cgi?querystring=whatever&x=12&y=34
- # [00:08] <robburns> I see. And a straight image would have to trigger a javascript to do that GET.
- # [00:08] <Philip`> (That seems to be the most significant use of <input type=image> now)
- # [00:08] <robburns> yeah, that makes sense. I don't know what I was thinking.
- # [00:08] <Philip`> Yes - it'd have to do <a href="javascript:document.getElementById('someform').submit()"><img src=Go.gif></a> or similar
- # [00:09] <Philip`> (which is somewhat unpleasant)
- # [00:10] <Philip`> (particularly since its behaviour is non-scripted UAs is completely broken)
- # [00:10] <robburns> I think the terra server look (on the surface), like a reasonable use case example for <input usemap> but I expect that's not what its doing since it doesn't work well enough in browsers
- # [00:10] <robburns> is it using <img usemap>
- # [00:10] <robburns> ?
- # [00:11] <Philip`> It is
- # [00:11] <Philip`> (on six <img>s)
- # [00:11] <robburns> I see. just looking at the source. But it's giving me a headache to look at it
- # [00:12] <robburns> So I think being able to associate the image map with an <input> would simplify this site (at first glance anyway).
- # [00:12] <Philip`> Why <input type=image usemap>, and not just a plain <input type=image>?
- # [00:13] <robburns> though it has to use heavy scripting anyway I suppose
- # [00:16] <robburns> PHilip: just to get the client-side usemap features (speaking hypothetically)
- # [00:16] * Quits: hyatt (hyatt@24.6.184.144) (Client exited)
- # [00:17] * Joins: hyatt (hyatt@24.6.184.144)
- # [00:18] <Philip`> Which client-side usemap features would it benefit from? It's already totally inaccessible beyond hope of being saved, and it doesn't want tooltips on different areas of the image - there are no suitable words to display on the Aerial Photo view, and the Topo Map already shows the words in the image so there's no need for a tooltip
- # [00:19] * Quits: dbaron (dbaron@63.245.220.241) (Quit: 8403864 bytes have been tenured, next gc will be global.)
- # [00:21] <robburns> well, I'm not so sure its beyond hope of being saved :-)
- # [00:22] <Hixie> are we talking about an application for viewing satellite photos?
- # [00:22] <Hixie> and maps?
- # [00:22] <Philip`> Yes (like http://terraserver-usa.com/image.aspx?T=1&S=12&Z=16&X=363&Y=5610&W=1 )
- # [00:23] <robburns> Hixie: yes. But I was more talking about its interface.
- # [00:23] <Hixie> i'd love so hear how one would make that application appropriate for image-less users
- # [00:23] <Hixie> since it might be something google maps could do
- # [00:24] <robburns> The interface could instead lead someone to a live web microphone for that area. :-)
- # [00:24] <Hixie> wouldn't that be a very different app?
- # [00:24] <robburns> Hixie: yes
- # [00:24] <robburns> that's why I said I was talking about its interface and not what the app did per se
- # [00:25] <Hixie> not much point making an app usable to image-less users if the whole point of the app is showing images :-)
- # [00:26] <Philip`> The only thing I can think of is to have a map converted into a list of significant place names, and if you select one then it zooms in and shows you the list of less significant place names near the first place
- # [00:26] <robburns> Hixie: I thought Google maps could provide text directions between locations too. Though maybe it can't. Must be why I use Yahoo maps instead :-)
- # [00:26] <Philip`> (which won't work at all for satellite photographs that have no place names)
- # [00:27] <Hixie> robburns: google maps has other features, but Philip` was talking abouth terraserver
- # [00:28] <robburns> Philip: that's where I was going to go with this. But necessarily for satellite photos
- # [00:28] <Philip`> Google Maps can give directions but you'd want to totally ignore the map for that - you just enter two place names and get a set of directions - so it doesn't seem related to the issue of maps
- # [00:28] <Hixie> yeah
- # [00:33] <robburns> PhiliP: OK. Like I said I was just speaking about its UI.
- # [00:35] <Philip`> (http://www.alistapart.com/articles/cssmaps talks about accessible maps)
- # [00:36] * Quits: gavin (gavin@74.103.208.221) (Ping timeout)
- # [00:39] <robburns> Philip: Yeah that might be a solution too. I'd have to look at it closer. I think even a <select> instead of a <dl> might do what that article proposes. As you've said before, an image map is really much like a menu. It's just the image maps to that menu. I don't know if we would get the same rich UI effects I've talked about before leaving it up to CSS. But I'll take a closer look at the article.
- # [00:41] <Philip`> The desire to provide textual alternatives for zoomable maps (of the type that is displaying place names, street names, etc, and could be converted to text) sounds to me like a valid use-case
- # [00:41] * Joins: gavin (gavin@74.103.208.221)
- # [00:43] <Philip`> Since it's a fairly specialised case, and it would require significant extra work from the server developers, I don't see that the textual alternative ought to be tied to the graphical version in the markup - a link to an independent text-only geographical-navigation system would work just as well, I think
- # [00:44] <robburns> Philip: Yeah. I don't think it has to be a geographic map either. This could be used for selecting an item to buy from a photograph of items. Or it could be to select a person from a class photo to hear more about that person. as long as the units are not too fine-grained (like continuous units in the case of a geographic map), then I think it is easy to imagine the use cases
- # [00:44] <Philip`> (unless I'm missing some disadvantages of that approach)
- # [00:45] <robburns> Philip: I think that, done right, <input usemap> would eliminate the need for extra server-side work. Authors could even create image map forms for different sites where they didn't control the server
- # [00:46] <robburns> Since the areas of the map combined with the map can be thought of as name/value pairs
- # [00:47] <Philip`> The server would still have to do all the work to generate <area> elements for significant places on the map, ordered so that they're useful to non-graphical users, as opposed to simply sending a zoomed bitmap with the place names baked in
- # [00:47] <robburns> Any server looking for some name/value pairs that made sense mapped to an image, could then be used by <input usemap>, even if the server side developers never even thought about image maps
- # [00:48] <Philip`> If you want name/value pairs and aren't putting code on the server, what's the problem with <img usemap>?
- # [00:49] <robburns> perhaps there's other data (<input text>) that needs to be submitted too
- # [00:50] <robburns> Philip: think of a server that's looking to receive the name/value pair: offset/offset(int). daylight-savings-time/dst(boolean). And the server-side developers never even thought about image maps
- # [00:52] <Philip`> That sounds reasonable as a problem
- # [00:53] <Philip`> If there are multiple values being chosen and then submitted, I think it'd be a better solution if the user could set those values in any order (e.g. choose their timezone and then toggle the DST flag and then submit the form)
- # [00:53] <robburns> Philip: A straight HTML coder could produce the same example I've been talking about and create an <input usemap> submit that sent exactly what the server was looking for. No need to handle coordinates server-side (or client side). The user gets a rich UI where mousing over the World map highlights each time-zone. This gives valuable feedback to the user that they're hovering over the correct time-zone before clicking. Plus the forms totally accessible
- # [00:53] <Hixie> btw, irc truncates anything you say past 255 characters
- # [00:53] <Hixie> just so you know
- # [00:53] <robburns> Hixie: OK sorry.
- # [00:54] <Hixie> no worries, just letting you know :-)
- # [00:54] <robburns> Hixie: that was the whole message
- # [00:54] <Philip`> in which case it'd be <select name=timezone><option value=-1>Greenland or something <option value=0>GMT <option value=1>CET ...</select> <input type=checkbox name=dst> <input type=submit>
- # [00:55] <Philip`> and then the problem is styling the <select> to look like an image of the world
- # [00:55] <robburns> Philip: right. Which is an interesting solution I hadn't thought of (the CSS one)
- # [00:58] <Philip`> The styling seems easy if you've got script - just use a client-side image map with <map id="m"><area href="javascript:timezone.selectedIndex=0" title="Greenland or something">...</map> <img class="display_if_script_enabled" src="world.png" usemap="#m">
- # [00:59] <Philip`> and then it falls back to the <select> element for non-scripted or non-visual UAs
- # [01:00] <Philip`> (and all users get the benefit of setting all their inputs in any order, before submitting the form)
- # [01:01] <robburns> Philip: that's true
- # [01:01] * Philip` apologises for his ignorance of who lives at GMT-0100
- # [01:02] <robburns> Phlip: I don't know. that's probably right (Greenland). Though i don't know either.
- # [01:03] <robburns> Philip: I think that same CSS technique might also handle any usemap case. No?
- # [01:05] <robburns> Philip: I meant the CSs/jJS technique. Just use a list of <a href> elements. Replace those with an image too with CSs. Then use javascript to map the map to the <a href>s.
- # [01:05] <robburns> s/CSS/CSs twice
- # [01:08] <Philip`> That would require a separate image file for each area, and it wouldn't handle non-rectangular areas
- # [01:10] <robburns> Philip: yeah, you're right. I thought you were doing something else in that example
- # [01:13] <Philip`> Ah - I was trying to just use HTML to create an image map representing the <select>, and JS to make it react by modifying the <select>'s value
- # [01:13] <Philip`> (The HTML image map could be generated by script from the contents of the <select>, I suppose)
- # [01:14] <robburns> Philip: I'm not sure how that generation would work
- # [01:14] <Philip`> Hmm, neither am I
- # [01:15] <Philip`> I think it'd only work in trivial cases - you could loop through all the <option>s, and construct (in script) a rectangular <area> with a fixed size for each one, and then attach all those areas to the image
- # [01:15] <Philip`> which is probably more of a pain and much less flexible than simply writing all the <area>s out by hand
- # [01:18] <robburns> Philip: yeah. I think there is a UI issue whether input and submit should happen with the same click (or otherwise activation). That to me could be a reason to drop <input usemap>. But I think it needs more careful consideration.
- # [01:19] * Quits: billmason (billmason@69.30.57.156) (Connection reset by peer)
- # [01:20] <robburns> it partly depends how tightly linked the author wants the user's interaction with what's happening on the server. Maybe games would be the more appropriate use case too consider. Just thinking out loud.
- # [01:21] * Joins: sbuluf (yj@200.49.140.209)
- # [01:35] * Quits: kingryan (rking3@208.66.64.47) (Quit: kingryan)
- # [01:59] * Quits: mjs (mjs@64.81.48.145) (Quit: mjs)
- # [02:23] * Quits: xover (xover@193.157.66.5) (Ping timeout)
- # [02:23] * Quits: laplink (link@193.157.66.214) (Ping timeout)
- # [02:27] * Quits: aroben (adamroben@17.203.15.195) (Connection reset by peer)
- # [02:27] * Joins: aroben_ (adamroben@17.203.15.195)
- # [02:44] * Quits: gavin (gavin@74.103.208.221) (Ping timeout)
- # [02:48] * Joins: gavin (gavin@74.103.208.221)
- # [02:52] * Quits: hyatt (hyatt@24.6.184.144) (Quit: hyatt)
- # [02:53] * Quits: tH (Rob@87.102.90.11) (Quit: ChatZilla 0.9.78.1-rdmsoft [XULRunner 1.8.0.9/2006120508])
- # [03:01] * Parts: zcorpan_ (zcorpan@84.216.43.53)
- # [03:22] * Joins: mjs (mjs@208.54.15.25)
- # [03:30] * Quits: mjs (mjs@208.54.15.25) (Quit: mjs)
- # [03:41] * Quits: drry (drry@211.9.170.176) (Quit: drry)
- # [03:43] * Joins: drry (drry@211.9.170.176)
- # [04:15] * Quits: robburns (robburns@98.193.22.194) (Quit: robburns)
- # [04:17] * Quits: aroben_ (adamroben@17.203.15.195) (Quit: aroben_)
- # [04:18] * Joins: aroben_ (adamroben@17.203.15.195)
- # [04:20] * Joins: foca (foca@190.64.45.113)
- # [04:31] * Joins: MikeSmith (MikeSmith@mcclure.w3.org)
- # [04:36] * Quits: aroben_ (adamroben@17.203.15.195) (Quit: aroben_)
- # [04:51] * Quits: gavin (gavin@74.103.208.221) (Ping timeout)
- # [04:56] * Joins: gavin (gavin@74.103.208.221)
- # [05:48] * Joins: foca_ (foca@190.64.38.246)
- # [05:49] * Quits: foca_ (foca@190.64.38.246) (Quit: foca_)
- # [05:49] * Quits: foca (foca@190.64.45.113) (Ping timeout)
- # [07:41] * Joins: myakura (myakura@210.227.200.158)
- # [08:53] * Joins: Dashimon (noone@84.48.60.15)
- # [08:55] * Quits: Dashiva (noone@80.202.223.17) (Ping timeout)
- # [08:55] * Dashimon is now known as Dashiva
- # [09:01] * Joins: laplink (link@193.157.66.214)
- # [09:01] * Joins: xover (xover@193.157.66.5)
- # [09:32] * Joins: hasather (hasather@80.202.164.152)
- # [09:32] * Joins: zcorpan_ (zcorpan@84.216.43.53)
- # [09:42] * Quits: hasather (hasather@80.202.164.152) (Client exited)
- # [09:42] * Joins: hasather (hasather@80.202.164.152)
- # [09:46] * Quits: Dashiva (noone@84.48.60.15) (Ping timeout)
- # [09:51] * Joins: Dashiva (noone@84.48.60.15)
- # [10:14] * Joins: aroben (adamroben@67.160.250.192)
- # [10:19] * Joins: ROBOd (robod@86.34.246.154)
- # [10:20] * Quits: myakura (myakura@210.227.200.158) (Quit: Leaving...)
- # [10:26] * Quits: xover (xover@193.157.66.5) (Ping timeout)
- # [10:26] * Joins: xover (xover@193.157.66.5)
- # [10:26] * Quits: laplink (link@193.157.66.214) (Ping timeout)
- # [10:26] * Joins: laplink (link@193.157.66.214)
- # [10:31] * Quits: MikeSmith (MikeSmith@mcclure.w3.org) (Ping timeout)
- # [10:39] * Quits: xover (xover@193.157.66.5) (Ping timeout)
- # [10:46] * Quits: zcorpan_ (zcorpan@84.216.43.53) (Ping timeout)
- # [10:58] * Quits: aroben (adamroben@67.160.250.192) (Quit: aroben)
- # [11:14] * Joins: tH_ (Rob@87.102.90.11)
- # [11:14] * tH_ is now known as tH
- # [11:24] * Parts: hasather (hasather@80.202.164.152)
- # [11:24] * Joins: hasather (hasather@80.202.164.152)
- # [11:30] * Joins: schepers (schepers@128.30.52.30)
- # [11:31] * Quits: schepers (schepers@128.30.52.30) (Quit: Trillian (http://www.ceruleanstudios.com)
- # [11:32] * Joins: schepers (schepers@128.30.52.30)
- # [11:48] * Parts: hasather (hasather@80.202.164.152)
- # [11:59] * Quits: gsnedders (gsnedders@86.145.188.203) (Quit: Don't touch /dev/null…)
- # [12:03] * Quits: schepers (schepers@128.30.52.30) (Ping timeout)
- # [12:39] * Quits: sbuluf (yj@200.49.140.209) (Ping timeout)
- # [12:40] * Joins: gsnedders (gsnedders@86.145.188.203)
- # [12:58] * Quits: gavin (gavin@74.103.208.221) (Ping timeout)
- # [13:18] * Joins: robburns (robburns@98.193.22.194)
- # [14:58] * Joins: gavin (gavin@74.103.208.221)
- # [14:59] * Joins: Lionheart (robin@66.57.69.65)
- # [15:06] * Quits: laplink (link@193.157.66.214) (Ping timeout)
- # [15:13] * Joins: laplink (link@193.157.66.214)
- # [15:39] * Quits: laplink (link@193.157.66.214) (Ping timeout)
- # [15:45] * Joins: laplink (link@193.157.66.214)
- # [15:51] * Joins: heycam (cam@219.162.46.174)
- # [15:58] * Joins: briansuda (briansuda@82.221.34.106)
- # [16:26] * Joins: zcorpan_ (zcorpan@85.227.145.211)
- # [16:27] * Quits: gsnedders (gsnedders@86.145.188.203) (Quit: Don't touch /dev/null…)
- # [16:49] * Quits: briansuda (briansuda@82.221.34.106) (Quit: briansuda)
- # [16:54] * Joins: schepers (schepers@128.30.52.30)
- # [16:55] * Quits: schepers (schepers@128.30.52.30) (Client exited)
- # [16:56] * Joins: schepers (schepers@128.30.52.30)
- # [16:58] * Quits: robburns (robburns@98.193.22.194) (Quit: robburns)
- # [17:15] * Quits: gavin (gavin@74.103.208.221) (Ping timeout)
- # [17:20] * Joins: gavin (gavin@74.103.208.221)
- # [17:23] * Joins: robburns (robburns@98.193.22.194)
- # [18:15] * Quits: schepers (schepers@128.30.52.30) (Quit: Trillian (http://www.ceruleanstudios.com)
- # [19:22] * Quits: gavin (gavin@74.103.208.221) (Ping timeout)
- # [19:29] * Joins: gavin (gavin@74.103.208.221)
- # [19:39] * Joins: gsnedders (gsnedders@86.139.120.26)
- # [19:47] * Joins: aroben (adamroben@67.160.250.192)
- # [19:48] * Quits: aroben (adamroben@67.160.250.192) (Client exited)
- # [19:49] * Joins: aroben (adamroben@67.160.250.192)
- # [21:17] * Quits: aroben (adamroben@67.160.250.192) (Quit: aroben)
- # [21:31] * Quits: gavin (gavin@74.103.208.221) (Ping timeout)
- # [21:36] * Joins: gavin (gavin@74.103.208.221)
- # [21:48] * Joins: foca (foca@190.64.29.6)
- # [22:00] * Quits: robburns (robburns@98.193.22.194) (Quit: robburns)
- # [22:05] * Joins: aroben (adamroben@67.160.250.192)
- # [22:14] * Joins: sbuluf (hncac@200.49.140.249)
- # [22:17] * Joins: robburns (robburns@71.57.41.70)
- # [22:25] * Joins: gsnedders_ (gsnedders@86.139.120.26)
- # [22:26] * Quits: robburns (robburns@71.57.41.70) (Quit: robburns)
- # [22:26] * Quits: gsnedders (gsnedders@86.139.120.26) (Ping timeout)
- # [22:29] * Parts: foca (foca@190.64.29.6)
- # [22:35] * Joins: robburns (robburns@71.57.41.70)
- # [23:04] * Quits: robburns (robburns@71.57.41.70) (Quit: robburns)
- # [23:13] * Quits: ROBOd (robod@86.34.246.154) (Quit: http://www.robodesign.ro )
- # [23:23] * Joins: robburns (robburns@98.193.22.194)
- # [23:28] * Quits: robburns (robburns@98.193.22.194) (Quit: robburns)
- # [23:29] * Joins: robburns (robburns@98.193.22.194)
- # [23:38] * Quits: gavin (gavin@74.103.208.221) (Ping timeout)
- # [23:43] * Joins: gavin (gavin@74.103.208.221)
- # [23:52] * Quits: aroben (adamroben@67.160.250.192) (Quit: aroben)
- # [23:57] * Joins: aroben (adamroben@67.160.250.192)
- # Session Close: Sun Aug 26 00:00:00 2007
The end :)