EXT JS Date Picker

Multimonth, Multiselect, Weeknumbers,Weekends, Holidays,Custom CSS
http://www.lubber.de/extjs/datepickerplus/

jScroller (javascript easy to make a scroller by using jQuery)

jScroller
a Autoscroller for jQuery by Markus Bordihn

http://jscroller.markusbordihn.de/example/

Instructions for Setting Up Scrolling Div Code

This page provides documentation for dyn-web's Scrolling Div's Code. The best starting point when implementing the code is to choose an example document from the download file that most closely resembles your desired implementation. Follow the pattern set there and read below for details and clarification.
The download file contains numerous examples that are designed to make it as easy as possible for you to locate the code components required.
Instructions for Setting Up Scrolling Div Code
The following list outlines the steps for implementing the code. Details on each step are available below.
Include script tags pointing to the external JavaScript files.
Place nested div's in the document where you wish the scroll area(s) to appear.
Adjust style specifications for the div's.
Add scroll controls and/or scrollbar elements.
Initialize the code.
Script Tags
Place script tags for the external JavaScript files in the head of your document:



Not all implementations require all four files. If you are working from an example document in the download file just use the ones included there. ^
Scroll Area Div's
Scroll areas are set up using nested div tags: a container and content. Each needs to be assigned a unique ID.

[Content to scroll goes here]

If you would like to swap content in the scroll area, you can specify additional div's inside the container div, attaching a class of content which is used in the style sheet to set visibility hidden.

[Content to scroll goes here]

[Content in second hidden div goes here]

An example demonstrates this feature. See below for information on setting up multiple scroll areas. ^
Div Style Specifications
The container div (wn in this case) can be positioned absolute or relative. Width, height and overflow hidden are required specifications. Adjust width and height to suit.div#wn {
position:relative;
width:280px; height:200px;
overflow:hidden;
}
The scrolling content div is positioned absolute in the code, with left and top position set at 0, 0. ^
Scroll Controls and Scrollbar
You can set up scroll links for mouseover, mousedown, or onclick scrolling in addition to scrollbars. For example, linked images for mouseover scrolling could be set up as follows:

Event handling is set up by the code so that there is no need for event handler attributes in your HTML. As shown above, classes are attached to the scroll controls' linked images. Classes such as mouseover_down or click_down_by_100 instruct the code as to what event handlers should be attached to those links.
Notice that the scroll control links demonstrated above are contained in a div with an ID. The ID itself is not important but in order to set up the scroll controls they do need to be contained within an element with a unique ID. You can add an additional class to links to apply margins, or place the individual linked images in table cells or div's or any other elements that you like, applying classes and styles to suit your design, as long as a container element has an ID that you can pass to the code, as shown below. To initialize these scroll controls (apart from the scrollbar as demonstrated below) you would use the following: wndo.setUpScrollControls('scrollLinks');
The scrollbar itself consists of the following elements:

Generally, the dragBar consists of a div with a background color specified in the style sheet. Unless you specify otherwise when initializing the scrollbar (see below), the dragBar will be resized by the code according to the relative dimensions of the content and container. However if you would like it to be an image of fixed size you can include that in the dragBar element itself. This is generally advisable because of a problem for Internet Explorer in properly displaying an image in the background when a layer is dragged.
Often when including both scroll controls and scrollbar you will put them in one containing element and control their position in the style sheet:

(scroll link here)

(scroll link here)

Example style specifications for the above scrollbar elements: div#scrollbar {
position:relative;
width:11px; height:200px;
font-size:1px; /* for image vertical alignment issue */
}
div#track {
position:absolute; left:0; top:12px;
width:11px; height:176px;
background: #336;
}
div#dragBar {
position:absolute; left:1px; top:1px;
width:9px; height:20px;
background-color:#ceced6;
}
div#up { position:absolute; left:0; top:0; }
div#down { position:absolute; left:0; bottom:0; }
/* for safari, to prevent selection problem */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
-moz-user-select: none;
-khtml-user-select: none;
}
/* so no gap or misplacement due to image vertical alignment [1]*/
div#scrollbar img {
display:block;
}
If you are using a table-based layout, the components could be placed in table cells, but the track and dragBar do need to be positioned. For example, the track could be a relative positioned div inside a table cell, the dragBar an absolute positioned div inside the track. Generally the height of the scrollbar and track would be adjusted to correspond to the height of your scroll area.
The scroll controls and scrollbar are not initially displayed (display: none in the style sheet) so that users with incapable browsers will not see them. At the beginning of page load, the code determines the browser's capabilities and appropriately handles display of controls and content. ^
Initializing the Code
The code checks whether the browser supports the necessary objects and then assigns a function to be called onload. A link element for the style sheet is dynamically generated[2] so that the contents will be fully visible for those without the necessary JavaScript support.if ( dw_scrollObj.isSupported() ) {
dw_writeStyleSheet('css/scroll.css');
dw_Event.add( window, 'load', init_dw_Scroll);
}
function init_dw_Scroll() {
// Initialize scroll area
// arguments: id of outer div, id of content div
var wndo = new dw_scrollObj('wn', 'lyr1');

// Initialize scrollbar
// id of dragbar, id of track,
// axis (v for vertical scrolling, 'h' for horizontal)
// horizontal offset of dragbar in track, vertical offset
// size dragBar according to amount of content? (boolean)
wndo.setUpScrollbar('dragBar', 'track', 'v', 1, 1, true);

// Initialize scroll links
// id of element within which to locate scroll controls
wndo.setUpScrollControls('scrollbar');
}
The function called onload instantiates the scroll and scrollbar objects and sets up event handling for the controls and scrollbar. This is generally included in a script segment in the head of example documents, but can be placed in an external file for use throughout your site if you prefer.
If you are setting up scroll areas in situations where scrolling may not always be required, it is possible to instruct the code to hide the controls when they are not needed as shown below. An example demonstrates. ^// arguments: controls container id,
// autohide controls (boolean), axis ('v' or 'h')
wndo.setUpScrollControls('scrollbar', true, 'v');
Setting up Multiple Scroll Areas
The code easily supports multiple scrolling content areas in a document. The horizontal scrolling and glide onclick scrolling examples both demonstrate, as does an example document in the download file.
Set up nested div's as described above for each scroll area, assigning a unique ID to each. Use these ID's for the style specifications for each scroll area. You may find it helpful to view the style sheet for the horizontal scrolling demo. The elements containing the scroll controls and/or scrollbars also need unique ID's and style specifications set up as described above.
Initializing the code for multiple scroll areas (copying from the horizontal scrolling example) is accomplished as follows: function init_dw_Scroll() {
var wndo1 = new dw_scrollObj('wn1', 'lyr1', 't1');
var wndo2 = new dw_scrollObj('wn2', 'lyr2', 't2');
var wndo3 = new dw_scrollObj('wn3', 'lyr3', 't3');
wndo1.setUpScrollControls('scrollLinks1');
wndo2.setUpScrollControls('scrollLinks2');
wndo3.setUpScrollControls('scrollbar');

wndo3.setUpScrollbar('dragBar', 'track', 'h', 1, 1);
}
Since only one of the scroll areas in that example uses a scrollbar, there is only one invocation of setUpScrollbar.
Accessibility Features of Scrolling Div's Code
The style sheet is dynamically written or generated once it is determined that the browser is capable of supporting the code so content will be available when JavaScript is disabled or the user's browser is otherwise incapable of supporting the code.
Device independent scrolling is provided by the code. You can include glide onclick scroll controls so that when a user focuses on a scroll link and hits enter scrolling occurs.
Known Issues
When users tab among elements, such as form elements or links inside the scroll area, this can cause the scrolling content div to jump which will throw off the scroll calculations. You can provide a link to jump to the top and reset the scroll mechanism. A similar related problem occurs when you attempt to point to named anchors inside the scrolling div's. The code provides a substitute: glide onclick scrolling to a specified ID. You can see both of these demonstrated.
If your scrolling content areas containing large images and if you don't include width and height attributes in those images, the initial calculations for the content div may not accurately reflect the size of the content. This may be due to some browsers calling onload before all images have completed loading or if you are using some version of DOM ready to initialize the code rather than onload. The easiest solution, although not always practical, is to specify width and height attributes for images to be included in the scrolling content areas.
Scrolling large images is not recommended. You will generally be disappointed with the performance when attempting to do so. Unfortunately, the motion tends to be less than smooth and images tend to break up during scrolling movement. The larger the images, the more pronounced the problem. The problem tends to be more pronounced with mouseover scrolling and can often be minimized with relatively fast glide onclick scrolling.

