TPR5: Adding Interactive Content to Your Website Using JQuery

Jaclyn Whitehorn, OIT Communications Coordinator, The University of Alabama


The audio for this podcast can be downloaded at http://highedweb.org/2008/presentations/tpr5.mp3


[Intro Music]

Announcer:† Youíre listening to one in a series of presentations 2008 HighEdWeb conference in Springfield, Missouri.

Jaclyn Whitehorn: OK. First of all let me explain briefly the direction Iím coming at this from. I am not a hardcore JavaScript programmer. I donít have the time. In my job, I mean Ė I thought I did. I have admitted. I apparently need to live with that. Better? All right. My job is a highbred. I do marketing and PR for IT so Iíve come up through the IT ranks but my interests are a lot in content and in service delivery but Iím also our head Web person in my little area so the Web stuff that gets done, I do it. But I donít have a lot of time.

So my interest is in getting things that are useful, getting things that get impression and make your site look more modern, not a stale, but quickly because youíve got better things to do. So what we are going to do is look at the jQuery JavaScript library but not for my heavy programming background but for me, get this done quickly background. OK? So what is jQuery?

First thing is, it is an open source JavaScript library that does mean if you want to get in and learn from it, and learn some really great JavaScript coding, sure crack it open, take a look under the hood. But you donít have to. It is free. Youíre not going to run into any licensing problems, rolling this out for your site. It is a JavaScript library, in that you included in your pages and then do things with it. Itís going to give you access to all the parts of your page and that sounds very vague.

But the heart and the power of jQuery is allowing you to use your HTML, which youíve already structured and drill down and find that piece of the page that youíre trying to work with. If you can do that, you can do almost anything with this tool. And it lets you easily modify the page. If you were in the last presentation, Jason showed using it to add an HTML snippet after something else. You find what youíre looking for. You can rewrite the HTML. You can change the CSS, very quickly, very easily.

It is useful for a lot of people and I can speak of this in terms of a continuum that down here at the bottom, you got people who can edit a Web page. They can open it up in a Visual Editor, understand the linking and get the page up. Then youíve got people with good HTML CSS skills and then at the top youíve got your hardcore programmers. And weíre really targeting here the HTMLís CSS people.

The more CSS you know, the quicker youíll be able to roll out jQuery. That I think is the real place for you to put your time and effort into learning, is solid CSS including positioning skills. Itís a lot more useful, long term, than JavaScript programming isómy personal opinion.

I donít like a lot of buzzwords. I teach. I think they get in the way. But one of the things you do see a lot Iíve talked about is unobtrusive JavaScriptóthe idea that your JavaScript should not beófirst I bet it shouldnít be embedded in your page. Your HTML should be your HTML. That your page is in your site should be useful without JavaScript and that CSS is an add-on to HTML to add presentation and the JavaScript is an add-on on top of that to add behaviors. This will help you achieve that.

There are things you can do with your jQuery, with CSS and jQuery to combine that you cannot do normally the way weíve originally learned how to do HTML and JavaScript without embedding JavaScript factions inside the text.

You can get that out of there. Itís just really nice. So thereís a big difference when I tend to look at is different uses of jQuery and weíre not going to do all of them today. I really want to try to focus on those that add interactivity and motion to your site as opposed to just other uses.

One of them is applying CSS. Itís very easy to find a piece of your page and change the class on it, or change the way itís presented to the user. As I mentioned before, you can change the HTML. You can rewrite the content of a tag. You can add tags. You can add things after another tag so on the fly adding HTML.

Behaviors. One of the examples Iíll show you is hover text, applied differently and easier than weíve used to. And AJAX, you know, you want to talk about these words now. Itís all AJAX all the time and when you really get down to it, if youíre not-if your page is not using JavaScript to request additional information back from the server and bring it back down, itís not really AJAX. And itís not useful for everybody but it can be useful in some cases. And jQuery can make it a lot easier for you to do in those small cases where you and me, what I consider an average site designer might find useful. And weíll have an example of that as well.

So to get started, first thing you need to do is download the library. In the handouts, I do give you the address for the jQuery site. Go through the downloads. Youíll see that thereís two different downloadsóone for production use, one for development use. The one for development use is really for learning and really getting in and developing like if you were developing plugins for it.

So for your development where youíre building your site, grab the production one. Most of you donít need the development portion. OK. Download any plugins. This is where the real power of jQuery comes in for the average person. jQuery itself is a library that includes a lot of useful topics but then it required an additional implementation step.

