Archive

Archive for September, 2009

Basic JQuery Tips

September 22nd, 2009 No comments

This is more for my reference and hopefully helps others working with JQuery.

  1. Getting and Setting the innerHTML of an element

    	
    		var content = $("#id").html();
    		$("#id").html("Some HTML");		
       
  2. Getting and Setting the text (with out any HTML) of an element

    		
    		var txt = $("#id").text();			
    		$("#id").text("Some Text");		
    	
  3. Removing content from an element

    		
    		$("#id").empty();		
    	
  4. Getting and Setting style properties

    			
    		var displayValue = $("#id").css("display");
    		
    		$("#id").css("display", "block");
    	
  5. Hiding and Displaying elements

    	
    		// Toggles an element's visibility
    		$("#id").toggle();
    				
    		$("#id").hide();
    		
    		// Sets the display style property to block and not inline
    		$("#id").show();		
    	
  6. Registering to events such as keyup

    		$("#id").keyup(function(){
    			alert($(this).val());
    		});
    	
  7. Dealing with CSS classes

    		// Adds the specified class to the element
    		$("#id").addClass("showme");
    		
    		// Multiple classes should be separated by spaces
    		$("#id").addClass("showme1 showme2");
    				
    		// Removes the specified class
    		$("#id").removeClass("hideme");
    		
    		// Multiple classes should be separated by spaces
    		$("#id").removeClass("hideme1 hideme2");
    		
    		// Removes all the classes
    		$("#id").removeClass();
    	
  8. Getting and Setting values of form elements

    		// For input boxes
    		$("#inputbox").val(); // Returns the text box value
    		$("#inputbox").val("set some value");
    		
    		// For select boxes
    		$("#selectbox").val(); // Returns the selected value 
    		// To get the text of the selected option
    		$("#selectbox :selected").text();
    		
    		// Programatically selects a value or multiple values
    		$("#singleselect").val("123");
    		$("#multipleselect").val(["12", "234"]);
    
    		// For checkboxes and radio buttons
    		$("#chkId").val();  // Returns value whether the check box is checked or not
    		// Returns true when the check box is checked
    		$("#chkId").attr("checked"); 		
    		
    		// Programatically checks the check box
    		$("#chkId").attr("checked", "checked"); 	
    	
Categories: JQuery, Uncategorized Tags:

Getting started with Flex – Setting up Development Environment

September 4th, 2009 1 comment

The first step in developing an enterprise level flex application is setting up a development environment. Adobe offers an eclipse based development tool called Flex builder that provides a variety of features making Flex development a breeze. This flex builder comes in two flavors: a standalone IDE and an eclipse plugin. Since I will be developing Java based Flex applications, I decided to install the plugin version of the Flex builder in my favorite MyEclipse IDE.

We start with MyEclipse installation.

  1. Download the MyEclipse 7.5 “All in One” installer from MyEclipse site
  2. Once the download is complete, click on the installer file to start the installation
    myeclipse-1
  3. MyEclipse would then prepare and validate the installation.
    myeclipse-3
  4. Upon completion of step 3, you will be presented with the screen below:
    myeclipse-4
  5. Click on Launch to install the software.
    myeclipse-31
  6. After installation is complete, MyEclipse will launch itself. Select the default workspace and hit ok.

Now we are ready to install the Flex Builder Plugin.

  1. Download the Flex Builder 3 Plugin from Adobe site.
  2. Upon completion of the download, double click the installer file to launch the installation.
    1
    2
  3. On the next screen, select the language and hit Ok.
    3
  4. Accept the license agreement and hit Next.
    5
  5. On the next screen you can customize the Flex Builder Plugin location. Just accept the default location and hit Next.
    6
  6. The next screen asks for an Eclipse installation folder. DO NOT SPECIFY AN EXISTING ECLIPSE INSTALLATION LOCATION. Create a new folder called “eclipse” in your file system (in my case I created it under C drive) and provide that location to the installer. Hit Next.
    7
  7. On the next screen click “Proceed with Caution”.
    8
  8. Hit Next and then Install to start the installation.
    9
    10
  9. Wait for the installation to complete.
    11
  10. Upon completion, you should see the following screen.
    12

