digg

Join DiggAbout

Discover the best of the web!
Learn more about Digg by taking the tour.

Prototype AJAX Windows

blogus.xilinus.com — Based of Prototype 1.4, this class allows you to add skinnable windows within a page. Works on all major browsers. Uses one CSS and Javascript file and thats all.

Bury
show profanity settings
expand all
  • Seumas, on 10/12/2007, -8/+37Digging, because we so rarely see articles on the frontpage with the word "AJAX" in them.
    • digga, on 10/12/2007, -5/+21How--exactly--is this AJAX?
    • swight, on 10/12/2007, -2/+16Congatulations my friend, you've just invented the new advertising popup.

      I know your intentions were good, but I see this being used for evil.
    • daehrednud, on 10/12/2007, -1/+1Because it uses AJAX to call back to the server to get the data for the windows.
    • bytebreeder, on 10/12/2007, -0/+2SHH, they'll here you.
  • princessfrog, on 10/12/2007, -0/+11That is cool! Makes it a lot easier to implement windowed content on your site. But this also brings up the question of how useful is windowed content on a browser page?
  • ahknight, on 10/12/2007, -1/+5That's just slick.

    /me wants in Drupal
  • geekThing, on 10/12/2007, -1/+4AWESOME!!!!

    I specially love the animation while closing the window!
  • ScottTaylor, on 10/12/2007, -5/+3slick is the right word... im loving it :) good work and keep on deving ;)

    --
    http://www.diggfans.com - Digg Deeper :)
  • suso, on 10/12/2007, -1/+7Is this really AJAX? What part of it is AJAX?
    • ScottTaylor, on 10/12/2007, -2/+6haha AJAX is just a trigger word now... everything is AJAX nowadays... lol
    • suso, on 10/12/2007, -0/+19Scott Taylor: You are right, I think AJAX is so misused on Digg isn't not even funny. It just shows how a new technology that is very cool can be associated with something visual (like javascript windows and effects), leaving people confused about what the concept really is.

      AJAX != Javascript effects

      What's funny is that I came on Digg tonight to find some of the previous articles on here about AJAX because I need to write an AJAX app. ;-)
    • tempusrob, on 10/12/2007, -2/+2Well ... I suppose one could combine this with AJAX to have realtime dynamci content in the windows. But you're right, there's nothing inherently AJAX-y about this.
  • shinynew, on 10/12/2007, -3/+3its pretty nice looking but meebo has had stuff like that for a long time
  • jamesob5, on 10/12/2007, -3/+1Mint...Flash, without Flash
    • mc1123, on 10/12/2007, -4/+1you're right. this does remind me of flash. look cooler though :' )
  • NewEvolution, on 10/12/2007, -2/+1That is hot. And it may even work on IE7. Maybe.

    God, that would be nice...
    • danco, on 10/12/2007, -0/+0It should be compatible with IE7 since it's using Prototype
  • theartofennui, on 10/12/2007, -6/+2great stuff. wadgetos does this too, worth a look
    http://www.theartofennui.com/67/wadgetos-v1-source/
    • Arve, on 10/12/2007, -0/+5You are of course aware that WadgetOS is a security disaster as it allows arbitrary PHP to be executed on the server?

      Well, I guess not, since I see you are spamming this again here on digg. I'll try to tell you again, what a gazillion people tried to tell you the first time this was on digg: You absolutely can't close all the security holes your "product" (read: PoS) opens.
    • libbydib, on 10/12/2007, -1/+1These windows seem to work much better than WadgetOS ones.
  • Atomic1fire, on 10/12/2007, -2/+1dude im pretty sure ajax works in most cases on ie look at live.com or netvibes to clarify that meebo works too if you think about it
  • ComputerWiz, on 10/12/2007, -1/+9Can someone point out the AJAX for me? I can see the javascript, but I can't find the XML in this anywhere. I mean come on. Just look at the digg title: "Prototype AJAX Windows" and the actual article: "Prototype Javascript Windows." Can it get anymore clear? Reported as inacurate.

    I'm starting to think that AJAX is now nothing but a word. I'm all for AJAX, but I don't want it to join misused words I see on the Internet like nano and free.
    • jamesob5, on 10/12/2007, -4/+3AJAX is the communication between Javascript & XMLHttpRequest.
    • ashtonium, on 10/12/2007, -2/+2ditto
      its a nice JavaScript effect (that I've seen in a number of forms before) but i reported as inaccurate for abuse of trendy terminology.
    • mutatron, on 10/12/2007, -0/+0Yeah, even Prototype is not very good for Ajax. My-BIC is Ajax. Prototype is Javascript effects with a rudimentary xmlhttprequest thingy thrown in.
  • Everman, on 10/12/2007, -1/+2Whether or not it's ajax, I like some of the demonstrated effects like the transparency on the popup.
  • affinity, on 10/12/2007, -3/+2Ajax or not.. its badass
    • yugiohdan6, on 10/12/2007, -0/+2i actually don't think it is ajax but it's still cool +digg from me
  • leohart, on 10/12/2007, -1/+4I just don't see how the article title has the word Ajax in place of the website's actual title "Prototype Javascript Windows". Really misleading.

    However, the javascript window itself is quite cool but it doesn't work well in Firefox 1.5.0.1 on Linux. A little bit jumpy. Or is it just my machine?
    • GrinningFool, on 10/12/2007, -0/+1Seems to be just you, works fine for me (ff 1.5 linux)
  • dominowrecker, on 10/12/2007, -2/+5well this is not AJAX..then again, AJAX is just a buzzword for stuff that has been used now for about 10 years anyway. So really nothing should be called AJAX.....but I digress.

    What I want to know is..when did it become ok to use JS again? Flash can do these kinda effects much better, and easier...so just use Flash.
  • evilpig, on 10/12/2007, -2/+6Haha. Sorry to mislead you all. I was actually using these windowsets with a project I am working on which incorporates AJAX into this. I got carried away with the title.

    /me is embarrased.
  • disillusioned, on 10/12/2007, -3/+2AJAX technically means "asynchronous javascript and XML" and is meant to describe elements that make use of the XMLHttpRequest object, which allows you to process a server-side script after a page has loaded, including database calls, etc.

    This is nothing but a boring window scheme, that makes use of fancy Divs with fancy JS effects. Not at all AJAX. Not at all impressive.
  • xswag, on 10/12/2007, -0/+6Just had a little boy yesterday. We named him "AJAX"!
  • rhizome, on 10/12/2007, -10/+0if you'll notice, the actual page says "javascript windows," so this is just a case of evilpig being a whore.
    • evilpig, on 10/12/2007, -0/+6... Read my comment 3 above this. No need to be an ass.
  • xswag, on 10/12/2007, -0/+4evilpig

    It is a great script thanks for sharing it with us! Digging it and linking to your page.
  • 2drunk2funk, on 10/12/2007, -1/+0Misleading title, nonetheless a slick javascript window, I can see it being abused though :(
    I can also see it being a nice alternative "help popup" on some intranet sites I do :)
  • EnricoFermi, on 10/12/2007, -1/+1Ajax is basically the ability of a page to refresh one item without refreshing the entire page, like when you digg a story the entire page doesn't refresh, just the number of diggs on that story. Or at least that's my understanding of it
  • sabit, on 10/12/2007, -0/+1One things AJAXed applications struggles to achieve is keyboard usability. Anybody knows a source of examples/tutorials that improves it?
  • RailsAddict, on 10/12/2007, -0/+1Yea, that debug window is pretty sweet. That's about all its good for though, other than the "wow" factor. Why would anyone want windows floating around a web page?
  • MrKite, on 10/12/2007, -0/+1I'm not a big fan of floating windows on a website, but hey.... the tech looks cool.

    And this is not AJAX.
  • Coreguy, on 10/12/2007, -0/+1slick+Fresh+AJAX=digg!

    though there are tutorials everywhere, a fresh trick like this is still worth reading.

  • mrbelvedr, on 10/12/2007, -0/+0I can see this being useful for an online help system. I hate pop up windows and avoid using them, but there ARE sometimes when they are useful.

    If you are building a complex form that has several form fields that are confusing for the average user, you can put a help link to each form field so if the user needs help they can get it via this slick new popup window. It is just eyecandy, kinda nice. digg

    • GrinningFool, on 10/12/2007, -1/+2I'd suggest designing your forms in a way that isn't confusing to the average user...
  • jawngee, on 10/12/2007, -2/+0This was cool in 97!

    No diggity digg from me.
  • jupo, on 10/12/2007, -0/+1I built a similar windowing widget years ago. This one is much more modern though with cleaner code and smooth transition effects.
  • Klowner, on 10/12/2007, -0/+1http://www.dugnet.org/klown/ajwm Oh yeah? I can minimize my windows! neener-neener-neener.. :)
  • ericpp, on 10/12/2007, -0/+1I guess it's AJAX because it's based on prototype...

    Looks cool though, but you need to somehow preload the window graphics...
  • olegk, on 10/12/2007, -2/+2It's not AJAX
  • SamKellett, on 10/12/2007, -0/+1It is nice, it's a shame it uses such bad mark-up though. If you look at window.js you can see the window is a (in uppercase). *sighs*
  • mindtrap, on 10/12/2007, -2/+1This has nothing to do with AJAX.
  • sgruhier, on 10/12/2007, -0/+0Hi, I am the guy how did it and, it's not AJAX just Javascript ober prototype as I say on my page:
    Prototype Window Class
    Thanks for your comments
    Seb
  • Double-Z, on 10/12/2007, -0/+1Very nice. Thanks for sharing it.
  • archick, on 10/12/2007, -0/+0nice
  • sgruhier, on 10/12/2007, -0/+0I had a constructor parameter to open an url in the window
  • Limbo1686, on 10/12/2007, -0/+0I would like to see this library support a desktop portal style like google or windows live.
  • sgruhier, on 10/12/2007, -0/+0It's in my mind, got a lot of idea for this class and see the feedback I have, it's really motivating
    Thank all of you guys
  • sgruhier, on 10/12/2007, -0/+0I have release a new version with modal window, check it out
  • yourbubblez, on 10/12/2007, -0/+0Check out Your Bubblez - Your personalized home page featuring AJAX based windows.
    http://www.yourbubblez.com/
  •  

    Login or register to add a comment

    Create a new account or login to join in the conversation on Digg. You'll also be able to Digg stories to help promote things you like.


© Digg Inc. 2008 — Content posted by Digg users is dedicated to the public domain.
DIGG, DIGG IT, DUGG, DIGG THIS, Digg graphics, logos, designs, page headers, button icons, scripts, and other service names are the trademarks of Digg Inc.