Pages - Menu

Friday, September 13, 2013

jQuery & Jsp to have Easy Live !!

write less, do more !!, it is the famous statement from jQuery Java Script Framework (JQuery & Jquery UI).
few months ago, we started to customize some java script solutions and UI changes based on jQuery Solutions, really amazing Scripting Framework (interactions, widgets, utilities & effects).
  • jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.
  • jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications.
in a word, jQuery is designed to change the way that you write JavaScript.
  • let us start build j2EE test application to customize jsp page using jQuery.
  • Download Main Customized theme from JQuery Site.

  • Extract the below js & css scripts we will use.
  • write below scripts in your jsp page in head part (you can drop into page source and scripts will created automatically).
  • Now we will start make few scripts for the beginners like “Alert before page load”, “Click Events,Mouse Move & hover …… for a Link component” and stopping actions in server side.
  • JQuery java script to customize the theme in Dialog Component.
  • now write the script of building Dialog (UI Changes by JQuery).
  • Full Source Code .
  • Page Structure after finishing
  • Result (Alert of Page Load)
  • Result (Alert of Mouse move in a link)

  • Result (Dialog Style)
in coming Days, i will start deeply topics in jQuery & jsp for better choices, Easy world between java script & jsp ..

No comments:

Post a Comment