http://www.dyn-web.com/code/scroll/documentation.php

Understanding vertical-align, or "How (Not) To Vertically Center Content"

In your browser, the above example renders as:
Hey, this is vertically centered. Yay!
http://phrogz.net/CSS/vertical-align/index.html
Gavin Kistner,

Clip Video Widget ยอดฮิตสำหรับนักท่องเน็ต อีกเช่นกัน

หลังจากลง MP3 Widget ไป ปรากฎว่าติด Hot Post หลังจากติด Traffic ขึ้นอย่างเห็นได้ชัด ทั้งๆ ที่มีไม่กี่ Entry หรือทำ Blog ได้ไม่กี่วัน แสดงให้เห็นว่าอย่างหนึ่งว่า นักท่องเน็ตชอบการฟังเพลงทางเน็ตมาก และคนทำ Blog พอเห็นคนดูเยอะก็สนุกล่ะครับ ดังนั้น ก็ขอแนะนำ Clip Video Widget กันต่อเลย อันนี้ก็ยอดฮิตไม่แพ้กัน มาเริ่มกันเลยครับ

1. หาผู้ให้บริการก่อนมีเยอะมากทั้งไทยและต่างประเทศ เช่น YouTube Megavideo Mthai เป็นต้น ที่สำคัญฟรี ถ้าใครมี Gmail ก็ใช้ Youtube ได้เลย ส่วนของผมใช้ Megavideo แล้วกัน น้องใหม่มาแรง รูปสวย ที่สำคัญถ้าคนดูเยอะมีรางวัลด้วย ก็ลงทะเบียนด้วย E-mail อันเดียวเหมือนกัน
2. ลงทะเบียน Confirm เสร็จก็ต้องหา Video มาลงกัน ในที่นี้ผมใช้ MV รูปที่มีทุกบ้าน ที่ GMM ให้โหลดฟรี อีกเช่นกัน เอาเต็มๆ เลยครับ 25 MB ดูแล้วซึ้งดี (ถ้าเป็นไฟล์อื่นระวังเรื่องลิขสิทธิ์ด้วยนะครับ)
3. การใช้งาน Megavideo ง่ายมาก แค่ Click Upload ตั้งชื่อไฟล์ กำหนดว่าจะ Share มั้ย แล้วก็ Upload ไฟล์ขึ้นไป รอนานหน่อยแต่ถ้าเป็น ADSL ก็แผล็บเดียว
4. Upload เสร็จก็ไปเลือกวีดีโอตัวเอง จะมี Link และ Code Embed ให้เลือก สามารถกำหนดสีและขนาดได้ เมื่อปรับจนพอใจ ถ้าจะให้โชว์ที่ Blog ก็เอา Code Embed มาวางที่ Blog ได้เลย

ส่วนใครอยากได้ Clip ตัวนี้ไปวางที่ Blog ตัวเอง ก็ Click ที่ตัววีดีโอ มันจะไปที่หน้าเว็บของ Megavideo ในส่วนของวีดีโอตัวนี้ เสร็จแล้วก็ Copy CodeEmbed มาได้เลย

มีทิปการดูวิดีโอทางเน็ตนิดหน่อย คือรอบแรกอาจจะไม่ต้องดู ปล่อยให้แถบสีเต็มก่อน แล้วค่อยกลับมา Play อีกรอบภาพและเสียงจะไม่สะดุด และเคล็ดลับอีกอย่างคือ ในพวกที่ให้บริการทั้งหลาย สามารถเอา Code ของคนอื่นมาวางได้ด้วย แต่ต้องระวังเรื่องลิขสิทธิ์ด้วยนะครับ

Rss Widget

Widget ประเภทข่าวสาร

Free Stat Counter Widget เยอะจริงๆ จนไม่รู้จะเลือกอันไหนดี

