Owner: DevToday URL:http://devtoday.blogspot.com Join Date: Tue, 11 Sep 2007 11:16:19 -0500 Rating:0 Site Description: website for developers that include many informations such as programming, deveoper tools, techniques and free source codes Site statistics:Click here
Free Gallery Code 2007-09-11 09:52:00 Slightbox Extension for SmoothGallery
(Demo)Slightbox is a lightbox extension for SmoothGallery. It allows you to show images from SmoothGallery in a lightbox. It features a cooler, darker theme designed by Jonathan Schemoul.Download Source code
Easy SlideShow 2007-09-11 09:27:00 You can make the slideshow easily by using Highslide.What is Highslide JS? (Click Here for example)Highslide JS is a piece of JavaScript that streamlines the use of thumbnail images on web pages. The library offers these features and advantages:No plugins like Flash or Java required.Popup blockers are no problem. The images expand within the active browser window.Single click. After expanding the image, the user can scroll further down or leave the page without restoring the image.The approach uses two separate images. No heavy full-size image packed into thumbnail display size! The full-size image is loaded in the background either on page load or when the user clicks the thumb. You specify this option in the script's settings.Compatibility and safe fallback. If the user has disabled JavaScript or the JavaScript fails in any way, the browser redirects directly to the image itself. This fallback is able to cope with most exceptions and incompatibilities. Download Source code
highlight: JavaScript text higlighting jQuery plugin 2007-09-26 09:41:00 type="text/javascript">jQuery Plugin: Text HighlightText higlighting is part of DynaCloud – where tags/keywords are automatically highlighted once they’re clicked – so I took that code and made it a stand-alone JavaScript
text highlighting jQuery plugin.DemoEach of the links will highlight the corresponding word.highlightjavascriptRemove highlights.UsageAdd highlightDownload jquery.highlight-1.js (2 KB) and add it to your page along with a jQuery version.Style the highlight classCreate an entry in your style sheet for the highlight class..highlight { background-color: yellow }Highlight termsCall the $.highlight function with the start node and the text to highlight. Note that at this time the text must be upper-cased. To highlight all occurrances of “BLA” (case insensitive) in all li elements, use the following code:$('li').each(function() { $.highlight(this, 'BLA'); }));Remove highlightingThe highlight can be removed from any element with the removeHighlight function. I
Spice up ASP.NET validation with AJAX Control Toolkit 2007-09-22 14:14:00 Introduction of AJAXControlToolkit
has opened many interesting possibilities for developing rich UI in ASP.NET. Add an awesome IDE like Visual Studio to it, and you can get astounding results without doing much. In this article we will see how to enhance client side validators using AJAX Control Toolkit. Given below are screen shots of what we are trying to achieve. The whole purpose is to improve user experience with very little effort.Download the sourceDownload AJAX Control Toolkit (if you dont have it)Run it by following the instructions in 'readme.txt' file of downloaded archive. Read more:Spice
What's JQuery UI? 2007-09-21 12:02:00 src="http://pagead2.googlesyndication.com/pagead/show_ads.js">jQuery UI is a set of themable widgets and interactions, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.The core of the library revolves around different mouse interactions, namely drag and dropping, sorting, selecting, and resizing.On top of the core interactions are built a number of reusable widgets, including accordions, date pickers, dialogs, sliders, table sorters, and tabs.Finally, the library is finished off with a few effects that you can use to liven up your site, specifically magnifier and shadow.» More Information
HTTP Upload with Progress Monitoring Events 2007-09-19 09:43:00 The Chilkat Upload
component is freeware. This example demonstrates how to HTTP upload one or more files and monitor the progress with event callbacks. Formal support for the Chilkat Upload component is included with a "Chilkat Bundle" purchase.download Download Chilkat .NET for 2.0 Frameworkdownload Download Chilkat .NET for 1.0 / 1.1 Framework// // Progress monitor callback -- called each time the percentage completion// updates to a larger value.public void OnPercentDone(object source, Chilkat.PercentDoneEventArgs args){ // args.PercentDone is an integer value between 1 and 100. progressBar1.Value = args.PercentDone;}// The Chilkat.Upload.HeartbeatMs property determines the interval at which// AbortCheck events are called. If HeartbeatMs is set to 0 (the default),// then no AbortCheck events are called. This example sets the HeartbeatMs = 100// milliseconds. public void OnAbortCheck(object source, Chilkat.AbortCheckEventArgs args){ // Update progressBar2 so we can visual
Create an Atom Feed 2007-09-19 09:37:00 This sample C# program demonstrates how to create an Atom feed using the Tortuga Atom .NET API.// Create an Atom Feed in C#Tortuga.Atom feed = new Tortuga.Atom();// Initialize the feed.feed.NewFeed();feed.SetTopAttr("version","0.3");feed.SetTopAttr("xml:lang","en");feed.AddElement("generator","TortugaAtom/1.0");feed.AddElement("title","My Cool Atom Feed");feed.AddLink("alternate","http://www.myCoolAtomFeed.com/news","","text/html");feed.AddElement("tagline","Top Stories");feed.AddPerson("author","Tortuga Group LLC","","news-feedback@worldwideweb-x.com");feed.AddElement("copyright","Copyright 2005 Tortuga Group LLC");feed.AddElementDate("modified",DateTime.Now); // Build an entry.Tortuga.Atom entry = new Tortuga.Atom();// Inialize the object...entry.NewEntry();// Build the atom entryentry.AddElement("title","Tortuga Atom API Released");entry.AddLink("alternate","http://www.myCoolAtomFeed.com/news/story1.html","","text/html");entry.AddElement("id","763489562980");entry.AddElementDate("
Javascript image rollover 2007-09-17 12:18:00 JavaScript image rollover
sJavaScript image rollovers have been one of the most used features for bringing interactivity to web pages. They refer to the change in the image when the mouse cursor is moved over and subsequently off the image.Rollovers employ two JavaScript event handlers. onmouseover, that captures the action when the mouse cursor is brought over an image and onmouseout, that detects the action when the mouse cursor is moved off an image. These two even handlers are placed inside the anchor tag that surrounds the IMG tag.We also use the src property of the JavaScript image object. This property refers to the file name of the image being displayed (image source). Finally, we employ the NAME attribute of the HTML IMG tag to explicitly refer to the image in question.The logic is extremely simple. It's a matter of changing the image when the mouse cursor is placed over it and then changing it back to the original when the mouse cursor moves off the image.Let's construct our
What's Cake PHP 2007-09-14 14:02:00 Cake is a rapid development framework for PHP which uses commonly known design patterns like ActiveRecord, Association Data Mapping, Front Controller and MVC. Our primary goal is to provide a structured framework that enables PHP users at all levels to rapidly develop robust web applications, without any loss to flexibility. Download
Cutting Edge Content Management 2007-09-14 13:09:00 Joomla! is one of the most powerful Open Source ContentManagement
Systems on the planet. It is used all over the world for everything from simple websites to complex corporate applications. Joomla! is easy to install, simple to manage, and reliable.Demo Download Details Read more:Cutting
, Content Management
PHP Tips & Tricks - A Picture Upload, Part 1 2007-09-14 12:12:00 By Vince BarnesFirst, I'd like to give credit to my co-author, Mundi King. I've mentioned him before -- he's the PHP guru who can wite code with both hands tied behind his back (well, almost!!) Thanks, Mundi, for great work on this! And now to it......There are entire shelves of books dedicated to tackling the question "how should one write a program?". It is a difficult question and you will invariably get a different answer depending on the programmer you ask.One of the harder tasks to writing a PHP application (or any program) is to know how to break down the processes into smaller, more manageable pieces.Many PHP files start out as simple little scripts, but after time (and many feature requests) they tend to grow into very long, complicated programs. It may even become difficult to determine exactly what the program is doing at any given point. It is at this point where breaking it down will add a bit of clarity to the program flow.Fortunately, PHP provides a few simple, yet el Read more:Upload
, Picture
ExtJS JavaScript Framework 2007-09-13 11:10:00 April 30, 2007 at 10:29 pm · Filed under JavaScript
, Ajax ResourcesExt JS, the JavaScript framework with Ajax and UI ComponentsExt JS is a JavaScript Library/Framework which works in conjunction with Prototype, YahooUI and jQuery. It’s probably the most exciting toolkit available for building web 2.0 websites right now. It’s jam packed with features, and is designed to make life much easier for building great UI in JavaScript.I’ll not dig to deep right now, I suggest you check out the example and demos first to see what you think.Below is a the script used to grab XML data via Ajax and populate a grid (sortable table like object):view plaincopy to clipboardprint?Take a look at the JavaScript generated grid here.Hopefully this short intro will wet your appetite, more to come soon.Great work Jack (and the rest of the Ext JS team) for this superb library, can’t wait to see more!!
Fancy Sliding Tab Menu V2 2007-09-12 14:28:00 Fancy Sliding
Tab Menu V2The Fancy Sliding Tab Menu is back and better than ever in Version 2 and this time I’ve included an idle state listener to bring all the tabs back to their normal state after a desired amount of time without mouse movement on the window.The menu is developed in script.aculo.us and as I have mentioned above has some extra features as requested in comments after the last version of the Fancy Sliding Tab Menu. I have some more ideas for the menu and once I have implemented those I will post on here again with full documentation. I have really put it up here for now to hear peoples comments.demoHave a look for yourself at the new Fancy Sliding Tab Menu demo . codeFeel free to download the Fancy Sliding Menu Code.Reference http://www.andrewsellick.com Read more:Fancy
Aptana RadRails (Beta with RadRails and Ruby ) 2007-09-11 19:16:00 Aptana RadRails Beta with RadRails and Ruby Development Tools (RDT)Aptana RadRails is an integrated development environment for the Ruby on Rails framework.Web FeaturesFree and open source; cross-platform, stand-alone IDE or Eclipse plug-inFile- and project-based workflow with integrated FTP/SFTPReal-time, Wiki-based online help; IDE translated into multiple languagesScriptable using JavaScript (“Aptana Monkey”)Backed by full-time developers; nearing a million combined downloadsDeep support (including cross-browser tips) for JavaScript, HTML, CSSSyntax highlighting, auto completion, code assist, error reporting, etc.Full support for JavaScript and CSS embedded within HTML; unified outliningWorks with any JavaScript, incl. all Ajax librariesJavaScript debugger with live Firebug integrationRails FeaturesUnified, deep support for Ruby, Rails, RHTML…and JS, HTML, CSS!Syntax highlighting, auto completion, code assist, error reporting, outlining, etc.Ruby code generation: constructo
Open Source YouTube 2007-09-11 11:02:00 Everyone knows what YouTube
or Google Video is. Most of them might use to waste a period of time in this kind of service. I'm one of them. I also wonder how it works. Technically, upload video service like YouTube and Google Video is very similar in underlying technology. In particular, all uploaded videos are automatically converted to Flash Video or FLV. The FLVs are stored in the file server. However, the FLVs is nevered shown directly on your browser. Instead, the FLVs are played inside Flash Video Player written in Flash itself. As a result, you can view a video immediately after getting only some part of the full-length video. In other words, Flash Video Player and FLV are the best couple for on-demand video streaming.If you think it is too complex and too difficult to implement XXXTube by yourself, I will summarize everything you need to know and to have.You need a Flash Video Player,Uploading system,Video conversion system,Big storage andBandwidthLet's see how to implement XX Read more:Source
What is jsProgressBarHandler ? 2007-10-10 09:21:00 jsProgressBarHandler is a rewrite of the (unfortunately wrongly named) AJAX Progress / Percentage Bar by Webappers. Improvements made were the change from a set of functions to a true Prototype.js Class, reduction in the number of functions, and making it unobtrusive (if javascript is disabled you'll still see the percentage), amongst some minor tweaks.jsProgressBarHandler has been tested and verified working in IE6, IE7, FireFox 2 and Safari 3.0.3. Other browsers should work fine too (untested though). Download
SWFUpload 2007-10-10 09:18:00 What is SWFUploadA small javascript/flash library to get the best of both worlds - The great upload capabilitys of flash and the accessibility and ease of html/cssUpload multiple files at once by ctrl/shift-selecting in dialogJavascript callbacks on all eventsGet file information before upload startsStyle upload elements with XHTML and cssDisplay information while files are uploading using HTMLNo page reloads necessaryWorks on all platforms/browsers that has Flash support.Degrades gracefully to normal HTML upload form if Flash or javascript is unavailableControl filesize before upload startsOnly display chosen filetypes in dialogQueue uploads, remove/add files before starting upload Download
Whizzywig - web based rich text editor for free 2007-10-05 10:38:00 web based rich text editor for freeWhizzywig is easy. It lets people create rich, formatted text through a web form. It actually creates HTML (or xhtml, if you prefer) but you need no HTML knowledge to use it. If you can use a word processor or email, then you can use this.Whizzywig is cross-browser: it is written in Javascript, which will run in nearly all web browsers.Whizzywig is FREE. Free to copy, free to use and free to change. Free for personal use, free for commercial use. See the licence for the details. Basically, it says it is FREE. See it workTry this demo click!!!See this demo using text buttons.See this demo with mutiple edit areas.see this demo in Spanish OR Italian OR German OR French or dutch.See this demo generating XHTML.See this demo configured with file browsers for images and links. After clicking the image button, click [Browse] on the insert image form.If you want to edit pages and see the changes, try the whizzywig playground.demo download
Fleegix.js: Simple. Useful. JavaScript. 2007-10-05 10:28:00 src="http://pagead2.googlesyndication.com/pagead/show_ads.js">Fleegix.js provides an extremely lightweight, cross-browser set of JavaScript
tools for building dynamic Web-app UIs.Fleegix.js includes the basics of what you need to build an Ajaxy Web app:A concise but powerful events systemAn industrial-strength XHR libraryJSON and Web form serializationCSS manipulationVisual effectsTo keep the toolkit small, more specialized features are broken off into optional plugins, including:JavaScript Dates with Olson timezone supporta simple, no-muss-no-fuss XML parsera sortable Hashuseful date utilities such as strftime, add, and diffSome color conversion utilitiesMost of the plugins can be used standalone with your JS toolkit of choice.Fleegix.js does not attempt to coerce JavaScript into behaving like Python, Ruby, Java, or any other language -- the code is plain, ordinary, idiomatic JavaScript. Simple
, but potent stuff.It is well tested in the major-market-share browsers -- Firefox 1+, Int Read more:Useful
ModalPopup with Multiple Cancel Buttons 2007-10-05 10:10:00 src="http://pagead2.googlesyndication.com/pagead/show_ads.js">I recently stumbled across the following post. In the entry, the author describes a simple modal popup he has created for his hotel reservation ASP.NET AJAX web application. While developing the popup control, he ran into a problem when trying to include both a 'Close' button at the bottom of the dialog as well as a close 'X' button in the top right corner:I ran into a bit of a stumbling block because I wanted to have multiple buttons close the popup. I had the OK button and the cancel button centered and vertically aligned at the bottom of the window, but I also wanted a cancel button in the top right (ie "Cancel
[X]") - with the familiar [X] that we know and love for closing something. The problem is, I couldn't figure out how to assign more than one control to the CancelControlID.Live Demo Download[Update 10/3/2007]: As Koen points out, the sample modal dialog doesn't look as nice in IE6 (it looks fine in FF and I Read more:Multiple
, Buttons
jQuery Treetable 2007-10-05 10:06:00 src="http://pagead2.googlesyndication.com/pagead/show_ads.js">Take a plain html table, wrap the rows you want collapsing/expanding in a tbody with an id of treetable, map each row to it's parent row, set some options, and let jQTreeTable take it from there.By wrapping it in a tbody, it means you can have other rows within the same table not part of the tree, and it also means that if javascript is disabled, users still get the plain table.You can set which column takes the treeview effect, and you can also set which parents are collapsed initially. To do this, it must be done with an array, even if there is only one node you want collapsed.A highlight option can be set so that rows change colour as they are hovered over. There is dynamic striping of the rows, and there is also a custom onselect event which fires on the table cells, that can be handled with a callback function (watch the status bar when you click on a cell). Links within the cells still work as expected.I took the gr
Autocomplete select dropdown 2007-10-28 01:41:00 YUI Autocomplete AJAX Select Drowdown with IDPosted in Pylons, Mako, JavaScript by thejimmyg on the October 19th, 2007The YUI toolkit comes with a very flexible autocomplete control but a common requirement is for an autocomplete control that submits the ID associated with a text value rather than the text value itself, much like a select field submits the option value, not the contents the user selects from a drop down list.Luckily this is fairly easy to achieve using a forceSelection option, a hidden field, and a custom itemSelectEvent handler.First setup the imports as described on the YUI AutoComplete page:Now let’s set up the data structure in a Pylons controller action which the YUI component will access to populate the find as you type select dropdown. You could write similar code for Rails or PHP, it doesn’t have to be Pylons. Notice that the @jsonify decorator converts the Python data structure we return to valid JSON:@jsonifydef get_data(self):return {"ResultSet": {"total
Record Mouse Movement 2007-10-28 01:38:00 I just found some piece of code i created one or two years ago. The “movelogger” records the mouse movement a users does on a web site. Just before the user leaves the current page, the recorded data get posted back to the server using AJAX.The cool thing is that you can “replay” these movements afterwards. The movelogger records clicks on links and other elements. In replay mode this events are fired in the exact same order as they have been recorded.That way it would be possible to record a websesion (the click-flow) in a heavy AJAX based application. It would even be possible to record keyboard strokes and other type of events.Check out the little demo of the movelogger here.This technique may be usefull or not. But some use cases could be:Instead of eye tracking, use mouse tracking.Analyze the usage of ajax enabled websites.Spionage and other Bad Things™ (not recommended).The whole thing is coded in javascript using Prototype and script.aculo.us with some php code on the Read more:Record
, Mouse
ASP.NET Wrapper for ExtJs 2007-10-28 01:36:00 The ExtJs Extender controls are a pack of asp.net server controls that wrap the extjs javascript framework.The controls avaiable are:YuiGrid- A replacement for the GridView control that is Ajax by default , is better looking and has lots of cool features.TreePanel- A cross-browser TreePanel with drag and drop and inline node editing.TabPanel- A TabPanel control , very similar to the one in the Asp.net Ajax control toolkit but better looking.CalendarExtender- A control that transforms a textbox into a DatePicker.ResizableExtender- A control that makes any control resizable with the possibility of keeping the aspect ratio of the control being resized.BorderLayout - A control to implement BorderLayout functionality.And many more.. just look in the menu on the leftRequirementsAsp.net 2.0Asp.net Ajax 1.0Asp.net Ajax control toolkitDemo
Javascript Image Magnification 2.4 (PopBox) 2007-10-28 01:33:00 V2.4 - Still Easy. Still Simple. Just Better.PopBox is an image magnification javascript solution for dynamically moving and resizing images on your web page. Javascript? Yes - I know it's nothing new and that you've been able to move and resize things in Javascript for years, but only now is there a prepackaged solution that makes it as easy as 3 lines of HTML without knowing a lick about positioning!If your web site has a thumbnail image gallery then you need PopBox!Main FeaturesRidiculously simple to use.Does not navigate away from the page or create separate windows.Does not require any special browser plug-ins. 100% script and CSS solution.Includes a multi-line caption capability that dynamically sizes to fit.Allows for a different image to be used for the thumbnail and Popped images - on page load or on image click.Can display a user-defined text message across the top of the image on page load on the thumbnail image.Can display a user-defined text message across the top of the Read more:Image
, Magnification
Moo Tools Color Picker 2008-02-08 21:59:00 color picker that allows you to visually choose and use colors as a real and useful app. Read more:Tools
, Color
timeSpinner : Moo Tools 2008-02-08 21:58:00 It allow users to quickly select a time. Built on the moo tools library. Read more:Tools
Intellisense for jQuery 2008-02-08 21:57:00 A stub named jquery.intellisense.js to make Visual Studio happy.
jQuery.Bubble 2008-02-08 21:56:00 The code is similar to jQuery.fn.trigger's because it's meant to extend it. Read more:Bubble
Recommend Site To A Friend