Well, these plugins give you that implementation step. Weíll mention a few here; there are tons. The plugin library is also, again, at the jQuery site. They have ratings of the plugins and then some. Theyíre very widely in terms of documentation and examples but thereís a good start there. So Iíll highlight a couple but download those plugins before you get started.

Iím going to hedge my bets that to put them on the official jQuery site, theyíre going for a check. And that would be the difference between doing that and finding somebodyís page that had them but they had the official plugin source.

Review the documentation. jQuery has a specific way of doing things but the plugins were modified a little bit. So do make sure that youíve at least reviewed the documentation before you get started. Itíll save you a lot of trouble.

And this is a change, if you were in my presentation last year. They have done some changes to the way jQuery is set up and one of the things they did was move some of the really common plugins into a separate jQuery UI. And itís not really a plugin, itís like a separate library and then they have different widgets in it. So Iíll get the example of the accordion menu, which weíll go through that requires the UI download.

Some of the plugins had the ability to use additional effects. You can think of effects just like you would in Powerpoint or Keynote. You know transitions, they have those and some additional ones are built into the UI so you may find in the plugin documentation that if you want to do some certain things, you need to download the separate UI.

Again, Iíve given you the download link in the handouts but note that those are different things. You may have to download, depending on your needs. Then to get started, this is in two pieces.† The first thing and Iím hoping that you can see that well, are a couple of script tags.

If youíve included any JavaScript, this is not new, but what you need to do is make sure that you include first, the path to that jQuery library that youíve downloaded. That youíre going to put on your site somewhere. Then, you include separately the UI, if youíre using that. You include any plugins.

And so depending on how many plugins or other special effects, youíre going to use, you may have a handful of different Script tags up at the top. Then, youíre going to usually have this one section here, a Script area that you are going to put in the document. And this is where you do your own coding.

Donít be scared by the word ďcodingĒóvery short. But this is where your own work is going to be done. Now, if youíre going to use the same group of actions on a lot of different pages on your site, you can put this in an external JavaScript file as well and source it in. You donít have to include it on each page. You can also include this in a template if youíre using Dreamweaver or a content management system that allows you to have JavaScript in your template. Thatís all fine. What youíll have is a document ready function. This first part here is what you see when youíre doing jQuery.

You may see jQuery and then parenthesis but a lot of times what youíre going to see is '$' sign and then something in parenthesis and thatís referring to your working with JavaScript, with jQuery in particular.

Inside this is where weíre going to be putting the selectorsówhat are you acting uponóand weíll show different examples of this. In this case, weíre working on the document for your page and then weíre going to apply the ďreadyĒ function.

This is jQueryís replacement for the old window on-load. If youíve done any old time JavaScripting that was the window on-load which means you usually had a flicker. If you would load the page and then unload, it would apply your JavaScripts. So if you had any preloaded images, there was a delay. This actually activates earlier than that. It is when the document/object model is ready to be used, not when on your content has finished loading so itís a little quicker.

And this is where the changes, any changes you made to the HTML, to CSS. They get applied here so the visitors to your page donít get that ugly flicker where the site gets loaded one way and then changed. OK, so all your work is going to go inside this function.

Youíre going to have to get used to the nasty, curly braces and parentheses and just keep count. But know that, at the beginning, youíre going to have function and then open and close parentheses. Youíre going to have open curly brace then you put all your code in there. At the end you do mean remember to close your curly brace, close your parenthesis, semicolon. So you put your stuff in there. Now hereís a scary titleótraversing the document-object model. This is where you take your page, which you hope, is nicely structured HTML and talk about semantic Web.

Do your HTML properly, your life gets easier. You take that HTML and you drill down and youíre finding the piece you need--what you were trying to work on. You can use CSS. Thatís probably the basis for most of the selectors. Again, if youíre better-the better you are with CSS, the easier this part gets.

They also add some additional methods within jQuery to help you select things that arenít really possible with nada CSS. Iíll show you a couple of those. As I said, the better you are at the HTML CSS, the better this gets. OK.

So examples, again, '$' sign and in parenthesis, weíre talking about starting jQuery, and then what we put in the parenthesis is what are we trying to act upon. In our first example, just in that, in quotes, LI. That is going to select every list item on the page. Just like if you had written a style for LI in your CSS.

†OK. This one uses the CSS immediate child selector. CSS that any LI that is within a bulleted list, but immediately within a bulleted list, so if you had a numbered list inside a bulleted list is not going to select those list items.