Free Stat Counter Widget เมื่อก่อนจะนับเป็น Widget ก็คงจะไม่ได้เพราะไม่สวยเอาเสียเลย แต่ปัจจุบันคงพอได้ เพราะมีแบบ Animation กราฟฟิกสวยงาม แถมข้อมูลสถิติต่างๆ ยังครบครัน ที่สำคัญฟรี เลือกและลองใช้มาหลายตัวแล้ว ก็ขอจัดอันดับแบบทัศนะส่วนตัว ดังนี้

อันดับ 1 สำหรับผมจะเป็นใครไปไม่ได้นอกจาก Histats และบ้านเราใช้กันอย่างแพร่หลาย ข้อดีเยอะมากครับนับไม่ถูกเลย เช่น ตัว Counter มีให้เลือกเยอะน่าจะเป็นร้อยแบบ แบบรูปข้างบน และตัวอย่างด้านขวาของผม โชว์สถิติทั้งหมดและประจำวันได้ที่ตัวกราฟฟิก สามารถเลือกโชว์ข้อมูลสำหรับสาธารณะได้ และที่สำคัญข้อมูลสถิติของคนทำเว็บมีหมดเลยครับ และ RealTime ซะด้วย เช่น สถิติรายชั่วโมง รายวัน รายเดือน IP-Address อะไร มาจากเว็บไหน Search Engine อะไร และ Key Word อะไร มาจากประเทศไหน ดูหน้าไหนมากที่สุด เป็นต้น บอกไม่หมดต้องลองใช้เอง ข้อมูลเหล่านี้ค่อนข้างเป็นประโยชน์ ให้เราปรับปรุงเว็บบล็อกของเราให้ตรงกับคนที่เข้ามาดูได้ ที่สำคัญถ้า Traffic เยอะก็จะถูกจับตามองล่ะครับ ถ้าเนื้อหาดีก็มีลุ้นได้ค่าโฆษณากัน แต่ก็มีข้อเสียนิดหน่อย คือ log file ให้แค่ 1000 รายการ ดูจะน้อยไปหน่อย ของผมเพิ่งเขียน Entry ที่นี่ไม่กี่วัน พอติด Hot Post หน่อยจะถึงอยู่แล้ว แต่ก็ไม่เป็นไรสามารถส่งข้อมูล log file ไปที่ Excel ได้ และที่สำคัญสามารถทำได้มากกว่า 1 site ตอนนี้ของผมจะมีถึง 10 อยู่แล้วก็ยังใช้ได้อยู่ Alexa จัด Traffic อยู่ 4 พันกว่า แต่อันดับก็ไต่มาเรื่อยๆ

อันดับ 2 ให้เป็น Motigo ครับ บริการจะคล้าย Histats ยังลองใช้ไม่เต็มที่ แต่เว็บค่อนข้างอืดไปหน่อย โฆษณาว่าดีที่สุดเท่าที่เคยมีมา นอกจากจะมีเรื่องสถิติแล้ว ยังมีของแถมให้อีกทั้ง Blog Forum เป็นต้น Alexa จัดอันดับ 2 พันกว่า

อันดับ 3 เป็น StatCounter ข้อมูลแน่นดี แต่กราฟฟิกไม่สวยจึงให้เป็นอันดับ 3 เหมาะสำรับคนที่มีหลาย site และ Alexa จัดให้อยู่ 226 และเป็นอันดับ 1 ของโลก ในประเภท Free Counter แต่โดยส่วนตัวไม่ติดใจเท่าไร เพราะกราฟฟิกไม่สวย เข้าใจว่ามาก่อนเจ้าอื่น และคนทำเว็บ ส่วนใหญ่ไม่อยากย้ายกัน

อันดับ 4 เป็น CounterTool ที่ให้เพราะเป็นตัวแรกที่ใช้ มีสถิติเท่าที่จำเป็นรวดเร็วดี แต่พอใช้ Hitstats แล้วก็ต้องเอาออก

ส่วนที่เหลือเป็น Free Counter รุ่นเก่า เช่น hellocounter.com 123Counters.com พวกนี้ก็เร็วดีครับ ที่ไม่เลิกทำเพราะเป็นรุ่นแรกๆ และมีคนใช้เยอะก็ไม่จำเป็นต้องเปลี่ยนแปลง จริงๆ ยังมีพวกอันดับต้นๆ อีกหลายแห่งเช่น SiteMeter AddFreeStat ก็ไม่เคยไปลองใช้ แค่ Histats ก็เหลือเฟือแล้ว

สุดท้ายที่จะลืมไม่ได้สำหรับคนทำเว็บบล็อก กัน คือ Google Analytical อันนี้ไม่มีกราฟฟิกโชว์ และไม่ Real Time จึงไม่ขอจัดอันดับ แต่จำเป็นสำหรับคนทำเว็บพอสมควร เพราะเป็น Tool สำหรับ webmaster ที่ดีมากตัวหนึ่ง สถิติน่าเชื่อถือเพราะยี่ห้อ Google และมีให้เยอะมากจนดูไม่หมด และไม่มีปัญหาเรื่อง log file ที่ได้แค่ 1,000 ก็เลือกเอาตามใจชอบ แต่ผมยังไม่ได้ลองวาง Code ที่นี่ ไม่แน่ใจว่า Side Bar จะได้หรือเปล่า ไม่งั้นก็ต้องไปที่ CSS ยุ่งเลยยังไม่ลอง

ส่วนของ Histats การวาง Code ที่ Side Bar ก็ต้องพยายามกันหน่อย ถ้าวางแล้วไม่ขึ้น ต้องไปดูวิธีการวางที่ Entry การวาง Code

ยาวเหมือนกันน่ะนี่ ขอจบแล้วกันครับ


Credit http://widget.exteen.com/20071217/free-stat-counter-widget

Free Widgets from Yahoo! Widgets

More fun with games, entertainment, etc.
http://widgets.yahoo.com/

Flash Lite for BREW Publisher for Flash CS3 Pro

From Adobe Labs

Table of contents [showhide]

1 Flash Lite for BREW Publisher for Flash CS3 Professional (preview release) 1.1 Download 1.2 Known Issues 1.3 Support

Flash Lite for BREW Publisher for Flash CS3 Professional (preview release)

This preview release of the Flash Lite for BREW publisher includes a plug-in for Flash CS3 Professional that lets you publish your Flash applications to the native BREW application format.

