Development Blog by Professionals
JavaScript
Web UI libraries
Jun 29th
1. IT Mill Toolkit
IT Mill Toolkit is an open-source framework, providing widgets and tools for the development of Rich Internet Applications (RIAs). Deliver web applications without worrying about incompatibilities of web browsers, DOM or JavaScript by using standard Java tools.
2. LivePipe UI
LivePipe UI is a suite of high quality widgets and controls for web 2.0 applications built using the Prototype JavaScript Framework. Each control is well tested, highly extensible, fully documented and degrades gracefully for non JavaScript enabled browsers where possible
3. Iwebkit iPhone/iPod touch framework
Iwebkit is the revolutionnairy kit used to create high quality iPhone and iPod touch websites in a few minutes. In the first 4 months of it’s existance the pack has greatly evolved from a basic idea to a project that has reached worldwide fame!
4. Jitsu
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.
5. MochaUI
MochaUI is a web applications user interface library built on the Mootools JavaScript framework.Uses: web applications, web desktops, web sites, widgets, standalone windows and modal dialogs.
6. Echo Web Framework
Echo is an open-source framework for developing rich web applications. From the developer’s perspective, Echo behaves as a user interface toolkit–like Swing or Eclipse SWT. AJAX technology is employed to deliver a user experience to web clients that approaches that of desktop-based applications.
7. The Yahoo! User Interface Library (YUI)
The YUI Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. YUI is available under a BSD license and is free for all uses.
8. Sigma Ajax UI builder
Written in javascript and PHP, SigmaVisual is web based visual AJAX UI builder for professional developers. Developers save their time in building up prototype as well as real web applications. TreeBar, TreeGrid, Layout, Menu are supported.
9. WUI Web UI Framework
WUI (Web User Interface) is an MVC framework for writing web UIs in a single language: Java. Write web apps with components, widgets & events, not JSPs. Runs in any servlet 2.3 container. Similar to Model 2 / Struts, only better. Apache-style license.
10. Butterfly Web UI
Butterfly Web UI is a component oriented web framework for Java, like Wicket or Tapestry. The main advantage compared to these frameworks is that Butterfly Web UI integrates naturally with Butterfly DI Container, giving you a state-of-the-art dependency injection container to help you structure and decouple the internal components of your web applications.
11 Yahoo YUI library
The YUI Library is a set of utilities and controls, written with JavaScript and CSS, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. YUI is available under a BSD license and is free for all uses.
Mega Drop Down Menus w/ CSS & jQuery
Jun 28th
While in the process of redesigning 4wheelparts.com, I decided to explore new methods of working with our huge number of inventory and categories. I did some research and noticed a new trend for ecommerce sites in having what they call “mega drop down menus”.
According to usability expert Jakob Nielson, mega drop down menus tested to be more efficient for large scale websites.I decided to experiment with different ways of implementing this technique and would like to share how I achieved this method.
more visit http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/
15 Calendar & Time Script With Ajax and Javascript
Jun 23rd
Ajax Calendar help users to choose one or more dates from a graphical calendar presented in a month interface. Flat Calendar Style, Pop Calendar Style, Fade Effect Calendar Style and more Style make great looking improvement to the user interface of your web application
more http://php-ajax-code.blogspot.com/2007/07/15-calendar-time-script-with-ajax-and.html
SIFR flash var wmode Transparency
Jun 23rd
//<![CDATA[
sIFR.replaceElement(named({sSelector:"h2", sFlashSrc:"Scripts/sifr/cdl.swf", sColor:"#a28c74", sLinkColor:"#333333", sHoverColor:"#333333", sWmode:"transparent" }));
//]]>
Control Flash from Javascript
Jun 17th
Receiving data from a Flash movie:
- Enter some text in the Flash movie’s Data field, then press Receive Data. The data from the Flash movie is then transferred to the html form. More >
Open a modal window from a Flash movie
Jun 17th
AS1 / AS2
In the action of your flash button, you have to execute this code:
getURL("javascript:$.nyroModalManual({url:'YOUR URL'});");
AS3
In the action of your flash button, you have to execute this code:
ExternalInterface.call("$.nyroModalManual({url:'YOUR URL'})");
http://nyromodal.nyrodev.com/wiki/index.php/Open_a_modal_window_from_a_Flash_movie
Javascript Open Flash Object
Jun 10th
<script src=”/commons/js/flashobject.js” type=”text/javascript”></script> <script src=”/commons/js/FlashDetect.js” type=”text/javascript”></script><script type=”text/javascript”>// <![CDATA[// Globals// Major version of Flash requiredvar requiredMajorVersion = 8;// Minor version of Flash requiredvar requiredMinorVersion = 0;// Minor version of Flash requiredvar requiredRevision = 0;function openVideoPopUp(){document.getElementById("showflash").style.display="";var hasReqestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);// Check to see if the version meets the requirements for playbackif (hasReqestedVersion){var fo = new FlashObject("falsh.swf", "showingflashvideo", "300", "300", "9", "");fo.addParam("quality","high");fo.addParam("menu", "false");fo.addParam("wmode", "transparent");fo.addParam("allowfullscreen", "true");fo.addParam("flashvars","var1=source");fo.write("showflash");}else{var alternateContent = ''+ '<span>This content requires the Adobe Flash Player. '+ '<a href=http://www.adobe.com/go/getflash></a>Get Flash</a></span>';//document.write(alternateContent); // insert non-flash contentdocument.getElementById('showflash').innerHTML=alternateContent}}function closeVideoPopUp(){document.getElementById("showflash").style.display = "none";}// ]]></script><a href=”javascript:openVideoPopUp()”> </a><script src=”/commons/js/flashobject.js” type=”text/javascript”></script> <script src=”/commons/js/FlashDetect.js” type=”text/javascript”></script><script type=”text/javascript”>// <![CDATA[// Globals// Major version of Flash requiredvar requiredMajorVersion = 8;// Minor version of Flash requiredvar requiredMinorVersion = 0;// Minor version of Flash requiredvar requiredRevision = 0;
function openVideoPopUp(){ document.getElementById("showflash").style.display=""; var hasReqestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision); // Check to see if the version meets the requirements for playback if (hasReqestedVersion) { var fo = new FlashObject("falsh.swf", "showingflashvideo", "300", "300", "9", ""); fo.addParam("quality","high"); fo.addParam("menu", "false"); fo.addParam("wmode", "transparent"); fo.addParam("allowfullscreen", "true"); fo.addParam("flashvars","var1=source"); fo.write("showflash"); } else { var alternateContent = '' + '<span>This content requires the Adobe Flash Player. ' + '<a href=http://www.adobe.com/go/getflash></a>Get Flash</a></span>'; //document.write(alternateContent); // insert non-flash content document.getElementById('showflash').innerHTML=alternateContent }}function closeVideoPopUp(){ document.getElementById("showflash").style.display = "none";}// ]]></script>
<a href=”javascript:openVideoPopUp()”> </a>
Disable right mouse click Script
May 7th
<script language=JavaScript> <!-- //Disable right mouse click Script //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive //For full source code, visit http://www.dynamicdrive.com var message="©2010 Prosoxi.gr All rights reserved."; /////////////////////////////////// function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("alert(message);return false") // --> </script>


