TPR5: Adding Interactive Content to Your Website Using JQuery

[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]