The Flash Lite Publisher for BREW lets you publish your Flash Lite content to the native BREW application format (MOD and MIF files) for testing on supported BREW handsets. Also included in this installation are files necessary for previewing your Flash Lite application in the BREW Simulator, part of the BREW 3.1 SDK (a separate download and installation).

Note: It is recommended that you download and install the BREW SDK 3.1.5 before installing the Flash Lite Publisher for BREW. This will insure that the necessary files for previewing your Flash Lite applications in the Qualcomm BREW SDK Simulator are installed properly.

Download

• (Preview release) Flash Lite for BREW Publisher for Flash CS3 Professional (3.0 MB)

(last updated 16 April 2007)

Known Issues

1. This is only a preview release and not the final version.
2. The plug-in will only work on English versions of Windows operating systems.
3. Publishing of MOD/MIF files from within Flash CS3 Professional does work correctly and the published files do work in the BREW SDK Simulator and on supported BREW handsets.

Support

There is no direct support for this preview release of the Flash Lite for BREW Publisher for Flash CS3 Professional and is offered as is. If you have any comments or feedback you can post them in our Adobe Flash Lite: BREW discussion group.

Retrieved from "http://labs.adobe.com/wiki/index.php/Flash_Lite_for_BREW_Publisher_for_Flash_CS3_Pro"

ColdFusion Portlet Toolkit

From Adobe Labs

Table of contents [showhide]

1 Overview 2 Download and Installation 3 Documentation 4 Known Issues

[edit]

Overview

The ColdFusion Portlet Toolkit is a proof-of-concept library that allows you to use ColdFusion as a Portal Application within an IBM WebSphere Portal Server (WSPS version 5 and greater). A Portal Application can serve several different portlets. Every portlet you deploy will run inside the same ColdFusion Portal Application. This toolkit provides one concrete Portlet called CFCPortlet. This Portlet simply passes the requests on to the ColdFusion server. The ColdFusion then invokes CFC methods to render the Portlet, and to perform actions. You can deploy several instances of this Portlet on your Portal Server. The setting cfcName defines which CFC will be used to marshal the Portlet events.

The ColdFusion Portlet Toolkit is a proof-of-concept. As such, all items available in the toolkit are of experimental quality; we have released them "as is" under the Adobe Labs source license.

[edit]

Download and Installation

To use the ColdFusion Portlet Toolkit, follow these steps:

1. Download the ColdFusion Portlet Toolkit and see the Adobe Labs source license for terms of use.

Note: Your use of this site including software downloads, submission of comments, ideas, feature requests and techniques on this and other Adobe maintained forums, as well as Adobe’s rights to use such materials, is governed by the Terms of Use.

2. Unzip the Portlet toolkit to a directory on your server, for instance c:\cfportlet\.

3. Follow the detailed installation instructions at Portlet Toolkit Directory\docs\admin-guide\index.html

[edit]

Documentation

The ColdFusion Portlet Developers Guide will be installed at Portlet Toolkit Directory\docs\cf-dev-guide\index.html. Items covered in this guide are:

• Portlet Overview
• Your First Portlet
• Building a Simple Portlet
• ColdFusion Portlet Reference
• Converting Existing Code to Portlets
• Known Issues
• WebSphere API vs JSR-168

[edit]

Known Issues

There are a few known limitations in the current version with the following features:

• DateFormat

The DateFormat function does not work from within a Portlet. Workaround: Use the LSDateFormat function instead.

• TimeFormat

The TimeFormat function does not work from within a Portlet. Workaround: Use the LSTimeFormat function instead.

• SetLocale

The SetLocale function does not work from inside a Portlet. No workaround is available.

• CFFORM

The CFFORM tag with format="flash" does not work inside the Portlet context. No workaround is available.

• CFCHART

The CFCHART tag with labelformat="currency" may display the generic currency symbol ¤ by default instead of a $. Workaround: The default locale setting on WebSphere is en (English) with no country setting. To deal with this simply set the default locale to en-US. For Example:

You can also set the default locale using a JVM startup argument.

Retrieved from "http://labs.adobe.com/wiki/index.php/ColdFusion_Portlet_Toolkit"

Edit MS Flex Grid in Two Ways

Note: This is an unedited contribution. If this article is inappropriate, needs attention or copies someone else's work without reference then please Report This Article

• Download FlexGridEdit - 752.1 KB

Introduction

Hi all!

This is my second article on Code Project. This is about how to edit MS Flex Grid. I was using TextBox and ComboBox to edit flex grid at run time, for that I had to add reference of Microsoft.VisualBasic.Compatibility and some complex coding to move TextBox or ComboBox on grid. But this is good idea if some one wants to edit grid with some predefined itemsusing ComboBox.

But if you want to text than there is a simple way to do this; that is the use of Text property of MS Flex Grid Control.

Using the code

To edit MS Flex Grid without using TextBox we have to use .Text property and KeyPressEvent of MS Flex Grid Control.

 
Private Sub AxMSFlexGrid1_KeyPressEvent(ByVal sender As Object, ByVal e As AxMSFlexGridLib.DMSFlexGridEvents_KeyPressEvent) Handles AxMSFlexGrid1.KeyPressEvent

   Select Case e.keyAscii

   Case 30 To 136

       AxMSFlexGrid1.Text += Chr(e.keyAscii)

   Case 8

       If AxMSFlexGrid1.Text <> "" Then AxMSFlexGrid1.Text = Mid(AxMSFlexGrid1.Text, 1, Len(AxMSFlexGrid1.Text) - 1)

   Case 13 And AxMSFlexGrid1.Col <> 2

       AxMSFlexGrid1.Col = 2

   Case 13 And AxMSFlexGrid1.Col = 2

       AxMSFlexGrid1.Rows = AxMSFlexGrid1.Rows + 1

       AxMSFlexGrid1.Col = 1

       AxMSFlexGrid1.Row = AxMSFlexGrid1.Row + 1

   End Select

End Sub               

