0 Remote control the Browser Window

Ajax framote sharing tech

FRAMOTE

Someone said that Big surprises comes in small packages . Today i feel this line perfect for that framote . This is an awesome example of Ajax and iframe shown by Jaime Caballero .

What it is ? and how it works ?

framote enables you to control the remote browser and show the links which you want. You just need to give a starting URL(link) and it will provide you two different URL's (i). to share on remote devices (ii) to control those remote devices .

Where you can use this ?

This will be specially useful for the web Developers by using this they can test their applications on different browsers and multiple devices without opening the whole web on each of them one by one. yippee its free.

How to Use Framote Step by step

Step 1: go to framote and give a URL i say "http://www.how2labs.info/" and click create.

Step 2: share the Framote URL and open Control URL in a new window to control the Framote URL 

framote in action

Step 3: in Control URL provide the new URL you want to share and click change. the remote url will automatically get refreshed

change remote url framote

Step 4: Don't forget to subscribe for new update :)

0 JQUERY VIDEO TUTORIAL PART-2

Ajax animation css html Jquery tgmc 2011 tutorial uml

This tutorial covers

• How to add multiple CSS styles with JQuery
• What are all of the other JQuery selection options
• How to assign events with JQuery
• Explain JQuery animations
• How to change element values with JQuery
• And, a bunch of other things.

0 JQUERY VIDEO TUTORIAL PART-1

Ajax html Jquery part 1 tutorial web project xml

This is the first part of JQuery Video Tutorial. It will also cover all of the techniques that go into implementing a dynamic site using Asynchronous JavaScript and XML (AJAX).

It is extremely easy to use AJAX techniques with JQuery. First you must understand that AJAX is not a language, it is just a series of techniques used to dynamically change websites with out page reloads.

If you’d prefer to read about AJAX, here is another article Ajax What is it?

JQuery is just a JavaScript Framework, or function library that will save you a ton of code writing. JQuery also works cross browser, so you won’t care what browser your client uses anymore.

this specifically show you how to do the following in this video:

• How to link to the JQuery Framework
• Tons of ways to target specific elements on a web page
• How to change CSS properties dynamically
• What is an anonymous function
• How to execute your JQuery code when a page loads

1 Top 10 browser Extension For WEB Developers

Ajax css form get html Jquery web project

Firefox: Page Speed

Page Speed is an open-source Firefox/Firebug Add-on. Web masters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them. I use Page Speed to optimize my websites.

Chrome: Speed Tracer

Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs. Speed Tracer is available as a Chrome extension and works on all platforms where extensions are currently supported (Windows and Linux).

Firefox: FireBug

Firebug integrates with Firefox allowing you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Chrome: Firebug Lite

Firebug team also creates extension for Chrome. So far I have not been able to use firebug in chrome. I am running Google Chrome 5.0.307.11 Beta under Ubuntu Karmic 9.10

0 Ajax From Scratch - a WORKING demo for Jquery-Ajax in jsp

Ajax db2 form java Jquery jsp post rad rational application developer tgmc tgmc 2011 web project

This tutorial covers a working example of ajax in jsp
note: example is just same as i used in my previous tutorial so to setup thing use that tutorial :creating-simple-db2-database-Application

0 Ajax From Scratch - Jquery (Most Needed tutorial for TGMC)

Ajax css html Jquery tgmc tgmc 2011 web project

What You Should Already Know

Before you start studying jQuery, you should have a basic knowledge of:

• HTML
• CSS
• JavaScript

What is jQuery?

jQuery is a library of JavaScript Functions.
jQuery is a lightweight "write less, do more" JavaScript library.
The jQuery library contains the following features:

• HTML element selections
• HTML element manipulation
• CSS manipulation
• HTML event functions
• JavaScript Effects and animations
• HTML DOM traversal and modification
• AJAX
• Utilities

jQuery: The Basics

This is a basic tutorial, designed to help you get started using jQuery. If you don't have a test page setup yet, start by creating a new HTML page with the following contents:

0 Ajax From Scratch - Methods For sending Data to Server

Ajax form get html post tgmc tgmc 2011 web project

We can send data to the data processing page(i.e. server) by both the GET and POST methods of a form. Both methods are used in form data handling where each one has some difference on the way they work. We will discuss some of the differences.

As you have seen there is a character restriction of 255 in the URL. This is mostly the old browsers restriction and new ones can handle more than that. But we can't be sure that all our visitors are using new browsers. So when we show a text area or a text box asking users to enter some data, then there will be a problem if more data is entered. This restriction is not there in POST method.

2 Ajax From Scratch - Basics

Ajax html tgmc tgmc 2011 web project xml

hey guys in this session we are gonna discuss about AJAX , what is it ? and how it works

lets jump into the new era of web development

1st Question is that What is AJAX ?
Ans. Everyone thinks that Ajax is a programming Language but its not true its just a balance of  XML and JavaScript

Lets Discuss in deep

AJAX = Asynchronous JavaScript and XML.

where it is used ?