nextwebgen.com

The Next Generation Web Now

Echo2 Widget Panel

Filed under: Web 2.0 News, Front Page, JavaScript, Library — Admin at 1:43 am on Friday, July 7, 2006
Dietrich Kappe reported on an announcement made on the Echo2 developer list, talking about a new component panel similar to what you see on Google IG. Dietrich kindly put up a demo page. Echo2 Widget Panel

Slightly ThickerBox

Filed under: Web 2.0 News, Front Page, JavaScript, Library, UI — Admin at 11:34 pm on Thursday, July 6, 2006

Lightboxes seem to be as hot as auto complete widgets or mashups these days!

Jason Levine has modified Cody Lindley's Thickbox code to create Slightly ThickerBox.

The modifications allow the script to generate "Previous Image" and "Next Image" links. The result is that you can use Slightly ThickerBox to create image galleries. In addition, you can create groups of galleries by setting a "rel" attribute on the links. (I also moved the Caption and Close link to the top and made the script case insensitive.)

Usage

To use Slightly ThickerBox, add the following HEAD section of your website.

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/thickbox.js"></script>
<link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" />
 

Now, where you want the images to appear, add the following code:

<a href="Filename.jpg" class="thickbox" rel="GroupName" title="Caption goes here" target="_blank"><img src="Thumbnail.jpg" /></a>
 

Slightly ThickerBox

uniAjax: an ajax framework focused on browser support

Filed under: Web 2.0 News, Front Page, JavaScript, Library, Ajax — Dion Almaer at 10:12 am on Wednesday, July 5, 2006

Andreas Kalsch wanted an Ajax framework that could run on nearly all of the browsers out there, so he created uniAjax.

Tactics for browser compatibility is dropping down to iframes as other frameworks do.

Example

Here is an example that makes a simple ajax request and shoves in the result to a div:

   <script language="JavaScript"><!--
             
        // create uniAjax object:
        ajax = new uniAjax();
         
        /* define function that receives the response of the Ajax request.
         * parameters:
         * - response: the returned string (must be param 1)
         * - id: individual param that sets the id of the element that will contain the response
         */                         
        takeResponse = function(response, id) {
            if (typeof id != 'undefined')
                document.getElementById(id).innerHTML = response;
        }
    //--></script>
     
    <input type="button" value="Insert in div 1" onclick="ajax.request({'url': 'response.php', 'func': takeResponse}, 'content1');"/>
    <input type="button" value="Insert in div 2" onclick="ajax.request({'url': 'response.php', 'func': takeResponse}, 'content2');"/>
     
    <div id="content1"></div>
     
    <div id="content2"></div>
 

Json.NET: Library to help with .NET - JS communication

Filed under: Web 2.0 News, Front Page, JavaScript, Library, .NET — Dion Almaer at 10:14 am on Monday, July 3, 2006

James Newton-King has released a new library Json.NET that aims to provide JSON .NET API for simply and safely reading and writing valid JSON text. At the core of Json.NET, similar to the .NET XML APIs, are two classes: JsonReader and JsonWriter. Also like XML in .NET, Json.NET includes a JsonSerializer class.

Reading JSON

string jsonText = "['JSON!',1,true,{property:'value'}]";
 
JsonReader reader = new JsonReader(new StringReader(jsonText));
 
Console.WriteLine("TokenType\t\tValueType\t\tValue");
 
while (reader.Read())
{
    Console.WriteLine(reader.TokenType + "\t\t" + WriteValue(reader.ValueType) + "\t\t" + WriteValue(reader.Value))
}
 

Writing JSON

StringWriter sw = new StringWriter();
JsonWriter writer = new JsonWriter(sw);
 
writer.WriteStartArray();
writer.WriteValue("JSON!");
writer.WriteValue(1);
writer.WriteValue(true);
writer.WriteStartObject();
writer.WritePropertyName("property");
writer.WriteValue("value");
writer.WriteEndObject();
writer.WriteEndArray();
 
writer.Flush();
 
string jsonText = sw.GetStringBuilder().ToString();
 
Console.WriteLine(jsonText);
// ['JSON!',1,true,{property:'value'}]
 

Visit the Json.NET homepage

IntelliJ IDEA Google Web Toolkit Support

Filed under: Web 2.0 News, Front Page, JavaScript, Library, Google — Dion Almaer at 8:56 am on Thursday, June 29, 2006

The JetBrains folk have smart marketing guys. Their marketing director got dirty and created a GWT Studio Plugin for IntelliJ IDEA 6.0.

You can see a demo of the GWT work which shows how to create an Ajax image viewer application.

GWT IntelliJ

Jitsu: New XML Markup Based Ajax Framework

Filed under: Web 2.0 News, Front Page, JavaScript, Library, Toolkit — Dion Almaer at 9:02 am on Friday, June 23, 2006

We have a new Ajax framework just released.

Jitsu contains an integrated set of tools to enable developers to build and deploy sophisticated user interfaces for web applications. These include an Xml markup language, page compiler, data binding engine, JavaScript runtime, control library, runtime inspector, animation engine, cross-platform library, Ajax, and back button support.

The framework focuses on offering:

  • Designer friendly
  • Rapid iterations
  • Open source

Hello World looks like:

<html xmlns='http://www.w3.org/1999/xhtml'
      xmlns:j='http://www.jitsu.org/schemas/2006'>
<body>
    My first application:
    <j :App>
        Hello World!
    </j>
</body>
</html>
 

Jitsu

Script.aculo.us Datagrid

Filed under: Web 2.0 News, Front Page, JavaScript, Library, Prototype — Dion Almaer at 2:14 am on Thursday, June 22, 2006

Finetooth has created a Reorganizable DataGrid built on Ajax / Smarty / Prototype / Scriptaculous.

The online test allows you to build a datagrid on the fly and play around with moving headers, sorting, and the usual.

There is a README but you need to download the puppy and play around to work out how to use this yourself.

It doesn't seem to be as simple as a Dojo widget.

Script.aculo.us DataGrid

« Previous Page —