Now we have some additional items. We have this LI colon first. Some of these are CSS standards; some are not standard but used. jQuery is extended so thereís things like, first, this one will grab the first list item on the entire page. There is last. There is also, possibly my favorites, are first child and last child because usually, if youíre doing something like this, what youíre trying to do is say, ďThe first list item in each listĒ or ďThe last list item in each list.Ē That type of work so itís colon first dash child, colon last dot child. And itís saying, ďAre you the first LI within this UL or whatever youíre with it.Ē

OK. Then we have some additional methods. This one for example selects all list items immediately within a bulleted list and then it uses the jQuery method, slice. And for me, as educational programmer, I always have to check the method-the documentation for this. Itís a zero ordered-a zero numbers array so weíre going to start on the third element. But I believe Iíve tested this. It takes third, fourth and fifth. But this is how you grab a range out of, again, all of the list items in the page. So this is just an example of the different ways that you can. The fist step of your jQuery is to find the thing on the page that you want to work on.

So they have different ways to do that. This is an example of using our original selector plus a method and then doing something with it. And the reason I like this example is, how many of you had done a table that is set up, you know, like iTunes or whatever else that when you drag your pointer down, the rows highlight.

OK, if you all mess with that, OK. Did you have to do in line, on hover, you know, when mouse over because usually thatís the way you do it. And itís so nice to be able to move that outside of the HTML, which also means that when you have things like these, you can put it in your templates so that all of your tables do that without any additional coding. So this is going to use our hover method to make that happen. So our first selector was to select all the table rows, TRís.

Second one uses a method within jQuery to say, not. So weíre selecting all the table rows that do not have a table header row. So this of course will depend on the structure of your rows but Iím assuming your pretty standard table with the row of header cells and then below that are my data that I actually want this hover to apply to.

So Iím filtering out the rows with table headers on them. And then to that selection, I apply a hovered method. The hover method is a little complicated because you have to embed other functions in it. So the way it is set up is, you have the hover method then you have the function that is applied on mouse over then you have a comma, and then you have the function thatís applied on mouse off... in the general direction.

One of the things youíll see here is the vis, itís a special selector, which is, whatever was previously selected. So in this case we have, TR not STH. So weíve already selected all the table rows on the page that donít have table headers. So anywhere else before we do another selector, we use this. Weíre saying, ďKeep that same selection.Ē

Thatís a lot more efficient because sometimes, depending on how far you drill down that can be somewhat time consuming. So if youíre using the same thing, go ahead and say so. And so what weíre saying is that on mouse over to that table row, weíre adding a class. So weíre written in our CSS, a hover, an HOV class, and then when we mouse off a bit, we removed the class.

So this is an example where jQuery is going to modify our HTML by adding a class or removing a class for us. It also attached the behavior to these table rows that you didnít have to do.

So your HTML for this table is very simple. It has no CSS in it. It has no JavaScript in it. Itís all done here. OK. The accordion plugin is probably one of my favorites because itís really useful. And Iíve used it for menus. Iíve also used it for frequently asked questions. Those are probably my two favorite uses of it. When we talk about a vertical accordion, weíre talking about a section where you can click a topic or a list item and it expands a section. There are a few rules here. The biggest one is that for a true accordion, only one section can be opened at a time. OK. So a plugin weíre using here doesnít allow you to have multiple sections open. But it does allow-weíll have an example where something always had to be open and weíll do an example where you can have nothing open, OK, but you cannot have more than one.

I also like this plugin. Itís actually now a UI widget because it allows-itís a very flexible. You can take a wide variety of HTML structures and tell the widget how your accordion is set up and it will make it happen. But this does your behavior. The widget just does what happens when you click each heading. It is not going to affect how it looks. So for almost every menu you do with this or FAQ, youíre going to have to go in and do the CSS to make it look pretty.

OK. So hereís an example weíre creating one from a list. And Iíll show you on the next slide what this looks like. Weíve two pieces here. The first piece of code is the JavaScript and weíll see that it is literally one line that goes within that first-remember the document ready function? I said, ďYour code goes here.Ē

To implement this, you would have one line in that section. And what it would do is, in this case, we are selecting, the unordered list with the ID nav. Then, we are applying the accordion widget. And most of the widgets are plugins that youíre going to need to pass in, some sort of a variable, tell it how it works. In this one, all weíre doing is saying that the header for the according plugin is designated by the head class so it asks for another selector to tell you where within the accordion youíve got a header.

So the structure here, this is the HTML that would actually be within the page, is that we make sure that weíve given our bulleted list, the proper ID. And then, we give our list items that are actually headers, the proper class.

