Today I decided it was time to have some fun, so I wanted to see if WEBDEV would allow me to integrate JQuery.

The idea was to just create a simple page which I could call a JQuery scroll-up effect on some text. I wanted to do this with a Dynamic WEBDEV application as this is where I spend most of my web development time using.

I created a static control inside a cell. There’s some HTML DIV tags you need to set in the controls.

Firstly the cell description dialog you need to add the html in the advanced section. It’s only a couple of lines.

The DIV class name then can be referenced in the JQuery method.

You also need to add a paragraph tag to the static control.

Then the final thing to do is add some JavaScript code to the button. If your code window is in WL language mode   then you need to click on the WL to change it to JavaScript .

Now all you need to do is add your JQuery JavaScript code:

$("div.contentToChange p.firstparagraph:visible").slideUp("slow");

There is one final part to this code. We need to tell WEBDEV where the JQuery JavaScript library is. There are a few places you can do that, by downloading the library and telling the project where the JavaScript file is or for my simple experiment I have included the html to reference the JavaScript libraty from the Page Description dialog, as seen below:

Now you can run the Web App page, click on the button and you will see the text scroll away.

If you have any more experience of question using JQuery with WEBDEV please post a comment so that others can learn.