Slashdot Mirror


Multiple-Target Hyperlinks for the Masses

DukunSakti writes "For a long time people have talked about getting browser support for multilink feature. A multilink is a link that points to more than one targets. It's useful because many times a single target is not sufficient to describe a link. Wikipedia has numerous examples of acronyms and abbreviations that expand to more than one term. Well, I got sick of waiting, and so I wrote a plugin for the excellent Wiki application PmWiki that adds the multilink feature. This is fully supported under Mozilla Firefox, but only partially under Internet Explorer."

43 of 278 comments (clear)

  1. Neither "multi-target" nor "for the masses" by Anonymous Coward · · Score: 5, Interesting
    This is yet another Slashdot submission by an author whose creation doesn't even come close to living up to his hype....

    In fact, it is seriously misleading. It's not a new innovation; it's just a DHTML popup menu, which many other people have already implemented, and far better. Better how? Well, DukunSakti writes:
    This is fully supported under Mozilla Firefox, but only partially under Internet Explorer.
    No, actually with his code it's not supported at all under Internet Explorer. All it does is set the "title" attribute in the <a ...> tag so that the user gets a useless tooltip that is a list of a bunch of URLs which cannot be copied or edited or clicked on, so doesn't support going to any of the links at all. Instead, clicking on the link goes to a page to edit the links in the Wiki. Far more people read wikis than edit them; this should not be what happens. Yes, you can then click through to them from the editing page, but we need a second page just to be a raw list of URLs? WTF? And even under Firefox, where the "multi-target hyperlink" feature supposedly works, you just get a popup list of raw URLs. How are you supposed to know what each of them is and which you should go to? That's why a normal, well-implemented menu has actual text, not just raw URLs.

    Claiming that these are "multiple-target huperlinks for the masses," is quite inaccurate, considering that (unfortunately) 80%+ of people are still using Internet Explorer, and that for everyone else they are just presented as raw URLs. Essentially this makes this plugin completely useless. You can't ignore IE unless your wiki happens to be something like a Firefox support wiki. It's true that it's unfortunate that IE doesn't adhere to the web standards nearly as well as other browsers, but for now, the majority rules. There are plenty of web programmers who have found clever ways to do popup DHTML menus (which is all that this is) that actually work in both Firefox and IE; follow the link at the beginning of this post for a whole slew of them.
    1. Re:Neither "multi-target" nor "for the masses" by MindStalker · · Score: 2, Insightful

      Not to mention the fact that the idea of a multilink really should be client side. A properly defined standard and a browser plugin would make this idea go much farther. And the links could properly downgrade if this was handled through a css property of some sort.

    2. Re:Neither "multi-target" nor "for the masses" by Pxtl · · Score: 3, Interesting

      Yeah, that was my reaction too: Oh - a drop down. Whee. I'm sure that a small list of wikizens love this news, but it's hardly a big mainstream thing. A better concept would be to work more in back-end approaches, like a more robust protocol than http - for example, URLs that include back-up sources for 404s, or swarmed p2p for websites. Then provide oss plug-ins for major browsers.

    3. Re:Neither "multi-target" nor "for the masses" by ccarson · · Score: 4, Interesting

      Is it just me or have long, elaborate, thought out first posts become more prevalent on slashdot lately? Is this shit rigged? Whatever happened to the one guy who waits for a new story to post and quickly posts a, "FP"?!?!? Don't get me wrong, I like reading a first post with well thought out ideas but I'm starting to believe that these first posts are inside jobs. Oh, and for the record, I'm a former tin foil hat brigade member.

    4. Re:Neither "multi-target" nor "for the masses" by AKAImBatman · · Score: 3, Informative
      No, actually with his code it's not supported at all under Internet Explorer. All it does is set the "title" attribute in the tag so that the user gets a useless tooltip that is a list of a bunch of URLs which cannot be copied or edited or clicked on, so doesn't support going to any of the links at all.

      It doesn't even seem to work in Mozilla 1.7.5! (i.e. I get the same lame behavior.)

      You'd think with the wealth of info out there, this fellow would have figured out how to insert a cross-browser hidden and collapsed DIV that he can then reanimate later. i.e. Something like this:
      <div id="popup" style="display:hidden;"></div>
      <a href="#" onClick="clickLink(event, 'http: //www.google.com,http: //www.yahoo.com');">Search Engine</a>
      <script>
      function clickLink(e, urls)
      {
      var popup = document.getElementById("popup");
      var array = new Array();
      var loc = 0;

      if(!e) e = document.event; //IE support

      while(urls.indexOf(',', loc) >= 0)
      {
      array[array.length] = urls.substring(loc, urls.indexOf(',', loc));
      loc = urls.indexOf(',', loc) + 1;
      }

      for(var i=0; i<array.length; i++)
      {
      popup.innerHTML = "<div><a href="'+array[i]+'"></a></div>
      }

      popup.style.left = e.X+"px";
      popup.style.top = e.Y+"px";
      popup.display = "visible";
      }
      </script>
      I haven't tried the code above so there may be a few bugs, but the idea should be clear enough. It's really not that hard of a thing to implement. :-/

      P.S. Spaces inserted because Slashcode is trying to be "smart" by incorrectly autolinking the code.
    5. Re:Neither "multi-target" nor "for the masses" by cytoman · · Score: 4, Funny

      Become a paying subscriber to Slashdot, and you, too, will get the privilege of reading the stories before they are posted. Then, you can also have the luxury of sitting back and penning a well thought out "first post".

    6. Re:Neither "multi-target" nor "for the masses" by AKAImBatman · · Score: 5, Funny
      Err... one bug fix:
      popup.innerHTML = "";
      for(var i=0; i<array.length; i++)
      {
      popup.innerHTML += "<div><a href="'+array[i]+'"></a></div>
      }
    7. Re:Neither "multi-target" nor "for the masses" by sumbry · · Score: 3, Insightful

      Well said. Ya know, this isn't complicated. When I first saw the headline, I figured multilink was something as simple as how you do selects and dropdown lists in HTML, e.g.

      MLINK
      OPTION="Site 1" VALUE="http://site1.com"
      OPTION="Site 2" VALUE="http://site2.com" /MLINK

      You could then basically extend the properties to be supported via JavaScript and CSS easily by using the same naming convention.

      Once that's done, start by adding a plugin to one widely used browser and see if others like it and use it. If they do, then more and more people will jump onboard and help it spread.

      But it doesn't have to be complicated! I can't stand that so many geeks have a tendency to over-engineer and overthink everything!

      The icing on the cake though was RTFA and discovering that if you used IE you should switch to Firefox and while you're at it switch operating systems. Yes, I am going to throw away tons of my time just so that I can get multiple links in my browser.

    8. Re:Neither "multi-target" nor "for the masses" by Shaper_pmp · · Score: 2, Insightful

      Wow... just... wow.

      I'm sorry about this, and I don't mean to be an arse, but you can argue hypertext theory and philosophy all day. The fact remains that this is neither insightful, interesting, new nor well-executed.

      As you indicate in your post, fat (or multi-) linking is not a new idea.

      "This is not about being compatible with a popular browser"

      Hate to break it to you bud, but in web design, on the web, it is.

      If you were doing something really revolutionary here the shoddy implementation would be cut some slack for the conceptual innovation, but what you've produced is fundamentally a drop-down menu.

      These have been around as long as layers/divs and javascript - probably pushing ten years now. We've got them in javascript, cross-browser and even CSS-only incarnations.

      In addition, you haven't even implemented fat links properly - true fat links should open all the pages they link to from a single click - this is the only thing that separates "multi-links" from "drop-down menus", and your version doesn't do it.

      Now, it might be hard to write a plugin for PmWiki, but that's the only bit of (even potential) innovation here, and it's ridiculously self-aggrandising to submit it to Slashdot as any kind of news item.

      You might well be owed some small amount of kudos for extending PmWiki's functionality, but your "solution" is so terribly executed (FFS, cross-browser menus aren't hard) and unprofessionally produced ("SWITCH TO Firefox NOW") that any tiny helpful advance is quite lost in the roaring mediocrity of the "feature".

      In fact, I know of several rather more militant webmasters who'd probably rather string you up (for encouraging the use and dissemination of such terrible broken code) than pat you on the back for writing this Wiki plugin.

      Basically, possibly apart from the Wiki back-end (which might well be hard, but which nobody's interested in), it's not innovative, interesting or elegant. Submitting such a non-event to a widely-read and volatile environment like Slashdot is just asking for people to beat on you for your presumption, especially when you present it like it's the Philosophers' Stone or something.

      I'm assuming from your code that you're a beginner web-developer - if so I humbly apologise for the kicking you're getting, and suggest you gain a bit more experience before hyping your next hack. Hackers (and the Slashdot crowd) are generally very sensitive to over-hyping and BS - make sure it's at least interesting before you start telling people it's revolutionary.

      HTH

      If not, you should seriously consider reading up - may I suggest A List Apart, CSS Edge and Jakob Nielson's Alertbox. They'll save you a lot of embarrassment before going quite so public next time...

      --
      Everything in moderation, including moderation itself
  2. Multiple first post by huge · · Score: 5, Funny


    Next: Slashdot featuring multiple first post.

    --
    -- Reality checks don't bounce.
    1. Re:Multiple first post by Tackhead · · Score: 4, Insightful
      > Next: Slashdot featuring multiple first post.

      And for our next attraction, a little DHTML hack to make each Slashdot story pop up the URLs to all its duplicates!

      Quoth the author:

      It's useful because many times a single target is not sufficient to describe a link. Wikipedia has numerous examples of acronyms and abbreviations that expand to more than one term.

      WTF? Am I getting cynical, or are these "multilinks" the least-useful thing I've ever seen?

      To use the poster's example, OCP can for "Omni Consumer Products", but can also stand for "Oracle Certified Partner". If you're writing a review of the movie Robocop, and you can't be bothered to link to the page that defines it as "Omni Consumer Products", I probably don't want to read any further.

      Context-sensitivity is a good thing.

    2. Re:Multiple first post by lawpoop · · Score: 4, Interesting
      For most links, a single references is all that's needed. However, for a site like Wikipedia, a lot of links take you to a disambiguation page, which links to different entries for different meanings of a word.

      Also, for a reference site like Wikipedia, where there are a lot of links sprinkled throughout an article, would it be nice to have links to Palace and Westminster included in the link to Palace of Westminster?

      --
      Computers are useless. They can only give you answers.
      -- Pablo Picasso
    3. Re:Multiple first post by MuuTuwon · · Score: 3, Informative

      Come on, man, how can you not see the usefullness in this? Anytime you have a website that is serving the purpose of being a frontend to a big cross-linked database, like pretty much any kind of Wiki, you're going to run into keywords that can link to more then one thing. I agree that context sensativity is great, and a fitting technology for this kind of situtation. However, I think that it should be used to effect the order of displayed multiple links. So that you'd still get a little pop-up list, but the more relevent would be at the time, followed by all the others. Having the program just 'decide' which is most relevent without even showing anything else is putting too much in the hands of the machine, which will be wrong on quite a few occasions I'm sure. Not to mention that in my opinion, context sensitivity smart enough to make this kind of decision would be really hard to impliment on a website. Then again, maybe that's just my ignorence talking. Having put together a few "Wiki" style sites myself, I've used a feature like this to display multiple entries for a single linked keyword too. If I had known it was Slashdot frontpage material, I'd have submitted it back when I did it!

    4. Re:Multiple first post by moonbender · · Score: 4, Informative

      Regarding the disambiguation pages, that is exactly the example the original poster referred to: on a Wikipedia page, linking to a disambiguation page is usually not the right thing, instead you want to link to the actual page relevant to the article. That is, on a page on chemistry, you might want to link to Atomic orbital while on a page on electronic music you might want to link to Orbital (band). In neither case you should link to Orbital, which is a disambiguation page, or "multi-link" to all of them because the band Orbital isn't really relevant in the context of chemistry. This is what the original poster refers to as context sensitivity.

      --
      Switch back to Slashdot's D1 system.
  3. small time story by SolusSD · · Score: 5, Insightful

    this sure is a small time story for a website like slashdot. can i post up little odd-end hacks i've created? ;)

  4. I like the old style by cybersaga · · Score: 5, Funny
    1. Re:I like the old style by cached · · Score: 5, Funny

      All of those [slashdot.org]s next to your links make your post look more like subliminal advertising than it should.

      --
      +1 funny, -2 overrated. Life isn't fair.
  5. That's great by roman_mir · · Score: 5, Funny

    Now /. readers will be able to /. not just one website with a single click, but many websites also with a single click.

    And BTW, be careful of Jeff Bezos coming right after you for this obvious - Single Click Amazon IP violation.

    1. Re:That's great by Rosco+P.+Coltrane · · Score: 4, Funny

      Now /. readers will be able to /. not just one website with a single click, but many websites also with a single click.

      I believe the Slashdot way of handling multilinks is to repost the same story (called "dupes") and changing link targets in each "dupe"...

      --
      "A door is what a dog is perpetually on the wrong side of" - Ogden Nash
  6. Multiple-Target Hyperlinks for the Spammers by intmainvoid · · Score: 4, Insightful

    From the comments above it looks like this doesn't really do what it say, but just as well. It'd take spammers/porn site webmasters about 2 seconds to have us opening 500 windows with a single misplaced click.

  7. It doesn't have to be that complicated by Kainaw · · Score: 4, Interesting

    While this is cute, I wrote a highly similar script in JavaScript. It takes one button and expands it out (like flower petals) into multiple buttons. http://shaunwagner.com/projects/js/flowerButton.ht ml

    As you can see fron the JavaScript, it is actually a rather simple task to position the buttons in a circle or in a simple box as this article's example does.

    --
    The previous comment is purposely vague and generalized, but all of the facts are completely true.
    1. Re:It doesn't have to be that complicated by tootlemonde · · Score: 2, Informative

      It takes one button and expands it out (like flower petals) into multiple buttons.

      You seem to have independently discovered or reinvented the pie menu, also known as the circle menu or radial context menu.

      There are assorted demos here

      Despite some evidence that pie menus are easier to use than more common schemes, they've never caught on. It might be because they are not as compact as other types and so page designers trade off some usability to make better use of screen space. Also, they don't scale well to a large number of options.

      Still, you might think that with the human hand a a model of a radial selection device, pie menus would be more popular. However, even in the physical world, levers, switches, sliders and rows of buttons are more common than radial devices. The same objections for UI design on the screen seem to apply to physical devices.

    2. Re:It doesn't have to be that complicated by Thaelon · · Score: 2, Insightful

      Neat! You pretty much pwned the guy in the article. Especially with the text version.

      However, being a User Interface Nazi I have to add some constructive critcism. The button itself gives no indication that it is a clickable button. It just looks like a radio button. The text version looked a little hackish but it was pretty apparent what might happen if you clicked on one of the text links after it exploded into them.

      Perhaps a better version would be to combine the two: text immediately followed by the icon (a single anchor) and make it look like something that would expand or something if that's possible. That way the user is informed beforehand that this is not a normal hyperlink. User Interfaces should not surprise the user!

      The windows move icon with some extra arrows or some slight modification would do nicely I think.

      --

      Question everything

  8. Misleading by alfrin · · Score: 4, Insightful

    The article Title + Summary make it seem like this guy has used some new sort of mark up previously untapped. Not only has it been done but its just DHTML built into a Wiki like context. Come on, this isn't a site for little nifty hacks, its for news.

  9. Not to be negative, but... by deemaunik · · Score: 4, Interesting

    Does anyone else see the opportunity for abuse with this? Such as the dreaded autopopup when you close a window, and endless loops of crap?

  10. Not IE compatible? Congrats, 80% ignores you. by jleq · · Score: 5, Insightful
    I may not like Internet Explorer, but it's just plain imprudent to *not* support it.
    My multilink plugin code adds full support for this feature to Firefox browsers, but only partially to any recent versions of Internet Explorer due to its CSS implementation shortcomings (full support may be upcoming if there is any users demand)
    Uhhh... try 80% of all internet users? We're not going to get the average 'net user to switch to Firefox by pissing him/her off with incompatibilities. What happens when a media item that I want to watch is only available for realplayer? I don't watch it.
    1. Re:Not IE compatible? Congrats, 80% ignores you. by A_Known_Coward · · Score: 2, Insightful

      Honestly, the only way IE will come up to standards is if web developers stop intentionally writing work arounds for it. I mean, what incentive is there for standards adherance when your incompatibility with standards is the status quo?

  11. Firefox already supports multi-link bookmarks by jeddak · · Score: 4, Informative

    ...in the Home Page URL in Preferences (or Options, depending on your OS), you can specify a multi-URL home page. The multi-URL format used is just pipe-delimited URLs (e.g. URL1|Url2|URL3...etc.)

    Each URL is then opened in a separate tab. Very nice. More universal support for multi-links would be great.

  12. Better done in Markup by kalidasa · · Score: 5, Insightful
    What we need is to add multilinking to XHTML, and get Mozilla, Safari, and IE to support it.

    [a type='multilink' href='http://www.slashdot.org/defaultlinkfornon multilinkbrowsers']

    [linkoption href='http://www.slashdot.org/firstlink' title='This is the first link']

    [linkoption href='http://www.slashdot.org/secondlink' title='This is the second link']

    [linkoption href='http://www.slashdot.org/thirdlink' title='This is the third link']

    This is the text inside the link

    [/a]

    and have this appear as a small dropdown list below the link when you click the link.

  13. Re:Neither "fish" nor "flesh" by ear1grey · · Score: 5, Insightful

    For a long time people have talked about self promotion on Slashdot. Self promotion its like a press release and usually involves some pet project that would most likely dwindle quietly into obscurity, but instead, has a fleeting shimmering moment in which to be globally lambasted.

  14. Great, now instead of opening one pop-up by melted · · Score: 3, Insightful

    Great, now instead of opening one pop-up a link will be able to open a hundred. Just what we need.

    1. Re:Great, now instead of opening one pop-up by ocelotbob · · Score: 2, Insightful

      Uh, that's already possible with popups now. This is more about getting talk about making a standardized way of doing multilink/menu type things. It's not useful to the internet at large as-is, but there are already people posting who have good ideas as to how to do this well.

      --

      Marxism is the opiate of dumbasses

  15. I've seen these before... by jim_v2000 · · Score: 4, Funny

    I believe they're more commonly referred to as "Menus".

    --
    Don't take life so seriously. No one makes it out alive.
  16. Dear editors... by jlarocco · · Score: 5, Insightful

    Dear editors:
    If Donald Knuth, Linus Torvalds, or some other famous developer submits an article about something cool they're making, people might care. But nobody cares about some dumbass' broken firefox plugin. The advertisements here are supposed to be the banner ads, not the articles.
    Thank you.

  17. This is useless. by clandestine_nova · · Score: 5, Insightful

    Seriously, is it *that* slow of a news day? This hack is neither well-implemented nor does it have any real use. The example the author mentioned doesn't even make sense, because links are not, and never were, supposed to work like that - they don't make sense for multiple targets, as that is a page design decision, not a DOM decision. This so-called multi-linking is silly, semantically nonsensical, and simply adds bloat to otherwise clear pages.

    --
    Discworld.
  18. Extremely Poor Solution by Ralman · · Score: 2, Insightful

    Just like the so-called 'fancy radio buttons' article from last week, this is yet another useless solution to an already solved problem.

    Simple solution:
    A list of links. Generally a bulleted list.

    The problem with both this multilink thing, and the fancy form buttons, is that they are NOT accessible to anyone using a screen-reader, older browsers, lynx, and sometimes keyboard navigation.

    I can't see the code in action, but my guess is that you need a mouse, and to be able to 'see' the menu in order for it to work.

    With most of the work I am doing recently, I have to make my sites and web applications as accessible as possible to individuals with disabilities.

    Yeah, I used to be one of those people who didn't care, but with only a small change in coding style, and decent markup, making an accessible site really is not that hard.

  19. Mod Points by ear1grey · · Score: 4, Interesting

    How timely, I have mod points: can someone please invent (and then shamelessly self-promote) a plugin that lets me mod the parent story down?

  20. Once again.... by im_thatoneguy · · Score: 2, Insightful

    Once again Open Source proponents give Microsoft Users the Big Finger. Just because they can. "...if there is demand..." I don't know I would call more than 80% of the internet populace sufficient demand to implement a very small nugget of code to give full functionality. This doesn't exactly look like a breakthrough code snippet anyways, The idea of a drop down box on hover for several options is clever but doesn't really involve more than about 15 lines of CSS, plus another 15 for IE support, matter of fact I guarantee you that IE support could be added, without the creator even having to write any code on his own.

  21. In-browser function by phorm · · Score: 4, Interesting

    First, for the obvious: it's not a multi-target hyperlink, it's a dropdown. However, the idea of dropdown-select style hyperlink isn't a bad one... perhaps something that could be included in an HTML spec for the future.

    At first though, I thought that this would be for a hyperlink that opens multiple locations (best-served with tabs). This would have the potential to be really annoying in the case of popup sites or if some bozo linkbombs you, but with most browsers in the future supporting tabs it does have promise. Simply have the link open multiple tabs, and then have a browser-setting that can determine how many tabs can be opened by a single link, or give a warning if over the limit.

    For example, you could have a "news" link that opens several news pages, or something of the like. This can also likely be accomplished with JavaScript (though I've never tried JS /w tabs, is there a spec)... but it would be a neat concept for future features to fully integrate the power of tabbed browsing.

  22. WHY? by venomkid · · Score: 2, Insightful

    Why would anyone put two URLs under a single link? Isn't it the point of a link to be an abstracted method of invoking a URL, with link text for context? You're not supposed to *see* the URL.

    This method just pops up a bunch of confusing as hell URLs whenever you mouse over a link without any kind of description. What about the massively cryptic URLs that e-commerce sites create. How am I supposed to pick from a list of those?

    I think this entire idea is based on bad assumptions.

    (Not to mention that the fancy gradient feature on the list of choices darkens some of the links to near unreadability.)

    --
    vk.
  23. No. by wandernotlost · · Score: 4, Insightful
    A properly defined standard and a browser plugin would make this idea go much farther.

    Please no. Kill it now. Seriously, this is just another really bad idea that seems sort of neat that will make the web harder to use, like embedding your entire website in a flash animation. *shudder*

    Here's why: Do you really think that a disambiguation entry that takes up a whole page in wikipedia is better expressed by a little popup window that you won't even see unless you move your mouse over the link? It's just more information that won't make it into search engines, that will confuse users, and that will encourage designers to produce websites that are difficult to navigate. Did you notice that with all that fancy multi-link functionality, the author didn't manage to link to a single other source that thought this was a good idea? Really, folks, it's not that hard to just add a footnote or parenthetical remark (see also fake links), and doing that is so much easier on the reader.

    Stop making it so damned hard to get useful information out of a website!

    Thank you.

    P.S. I'm not kidding, just take that idea out into your backyard and bury it deep under the ground where no one will find it. I know, you're thinking, "Ooh, but it would be kind of cool if it were just integrated into the browser and you'd just get a nice list of links to click on." No. Just think of all the information that you'd need to present to the user to help her decide which one to pick. It just doesn't work in a little popup. Here, I'll get the shovel.

  24. You want to change the HTML spec? by The+Woodworker · · Score: 2, Informative

    Then how about something simple. Like being able to assign different actions(i.e. locations) for different buttons with the same form, without javascript. As a web developer, I can't count the number of hours this would save me. And while I've never written an html parser, I can't imagine this would be too difficult. Wait! I CALL PATENT DIBS!

    --
    Give a man a fish and he'll eat for a day. Teach him to fish and he'll wipe out the species.
  25. So... What's the hype really about? by Jorgensen · · Score: 2, Insightful

    The author describes multilinking as something lacking and almost *necessary* (!?) I don't get that.

    Looking at the implementation (yes: i use Firefox, but that's not important now) it's just a pop-up menu of clickable URLs!

    Sorry guys, but I cannot see how this is better than "proper" links.

    If I need to link to multiple places, multiple <a href="..."> tags will do the trick nicely. Since the links will go to different places, they deserve different textual descriptions and thus different <a> tags. Just giving the user a list of URLs is bad: it is also known as Mystery Meat Navigation [webpagesthatsuck.com]. You need to give people hints about where the link goes - stuff that will actually help in their decision of whether to click this link or some other link. Just the URLs isn't enough - 12 out of 10 people don't understand them anyway.

    Using javascript for this is simply evil: It will make the user experience reliant on javascript and thus shut out a large number of viewers. And you have to deal with javascript incompatibilities between browsers too.

    And then you suggest making a browser plugin too? Why why on earth why? Should our pages rely on that being installed too? Thank you, but NO thank you.

    To cut a long story short (i know: it's a bit late now..) This just re-invents the wheel. badly.

    The only possible use I can see for this is for listing mirrors or some primitive form of load balancing. And both of those uses has far better solutions available already...