In second techinque I have used a function name moveTextBox to move TextBox at appropriate posiotion and to sent enter text in Grid I have used .Textproperty of Grid control.

 
 Private Sub moveTextBox()
       TxtEntry.Visible = True
       TxtEntry.Left = VB6.TwipsToPixelsX(AxMSFlexGrid2.CellLeft + VB6.TwipsToPixelsX(AxMSFlexGrid2.Left)) + 17
       TxtEntry.Top = VB6.TwipsToPixelsY(AxMSFlexGrid2.CellTop + VB6.TwipsToPixelsY(AxMSFlexGrid2.Top)) + AxMSFlexGrid2.Top
       TxtEntry.Width = VB6.TwipsToPixelsX(AxMSFlexGrid2.CellWidth)
       TxtEntry.Height = VB6.TwipsToPixelsY(AxMSFlexGrid2.CellHeight)
       TxtEntry.BringToFront()
       TxtEntry.Focus()
 End Sub

On TextBox's KeyDown event I have assigned TextBox's .Text property to Flex Grid's .Text property

 
Private Sub TxtEntry_KeyDownEvent(ByVal sender As Object, ByVal e As System.Windows.Forms.KeyEventArgs) Handles TxtEntry.KeyDown
       If AxMSFlexGrid2.Col = 1 Then
           If e.KeyCode = Keys.Enter Then
               AxMSFlexGrid2.Text = TxtEntry.Text
               TxtEntry.Clear()
               AxMSFlexGrid2.Col = 2
           End If
       End If
End Sub

On EnterCell event of Grid Control I have called this function.

Private Sub AxMSFlexGrid2_EnterCell(ByVal sender As Object, ByVal e As System.EventArgs) Handles AxMSFlexGrid2.EnterCell
       If AxMSFlexGrid2.Col = 2 Then
           Call moveCombo()
           If AxMSFlexGrid2.get_TextMatrix(AxMSFlexGrid2.Row, 2) <> "" Then
               CmbEntry.Text = AxMSFlexGrid2.get_TextMatrix(AxMSFlexGrid2.Row, 2).ToString
           Else
               CmbEntry.Text = ""
           End If
       Else
           CmbEntry.Visible = False
       End If
       If AxMSFlexGrid2.Col = 1 Then
           Call moveTextBox()
           If AxMSFlexGrid2.get_TextMatrix(AxMSFlexGrid2.Row, 1) <> "" Then
               TxtEntry.Text = AxMSFlexGrid2.get_TextMatrix(AxMSFlexGrid2.Row, 1).ToString
           Else
               TxtEntry.Clear()
           End If
       Else
           TxtEntry.Visible = False
       End If
 End Sub

Thanx And Happy Coding..

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

suresh suthar

Hi All. I am Suresh Suthar from Mumbai India. I am a Software Developer working in a private firm as a .NET developer. I born and brought up in a small village Sewari in Rajasthan. I started my carrier as a data entry operator in 2006. After that I started learning VB 6.0 and VB.NET 2005. Now I am developing software using VB.Net 2005 and SQL Server 2000/2005. Here you will some cool source code and a lots of stuff on SQL Injection, Code Injection, Encription/Decription, Live project, Tutorials on VBScript,JavaScript,Cold Fusion, C# and many more... http://www.programmer2programmer.net/ Occupation: Web Developer Location: India

http://www.codeproject.com/KB/grid/EditMSFlexGrid.aspx

AIR Badge

From Adobe Labs

Additional Seamless Install Badge with new look and feel

Last update: 2/25/2008

Overview

We have been working hard to create an additional seamless install badge sample for launch. Actually, Grant Skinner (gskinner.com) developed this sample badge for us so that it would be available in time for launch. The badge is "BETA QUALITY", so you may discover bugs. Please report any bugs. You can report bugs at Adobe AIR wishlist or on the Adobe AIR forums. We may post updates to this badge sample on this wiki periodically based on feedback.

This sample badge has a new look and feel with additional detection logic and leverages AIR's "launch now" capability.

You should consider using this sample badge if:

1. Want a new look and feel (it looks cool!)
2. Intend to continue distributing a beta 3 application until you port to AIR 1.0. (Logic handles these situations much more gracefully)
3. Want to leverage the application detection and "launch now" feature
4. Want a simple way to upgrade end users to correct Flash Player version using express install
5. Want to provide "help" links

Download

Download Install Badge (113 KB)

Features and Capabilities

1. Leverages SWFObject to upgrade end-user to supported Flash Player version (Version: 9,0,115,0). Badge installer uses SWFObject embed method by Geoff Stearns. Developers can disable this feature.
   • Flash Player detection:
     • If Flash Player is not installed, text and Flash Player download center links are displayed to end-user. End user must install the Flash Player manually
     • If unsupported Flash Player version is installed (Flash Player 7, Flash Player 8, or pre Flash Player 9,0,115,0) , end-user prompted to upgrade the Flash Player inline via the Express Install feature. Upon successful upgrade the install badge is displayed.
2. Additional detection logic to handle Beta 3 application deployments when end-user has Adobe AIR 1.0 installed. Please see list below for expected behaviors
   • 'Handling for Beta 3 based applications'
     • If application requires Adobe AIR Beta 3 and no Adobe AIR runtime is installed, badge will install Adobe AIR Beta 3 runtime plus application.
     • If application requires Adobe AIR Beta 3 and Adobe AIR Beta 3 is the only installed runtime, badge will install the application only.
     • If application requires Adobe AIR Beta 3 and Adobe AIR 1.0 is installed, badge will display download links requesting end-users to download the Adobe AIR Beta 3 runtime and application manually. The Adobe AIR 1.0 runtime does not support downloading or installing Beta versions.
   • 'Handling of AIR 1.0 based applications
     • 'If application requires Adobe AIR 1.0 and no Adobe AIR runtime is installed, badge will install Adobe AIR 1.0 runtime plus application.
     • If application requires Adobe AIR 1.0 and Adobe AIR 1.0 runtime is installed, badge will install the application only.
     • If application requires Adobe AIR 1.0 and Adobe AIR Beta 3 is installed, badge will install the Adobe AIR 1.0 runtime plus application
3. Includes capabilities to detect and launch ("launch now") installed applications. Note: Application must have opted-in to be detected and launched. Pleas see Adobe AIR documentation for details on how to make your application detectable.
4. Provides customizable "help" text and links. This allows end users who encounter problems installing the application to get more information
5. Customizable text display

Please see the "Getting Started Guide" for features, parameters, documentation. All necessary files including the source code can be found in the .zip file.

Additional Resources

