Well-designed AJAX based web photo gallery solutions
Post by efox | Date: 2008-10-14
Most websites select AJAX technology or Javascript web photo gallery solutions for the reason they don’t need any extend plugins. Here is a collection of beautiful AJAX technology or Javascript based solutions aimed to build wonderful web image gallery.
AJAX Image Gallery Powered by Slideflow
You could download slideflow 1.1 including gallery demo in the website. Use Slideflow in your own software for appliaction.
Tags: Ajax gallery solutions JavaScript
List of AJAX frameworks for web developers
Post by efox | Date: 2008-10-01
Recent Web-applications tend to use Ajax frameworks to provide more interactivity and guarantee better functionality.There are hundreds of Ajax/JavaScript frameworks helps us to develop web pages quickly. I think I've gathered most useful of them.
Ajax.NET Professional, or Ajax.NET for short, is Michael Schwarz's free Ajax add-on library for implementing Ajax functionality within the Microsoft .NET Framework. This was the first Ajax framework developed for ASP.NET 1.x/2.0, providing very basic Ajax capability.
Tags: Ajax framework JavaScript developer
Simple AJAX code to Fill DIV tag with text from server
Post by efox | Date: 2008-08-31
This is the simplest AJAX code that allows you to get text from the server on an onclick and fill a div with it. Good base code to start from.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<title>Javascript</title>
<style type="text/css">
#content {
width: 400px;
height: 200px;
border: 1px solid #555;
padding: 10px;
overflow: auto; /* produces scroll effect */
margin-bottom: 5px;
}
</style>
<script type="text/javascript">
//variables
var request = null;
//initialize
window.onload = function() {
document.getElementById("button").onclick = function() {
request = createRequest();
request.onreadystatechange = complete;
request.open("GET", "log.txt", true);
request.send(null);
}
}
function complete() {
switch(request.readyState) {
case 0:
case 1:
case 2:
case 3: return;
case 4: var out = request.responseText; break;
}
//variables
var content = document.getElementById("content");
//change text
content.innerHTML = out;
}
function createRequest() {
try {
//mozilla browsers
var request = new XMLHttpRequest();
} catch(ex) {
try {
//newer internet explorers
var request = new ActiveXObject("MSXML2.XMLHTTP");
} catch(ex) {
//older internet explorers
var request = new ActiveXObject("Microsoft.XMLHTTP");
}
}
return request;
}
</script>
</head>
<body>
<div id="content"></div>
<button id="button">Get Log File Text</button>
</body>
</html>
Using XML HTTP to load text file into HTML element
Post by efox | Date: 2008-08-30
This AJAX example shows how you can use an XMLHttpRequest to retrieve new content in an HTML element.
<html>
<head>
<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(url)
{
xmlhttp=null;
if (window.XMLHttpRequest)
{// code for Firefox, Opera, IE7, etc.
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlhttp!=null)
{
xmlhttp.onreadystatechange=state_Change;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
else
{
alert("Your browser does not support XMLHTTP.");
}
}
function state_Change()
{
if (xmlhttp.readyState==4)
{// 4 = "loaded"
if (xmlhttp.status==200)
{// 200 = "OK"
document.getElementById('T1').innerHTML=xmlhttp.responseText;
}
else
{
alert("Problem retrieving data:" + xmlhttp.statusText);
}
}
}
</script>
</head>
<body onload="loadXMLDoc('test_xmlhttp.txt')">
<div id="T1" style="border:1px solid black;height:40;width:300;padding:5"></div><br />
<button onclick="loadXMLDoc('test_xmlhttp2.txt')">Click</button>
</body>
Tags: XML Ajax XMLHttpRequest
