Funcoder Technology Blog

Here’s another example for some Internet Marketing work I did a few days ago. It’s a landing page for an Affiliate to promote a Guitar course.

Building the layout was very easy as I just use drag and drop with some additional bits of code for the flash streaming of audio testimonials.

One of the other things that WebDEV is that the IDE lends itself to help me optimise the page for SEO.

You can tell I’m having fun with this… On to the next Project…

I do a lot of development for Internet Marketers and for some reason didn’t think of WebDEV as a platform for me to develop on. I have been using Dreamweaver to do all my work.

Now I have switched and code all my client sites in WebDEV. Its so much more fun now and I tend to be a lot more creative in this tool.

There are a few issues I have come across when integrating with Aweber.com Form code but I have found ways around this.

This is an example Squeeze Page that only took me 30 minutes to complete and upload.

I have to admit that when I started out developing WINDEV applications I used multiple Window Planes a lot.

The problem with using a Plane is that your code can get very complicated to manage and the Window will use up a lot of memory.

Striving to make my code clean and manageable I use the Internal Window to separate functionality out.

Above is a very simple example of how this works. I have created a project with one main window and 2 internal windows:

In the main window I have added an Internal Window Control and 2 buttons. The buttons just have one line of code in each to easily switch between the internal windows.

So to show my first internal window I just use the WLanguage command:

ChangeSourceWindow(IW_Main,IW_InternalWindow1)

Sometimes you might need to initialise the internal window with parameters. You can add paramers to the ChangeSourceWindow to perform this.

ChangeSourceWindow(<Name of Control to Modify>, <Name of Internal Window> [, <Parameter 1> ... [, <Parameter N>]])

It can be a little confusing at first when you are trying to get the cell control to expand.

The first step is to set the Cell to 100% width and height. But there are also outer parameters that need to be set to 100%, as shown in the screen shot below:

The original point of creating my blog was to have fun with software development, but time has not been on my side.

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.