Adobe AIR documentation: http://www.adobe.com/support/documentation/en/air/

Adobe AIR dev guide for Flash: http://livedocs.adobe.com/air/1/devappsflash/

Adobe AIR dev guides for HTML and Ajax: http://livedocs.adobe.com/air/1/devappshtml/

SWFObject documentation: http://blog.deconcept.com/swfobject/

Adobe Developer Center http://www.adobe.com/devnet/air/

Retrieved from "http://labs.adobe.com/wiki/index.php/AIR_Badge"

Simple Flex Tutorial

I've been learning Flex for a presentation at my local CFUG, and I'm actually quite impressed with how much you can do with so little code.

However, most of the Flex tutorials I have found are very long and over simplified, so I've created a simple blog reader in 23 lines of MXML code to use as a tutorial. Here's what our Flex Application will look like:

How does the example work?

When you click the Load Blog Entries button my RSS feed entries are loaded into the datagrid. When you click on a row in the datagrid the corresponding entry is loaded into the text area.

Step 1 - XML and Application declaration

Start your XML file with a XML declaration, and an mx:Application tag:

Step 2 - Define your HTTPService

Our first step is to define the HTTPService that we will use to connect to my RSS feed. We will give an id of httpRSS so we can refer back to it.

Step 3 - Enclose your controls within a panel

A panel is simply a container to put controls (the DataGrid, TextArea, and Button) into. We are going to set some attributes on the panel as well, it should be pretty easy to figure out what they mean:

Step 4 - Define your DataGrid

We are using the DataGrid component to display the list of blog entries in my RSS feed, along with their date.

This step is probably the most complicated step because we have to bind our RSS xml data to the datagrid, and define an event handler when the rows are clicked.

In the attributes of the DataGrid we are using dynamic variables or expressions denoted by the curly braces {variable}.

Ok so there is a lot going on there, first so I'll break it down a bit:

width

We are setting the width dynamically based on the size of its parent panel reader, specifically we set it to be 15 pixels narrower than its panel.

dataProvider

In the dataProvider attribute we are binding the data for this grid to the result of our HTTPService named httpRSS. More specifically we want to bind each item tag in our XML file to a row in the datagrid. Since the item tags are inside the rss and channel tags we refer to it the array of items as httpRSS.result.rss.channel.item.

cellPress

Next we want to create an event handler that will display the contents of the description tag inside the item that is clicked on. Using the variable entries.selectedIndex we know which item was clicked on, and we can refer to the description (the entry body) of that item as: httpRSS.result.rss.channel.item[entries.selectedIndex].description.

Now we just need to set the value of our TextArea which we will define in the next step to the rss item description, so we simply assign that value to the htmlText property of the TextArea (whose name will be body).

columns

Now we need to define which columns we are to display in the datagrid. The columnName must match the tag name that we want it to correspond to.

Step 5 - Define the TextArea

Use the mx:TextArea tag to define the text area where the entry body will go:

Step 6 - Create a Button

Our last control to define is a Button which will simply tell the HTTPService to make the request.

In the click event handler we call the send() method on our HTTPService object.

Step 7 - Close Panel and Application

Simply close some tags, and your done!

One Caveat