And what it will do is anything between those list headers will be considered the content. So, hereís an example of this accordion menu. One of things to notice is when it came up, the first one was open by default. As you click others, two will expand, three also collapse, so itís only got one at a time.

We can also do an accordion structure with headers. This is the one I like to use for frequently asked questions, is we use a certain number of header for the questions and then you can embed whatever content you want for the answers. So this is very flexible--images, pics, additional texts, other list that doesnít matter--it will collapse everything between the headers. So you have a little bit more in terms of requirements here, but not a lot.

First thing is, weíre selling it. Weíre working on a DIV with an ID of FAQ. So weíre surrounding the entire accordion with a DIV. Weíre telling it that the headers are H2 text. OK, so instead of using this particular class, weíre saying, ďEvery H2 within that DIV is a header.Ē

This one weíre saying that it does not always have to be open. OK, so that means that if I have the second section open already and I click that header, itíll close it and itíll collapse the entire thing. Weíre also saying active-false, weíre saying that when you first start this page, theyíll all be closed. It is not open by default. Also recognizing that the widget gives you options to control speeds, it also has options in terms of what effects are you using to do the animation. Weíre just using our defaults here but thereís a lot of other customizations you can do.

So here are my header 2ís so you can create your FAQ. And you see on this one, I select another one and it does the same thing close one, open another one, but I can have ďnone openĒ. Here. OK? New item here is called" light boxes". And you see this a lot now as an alternative to photo galleries. Remember the old photo galleries where you had a page of thumbnails and youíd click one it would open another window or another page with the big picture and maybe you might have some navigation. If you were lucky something like a photoshop created this for you, but it still wasnít that great to navigate. So lightboxes are emerging as a way to get around that.

So itís pretty much still set up where you click a thumbnail to show a larger image. But then when you click that, what happens is, you get an overlay that basically darkens the rest of your page and then a small window with the larger image and a caption in it.

And thereís quite a few variations on this. Theyíre going to look a little different. Thereís CSS styling involved. But this is your basic idea. Iíll also tell you that you can find them not just using images. The images are the easiest and then theyíre called light boxes. You will also find them referred to as modal displays. If youíre looking at using them for say, a pop-up window, so instead of popping up a new window, itíll just have a small-itís really a DIV that appears. Everything else is grayed out to show itís inactive and itís going to force your user to take action in that dialogue box before it goes away. Again, you use plugins for this. You donít have to do much as in a developer.

So this one is going to use the Lightbox plugin. Yes. I think, probably talk to Jason afterwards. He knows a lot more about accessibility than I do. Because of the way that this is coded, and which youíll see, it actually is much better than the majority. What youíll see is that actually that pop-up is just a link. Itís the JavaScript thatís applied to it that actually makes it do the other things. So if JavaScript is turned off, it would just link to the picture. In this one, it is literally a link. So it would open a new page-it wouldnít even open a new page-it would. Yes. So this one is actually one that degrades extremely well.

So our first one, all that goes within our JavaScript is this top part. Weíre telling it, anything with the class lightbox, you apply the lightbox plugin to. Very simple. And thereís not even any options in this case. What weíre going to do is apply that class lightbox to a link. So your HTML is set up with the thumbnail image, as an image, and I donít show the ALT text but of course youíd have some.

So you would have your small thumbnail and it would be surrounded by anchor tag, a link tag, and that is where the class is because you want the jQuery to apply to this link because thatís whatís actually doing something. Then we give a go ahead and give a title to the link. The title that you give on the link is whatís going to use for the caption to the image in the lightbox

And then one thing that I didnít show in the previous example is that you can do groups of images. So this goes back to that photo gallery concept. If you have images within the page that you want done in aĖbasically slide show format, you would give them all the same relationship group name.

And the plugin takes all those images and it actually gives you a forward and back arrow within that modal dialogue, within that pop-up, to let you scroll back and forth between the images in the page. And itís done in the order they fall in the code. OK, but again, each of those images, if you didnít have JavaScript turned on itís just a link to its bigger version.

OK. I use this on our IT site. I actually use it on our maps, our diagrams of how to find us.

Because the full picture just is not going to fit within our current layout, so it allows it very easily to show a small version and then a basically a zoom in for something they could actually read a little better. OK. This is what I call my bonus. Because you may or may not need this, but I wanted to give this as an example and itís kind of a double-barreled example because the tabs are an additional UI widget, which you may or may not need.