Integrating MyEclipse 7.5 and Flex Builder Plugin

  1. Go to Add/Remove Software in MyEclipse 7.5.
    13
  2. Select Personal Software and click Add.
    21
  3. On the next screen, click Add Local.
    31
  4. Select “com.adobe.flexbuilder.update.site” folder in your Flex Builder Plugin install folder and click ok.
    4
  5. Select “Flex Builder 3” and hit Next.
    51
  6. On the following screen hit Apply.
    61
  7. MyEclipse would perform a validation of the install.
    71
  8. Accept the License agreement and hit Next.
    81
  9. Click Update to trigger software update.
    91
    101
  10. Once the update is complete, click Yes to restart MyEclipse.
    111

Changing Flex SDK installation location

  1. Go to “Installed Flex SDKs” in MyEclipse under Window->Preferences->Flex. You should see two SDKs installed with errors next to them.
    121
  2. Select Flex 0.0 and hit Edit. Click Browse in the popup and browse for 2.0.1 SDK located under /sdks/2.0.1. Hit Ok.
    131
  3. Repeat step 2 for Flex 0.0(1) and select the 3.2.0 SDK folder.
  4. This completes the plugin installation. Restart MyEclipse Workbench.

Testing installation

  1. Open the Flex Builder perspective by clicking Window->Open Perspective->Other and then selecting Flex Development.
    14
  2. Create a new Flex Project by going to File->New->Flex Project. Enter the following project details and hit Finish.
    16
  3. Open the Test.mxml file and go to “Design” view. Drag a button on to the canvas and save the file.
    17
  4. Launch the application by right clicking on Test.mxml->Run As->Flex Application.
    18
  5. You should see the application run in your default browser.

Upgrading Flex SDK:

  1. Get the latest version of Flex SDK (3.4.0 at the time of writing this post) from Adobe’s site
  2. Unzip the downloaded file into /sdks/3.4.0 folder.
  3. In MyEclipse go to Installed Flex SDKs and click Add. Browse for the 3.4.0 folder and enter 3.4.0 as the name and hit Ok.
    20
  4. Make sure that 3.4.0 SDK is selected and hit Ok.

References:
http://riawanderer.com/?p=4

Categories: Flex Tags:

Reading Operational Attributes using Spring LDAP

September 1st, 2009 2 comments

Ldap Servers maintain operational attributes (introduced in version 3) for administrative purposes. For example, the Tivoli Directory Server maintains the pwdAccountLockedTime operational attribute to record the time a user’s account got locked.

These operational attributes are unique in the sense that they are not part of an object class and are not returned unless they are explicitly requested by name. Here are two ways of reading operational attributes using Spring Ldap:

Using lookup:

LdapTemplate ldapTemplate = new LdapTemplate(context);
ldapTemplate.lookup("USER_DN", new String[]{"OPERATIONAL_ATTR"}, new ContextMapper(){
		@Override
		public Object mapFromContext(Object ctx)
		{
			DirContextAdapter context = (DirContextAdapter)ctx;
			return context.getStringAttributes("OPERATIONAL_ATTR");
		} }); 

Using Search:

LdapTemplate ldapTemplate = new LdapTemplate(context);
ldapTemplate.search("SEARCH_BASE", "uid=UNIQUE_USER_NAME", 1, new String[]{"OPERATIONAL_ATTR"}, new ContextMapper(){
		@Override
		public Object mapFromContext(Object ctx)
		{
			DirContextAdapter context = (DirContextAdapter)ctx;
			return context.getStringAttributes("OPERATIONAL_ATTR");
		} });
Categories: Ldap, Spring Tags: