AJAXify your Website - Revision history

Dinsley at 18:34, 16 November 2010

2010-11-16T18:34:04Z

← Older revision		Revision as of 11:34, 16 November 2010
Line 1:		Line 1:
	You can AJAXify your website builder site, or make all of your pages load via [http://www.w3schools.com/Ajax/Default.Asp AJAX] by adding some simple JavaScript code utilizing the built in [http://jquery.com/ jQuery].		You can AJAXify your website builder site, or make all of your pages load via [http://www.w3schools.com/Ajax/Default.Asp AJAX] by adding some simple JavaScript code utilizing the built in [http://jquery.com/ jQuery].


	Since the main content area of website builder is inside a '''div#location_0''', all you have to do is hook into the [[Primary Navigation]] links and use the [http://docs.jquery.com/Ajax/load jQuery load function] to replace the contents of '''#location_0''' on the current page with the contents of '''#location_0''' on the target page. Adding a [http://docs.jquery.com/Effects/slideUp slideUp]/[http://docs.jquery.com/Effects/slideDown slideDown] with some callbacks makes it have a nice transition as well.		Since the main content area of website builder is inside a '''div#location_0''', all you have to do is hook into the [[Primary Navigation]] links and use the [http://docs.jquery.com/Ajax/load jQuery load function] to replace the contents of '''#location_0''' on the current page with the contents of '''#location_0''' on the target page. Adding a [http://docs.jquery.com/Effects/slideUp slideUp]/[http://docs.jquery.com/Effects/slideDown slideDown] with some callbacks makes it have a nice transition as well.

Dinsley at 18:33, 16 November 2010

2010-11-16T18:33:51Z

← Older revision		Revision as of 11:33, 16 November 2010
Line 2:		Line 2:

	Since the main content area of website builder is inside a '''div#location_0''', all you have to do is hook into the [[Primary Navigation]] links and use the [http://docs.jquery.com/Ajax/load jQuery load function] to replace the contents of '''#location_0''' on the current page with the contents of '''#location_0''' on the target page. Adding a [http://docs.jquery.com/Effects/slideUp slideUp]/[http://docs.jquery.com/Effects/slideDown slideDown] with some callbacks makes it have a nice transition as well.		Since the main content area of website builder is inside a '''div#location_0''', all you have to do is hook into the [[Primary Navigation]] links and use the [http://docs.jquery.com/Ajax/load jQuery load function] to replace the contents of '''#location_0''' on the current page with the contents of '''#location_0''' on the target page. Adding a [http://docs.jquery.com/Effects/slideUp slideUp]/[http://docs.jquery.com/Effects/slideDown slideDown] with some callbacks makes it have a nice transition as well.


	====Adding to your Site====		====Adding to your Site====

Dinsley: /* Adding to your Site: */

2010-11-16T18:33:43Z

Adding to your Site:

← Older revision		Revision as of 11:33, 16 November 2010
Line 4:		Line 4:


	====Adding to your Site:====		====Adding to your Site====


Line 26:		Line 26:
	</script>		</script>
	</source>		</source>


	====Example Sites====		====Example Sites====

Dinsley: /* Example */

2010-11-16T18:33:34Z

Example

← Older revision		Revision as of 11:33, 16 November 2010
Line 28:		Line 28:


	====Example====		====Example Sites====

	http://showcase.imyuao.com/		http://showcase.imyuao.com/

Dinsley: /* Example: */

2010-11-16T18:33:23Z

Example:

← Older revision		Revision as of 11:33, 16 November 2010
Line 28:		Line 28:


	====Example:====		====Example====

	~~website builder user Yuao's site is currently configured to load pages via AJAX:~~

	http://showcase.imyuao.com/		http://showcase.imyuao.com/

Dinsley: Text replace - "Web-Builder" to "website builder"

2010-11-15T19:45:55Z

Text replace - "Web-Builder" to "website builder"

← Older revision		Revision as of 12:45, 15 November 2010
Line 1:		Line 1:
	You can AJAXify your ~~Web-Builder~~ site, or make all of your pages load via [http://www.w3schools.com/Ajax/Default.Asp AJAX] by adding some simple JavaScript code utilizing the built in [http://jquery.com/ jQuery].		You can AJAXify your website builder site, or make all of your pages load via [http://www.w3schools.com/Ajax/Default.Asp AJAX] by adding some simple JavaScript code utilizing the built in [http://jquery.com/ jQuery].

	Since the main content area of ~~Web-Builder~~ is inside a '''div#location_0''', all you have to do is hook into the [[Primary Navigation]] links and use the [http://docs.jquery.com/Ajax/load jQuery load function] to replace the contents of '''#location_0''' on the current page with the contents of '''#location_0''' on the target page. Adding a [http://docs.jquery.com/Effects/slideUp slideUp]/[http://docs.jquery.com/Effects/slideDown slideDown] with some callbacks makes it have a nice transition as well.		Since the main content area of website builder is inside a '''div#location_0''', all you have to do is hook into the [[Primary Navigation]] links and use the [http://docs.jquery.com/Ajax/load jQuery load function] to replace the contents of '''#location_0''' on the current page with the contents of '''#location_0''' on the target page. Adding a [http://docs.jquery.com/Effects/slideUp slideUp]/[http://docs.jquery.com/Effects/slideDown slideDown] with some callbacks makes it have a nice transition as well.


Line 30:		Line 30:
	====Example:====		====Example:====

	~~Web-Builder~~ user Yuao's site is currently configured to load pages via AJAX:		website builder user Yuao's site is currently configured to load pages via AJAX:

	http://showcase.imyuao.com/		http://showcase.imyuao.com/

Dinsley: moved AJAXify your Web-Builder Site to AJAXify your Website

2010-11-15T17:24:57Z

moved AJAXify your Web-Builder Site to AJAXify your Website

← Older revision		Revision as of 10:24, 15 November 2010
(No difference)

Tkinnear at 18:28, 21 September 2010

2010-09-21T18:28:59Z

← Older revision		Revision as of 11:28, 21 September 2010
Line 1:		Line 1:
	You can AJAXify your ~~Viviti~~ site, or make all of your pages load via [http://www.w3schools.com/Ajax/Default.Asp AJAX] by adding some simple JavaScript code utilizing the built in [http://jquery.com/ jQuery].		You can AJAXify your Web-Builder site, or make all of your pages load via [http://www.w3schools.com/Ajax/Default.Asp AJAX] by adding some simple JavaScript code utilizing the built in [http://jquery.com/ jQuery].

	Since the main content area of ~~Viviti~~ is inside a '''div#location_0''', all you have to do is hook into the [[Primary Navigation]] links and use the [http://docs.jquery.com/Ajax/load jQuery load function] to replace the contents of '''#location_0''' on the current page with the contents of '''#location_0''' on the target page. Adding a [http://docs.jquery.com/Effects/slideUp slideUp]/[http://docs.jquery.com/Effects/slideDown slideDown] with some callbacks makes it have a nice transition as well.		Since the main content area of Web-Builder is inside a '''div#location_0''', all you have to do is hook into the [[Primary Navigation]] links and use the [http://docs.jquery.com/Ajax/load jQuery load function] to replace the contents of '''#location_0''' on the current page with the contents of '''#location_0''' on the target page. Adding a [http://docs.jquery.com/Effects/slideUp slideUp]/[http://docs.jquery.com/Effects/slideDown slideDown] with some callbacks makes it have a nice transition as well.


Line 30:		Line 30:
	====Example:====		====Example:====

	~~Viviti~~ user Yuao's site is currently configured to load pages via AJAX:		Web-Builder user Yuao's site is currently configured to load pages via AJAX:

	http://showcase.imyuao.com/		http://showcase.imyuao.com/

Tkinnear: moved AJAXify your Viviti Site to AJAXify your Web-Builder Site: no more viviti

2010-09-21T18:28:29Z

moved AJAXify your Viviti Site to AJAXify your Web-Builder Site: no more viviti

← Older revision		Revision as of 11:28, 21 September 2010
(No difference)

Shanker at 19:57, 30 January 2010

2010-01-30T19:57:24Z

← Older revision		Revision as of 12:57, 30 January 2010
Line 1:		Line 1:
	You can AJAXify your Viviti site, or make all of your pages load via [http://www.w3schools.com/Ajax/Default.Asp AJAX] by adding some simple JavaScript code utilizing the built in [http://jquery.com/ jQuery].		You can AJAXify your Viviti site, or make all of your pages load via [http://www.w3schools.com/Ajax/Default.Asp AJAX] by adding some simple JavaScript code utilizing the built in [http://jquery.com/ jQuery].

	Since the main content area of Viviti is inside a '''div#location_0''', all you have to do is hook into the [[Primary Navigation]] links and use the [http://docs.jquery.com/Ajax/load jQuery load function] to replace the contents of '''#location_0''' on the current page with the contents of '''#location_0''' on the target page. Adding a [http://docs.jquery.com/Effects/slideUp slideUp]/[http://docs.jquery.com/Effects/~~slideUp~~ slideDown] with some callbacks makes it have a nice transition as well.		Since the main content area of Viviti is inside a '''div#location_0''', all you have to do is hook into the [[Primary Navigation]] links and use the [http://docs.jquery.com/Ajax/load jQuery load function] to replace the contents of '''#location_0''' on the current page with the contents of '''#location_0''' on the target page. Adding a [http://docs.jquery.com/Effects/slideUp slideUp]/[http://docs.jquery.com/Effects/slideDown slideDown] with some callbacks makes it have a nice transition as well.