To make this through AJAX, the widget has a way to bring in content from another server or run server but it will only bring that content down when itís needed. The tabs-the tab widget can be used either way-either with all of your content directly on the page or it can do a retrieval.

jQuery does have what I call, roll your won AJAX, which is just some basic methods thatíll allow you to retrieve content. And then you could do what you want to do with it. And some of you may decide to go that route.

To forego your plugins, forego your widgets, use jQuery as itís built to go--retrieve content and then maybe replace a DIV with it. You have that option. But for a lot of you, the widgets built in will actually make it easier to go ahead and start using external content in this way.

Personally, I find if youíre not doing server-side scripting where this would be really dynamic, AJAX is pretty much a waste of time. But I keep hearing well if the remote information is very heavy in terms of images or it takes a long time to download, maybe then you make it, only load when you need it. So thatís another way to look at it.

There are quite a few plugins that do use AJAX and itís just a matter of taking a look at what effect are you trying to achieve. Is there a plugin or a widget that does it? And then does it use AJAX or can it be made to use AJAX?

In this case, the built-in UI tabs do. One of the things I did not mention about the UI download and I hope I included this in your handout. UI via jQuery UI library actually is pretty beefy. It has a lot of things in it.

So what theyíve done is the download, you build your own. When you go to download it, you tell it the pieces of UI that you need. Thereís the core, then you know if you want to use the accordion widget, you make sure you click the accordion widget.† If you need to use the tab widget, you click to choose the tab widget. If youíre actually just getting it to use effects for other plugins, you just pick those effects. So that does make a difference when youíre going ahead and downloading the code to make sure youíre getting the piece you need.

So if you know you want to use tabs go ahead and download it. Again, you can actually make it work on your page. Itís one line of JavaScript. What weíre saying is, go to something with the ID tabs-test and apply and select the unordered list, the bulleted list directly within that DIV.

Best I can tell, this widget expects you to have a list. Have an unordered list. All of the examples use that. And it appears to work well because what the unordered list is, is the tab headings--the things that youíre going to click. And as we know, most menus, bulleted list is the correct semantic way to show that. So weíre telling it goes select to that piece and then apply the tabs widget. At least theyíre being consistent in that regard.

The syntax for your HTML is actually really similar if you are doing AJAX or non-AJAX. Weíre going to have our DIV with the correct ID. We have our URL bulleted list, our UL, and then we have our list items in between. And the A tags, the links for each of the tabs should point to the content for that tab. In this case, what itís pointing to is a remote file in each case so the tabs widget knows to use that and said, ďOkay, youíre pointing to a remote file.Ē Basically weíre in AJAX mode and it will build itself accordingly.

If you use tags to anchors, then you would actually include your other content below, in separate labeled DIVs. So youíre not doing AJAX but you, again, have a tab interfaced but all the contents are within the same page. But your syntax for setting this off is very similar.

Now, hereís the kicker. Once again, youíve got to do your CSS. They try to help you out on the jQuery UI. They give you-there is a tool called ThemeRoller within the jQuery UI site. And when youíre on the UI site, thereís a link to themes. Thereís a problem though. When I was working with it for tabs, thereís a bug.† And apparently, this bug has been there since the summer that-because I found it in the UI discussion list from June. Itís still there today. I checked. And so, I had to make some changes to the ThemeRoller CSS and I have not gotten that change online yet. I will. And Iíll make sure that is accessible.

But the CSS they provide is actually a really good starting point to get you choose a, basically, a horizontal menu for the tabs. It gets you framed DIVs for your content and itís pretty easy. It does make it a lot quicker for you to make any modifications to the CSS you need. So I do have an example of that.

Letís see if this will actually pull up properly? You said it would. Oh, there. And weíll just drag this over this way. All right. Iíll talk loudly. So, the HTML for this is basically what I showed on the last slide, which is you have a list that is those tabs.

And the links for page one, page two, and page three are not within this file. The JavaScript is retrieving that content and putting it in the tabs. So, Iím going to bend back down and show you the tabs and Iím going to show you the source to this page that you believe me. See if I can drive this way. OK. The mouseÖthe sourceÖRight. So, basically, here are my included jQueries. Thatís the one that does the tabs. Thereís my style sheet and a little bit of change. Those are the tabs.

So that was pretty much a whirlwind tour through some examples of what jQuery can do with a pretty quick start up time. When I started playing with the tabs, AJAX examples, it really took me about 15-20 minutes and about half of that was fixing the CSS bug. So, Iím hoping that that will be useful to you. Are there any other questions?

