Proudly presenting AJAX-S!
The demo and the zip file are updated with a small fix to avoid generating invalid nodes while still offering the possibility to use custom HTML in any page, and the ability to display escaped code for presentations.
Updated the drop down to support pressing the spacebar and enter keys when it has got focus, to navigate directly to that certain page.
Important update!
By popular request, AJAX-S now supports XHTML code in the XML file as well. No escaping, no nothing, just write as you usually do! I think now that it is a real contender to Eric Meyer’s S5!
For some reason unknown to me, the XSLT files failed to work in some Mozilla web browsers on some computers when they had an .xslt extension. I’ve changed the zip file so it now points to XSLT files with an .xml extension. If you’ve downloaded a previous version that didn’t work, please try the new one. Big thanks to Karl and especially Henrik Box for doing some extensive testing for me (Henrik wants to meet the girls behind girlspoke as a thanks… 
)!
Release 2!
After listening to the feedback I got, I’ve now done some major updates to AJAX-S. It now supports incremental rendering, non-JavaScript users and also offers a printable version. Go check the updated demo.
Changed the JavaScript detect for support for the XSLTProcessor object so it asks users that lack that support if they want to go to the printable page instead.
Added check to scroll the current incremental step into view if it wasn’t visible.
Updated with a different look for active increment, past increment and coming increment, and a setting if one wants the first or last increment to be selected when backing from an upcoming page.
Updated with a different look for active increment, past increment and coming increment, and a setting if one wants the first or last increment to be selected when backing from an upcoming page.
Updated with a fix for two glitches in the keyboard navigation.
Add-on available as of September 7th, 2006
An add-on for AJAX-S has been developed, to automatically show/hide the footer of the slides.
I’ve been thinking about creating an AJAX-based slideshow for a while, and today it happened! Today I wrote my first line of code in this project (probably not the last one), but for the moment I feel very content with the results. The code is probably not perfect, but I’m going more for the concept here. The tweaking options are endless.
The idea came to me because I wanted a lightweight slideshow based on HTML, CSS and JavaScript, but I also wanted to separate the data of each page from the actual code that presents it. Therefore, I decided to move the data into an XML file and then use AJAX to retrieve it. The name AJAX-S is short for AJAX-Slides (or Asynchronous JavaScript and XML Slides, if you want to).
Naturally, one of my inspirations for creating a HTML-based slideshow are from Eric Meyer and his S5. However, I wanted to take it one notch further, to make it more flexible and also usable for people with no HTML knowledge whatsoever. Another motivating factor was to just transform the data for the current page, as opposed to creating all the HTML needed for all the pages when the page is initially loaded. A leaner end user experience, basically.
It only works in IE 6 and Mozilla-based web browsers as of now. This is because of the need to do on the fly transformations on the client, which means the necessary support for ActiveXObject or XSLTProcessor has to be there. I think Opera 9 will support XSLTProcessor and probably some upcoming version of Safari too, so more widespread support in the future is very likely.
A freaky thing, which I hope is only a very unimportant detail, is that when I run it here at my host provider, I have to use the xml instead of the xslt one. However, most likely a hosting issue only.
But enough of that now. Download AJAX-S or view the demo of AJAX-S. Please let me know what you think, and if there’s any major error in the code. Not a requirement at all, but if you use it and like it, I would appreciate getting credit for it.
196 Comments/Reactions
November 13th, 2005 at 8:15
Cool, I hope to see it on one of your presentations this year.
/dag
November 13th, 2005 at 9:28
Doesn’t appear to be working in Opera 9 TP1, even though it supports XSLTProcessor…
November 13th, 2005 at 9:58
Cool, but your XSLT parsing seems to be a bit buggy. The DOM for the first example page includes a
PARAGRAPHelement.<div id="main-content"><h2>AJAX-S</h2><p><PARAGRAPH>The idea came ... (or Asynchronous JavaScript and XML Slides, if you want to).</PARAGRAPH></p><img src="images/masthead.jpg" alt="" class="left"><p><PARAGRAPH>The reason I ... particular program or provider when doing it.</PARAGRAPH></p></div>November 13th, 2005 at 11:45
Yes – and other exotic elements
HTMLMainly as a container for the other componentsNovember 13th, 2005 at 11:46
November 13th, 2005 at 11:46
lol, I can’t post code…
November 13th, 2005 at 13:47
Nice! You might wanna throw in some script.acio.us for spicy transition effects!
November 13th, 2005 at 14:56
Using the drop-down to go to te next slide is not my best choice. At least have an option to click on next/previous buttons. With a drop-down I have to first click to open the drop-down, then select the next slide. This is more convoluted that simply clicking on a button.
November 13th, 2005 at 15:09
OK, I stumbled on it: clicking anywhere on the slide advances to the next one, so no button is needed.
November 13th, 2005 at 15:39
Dag,
Thanks! I think that’s likely to happen.
Jere,
Sorry,
I don’t know why. Maybe in the future I’ll get time to test Opera 9 (or after it’s final release).
Michael, Henrik,
Thanks for letting me know!
Of course it was the effect of some last minute “fixes” before I published it. Should be taken care of now; the demo and the zip file are republished.
Joe,
Yep, I wanted it to be as easy as possible.
November 13th, 2005 at 17:38
Just wanted to let you know that the demo works fine under FF 1.0.7 Linux.
Good work Robert
November 13th, 2005 at 18:14
I miss back/forward browser buttons support.. I remember O’Reilly had lately article on that.. how to take over browser history with ajax.
It can be better
November 13th, 2005 at 21:09
Feature Request:
Back and forward buttons (from slide to slide) just in case.
November 13th, 2005 at 21:12
Oh whoops, maybe I should read the presentation first, huh?
November 13th, 2005 at 21:26
Jens,
Thanks for testing! I don’t have access to a machine with Linux, so it feels good when someone’s covering up for me!
Medvk,
While it’s most likely doable (I haven’t looked into it), I didn’t think it to be a recommended approach. I think the back and forward buttons in the web browser should be about navigating between web pages, not slide pages.
However, I do take care of all the common keyboard events that are associated with navigating back and forth, so for me that makes it even more important that the web browser buttons’ actions are the default and expected ones.
I hope it’s not a showstopper for you.
Glen,
No problem.
November 13th, 2005 at 22:27
Yeah.. probably back and forward buttons support just for back and forward would be nothing great (as it’s already working nice with arrows etc.). But implementing this feature would also provide possibility of bookmarking chosen slide, directing someone to desired page in slide show. At that side I think this may be quite sensible improvement.
November 14th, 2005 at 0:50
the original eric meyer technique had a button for the css to be switched to display the information as a single document for printing, is this still implemented and if so where is the button on the demo page
also was thinking if you can put this together you could probably put together an online form that creates the XML file. having a tool like this would ensure that people take this accessinle format seriously and start using it on their own presentations. if these techniques are to be used as an alternative to powerpoint they need to be easy for the non technical users.
well done though, very good idea.
would be great to see it linking with XML exports from openoffice powerpoint equivalent.
November 14th, 2005 at 2:39
Neat. Blogged it.
Works fine in Camino 1.0b1 (OS X), by the way!
November 14th, 2005 at 5:05
neat, but a slide show makes heavy use of the backbutton usually so you need to keep track of the history, take a look over here http://www.sitepoint.com/blogs/2005/10/28/bookmarks-and-back-button-history-for-ajax-apps/
November 14th, 2005 at 9:02
Marco,
Thanks!
Right now, transition effects aren’t priority one, but in the future it shouldn’t be any problem to add them.
Medyk,
Yes, absolutely. But then again, would the creator of the slide want that? And in that case, it would be easy to instead add querystring functionality to the page and send in the number of the desired page.
Maybe I’ll budge about back and forward buttons in the web browser, but at least not right now.
Ben,
Thank you!
As of now, that’s not implemented, nor is a print CSS. But I see no technical problem with that, it’s just about tweaking the XSLT so it returns all results if no specific page is asked for.
Then, of course, the accompanying CSS needs to altered so it’s presented in a nice way.
Having an online tool for creating the XML sounds like a great idea! Then non-technical people in a company could create the content for their slides in a much faster and more efficient way, while the same data can be reused for different contexts.
Paul,
Thanks for the mentioning!
All valid points you mention in your post, but, as you wrote, it’s a first-day prototype. I wanted to get it out to all of you, and let you try it out and use it. I still think the possibilites with this approach are endless, and like Ben mentioned, the possibility to create slide pages through an online form will definitely make it lean and easy to use.
Haydiv,
Thanks, and thanks for the link.
As of right now, I won’t implement back and forward functionality with the web browser buttons. I think there’s already a myriad of way to navigate through the pages.
I also I expressed my opinion above about this, but I might turnaround in the future.
November 14th, 2005 at 9:03
very cool stuff,
November 14th, 2005 at 9:19
you should get in touch with the Gallery2.0 people. They’ve been talking about an AJAX slideshowfor awhile but no one so far has done it.
http://codex.gallery2.org/index.php/Gallery2:SummerOfCode#DHTML_Slideshow_Theme
November 14th, 2005 at 9:41
nice. navigation has a bug though: if you put the focus on the dropdown list you can choose a slide with the arrow keys and then press the space bar. however it doesn’t care what you selected – it always goes one slide forward.
November 14th, 2005 at 10:31
Neat stuff, like it works. But did you think about someone else logging in ant sort off showing these slides to the other person? I would really make good use of that stuff. I saw it work in illutel.com. I quess they did use some strange ajax, which can get data whenever it wants from a server. But they are commercial… I also saw chess playing site chess.ktu.edu. I quess they do have ajax client, so could be helpfull, but things up there seem to be far more complicated than slide show.
November 14th, 2005 at 10:34
if anyone please would explain how these chess guys work, it would be cool, cause they are not responding to my mails
November 14th, 2005 at 10:42
Cool work Robert!
I allways enjoy reading your blog!
If i may suggest, have a look at Sarissa and you might get around some browser problems with xml/xslt handling.
/Johan
November 14th, 2005 at 13:50
sleeplessboy,
Thank you!
arake,
Yeah, maybe I should!
just me,
Thanks for letting me know! Zip file and demo are now updated so it works correctly.
verger,
I’m sorry, I’m not sure what kind of log in functionality you mention. Would you care to specify that?
I have no idea about the chess guys.
Johan,
Thank you! I’ve seen a little what Sarissa are up to, Google with their AJAXSLT etc, but I didn’t think it was worth mimicking XSLT functionality in a lot of web browsers for this. For now, I rather just rely on those web browsers that support XSLT natively.
November 14th, 2005 at 22:19
Have used s5 in the past and it is a great solution. Very excited to see how your solution plays out. However, it doesn’t seem to work on my machine in any Mozilla browser.
(Mac OS 10.4.3: Camino 1.0b1, FF 1.0.6)
November 14th, 2005 at 22:58
It is an exercise in abstraction but it just doesn’t degrade well. As someone mentioned before, the main idea about standards based presentation slide systems is that they fall back to a printable, straight HTML document when there is no scripting available.
Technically it is a really great idea, but not everybody likes changing XML for content and it should be easy to mail a presentation to somebody or just swiftly upload it on a server.
I have used my domslides together with contribute on an intranet, and it is dead easy to create new slide presentations that can be linked from the site. With this, we’d need a bespoke editor to change the content.
November 14th, 2005 at 23:56
Very cool, except the ALT + Left Arrow takes you back to the page you came from, not back a page in the presentation. Just thought I’d let you know.
November 15th, 2005 at 4:43
Back and Forward button seems to on top of Request list
Very cool
November 15th, 2005 at 10:41
Matthew,
Yes, me too.
I can’t really tell why it doesn’t work for you, I know that it has been tested in Camino 1.0b1 and confirmed to work. Does this apply to the online demo as well as if you download the zip file?
Chris,
Yes, I agree, it doesn’t downgrade well. But I know how to add the support for non-JavaScript users so it will display all slided when the page is loaded. It’s just a matter of time…
Mostly what I wanted to do with this was to present the concept and separation into different layers. Non-JavaScript support will be added.
Well, if you use the HTML mode, you write good old HTML in the HTML file or in the XML file; not any difference. I would rather push the implications of what can be done and the greater flexibility it offers when the data is in its own layer, like online tools for creating a presentation, reusing all markup, CSS and interactivity for many different presentations and only changing the XML and/or the XSLT file.
Another worry I’ve heard about is that it doesn’t work in Safari or in Opera. Why it doesn’t work in Safari is because they’re not supporting the
XSLTProcessorobject; an alternative might to present it to those users like I would to non-JavaScript users, but it doesn’t really sound like an attractive option.About Opera,
XSLTProcessorwill be supported in Opera 9. I’ve tried the technical preview of Opera 9 and it does indeed work. However, the there seems to be some problem after the transformation is done with the XMLWriter. If anyone out there has any idea, please don’t hesitate to let me know!Nathan,
Thanks!
Yes, I discovered that in Mozilla-based web browsers; it seems like I can’t stop that event.
Mahesh,
Thank you!
Yes, maybe I’ll add it in the future…
November 15th, 2005 at 15:11
Hi Robert,
The work laptop here is Win 2000 SP4 and the download works in IE6 SP1 OK but not FF1.07. would you or anyone else be able to explain this? I assume it’s the operating system….?
Cheers!
November 15th, 2005 at 15:21
Karl,
Hmm…
Interesting. Does that apply to the online demo too? Or just the download?
November 15th, 2005 at 15:29
Hi again, yeah that would have been helpful to post first time around
The online demo is fine in both browsers
Regards, Karl
November 15th, 2005 at 15:48
Karl,
No problem!
Then I can’t really tell. I’ve downloaded the zip file to two PCs (although with XP), and it seemed to work fine. Maybe some local security settings?
Also, try changing the extension of the XSLT files to
.xmland update the paths in the JavaScript file accordingly. That’s a change I had to do here at my host provider (I have no idea why).November 15th, 2005 at 16:20
I changed the JavaScript file to point to the xml files in the xslt folder and that fixed it
November 15th, 2005 at 16:43
Karl,
Thanks!
I just came to the same conclusion, with a little help from a friend. Post and zip file updated.
November 15th, 2005 at 16:50
I like the concept, but really don’t like the name. I think it takes focus off of it being a slide show app and puts too much focus on it being an AJAX app.
Unless it is just a technical demonstration, I don’t think AJAX reallys need to be the primary recognizable term in the name.
Also, have you considered using or supporting a standard schema for your XML slide show files?
That would be cool because then you could use XSLT to translate them into nearly any slide show format (and vice versa for other XML based content).
Anyway, I’ll definitly keep an eye on this since I am a big fan of S5 and this shares many of S5s merits. Keep up the good work.
November 15th, 2005 at 17:24
Jason,
Thanks!
Well, the name is kind of both a slide show app and the AJAX technology. It’s a way to stand out compared to S5 and also in its name conveying about the separation of data and the rest.
Sounds great! I haven’t thought about that, but if someone wants to add that (since the XML can look basically any way you want to), it sure sounds intriguing to create one slide show and then deploy it to a lot of different formats.
November 15th, 2005 at 20:31
[...] AJAX-Based Presentation Platform Robert Nyman has released AJAX-S, a presentation platform similar to Eric Meyer’s CSS/XHTML-based S5 [...]
November 15th, 2005 at 20:47
Thanks for the email Robert. Downloaded the latest rev and it works great now. I will continue to experiment with this solution.
November 16th, 2005 at 4:32
[...] er 15, 2005 at 10:29 pm · Filed under Design Robert Nyman’s AJAX-S is an easy to use Ajax based Slide show inspired by Eric Myer’s S5 [...]
November 16th, 2005 at 9:15
Matthew,
Great!
Thanks for reading and testing!
November 16th, 2005 at 9:31
[...] AJAX-S slideshow, since it requires a web browser capable of doing XSL transformations. http://www.robertnyman.com/2005/11/13/proudly-presenting-ajax-s/ [...]
November 17th, 2005 at 5:26
[...] Mountain Bike Component Monsters AJAX Power Point Inspired Tool It’s still looking pretty early in its evolution, but AJAX-S looks promising a [...]
November 17th, 2005 at 11:49
Cool!
If interested, you might take a look at my Ajax project, ZK, at SourceForge and
Live Demo.
ZK takes a different approach: make Ajax transparent to app developers.
November 17th, 2005 at 12:07
Tom,
Looks very interesting! Seems like you guys have put some serious work into that.
November 18th, 2005 at 1:08
AJAX-S, Release 2!
November 18th, 2005 at 9:24
Robert, thanks.
November 18th, 2005 at 10:20
Tom,
No, no, thank you!
Always interesting to see good stuff!
November 18th, 2005 at 14:50
[...] à ¹‡à ¸• | Trackback | RSS | à ¹Âà ¸ªà ¸â€Ã ¸‡à ¸„à ¸§à ¸²à ¸¡à ¸„à ¸´à ¸â€Ã ¹€à ¸«à ¹‡à ¸™ à ¸«à ¸²à ¸Âà ¸§à ¹ˆà ¸²à ¸¡à ¸µ slideshow à ¸šà ¸™à ¹€à ¸§à ¹‡à ¸šà ¸—à ¸µà ¹ˆà ¸¡à ¸µà ¸›à ¸£à ¸°à ¸ [...]
November 24th, 2005 at 9:03
[...] om Detailed guide on what RSS is and how to use it to track web sites. (tags: RSS howto) Robert’s talk » Proudly presenting AJAX-S! AJAX-based slideshow (tags: slides [...]
December 5th, 2005 at 22:33
[...] online che permette l’accesso simultaneo di più autori allo stesso documento Tools AJAX-S uno slideshow programmato da Robert Nyman basato su tecno [...]
December 11th, 2005 at 13:43
very nice work!!
December 11th, 2005 at 15:06
robert cooke,
Thanks!
January 6th, 2006 at 2:09
[...] future. In the meantime, you might want to take a look at S5 from Eric and Kathryn Meyer, AJAX-S from Robert Nyman and Imagination Cubed from GE. Many thanks to Raju Vege [...]
January 6th, 2006 at 10:08
[...] r Robert Nyman recently released a lightweight browser-based slideshow tool which he calls AJAX-S. The idea came to me because I wanted a lightweight slideshow based on H [...]
January 14th, 2006 at 21:28
MMMmmm… I think that you have make a very good work, just a little thing, add a cuple of arrows for a better intuitive navigation (now I must try to click on body).
Ok I have add my 2 cent and now I come back to my Mid Italian Chardonnay…
See ya!
January 14th, 2006 at 22:38
Giorgio,
Thank you!
Personally, I didn’t think arrows were good design-wise, but if you download it you’re more than welcome to use it in your version.
I hope the Italian Chardonnay tastes as good as it sounds!
February 12th, 2006 at 14:58
[...] Ajax12 Feb 2006 07:27 pm
AJAX-S – Make slideshows with Ajax
I recently stumbled upon Ajax-S, which is a short for AJAX-Slides. Now the best part is, it is available [...]
February 12th, 2006 at 15:06
[...] d Ajax Development. Tags: Ajax Development, Ajax Resources. I recently stumbled upon Ajax-S, which is a short for AJAX-Slides. AJAX-S uses an XML format for the actu [...]
February 14th, 2006 at 16:54
Hi, very good stuff !
I already used it for a couple of presentations
(see there)
and i wonder now if (and how) would it be possible to print the whole presentation at a time.
Thanks,
Francois
February 14th, 2006 at 20:05
[...] AJAX-S 2 Ihr wollt eine AJAX Slideshow erzeugen? Hier findet ihr das XML fressende AJAX-S. Es gibt auch eine Online Demo, die euc [...]
February 14th, 2006 at 22:33
Francois,
Thank you!
As you can see in my demo of AJAX-S, there’s a link in the footer to a printable version of the presentation containing all slides. Just download the latest version and you will see how it is implemented.
February 16th, 2006 at 12:39
[...] row-buttons on your keyboard. Check the specifications, the demo and the ZIP’ed demo here. [...]
February 17th, 2006 at 21:18
[...] ascript) Geocollaboration using Peer-Peer GIS – Articles (tags: collaboration GIS p2p) Proudly presenting AJAX-S! 使çâ€Â¨ajax制作幻ç¯片 (tags: ajax slideshow prese [...]
February 25th, 2006 at 3:39
[...] verschiedenen Autoren erlaubt, zusammen an einem Dokument zu arbeiten. Tools AJAX-S ist eine Slideshow von Robert Nyman, welche auf Ajax basiert. Aus s [...]
March 7th, 2006 at 0:25
[...] galerÃÂa en HTML o montar un PHP-Nuke, es darte un paseo por aqui y probar unas cuantas de las galerÃÂas que hay implementadas con funcionalidades en Ajax. He estado proba [...]
March 22nd, 2006 at 13:28
[...] . For presentations like this, I have switched from a standard presentation software to an AJAX based version of S5. The result is a website that runs like a presentation, [...]
March 22nd, 2006 at 18:08
[...] tives combining the best of both options. S5: A Simple Standards-Based Slide Show System AJAX-S Basically, they use javascript to format webpages to emulate a powerpoin [...]
March 28th, 2006 at 22:01
[...] acute;n de diapositivas completa y tener una versión para imprimir también. AJAX-S El Ajax-s es el nombre corto de AJAX-Slides. Naturalmente, [...]
April 16th, 2006 at 7:52
ajax is fun…thanks for a great resource
April 16th, 2006 at 12:15
Sumeet,
It is fun, indeed!
April 17th, 2006 at 7:11
Sorry, but your code contains errors, I am currently browsing with opera 8 (supports ajax) but there’s an alert (“Your Browser does not support XMLHttpRequests”). I thinks thats wrong and you should review your code.
Thank you,
Andi
April 17th, 2006 at 13:29
Andreas,
Actually, what error message says is:
The problem with AJAX-S is that Opera 8 supports
XMLHttpRequestbut doesn’t supportXSLTProcessor. Opera 9, however, supportsXSLTProcessorbut there seems to be a problem with theXMLSerializerand how it’s handled.If you know any solution to that, please let me know.
April 20th, 2006 at 22:48
Hi Robert,
Thanks for this great application. I wanted to embed <applet> tags into AJAX-S and entering the applet tag in ajax-s-html.xml seems to break the parser. Do you have any suggestions on what I could do?
Thanks
April 20th, 2006 at 22:55
Saurabh,
Thanks!
If you enter it in the XML file, it has to be well-formed XHTML, i.e. every tag must be closed. My guess is that your
applettag containsparamtags that aren’t closed properly.May 11th, 2006 at 11:58
I have two AJAX-S presentations and was wondering whether it is possible to link to an individual slide in presentation A from presentation B? It is easy enough placing links from one slide to another slide if they are in the same presentation, but I can’t quite work out how to link between different presentation. Any help would be appreciated.
May 11th, 2006 at 13:20
tricky,
I haven’t tried this, but I think a good idea would to link to a page with a hash value in the URL, e.g. presentation-two.htm#3.
Then you can alter the
windowLoadfuntion to check for a value in thelocation.hashpart of the URL, and call the functiongetContentwith that value.For instance, if you want to go to slide 3 in your presentation, you could add something like this to the
windowLoadfunction:if(location.hash.length > 0){
getContent(location.hash.replace(/#/, “”));
}
May 11th, 2006 at 22:08
Thanks for the tip, especially considering your current home commitments. I inserted it as suggested and it wouldn’t work. However, I did eventually find a solution that works…
Most of the code comes from hyperlisk whose post I found at webdeveloper.com so thanks. Basically in the
windowLoadfunction, there is the XMLHttpRequest part of the code and I changed it from this:if(typeof XMLHttpRequest != "undefined" && typeof XSLTProcessor != "undefined"){var oXMLHTTP = new XMLHttpRequest();
oXMLHTTP.onreadystatechange = function (){
if(oXMLHTTP.readyState == 4){
oXML = oXMLHTTP.responseXML;
createPaging();
getContent(intCurrentPage);
}
};
to this:
if(typeof XMLHttpRequest != "undefined" && typeof XSLTProcessor != "undefined"){var oXMLHTTP = new XMLHttpRequest();
oXMLHTTP.onreadystatechange = function (){
if(oXMLHTTP.readyState == 4){
oXML = oXMLHTTP.responseXML;
createPaging();
if(loc.indexOf("?") != -1) { //New Code
var f=loc.indexOf("?")+1; //New Code
var xxx= parseInt(loc.substr(f)); //New Code
getContent(xxx); //New Code
} //New Code
else { //New Code
getContent(intCurrentPage); //New Code
} //New Code
}
};
and added the following piece of code to the beginning of the
windowLoadfunction:var loc= window.location.href;This needs doing for the ActiveXObject code a little further down the function as well. To make it work, you simply add a ? and the number of the slide you want to go to after the URL of the page.
The only minor issue I have is that the Navigation bar updates with this method using ActiveX (IE6 on winxp), but doesn’t seem to work on Firefox 1.4 on MacOS 10.4.6. Still, since most of the people viewing the slides are running the former, it’s not too much of a problem!
May 11th, 2006 at 22:13
tricky,
I’m glad that you found a solution that works for you!
May 16th, 2006 at 11:04
[...] ient / Database class by Sven Wagener) The Presentation Some very basic slides, made with AJAX-S
Posted by oemebamo
Filed in tech, school (tags: [...]
June 2nd, 2006 at 19:49
[...] torials/ http://developer.mozilla.org/en/docs/AJAX http://www.ajaxian.com/archives/2005/11 http://www.robertnyman.com/2005/11/13/proudly-presenting-ajax-s/ http://www.ajax [...]
June 10th, 2006 at 5:46
[...] toolkit/ http://developer.mozilla.org/en/docs/AJAX http://www.ajaxian.com/archives/2005/11 http://www.robertnyman.com/2005/11/13/proudly-presenting-ajax-s/ http://www.ajax [...]
June 26th, 2006 at 3:58
Can’t see the Demo under Safari 2.0.3.
Is that normal?
Best
June 26th, 2006 at 9:37
Delfin,
Safari doesn’t support the
XsltProcessorobject, so when you enter the demo with Safari you will get a dialog that tells you that and offers you to go to the printable version instead.July 5th, 2006 at 23:12
[...] ject Management applicaiton with rich UI Ajax Rater : A star rating system that uses Ajax. AJAX-S : An Ajax-based slideshow system. AJAX Spell Checker : spell check text / [...]
July 5th, 2006 at 23:19
[...] c Ajax image gallery example S5: A Simple Standards-Based Slide Show System : at MeyerWeb Ajax-S : at RobertNyman Slide Show with Controls : at Zapatec Miniature slidesho [...]
July 28th, 2006 at 20:21
very nice stuff
tnx u
i m going to try ur slideshow in my blog (:
July 29th, 2006 at 13:31
jimy,
Enjoy!
August 16th, 2006 at 21:45
what that is the most stuff over the places
August 17th, 2006 at 3:22
[...] ject Management applicaiton with rich UI Ajax Rater : A star rating system that uses Ajax. AJAX-S : An Ajax-based slideshow system. AJAX Spell Checker : spell check text / [...]
August 18th, 2006 at 12:38
[...] ��时间å†Â看下é¢的了fallseir.lee Ajax Rater : A star rating system that uses Ajax. AJAX-S : An Ajax-based slideshow system. AJAX Spell Checker : spell check text [...]
August 18th, 2006 at 18:52
[...] rich UI Ajax Rater : A star rating system that uses Ajax. AJAX-S : An Ajax-based slideshow system. AJAX Spell Checker : spell check text[...]
August 21st, 2006 at 9:37
[...] ject Management applicaiton with rich UI Ajax Rater : A star rating system that uses Ajax. AJAX-S : An Ajax-based slideshow system. AJAX Spell Checker : spell check text[...]
August 22nd, 2006 at 16:54
[...] ject Management applicaiton with rich UI Ajax Rater : A star rating system that uses Ajax. AJAX-S : An Ajax-based slideshow system. AJAX Spell Checker : spell check text / [...]
August 30th, 2006 at 19:46
[...] ns AJAX – Devmo Ajax Optimization: Serving JavaScript Fast Ajax Resources @ Solutoire.com AJAX-S: An Ajax-based slideshow system Ajax and Flash: AFLAX Ajax Desi [...]
August 30th, 2006 at 22:31
[...] ons AJAX – Devmo AjaxOptimization: Serving JavaScript Fast Ajax Resources @ Solutoire.com AJAX-S: An Ajax-based slideshowsystem Ajax and Flash: AFLAX Ajax Design Patterns [...]
September 7th, 2006 at 15:34
[...] Published on Thursday, September 7th, 2006 For those of you using the very flexible AJAX-S for slideshows, I have now created a little add-on script to hide the foo [...]
September 8th, 2006 at 10:06
[...] mmentieren
Sep 06 08
Robert Nymans AJAX-basierte Slideshow: AJAX-S, eine kleine Slideshow aus HTML, CSS und JavaScript (Demo), mit kleinem A [...]
September 13th, 2006 at 16:50
Very impressive script, I like it, but there is one feature I immediately thought of – right click funcitonality. In powerpoint the easiest way to go back a slide (rather than the drop down) would be a simple javascript right click menu, even if it contained just “forward” and “back”. Also, the show shouldn’t advance on right click, only left click, to avoid confusion.
Other than that, keep up the good work!
September 13th, 2006 at 16:55
Jason,
Thanks!
I might add that in the future, although at the moment you have the web browser back and forward buttons, the backspace key and the alt + left and right arrows (in Windows) to navigate back and forth.
September 14th, 2006 at 13:06
You have all the reasons to be proud of it. Pretty neat!
September 14th, 2006 at 18:04
vickeybird,
Thanks!
September 20th, 2006 at 7:59
[...] ject Management applicaiton with rich UI Ajax Rater : A star rating system that uses Ajax. AJAX-S : An Ajax-based slideshow system. AJAX Spell Checker : spell check text / [...]
September 28th, 2006 at 15:19
[...] ject Management applicaiton with rich UI Ajax Rater : A star rating system that uses Ajax. AJAX-S : An Ajax-based slideshow system. AJAX Spell Checker : spell check text / [...]
September 28th, 2006 at 15:19
[...] ject Management applicaiton with rich UI Ajax Rater : A star rating system that uses Ajax. AJAX-S : An Ajax-based slideshow system. AJAX Spell Checker : spell check text / [...]
October 2nd, 2006 at 16:53
[...] c Ajax image gallery example S5: A Simple Standards-Based Slide Show System : at MeyerWeb Ajax-S : at RobertNyman Slide Show with Controls : at Zapatec Miniature slidesho [...]
October 3rd, 2006 at 7:10
[...] ct Management applicaiton with rich UI Ajax Rater : A star rating system that uses Ajax. AJAX-S : An Ajax-based slideshow system. AJA [...]
October 7th, 2006 at 22:47
[...] ic Ajax image gallery example S5: A Simple Standards-Based Slide Show System : at MeyerWeb Ajax-S : at RobertNyman Slide Show with Controls : at Zapatec Miniature slidesho [...]
October 15th, 2006 at 12:07
[...] c Ajax image gallery example S5: A Simple Standards-Based Slide Show System : at MeyerWeb Ajax-S : at RobertNyman Slide Show with Controls : at Zapatec Miniature slidesho [...]
October 21st, 2006 at 17:46
[...] s Aptana Aptana is a robust, JavaScript-focused IDE for building dynamic web applications AJAX-S ist eine Slideshow von Robert Nyman, welche auf Ajax basiert. Aus seiner [...]
October 22nd, 2006 at 8:47
[...] for presentations at web conferences. Now there’s some competition: AJAX-S by Robert Nyman uses Ajax to display a presentation, like this demo. It [...]
October 25th, 2006 at 2:09
[...] ax image gallery example S5: A Simple Standards-Based Slide Show System : at MeyerWeb Ajax-S : at RobertNyman Slide Show with Controls : at Zapatec Miniature sli [...]
November 3rd, 2006 at 16:34
[...] ric Meyer’s S5 presentations at web conferences. Now there’s some competition: AJAX-S by Robert Nyman display a presentation, like this demo It ends up looki [...]
November 20th, 2006 at 10:19
[...] for the slides is very simple, highly semantic, and completely accessible. AJAX-S The name AJAX-S is short for AJAX-Slides (or Asynchronous JavaScript and [...]
November 30th, 2006 at 22:00
Finally, I included AJAX-S in my overview on web standards based presentation solutions (German) – though there still are validation issues!?
(Apologies for cross-posting.)
December 10th, 2006 at 15:23
[...] applicaiton with rich UI Ajax Rater : A star rating system that uses Ajax. AJAX-S : An Ajax-based slideshow system. AJAX Spell Checker : spell check text / [...]
December 14th, 2006 at 7:47
哈哈
^_^
December 19th, 2006 at 22:07
[...] ash vs. Ajax : Flash . Actionscript : Brand Spanking New (tags: flash actionscript ajax) Proudly presenting AJAX-S! – Robert’s talk (tags: ajax slideshow presentation [...]
January 8th, 2007 at 18:18
[...] cript:urchinTracker (‘/outgoing/www.robertnyman.com/2005/11/13/proudly-presenting-ajax-s/’);” href=”http://www.robertnyman.com/2005/11/13/proudly-presenting-ajax-s/”>Ajax-S Ajax-S es un script muy facil de usar, liviano y muy, pero muy configurab [...]
February 5th, 2007 at 20:00
[...] Ajax Tutorial Slide in RSS Items Mastering Ajax Digg Voting Ajax Poll Ajax-S – Ajax Slideshow Ajax and Flash – Aflax Aj [...]
February 11th, 2007 at 13:51
[...] ns AJAX – Devmo Ajax Optimization: Serving JavaScript Fast Ajax Resources @ Solutoire.com AJAX-S: An Ajax-based slideshow system Ajax and Flash: AFLAX [...]
February 17th, 2007 at 6:00
[...] Ajax image gallery example S5: A Simple Standards-Based Slide Show System : at MeyerWeb Ajax-S : at RobertNyman Slide Show with Controls : at Zapatec Miniature slides [...]
February 21st, 2007 at 4:56
[...] rnative XML àPowerPoint
Filed under: XML — Daniel Lemire @ 10:56 pm
AJAX-S est un outil utilisant le XSLT pour générer des transparents. C’ [...]
February 24th, 2007 at 9:55
[...] s Aptana Aptana is a robust, JavaScript-focused IDE for building dynamic web applications AJAX-S ist eine Slideshow von Robert Nyman, welche auf Ajax basiert. Aus seiner [...]
February 28th, 2007 at 18:47
The work is great I like your slide
March 4th, 2007 at 5:11
[...] ject Management applicaiton with rich UI Ajax Rater : A star rating system that uses Ajax. AJAX-S : An Ajax-based slideshow system. AJAX Spell Checker : spell check text / [...]
March 13th, 2007 at 0:10
[...] Cropping RSS Ticker Ajax Tutorial Slide in RSS Items Mastering Ajax Digg Voting Ajax Poll [...]
March 19th, 2007 at 21:00
[...] Ajax Slideshow – I’ve been thinking about creating an AJAX-based slideshow for a while, and today it happened! Today I wrote my first line of code in this project (probably not the last one), but for the moment I feel very content with the results. [...]
April 18th, 2007 at 12:42
[...] Ajax Slideshow – I’ve been thinking about creating an AJAX-based slideshow for a while, and today it happened! Today I wrote my first line of code in this project (probably not the last one), but for the moment I feel very content with the results. [...]
April 19th, 2007 at 17:19
[...] AJAX-S : An Ajax-based slideshow system. [...]
April 29th, 2007 at 14:02
[...] http://www.robertnyman.com/2005/11/13/proudly-presenting-ajax-s/ : Pour réaliser des présentations sur le web, le tout en ajax et la possibilité d’impression. [...]
May 3rd, 2007 at 6:29
[...] Ajax-S – Ajax Slideshow [...]
May 12th, 2007 at 13:26
[...] Ajax Slideshow – I’ve been thinking about creating an AJAX-based slideshow for a while, and today it happened! Today I wrote my first line of code in this project (probably not the last one), but for the moment I feel very content with the results. Ajax Poll Script [...]
May 12th, 2007 at 13:34
[...] Ajax-S – Ajax Slideshow [...]
May 19th, 2007 at 22:14
[...] Ajax-S : at RobertNyman [...]
June 7th, 2007 at 18:04
[...] AJAX-S : An Ajax-based slideshow system. [...]
June 11th, 2007 at 22:46
[...] Ajax-S : at RobertNyman [...]
June 21st, 2007 at 2:04
[...] AJAX Slidshow – I’ve been thinking about creating an AJAX-based slideshow for a while, and today it happened! Today I wrote my first line of code in this project (probably not the last one), but for the moment I feel very content with the results. The code is probably not perfect, but I’m going more for the concept here. The tweaking options are endless. [...]
July 9th, 2007 at 17:12
[...] Ajax-S : at RobertNyman [...]
July 14th, 2007 at 18:06
[...] Ajax-S : at RobertNyman [...]
July 28th, 2007 at 13:39
[...] AJAX-S : An Ajax-based slideshow system. [...]
August 24th, 2007 at 17:05
XHTML support is a great news, thx.
September 20th, 2007 at 11:00
The work is great I like your slide
September 20th, 2007 at 12:45
It works great with IE but I couldn’t use it with opera.
Robert, great work! Thank you.
October 7th, 2007 at 11:24
[...] Proudly presenting AJAX-S! – Robert’s talk [...]
October 7th, 2007 at 11:24
[...] Proudly presenting AJAX-S! – Robert’s talk [...]
November 2nd, 2007 at 7:44
[...] AJAX Slidshow – I’ve been thinking about creating an AJAX-based slideshow for a while, and today it happened! Today I wrote my first line of code in this project (probably not the last one), but for the moment I feel very content with the results. The code is probably not perfect, but I’m going more for the concept here. The tweaking options are endless. [...]
November 19th, 2007 at 11:49
[...] AJAX-S : An Ajax-based slideshow system. [...]
November 23rd, 2007 at 22:47
[...] Ajax-S : at RobertNyman [...]
December 10th, 2007 at 15:38
[...] AJAX-S : An Ajax-based slideshow system. [...]
December 29th, 2007 at 15:32
[...] AJAX-S : An Ajax-based slideshow system. [...]
February 8th, 2008 at 2:24
“Very cool, except the ALT + Left Arrow takes you back to the page you came from, not back a page in the presentation. Just thought I’d let you know.” I agree!
February 21st, 2008 at 3:11
Any update or improvement on AJAX-S?
On IE6 and IE7, the printable version does not scroll down at all. The mouse scroll wheel does not work and the up/down arrow keys also does not work.
AJAX-S does work with Opera 9.25. Although the image is broken in the printable version.
AJAX-S does work with Firefox 3 but it seem a lot slower than Firefox 2.
February 21st, 2008 at 8:14
Biodiesel,
Sorry, I haven’t been doing anything with AJAX-S in a long time. All my time go into the development of DOMAssistant. But if you have any fixes/simple suggestions, please let me know!
February 22nd, 2008 at 5:10
Dear Robert,
I spoken too soon about AJAX-S working with Firefox 2 and 3. It does work fine on local server but the content goes blank when I upload it to the webserver. However, it works in IE6 ,7 and Opera 9.25.
Firefox console gave this error:
[nsIXSLTProcessor.importStylesheet]” nsresult: “0×80004003
After a few hours of hair-pulling, the problem seem to be with webserver not setting correct mime type for xml file and Firefox being picky about loading it. Adding overrideMimeType will fix this.
var oXMLHTTP = new XMLHttpRequest();
oXMLHTTP.overrideMimeType('text/xml'); //New Code
var oXSLTRequest = new XMLHttpRequest();
oXSLTRequest.overrideMimeType('text/xml'); //New Code
All browsers have problem with image not showing up in Printable View. It seem that /xml/ is some how added to the image URL.
The IE no-scrolling problem with Printable View is probably because of “overflow:visible;” in print.css. Not sure how to fix this since IE6 does not support “overflow:visible;”
A feature request is adding a forward and back button in the footer for those mouse-dependent users (new users seem lost in the current GUI without buttons or instructions even though AJAX-S offer a good selections of navigation keys). My current hack is not very pretty
<<< |
Page: 1 of
| >>>
For ajax-s.css , this change make the presentation look great:
div#main-content{
width: 80%;
margin: 2% auto;
font-size: 110%;
}
I do hope you will update AJAX-S from time to time because it produces the most consistent online presentation accross differrent browsers out of the 6 online slideshow tools I tried.
Thank you for time.
February 22nd, 2008 at 8:42
Biodiesel,
Trust me, I’d like to have the time to improve it as well.
I think you are right in the observations about the problems, although the broken image should just be a path that should be corrected in that XSLT file.
For the moment, unfortunately, I’m sorry to say that you and other have to resort to doing some local tweaking yourselves to get it to work. Maybe in the future, I’ll start working on it again, but for the moment it won’t be happening.
Thanks for understanding and good input!
February 24th, 2008 at 20:12
It works great with IE and Firefox
Good job Robert, keep it up
February 25th, 2008 at 10:10
Nelly Furtado Fan,
Thanks!
February 27th, 2008 at 23:39
Under MS Windows, AJAX-S works with:
Internet Explorer 6
Internet Explorer 7
Mozilla Firefox 2.0.0.12
Mozilla Firefox 3 beta 3
Opera 9.26
Opera 9.50 beta
Safari 3.0.4
*All browsers have broken image link in Printable version.
*Internet Explorer 6,7 do not scroll in Printable version.
*Firefox 2,3 need to have correct MimeType(‘text/xml’)
*Safari 3.0.4 is very fast, very pretty and very unstable
March 5th, 2008 at 9:06
[...] Ajax-S – Ajax Slideshow [...]
March 7th, 2008 at 23:55
[...] de volledigheid verder nog een tweetal tools dat voor een meer technische doelgroep bestemd is: AJAX-S en [...]
March 12th, 2008 at 7:59
[...] AJAX-S : An Ajax-based slideshow system. [...]
March 13th, 2008 at 17:39
[...] AJAX-S Feb 12, 06 The name AJAX-S is short for AJAX-Slides (or Asynchronous JavaScript and XML Slides, if you want to). Naturally, one of my inspirations for creating a HTML-based slideshow are from Eric Meyer and his S5. However, I wanted to take it one notch further, to make it more flexible and also usable for people with no HTML knowledge whatsoever. Another motivating factor was to just transform the data for the current page, as opposed to creating all the HTML needed for all the pages when the page is initially loaded. A leaner end user experience, basically. [...]
March 19th, 2008 at 7:26
[...] Proudly presenting AJAX-S! – Robert’s talk – Web development and Internet trends an AJAX-based slideshow (tags: ajax animation slideshow javascript presentation) [...]
March 27th, 2008 at 12:22
i am looking for an ajax script like this. i want to use it on my news site. when i mause over news title i want its picture tobe loaded somewhere in site with ajax. is there any of changing this script to it.
Regards
March 27th, 2008 at 13:32
Biodiesel,
Thanks for testing!
minikperi,
It takes some serious coding changes to achieve that, and AJAX-S isn’t really intended to do that.
April 16th, 2008 at 8:18
[...] Ajax-S — ??????????? ? ?????? ? ????????????? ????????. Ajax-S ????? ?????? ? ???????? XML ?????, ??? ?????? ??? ????? ?????????????. ????? ?????? ? ?????? ??????????? ?????????, ? ??? ???? ?????: ?????? ??????? ??????, ????????? ?? ?????????? ???? “drop-down” ??????. [...]
April 25th, 2008 at 2:31
[...] AJAX Slidshow – I’ve been thinking about creating an AJAX-based slideshow for a while, and today it happened! Today I wrote my first line of code in this project (probably not the last one), but for the moment I feel very content with the results. The code is probably not perfect, but I’m going more for the concept here. The tweaking options are endless. [...]
April 30th, 2008 at 9:12
[...] ???? ??????? ???? Ajax-S ? [...]
May 14th, 2008 at 21:57
[...] AJAX-S: An Ajax-based slideshow system [...]
June 27th, 2008 at 22:06
[...] AJAX-S : An Ajax-based slideshow system. [...]
July 25th, 2008 at 15:42
It’s great, but i needwith a slideshow buttons like 1, 2, 3, 4 to select images
August 19th, 2008 at 5:05
Great Job Robert
—————————————————————————————-
* ngoding javascript kok ribet banget seh…..
September 8th, 2008 at 10:03
[...] Ajax Slideshow – I’ve been thinking about creating an AJAX-based slideshow for a while, and today it happened! Today I wrote my first line of code in this project (probably not the last one), but for the moment I feel very content with the results. [...]
September 8th, 2008 at 10:12
[...] Ajax-S – Ajax Slideshow [...]
October 26th, 2008 at 20:02
[...] AJAX-S : An Ajax-based slideshow system. [...]
December 2nd, 2008 at 13:00
Okay… stupid question: is AJAX-S valid html/xhtml? Thank You.
December 23rd, 2008 at 21:25
very very thanx…
February 16th, 2009 at 7:20
[...] AJAX-S: An Ajax-based slideshow system [...]
March 20th, 2009 at 6:01
i wonder now if would it be possible to print the whole presentation at a time.
Mira
March 20th, 2009 at 9:34
Mira,
There’s a link in the presentation to a printable version, which will list all the content in the same page.
May 3rd, 2009 at 12:40
[...] AJAX-S : An Ajax-based slideshow system. [...]
June 2nd, 2009 at 10:56
[...] AJAX-S The name AJAX-S is short for AJAX-Slides (or Asynchronous JavaScript and XML Slides, if you want to). Naturally, one of my inspirations for creating a HTML-based slideshow are from Eric Meyer and his S5. However, I wanted to take it one notch further, to make it more flexible and also usable for people with no HTML knowledge whatsoever. Another motivating factor was to just transform the data for the current page, as opposed to creating all the HTML needed for all the pages when the page is initially loaded. A leaner end user experience, basically. [...]
June 28th, 2009 at 5:13
[...] AJAX-S : An Ajax-based slideshow system. [...]
September 27th, 2009 at 1:22
There’s a link in the presentation to a printable version, which will list all the content in the same page.
September 27th, 2009 at 1:35
thanx alot
October 29th, 2009 at 13:15
[...] Ajax Slideshow – I’ve been thinking about creating an AJAX-based slideshow for a while, and today it happened! Today I wrote my first line of code in this project (probably not the last one), but for the moment I feel very content with the results. [...]
October 29th, 2009 at 13:23
[...] Ajax-S – Ajax Slideshow [...]
November 4th, 2009 at 5:44
[...] AJAX-S : An Ajax-based slideshow system. [...]
November 18th, 2009 at 20:01
Can’t do images, though, unless you know a way of doing images inline in IE that I don’t know — data urls don’t work, JavaScript URLs don’t work, etc, etc, unless someone’s come up with a new technique I don’t know about. You can’t even use XBMs any more; IE7 dropped support for them
December 29th, 2009 at 0:04
[...] AJAX-S : An Ajax-based slideshow system. [...]
February 6th, 2010 at 11:06
thanx a lot admin
March 10th, 2010 at 21:32
Hello,
Many greats for your works about ajax-s, I found this very useful and use it some times on my presentation on web, i would like to show what’s can be possible with some tips and tricks, you can try this on link below, ajax prototype and scriptaculos for few animation
presentation, it’s a smal contribution of your very great job, thanks again
Abel
Write a comment
Twitter reactions