Flex 1.5 uses a proxy to invoke HTTPService calls, and other remote service calls, and for security reasons the proxy will block the HTTP call. You add the RSS feed url (or simply http://*) to the proxy whitelist in your flex-config.xml. See this KB article for more info.

Complete MXML source code:

Flex:Open Source

From Adobe Labs

Table of contents [showhide]

1 Adobe to Open Source Flex 1.1 Overview 1.2 License 1.3 Schedule 1.4 Currently Supported Platforms 1.5 More Information and FAQ 1.6 How can I ask more questions?

Adobe to Open Source Flex

On April 26, Adobe announced strategic plans to move the development of Flex to an open source model.

• Adobe to Open Source Flex (press release on Adobe.com)

Overview

Adobe is announcing plans to open source Flex under the Mozilla Public License (MPL). This includes not only the source to the ActionScript components from the Flex SDK, which have been available in source code form with the SDK since Flex 2 was released, but also includes the Java source code for the ActionScript and MXML compilers, the ActionScript debugger and the core ActionScript libraries from the SDK. The Flex SDK includes all of the components needed to create Flex applications that run in any browser - on Mac OS X, Windows, and Linux and on now on the desktop using “Apollo”.

Developers can use the Flex SDK to freely develop and deploy Flex applications using either Adobe Flex Builder or an IDE of their choice.

License

The source code for the Flex SDK will be available under the Mozilla Public License (MPL). The MPL will allow full and free access to the source code, allowing developers to download, extend, and contribute to the source code for the Flex compiler and framework classes. The Flex SDK will also be available under a commercial Adobe license. Offering a choice of licenses serves the needs of enterprise Flex customers and partners.

Mozilla Public License FAQ: http://www.mozilla.org/MPL/mpl-faq.html

The annotated Mozilla Public License (explained in layman’s terms) http://www.mozilla.org/MPL/MPL-1.1-annotated.html

Schedule

The source code for the Flex framework is already available within the free distribution of the current Flex 2 SDK. By this summer, Adobe plans to put in place most of the infrastructure (public bug database and public daily builds) required to run the Flex SDK as an open source project. We expect to complete the transition to a fully open source project (source code for the compiler, infrastructure for community contributions, etc.) by early 2008.

Currently Supported Platforms

• Windows XP, Server 2003, or Windows Vista Professional/Ultimate with Java 1.4 (Sun, IBM, or BEA) or 1.5 (Sun)
• Mac OS X 10.4.x, Java 1.5 (as shipped from Apple) on PowerPC and Intel processor
• Redhat Enterprise Linux 3 or 4, Suse 10, Java 1.4 (Sun, IBM, or BEA) or 1.5 (Sun)
• Solaris 9, 10, Java 1.4 or 1.5 (Sun) Compilers only

More Information and FAQ

This FAQ will provide all the details and hopefully answer all your questions.

• Flex Open Source FAQ
• David Wadhwani, VP of Flex Engineering and Ely Greenfield, Flex Architect discuss the Flex Open source announcement with Robert Scoble of PodTech.

How can I ask more questions?

You can participate in our discussion group.

Retrieved from "http://labs.adobe.com/wiki/index.php/Flex:Open_Source"

Silverlight - General

Title / Updated	Author	Score
Silverlight 2 Beta 2: The first native rich text editor Updated: 8 Jun 2008 In contrast to existing ones, my RTE is fully written in C#, and doesn't use any HTML rendering or JavaScript. Most common features are supported! .NET 3.0, C# 3.0, .NET 3.5, C#, .NET, Dev, XAML, WPF, Design, Intermediate	Christoph Husse	4.87
DeepZoom - Unedited Updated: 13 May 2008 An article showing how to do DeepZoom in Silverlight 2.0 C# 3.0, .NET 3.5, C#, ASP.NET, .NET, Dev, Design, Intermediate	Sacha Barber	4.81
A simple treeview in Silverlight 2b1 - Unedited Updated: 14 May 2008 Créating a templatable treeview in silverlight C#, Advanced	Valentin Billotte	4.74
Legion: Build your own virtual super computer with Silverlight - Unedited Updated: 29 Dec 2007 Legion is a grid computing framework that uses the Silverlight CLR to execute user definable tasks. It provides grid-wide thread-safe operations for web clients. Client performance metrics, such as bandwidth and processor speed, may be used to tailor jobs. Also includes a WPF Manager application. C# 3.0, .NET 3.5, VS2008, C#, ASP.NET, .NET, Visual Studio, CEO, Arch, Dev, WCF, XAML, WPF, Advanced	Daniel Vaughan	4.69
Silverlight Alien Sokoban Updated: 11 Nov 2007 A fun Silverlight implementation of the game Sokoban. Contrasting Silverlight 1.1 and WPF, while showcasing some new features of C# 3.0, Expression Design, Expression Blend, and Visual Studio 2008. C# 3.0, .NET 3.5, VS2008, ASP.NET, Windows, Dev, XAML, WebForms, Design, Intermediate	Daniel Vaughan	4.67
BackgroundWorker in Silverlight Updated: 4 Feb 2008 Why not create our own BackgroundWorker for use with Silverlight? C# 1.0, C# 2.0, C# 3.0, C#, ASP.NET, WinCE, .NET, Dev, WebForms, Intermediate	Valentin Billotte	4.67
CRUD operations in Siverlight using ADO.NET Data Service Updated: 10 Feb 2008 The simplest way to do CRUD (Create, Retrieve, Update, Delete) operations in Silverlight using ADO.NET Data Service (Astoria). C# 1.0, C# 2.0, C# 3.0, .NET 3.5, C#, ASP.NET, Windows, .NET, Dev, ADO.NET, WebForms, Ajax, Intermediate	Michael Sync	4.65
Silverlight 1.1 Fun and Games Updated: 1 Nov 2007 Silverlight 1.1 Fun and Games .NET 3.5, VS2008, C#, XML, Windows, Dev, Design, Intermediate	Sacha Barber	4.64
SilverStunts - a data driven game in SilverLight - Unedited Updated: 31 Dec 2007 The article discusses concepts of data driven web games. An example game 'SilverStunts' is presented and described in more technical details. Win2K, WinXP, Vista, C# 3.0, .NET 3.5, VS2008, C#, Javascript, XML, CSS, Windows, .NET, Visual Studio, HTML, Dev, XHTML, XAML, Intermediate	Antonin Hildebrand	4.60
Creating and Reusing Dynamic Animations in Silverlight - Unedited Updated: 21 Mar 2008 Create dynamic animations and a simple way to reuse them to reduce xaml code size C# 2.0, .NET 3.0, C# 3.0, .NET 3.5, VS2008, C#, .NET, Visual Studio, Dev, Beginner, Intermediate	SteveLi-Cellbi	4.60
Silverlight Super TextBox (ComboBox, Masked TextBox and More) Updated: 31 Mar 2008 Supplementing the Silverlight 2.0b1 Controls C#, ASP.NET, Dev, Intermediate	Robert Linders	4.57
Networking in Silverlight and WPF or how to make them speak one each other - Unedited Updated: 22 Apr 2008 How to use raw sockets in Silverlight application and how to make silverlight to speak with windows forms and wpf IIS 5, IIS 5.1, IIS 6, VS2005, C# 1.0, C# 2.0, C# 3.0, IIS 7, VS2008, C#, VB, ASP, ASP.NET, VBScript, Javascript, XML, Windows, .NET, Win32, Win64, IIS, Visual Studio, HTML, GDI+, Arch, Dev, XAML, WPF, WinForms, XSLT, Ajax, Intermediate	Tamir Khason	4.57
Generate Silverlight 2 DeepZoom image collection from multi-page tiff - Unedited Updated: 29 Jun 2008 Fast generation of DeepZoom image tile sets, collection thumbnails and xml data in managed code without using external tools .NET 2.0, C# 2.0, C# 3.0, .NET 3.5, C#, .NET, GDI+, Dev, WinForms, Intermediate	Berend Engelbrecht	4.56
DrawingBrush for Silverlight 2.0 Updated: 12 May 2008 This article is about how to build the missing DrawingBrush object for Silverlight. Also, we'll learn about how to deeply clone Silverlight objects. C# 1.0, C# 2.0, C# 3.0, C#, Javascript, XML, Windows, .NET, HTML, IE, Dev, XHTML, XAML, WinForms, WebForms, Intermediate	Tamir Khason	4.50
Silverlight Controls - The Path to Reusable XAML Updated: 23 Dec 2007 An article about Silverlight Controls - The path to reusable XAML C#, Javascript, XML, Windows, Dev, XAML, Intermediate	Justin-Josef Angel [MVP]	4.45
Silverlight2 Lightbox - Unedited Updated: 28 Apr 2008 A Silverlight2 lightbox control C# 3.0, .NET 3.5, VS2008, C#, Javascript, .NET, Visual Studio, Dev, XAML, Design, Intermediate	Tim Mason	4.43
Developing a Custom Control for Silverlight 2.0 - Unedited Updated: 14 Apr 2008 In this article I show the key steps to develop a Silverlight 2.0 custom control C# 1.0, C# 2.0, C# 3.0, .NET 3.5, C#, Windows, .NET, Dev, XAML, Design, Beginner	Attila Hajdrik	4.41
Beginning Silverlight 1.1 Part 1 Updated: 12 Oct 2007 Describing basic Silverlight principles C#, Windows, .NET, Visual Studio, Dev, Beginner	Andrey Baskov	4.41
Clog - Client Logging, Silverlight Edition Updated: 14 Jan 2008 A customizable log provider system that allows you to harness your existing logging system to log client side messages to your server. Includes a Silverlight interface and Log Viewer. C# 3.0, .NET 3.5, VS2008, ASP.NET, Windows, Dev, QA, XAML, Design, Intermediate	Daniel Vaughan	4.34
Silverlight Animations in a Practical Business Application - Unedited Updated: 29 Dec 2007 An article on building a practical business application using Silverlight animations WinXP, Win2003, Vista, C# 2.0, .NET 3.0, C# 3.0, .NET 3.5, VS2008, C#, .NET, Visual Studio, HTML, CEO, Arch, Dev, XAML, WPF, Design, Intermediate, Advanced	Cal Schrotenboer	4.34
AjaxControlToolkit, Silverlight and JavaScript Updated: 27 May 2008 An article on combining Silverlight and JavaScript in an ASP.NET Web page .NET 2.0, C#, ASP.NET, Javascript, Windows, Dev, Intermediate	codegod.de	4.20
SilverLight Introduction Updated: 26 May 2007 Tinkering with SilverLight to get a 3D scene rendered in the Browser. VS2005, .NET 3.0, C#, Javascript, Windows, HTML, Arch, Dev, WPF, Intermediate	.Suchit	4.16
Silverlight based AJAX line graph Updated: 7 Aug 2007 An article on creating real time line graphs for webpages using AJAX and Silverlight. ASP.NET, Javascript, XML, Windows, .NET, Visual Studio, Dev, XAML, WebForms, Ajax, Design, Intermediate	ashish_patil++	4.14
Hosting XAML files for Silverlight without registering MIME types on Web Server - Unedited Updated: 28 Nov 2007 IIS rejects files with unknown type and ISP providers may not have updated their servers with the XAML MIME type. Article suggests a work around to host XAML files. IIS 6, VS2005, .NET 3.0, IIS 7, .NET 3.5, Windows, Dev, XAML, Intermediate	Sriram Chitturi	4.08
Sierpinski Triangle - An Introduction into Silverlight by Example Updated: 20 May 2007 An Introduction into Silverlight by Example WinXP, Vista, IIS 6, VS2005, IE 6.0, C# 2.0, .NET 3.0, IE 7, C# 3.0, IIS 7, ASP.NET, Javascript, HTML, Dev, XAML, WebForms, Design, Beginner	CJCraft.com	4.06
WrapPanel for Silverlight 2.0 - Unedited Updated: 6 Mar 2008 Simple example of custom panel using Silverlight 2.0 C# 1.0, C# 2.0, .NET 3.0, C# 3.0, .NET 3.5, C#, .NET	lneir	4.05
Meet Microsoft Popfly: Part I - Mashup App Creator Built On Silverlight Updated: 3 Jun 2007 Learn more about the Mashup creator, Popfly space, and the Web page creator. .NET 2.0, IIS 6, VS2005, IE 6.0, C# 2.0, IE 7, ASP.NET, Javascript, XML, Windows, HTML, Dev, XAML, WPF, WebForms, Ajax, Design, Beginner	CJCraft.com	4.05
Silverlight 1.1 Hebrew and Arabic Language Support Updated: 31 Jan 2008 An article presenting Silverlight 1.1 Hebrew and Arabic language support C#, XML, .NET, Visual Studio, Dev, XAML, Intermediate	Justin-Josef Angel [MVP]	3.94
Silverlight 1.0 Full JavaScript Intellisense Updated: 21 Dec 2007 An article about Silverlight 1.0 full JavaScript Intellisense Javascript, XML, Windows, Dev, XAML, Intermediate	Justin-Josef Angel [MVP]	3.81
Developing of silverlight-enabled ASP.NET controls - Unedited Updated: 4 Jan 2008 This article shows you how to bring revolutionary UI provided by MS Silverlight to the world of ASP.NET control development with the help of recent released ASP.NET 3.5 Extensions CTP C# 3.0, .NET 3.5, VS2008, C#, ASP.NET, Javascript, .NET, Dev, XAML, Ajax, Design, Advanced	Aleksey Zaharov	3.52
Silverlight 2.0 components development - Unedited Updated: 24 Apr 2008 This article has been initiated by some knowledge that we wanted to share based on our Silverlight experiences from one of the projects that we made. .NET 2.0, C# 1.0, C# 2.0, .NET 3.0, C# 3.0, C#, Dev, XAML, WPF, Beginner, Intermediate	Enterra	3.36
Silverlights Out - An Introduction into Silverlight by Example Updated: 13 May 2007 An Introduction into Silverlight by Example WinXP, Vista, IIS 6, IE 6.0, C# 2.0, .NET 3.0, IE 7, C# 3.0, IIS 7, ASP.NET, Javascript, CSS, HTML, Dev, XAML, WebForms, Beginner	CJCraft.com	3.19
Drop Down menu in Silverlight 2 - Unedited Updated: 26 May 2008 Drop Down menu using popup control in Silverlight 2 .NET 3.5, VS2008, C#, .NET, Visual Studio, Dev, Intermediate	RazanPaul	2.77
Silverlight - Save Web Page - Unedited Updated: 15 Apr 2008 Saving the silverlight based web control to the database. VS2008, ASP.NET, Visual Studio, XAML	Yildirim Kocdag	2.64
XAML and Silverlight - Unedited Updated: 6 Apr 2008 What is XAML and its basics .NET 3.0, C# 3.0, C#, ASP.NET, Javascript, .NET, HTML, Dev, XAML, Ajax, Design, Beginner	Nandini S Anatharam	2.30
How to implement paging in Silver Light2 DataGrid - Unedited Updated: 26 Apr 2008 How to implement paging in Silver Light2 DataGrid C# 3.0, C#, ASP.NET	setu_raas	2.00
Html Password Box with Silverlight - Unedited Updated: 1 Jul 2008 How to communicate from javascript/html page to Silverlight application using password form VS2008, C#, ASP.NET, Windows, Visual Studio, Dev, WebForms, Beginner, MacOS	Maciej Gren	1.00