Audience: Just a general question. How did you pick jQuery versus all the others? Did you really like to validate it?

Jaclyn Whitehorn:† I wish I could say that I did a huge search and compared and contrasted.† But it really-I canít even remember where I saw the first reference but it was possibly the first time that I had seen a reference to JavaScript library and the way it was described and the code they showed made sense.† So I said, ďI can use this!Ē So-and that was, literally, the way it worked. Yes?

Audience: Why did you take apart the Lightbug flash when all it did was...?

Jaclyn Whitehorn: Well, OK. It has to do with the way the Lightbug are plugin. It was written. OK, the plugin was written that it was going to be applied to, possibly multiple things on the page. Itís your choice whatever you call the class or however you pick what itís applied to. I can go back to that slide so we, actually, are looking at the right thing, maybe. Maybe. Here we go. OK.† So, this part-that was your choice. You can make this whatever selector you want. Oh-oh. I just killed the podcast.

So you can make this whatever you want and youíre applying the plugin to everything that selector matches. And itís written to assume certain things. So, itís assuming youíre putting it on a link tag and part of the documentation is OK. For the link tags, itís going to look for a title and then when it is building the page and how it works, itís looking for this tag to see how many items in that group there are. So, itís basically building an internal list of all the images thatís going to apply it to so it will make the slideshow actually work. No problem.

Audience: You were quicker.

Jaclyn Whitehorn: Specifically, what it is, is the way the tab actually builds the class names and that does make-Iíll tell you, it makes debugging CSS a little difficult on here. Itís realizing that the changes youíve made with this widget arenít visible on the source. So, the using the Firefox Developer toolbar, for example, helps you a lot because youíll be able to see what CSS is actually applied to that item.

Iím not sure if it was a version mismatch or a bug in the widget, or a bug in ThemeRoller that there is-what ThemeRoller expects-itís looking for something dash item instead of applying it straight to the list item. So itís in the CSS and itís like there were three places I had to add something and it wasnít that bad. But I always make sure thereís a website that is not updated yet, but it should be in your handouts from helpdesk.ua.edu/web/jQuery. I think itís in the handouts and I will make sure that thatís fixed. Itís up there some time.

Audience 1: Letís drop. Go to the question that was over here about that other libraries that you can use. You can use jQuery with any other libraries or it helps that you run the jQuery with no conflict method for slow. It unbinds that '$' sign which a guy with prototype users, for instance, and it keeps those-they get very angry with each other otherwise. But thereís a method in there that you can run so you can-if you got people using in one place, in one or another. They can have a mesh then based on whoís using the player.

Audience 2: So you just called out first...

[Cross-talk]

Audience 1: Yes. Itís called first thing when you-right after you load-the job or the jQuery library and it unbinds that '$' sign and then you just-instead of the '$' sign, you use-I think itís jQuery.

[Cross-talk]

Jaclyn Whitehorn: jQuery, no '$' sign, itís just jQuery, open parenthesis. It always works but many people donít type in. Anything else?

Audience1: You mention guide. You can-We could browse on a different server? Is this so?

Jaclyn Whitehorn: Itís just the same thing, remote file. It should be able to. Well, actually I tested it because I was the local file and then picking it up from my Web server running on the same machine.

Audience 1: That was going to be my own. Cause you were talking about a...

Jaclyn Whitehorn: Itís doing a request, an HTTP request; grabbing the file. Itís IFRAMEs revisited.

[Laughter]

Audience 3: How about from other people from using your information on their...

Jaclyn Whitehorn: I have no idea.† Anybody got an idea?

Audience 1: Itís like a server setting for that...

Audience 3: You use to have a do with your old frames.

Jaclyn Whitehorn: Yes.

Audience 3: Youíll be able to do a frame then.

Jaclyn Whitehorn: Hmm. I donít know.

[Cross-talk]

Jaclyn Whitehorn: Thatís kind of my feeling about it too and if you take a look at the-if I look at 43folders.com, he started putting a fitter on all of his posts because people were-are, basically, re-aggregating his RSS and I assume that as their own that he just placed a fitter on the bottom of all of them. So, anything else? I think, youíre going to be free to go. Iím out all the time.

Host: All. right.

Jaclyn Whitehorn: Thank you.

Host: Thank you very much.

[Applause]

Announcer: For more presentations from the 2008 HighEdWeb Conference visit HighEdWeb.org/2008 or sign up for our podcast and feed at HighEdWeb.org/podcast.xml

[End of Music]