snippet

the anatomy of wordpress

2011-10-06T20:26:00.001-07:00

reference : http://yoast.com/wordpress-theme-anatomy/

svn commands to dump and load project

2011-09-29T20:36:00.000-07:00

testing host

-------------------------------------------

url = http://192.168.214.31:5000/svn/

path = c:/repositories/

-------------------------------------------

//look at the latest revision number in the existing 'factory' project to be dumped

svnlook youngest C:/repositories/factory

//dump 'factory' project
svnadmin dump C:/repositories/factory > C:/temp/factory.dump

//create new project in the repository called 'testing321'
svnadmin create C:/repositories/testing321

//1.load dumped project to the new project
svnadmin load C:/repositories/testing321 < C:/temp/factory.dump

//2. load into a subdirectory , e.g. testing321 /loadhere

//2.1 create subdirectory called 'loadhere'

svn mkdir [url/path]/testing321/loadhere , e.g.

svn mkdir http://192.168.214.31:5000/svn/testing321/loadhere

//2.2 load dump file into the subdirectory 'loadhere'

svnadmin load c:/repositories/testing321 --parent-dir loadhere < c:/temp/factory.dump

//3.load into a subdirectory in a subdirectory, e.g. testing321/loadhere/loadnow

//3.1 create subdirectory 'loadnow'

svn mkdir [url/path]/testing321/loadhere/loadnow, e.g.

svn mkdir http://192.168.214.31:5000/svn/testing321/loadhere/loadnow

//3.2 load dump file into the subdirectory 'loadnow'

svnadmin load c:/repositories/testing321 --parent-dir loadhere/loadnow < c:/temp/factory.dump

reference : http://www.shokhirev.com/nikolai/programs/SVN/backup_load.html

reference : http://whynotwiki.com/Subversion_/_Dump_and_loading

Java how to split a string with "." (a dot)

2011-09-20T19:36:00.000-07:00

String str = a.split("\\.")[0];

reference : http://junxian-huang.blogspot.com/2009/01/java-tip-how-to-split-string-with-dot.html

htaccess for redirection

2011-04-06T20:09:00.000-07:00

htaccess for redirection. so when user enter http://www.mydomain.com or http://mydomain.com it will redirect to http://www.mydomain.com/mysubfolder.

Below is the .htaccess code to be put in the public_html directory.

RewriteEngine on

RewriteCond %{HTTP_HOST} ^mydomain.com$ [OR]

RewriteCond %{HTTP_HOST} ^www.mydomain.com$

RewriteRule ^/?$ "http\:\/\/www\.mydomain\.com\/mysubfolder" [R=301,L]

htaccess to display subfolder as the domain name

2011-04-06T19:58:00.000-07:00

inside the public_html directory, we want to use the subfolder for example named 'mysubfolder' but in the url shown as http://www.mydomain.com or http://mydomain.com instead of http://www.mydomain.com/mysubfolder.

Below is the .htaccess code to be put in the public_html directory.

RewriteEngine on

RewriteCond %{HTTP_HOST} ^mydomain.com$ [OR]

RewriteCond %{HTTP_HOST} ^www.mydomain.com$

RewriteCond %{REQUEST_URI} !^/mysubfolder/

RewriteRule ^(.*)$ mysubfolder/$1 [L]

html background generator

2011-04-06T19:52:00.000-07:00

like this one, simple n nice: http://bgpatterns.com/

Yii how to pass parameters from the action to the view.

2011-02-14T00:35:00.000-08:00

reference: http://www.jnieto.org/article/passing_parameters_from_the_action_to_the_view_symfony_vs_yii

Some Oracle commands

2011-02-08T02:53:00.001-08:00

1.set the oracle xmltoollite instance (windows cmd)
e.g. set ORACLE_SID
>set ORACLE_SID=xmltoollite

2.login to sqplus as dba in xmltoollite instance
>sqlplus sys/mypassword as sysdba

3.stop db : force shutdown
e.g. shutdown
SQL>shutdown immediate

4. start db
SQL>startup

5.logout from sqlplus
SQL>quit

check connectivity (windows cmd)
--------------------------------
e.g. tnsping
>tnsping XMLTOOL_

listener (windows cmd)
---------------------
e.g. lsnrctl

1. see services attached to this listener
>lsnrctl services LISTENER

2. see status of services attached to this listener
>lsnrctl status LISTENER

3. start the listener
>lsnrctl start LISTENER

4.stop the listener
>lsnrctl stop LISTENER

how to setup multiple listeners
-------------------------------
http://blogs.sun.com/rtsai/entry/how_to_configure_multiple_oracle

learn the basics of design

2011-01-23T17:41:00.001-08:00

http://lifehacker.com/5739492/learn-the-basics-of-design-this-weekend?skyline=true&s=i

30 stunning web design portfolio

2011-01-18T01:14:00.000-08:00

http://devsnippets.com/article/30-out-of-the-box-and-new-portfolio-designs.html

web layout guidelines

2011-01-18T00:29:00.000-08:00

http://www.smashingmagazine.com/2010/02/18/50-css-and-javascript-techniques-for-layouts-forms-and-visual-effects/

guidelines for responsive web design

2011-01-17T01:43:00.001-08:00

http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

Connect Yii SwiftMailer to gmail server

2010-12-20T20:33:00.000-08:00

Based on this extension.

1. extract and copy the yii-mail folder to the protected/extensions folder.
2. add mail thingy in main.php at protected/config :


// autoloading model and component classes
...
'import'=>array(
    ..
    ..
   'ext.yii-mail.YiiMailMessage',
),
...
'components'=>array(
 ...
 ...
 'mail' => array(
  'class' => 'ext.yii-mail.YiiMail',
  'transportType' => 'smtp', // change to 'php' when running in real domain.
  'viewPath' => 'application.views.mail',
  'logging' => true,
  'dryRun' => false,
  'transportOptions' => array(
   'host' => 'smtp.gmail.com',
   'username' => 'test@gmail.com',
   'password' => 'test',
   'port' => '465',
   'encryption' => 'tls',
  ),
 ),
),
...

3. enable OpenSSL in php configuration.
4. run the example code in your view file:


 $message = new YiiMailMessage;
 $message->setBody('Message content here with HTML', 'text/html');
 $message->subject = 'My Subject';
 $message->addTo('test@gmail.com');
 $message->from = Yii::app()->params['adminEmail'];
 Yii::app()->mail->send($message);

this should send an email to test@gmail.com.

TNS-12519: TNS:no appropriate service handler found in Oracle10g XE

2010-12-15T01:58:00.000-08:00

this is a bug on how OracleXE monitors processes.

database didn't register with the listener and that the processes parameter needed to be increased. So do the following two things to fix this issue:

SQL> alter system set processes=500 scope=spfile;

SQL> alter system register;

reference:

1.http://www.franklinfaces.com/Topic107-55-1.aspx
2.http://en.newinstance.it/2007/06/01/ora-12519-tnsno-appropriate-service-handler-found/

JavaScript for PHP

2010-12-14T17:54:00.000-08:00

a nice article about similarities between javascript n php in their codes.
http://phpadvent.org/2010/javascript-for-php-developers-by-stoyan-stefanov

enable remote access to Oracle10g XE

2010-12-09T01:43:00.000-08:00

by default remote access is not enabled for XE version. So we can only access db in our localhost. To enable remote access, connect as 'sysdba' or 'system' and enter command below:

EXEC DBMS_XDB.SETLISTENERLOCALACCESS(FALSE);

reference: http://www.randomsupport.com/rs/blogs/index.php?title=oracle-10g-express-web-interface-remote-&more=1&c=1&tb=1&pb=1

50 beautiful portfolio design

2010-11-27T18:37:00.000-08:00

http://www.smashingmagazine.com/2008/11/26/50-beautiful-and-creative-portfolio-designs/

Links from drop.io

2010-11-13T22:41:00.000-08:00

1.a-quick-code-igniter-and-jquery-ajax-tutorial
2.the-principles-of-cross-browser-css-coding
3.re-introduction to javascript
4.six_keys_to_understanding_css_layouts
5.creating-a-css-layout-from-scratch
6.JSF 2 Streamline Web application development
7.JSF 2 Templating and composite components
8.Part 3: Event handling, JavaScript, and Ajax
9.learning-jsf2-managed-beans
10.jsf-2-evaluation-test.html
11.java authentication with jsf 2 and j2ee6
12.html5boilerplate.com
13.Log4J Tutorial
14.(JSF) - Message Resources
15.How to validate email address with regular expression
16.Hibernate Tutorial
17.Automatic reconnect from Hibernate to MySQL
18.Hibernate: Communication link failure: java.io.IOException
19.Even Faster Web Site
20.Hibernate Session

JSF 2 : Detect Browser type using EL Expression

2010-11-04T05:49:00.000-07:00

In facelet, we can get the browser information via EL expression like this :


#{request.getHeader('User-Agent')}

by using jstl function containsIgnoreCase, we can check for specific browser.

For example, if we want to load specific css file for IE6, this will work :

add xmlns:fn="http://java.sun.com/jsp/jstl/functions" to the <html> to use jstl functions.

load javascript asynchronously using managedXHR

2010-10-31T09:00:00.000-07:00

A nice explanation by Steve Souders at youtube.com/watch?v=52gL93S3usU mainly on loading JavaScript asynchronously.

We can try out each technique by referring to this page.

One of the common issue is the undefined error due to dependency between JavaScript files when scripts loaded asynchronously. For example when using jquery plugins, the core jquery file, followed by the plugins files and lastly the inline scripts for function initialization must be loaded in consecutive manner. One of the technique to solve this issue is by using managed XHR(assume all files are from the same domain).

Below are the snippets:

1.Put this snippet at the bottom of the page as inline code.


if ( "undefined" == typeof(ManagedXHR) || !ManagedXHR ) {
 var ManagedXHR = {};
}

ManagedXHR.Script = {
 queuedScripts: [],

 loadScriptXhrInjection: function(url, onload, bOrder) {
  var iQueue = ManagedXHR.Script.queuedScripts.length;
  if ( bOrder ) {
   var qScript = { response: null, onload: onload, done: false };
   ManagedXHR.Script.queuedScripts[iQueue] = qScript;
  }

  var xhrObj = ManagedXHR.Script.getXHRObject();
  xhrObj.onreadystatechange = function() { 
   if ( xhrObj.readyState == 4 ) {
    if ( bOrder ) {
     ManagedXHR.Script.queuedScripts[iQueue].response = xhrObj.responseText;
     ManagedXHR.Script.injectScripts();
    }
    else {
     var se = document.createElement('script');
     document.getElementsByTagName('head')[0].appendChild(se);
     se.text = xhrObj.responseText;
     if ( onload ) {
      onload();
     }
    }
   }
  };
  xhrObj.open('GET', url, true);
  xhrObj.send('');
 },

 injectScripts: function() {
  var len = ManagedXHR.Script.queuedScripts.length;
  for ( var i = 0; i < len; i++ ) {
   var qScript = ManagedXHR.Script.queuedScripts[i];
   if ( ! qScript.done ) {
    if ( ! qScript.response ) {
     // STOP! need to wait for this response
     break;
    }
    else {
     var se = document.createElement('script');
     document.getElementsByTagName('head')[0].appendChild(se);
     se.text = qScript.response;
     if ( qScript.onload ) {
      qScript.onload();
     }
     qScript.done = true;
    }
   }
  }
 },

 getXHRObject: function() {
  var xhrObj = false;
  try {
   xhrObj = new XMLHttpRequest();
  }
  catch(e){
   var aTypes = ["Msxml2.XMLHTTP.6.0", 
        "Msxml2.XMLHTTP.3.0", 
        "Msxml2.XMLHTTP", 
        "Microsoft.XMLHTTP"];
   var len = aTypes.length;
   for ( var i=0; i < len; i++ ) {
    try {
     xhrObj = new ActiveXObject(aTypes[i]);
    }
    catch(e) {
     continue;
    }
    break;
   }
  }
  finally {
   return xhrObj;
  }
 }
};

2.Call our external JavaScript files like this:

Inside the init.js, we can call the initialization codes. By using this technique all external files can be loaded asynchronously and at the same time it preserves the order the code execution.

We can use httpWatch to see the difference.

JSF 2 Autocomplete

2010-10-30T11:09:00.000-07:00

This is done based on this tutorial, but was modified according to some requirements:

1. The completion items should only be displayed when more than a character is typed in the input box.
2. When a completion item selected based on its label, the corresponding ID is fetched and attached to a property of a managed bean.
3. The list of completion items are dynamic and fetched from live connection from database(2nd level cache implemented).
4. Autocomplete should be accessible by using keyboard keys(tab key,up/down keys for selections, and enter key when an item selected), and mouse event definitely.
5. Autocomplete is force selection.
6. Not using Prototype for javascript functions.

Below are the snippets:
AutocompleteListener.java - the general utilities for autocomplete process.


import java.util.ArrayList;
import java.util.Map;
import javax.faces.component.UIInput;
import javax.faces.component.UISelectItems;
import javax.faces.component.UISelectOne;
import javax.faces.context.FacesContext;
import javax.faces.event.ValueChangeEvent;
import javax.faces.model.SelectItem;

public class AutocompleteListener {
    
 /**
  * set new item list in the list box when user type keyword in the input box.
  * @param e auto complete event when value changed.
  * @param newItems new item list populated from the database.
  * @return new item list.
  */
 public static ArrayList valueChanged(ValueChangeEvent e, ArrayList newItems) {
  UIInput input = (UIInput)e.getSource();
  UISelectOne listbox = (UISelectOne)input.findComponent("listbox");
  if (listbox != null) {
   UISelectItems items = (UISelectItems)listbox.getChildren().get(0);
   Map attrs = listbox.getAttributes();
   items.setValue(newItems);
   setListboxStyle(newItems.size(), attrs);
   listbox.setValue(null);
  }
  return newItems;
 }

 /**
  * get keyword entered by the user.
  * @return keyword entered by the user.
  */
 public static String getKeyword() {
  Map reqParams = FacesContext.getCurrentInstance().getExternalContext().getRequestParameterMap();
  return reqParams.get("keyword");
 }
    
 /**
  * set the selected value from list box to the input box.
  * @param e auto complete event when value changed.
  */
 public static void completionItemSelected(ValueChangeEvent e) {
  UISelectOne listbox = (UISelectOne)e.getSource();
  if(listbox.getValue() != null) {
   UIInput input = (UIInput)listbox.findComponent("input");
   UIInput selectedValue = (UIInput)listbox.findComponent("selectedValue");

   if(input != null) {
    UISelectItems items = (UISelectItems)listbox.getChildren().get(0);
    @SuppressWarnings("unchecked")
    ArrayList selectItemsGroup = (ArrayList)items.getValue();
    for(SelectItem item : selectItemsGroup) {
     if(item.getValue().toString().equalsIgnoreCase(listbox.getValue().toString())) {
      input.setValue(item.getLabel());
      break;
     }
    }
    selectedValue.setValue(listbox.getValue());
   } else {
    selectedValue.setValue(null);
   }

   Map attrs = listbox.getAttributes();
   attrs.put("style", "display:none;");
  }
 }
    
 /**
  * set the position of the list box.
  * @param rows row of the list box.
  * @param attrs attribute object of the listbox.
  */
 private static void setListboxStyle(int rows, Map attrs) {
  if (rows > 0) {
   Map reqParams = FacesContext.getCurrentInstance()
   .getExternalContext().getRequestParameterMap();

   attrs.put("style", "display: inline; position: absolute; left: "
     + reqParams.get("x") + "px;" + " top: " + reqParams.get("y") + "px");

   // avoid only one row (selection of single row is not a change event)
   attrs.put("size", rows == 1 ? 2 : rows); 
  } else {
   attrs.put("style", "display: none;");
  }
 }
}
/*

*/

AutoCompleteBean.java - the managed bean for action and model of the autocomplete.


import java.io.Serializable;
import java.sql.Timestamp;
import java.util.ArrayList;
import java.util.Iterator;
import javax.faces.application.FacesMessage;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;
import javax.faces.context.FacesContext;
import javax.faces.event.ValueChangeEvent;
import javax.faces.model.SelectItem;
import org.apache.log4j.Logger;
import org.hibernate.Session;
import com.factory.interfaces.AutoCompleteEvent;
import com.factory.ui.utility.AutocompleteListener;
import com.factory.utility.HibernateUtil;

@ManagedBean(name="autoCompleteBean")
@ViewScoped
public class AutoCompleteBean implements Serializable, AutoCompleteEvent {

 private static Logger log = Logger.getLogger(AutoCompleteBean.class);
 private static final long serialVersionUID = 4972782275998653789L;
    
 private Integer id;
 private String name;
 private ArrayList selectionList;
 
 public ArrayList getSelectionList() {
  return selectionList;
 }
 
 public void setSelectionList(ArrayList selectionList) {
  this.selectionList = selectionList;
 }
 
 public Integer getId() {
  return id;
 }

 public void setId(Integer id) {
  this.id = id;
 }

 public String getName() {
  return name;
 }

 public void setName(String name) {
  this.name = name;
 }

 /**
  * re-new autocomplete list in the list box when user type keyword in the input box.
  * @param event auto complete event when value changed.
  */
 @SuppressWarnings("rawtypes")
 @Override
 public void valueChanged(ValueChangeEvent event) {
  try {
   ArrayList completionItems = new ArrayList();
   String keyword = AutocompleteListener.getKeyword();
   if(keyword != null) {
    // this is where we get the updated values dynamically from the database and store them in the selectItem list.
    Session session = HibernateUtil.getCurrentSession();
    CompanyDAO companyDAO = new CompanyDAO();
    Company company = null;
    Iterator itr = companyDAO.findByKeyword(session, keyword).iterator(); 
    while(itr.hasNext()) {
     company = (Company) itr.next();
     completionItems.add(new SelectItem(company.getId(), company.getName()));
    }
   }
   setSelectionList(AutocompleteListener.valueChanged(event, completionItems));
  } catch(Exception e) {
   FacesContext.getCurrentInstance().addMessage(null, 
     new FacesMessage(FacesMessage.SEVERITY_ERROR, "An error has occurred.", null));
   setSelectionList(new ArrayList());
  }
 }
    
 /**
  * set the selected value from list box to the input box. 
  * @param event auto complete event when value changed.
  */
 @Override
 public void completionItemSelected(ValueChangeEvent event) { 
  AutocompleteListener.completionItemSelected(event);
 }
}
/*

*/

AutoCompleteEvent.java - an interface so that we can have different implementations for different managed beans in setting and getting the autocompletion list.


import javax.faces.event.ValueChangeEvent;

public interface AutoCompleteEvent {
 /**
  * re-new items in the list box when user type keyword in the input box.
  * @param event auto complete event when value changed.
  */
 public void valueChanged(ValueChangeEvent e);
 
 /**
  * set the selected value from list box to the input box.
  * @param event auto complete event when value changed.
  */
 public void completionItemSelected(ValueChangeEvent e);
}

testing_autocomplete.xhtml - facelet for viewing the autocomplete function. Add attribute xmlns:util="http://java.sun.com/jsf/composite/util" to the <html> element to use composite component.

autoComplete.xhtml - reusable autocomplete component. We save this file under WebContent/resources/util folder(in Eclipse).


    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"    
    xmlns:composite="http://java.sun.com/jsf/composite">

auto-complete.js - client script for accessing events in autocomplete. This is done using Object Literal style. We save this file under WebContent/resources/javascript folder(in Eclipse).


if ( ! com) var com = {};
if (!com.autocomplete) {
 var inputText;
 var tempInput;
 com.autocomplete = {   
   errorHandler: function(data) { 
  //alert("Error occurred during Ajax call: " + data.description) ;
 },

 updateCompletionItems: function(input, event) {
  if(inputText == document.getElementById(com.autocomplete.getId(input,':input')).value && 
    document.getElementById(com.autocomplete.getId(input,':selectedValue')).value != "") {
   return;
  }
  function getOffset(obj) {
   var curleft = 0;
   var curtop = 0;
   if (obj.offsetParent) {
    do {
     curleft += obj.offsetLeft;
     curtop += obj.offsetTop;
    } while (obj = obj.offsetParent);
   }
   return [curleft,curtop];
  }
  document.getElementById(com.autocomplete.getId(input,':autocomplete_loading')).style.visibility = 'visible';
  jsf.ajax.addOnError(com.autocomplete.errorHandler);
  var objOffset = getOffset(input);
  document.getElementById(com.autocomplete.getId(input,':selectedValue')).value = "";
  jsf.ajax.request(input, event, { 
   render:  com.autocomplete.getId(input,':listbox'),
   onevent: com.autocomplete.updateListBoxCallBack,
   keyword: document.getElementById(com.autocomplete.getId(input,':input')).value,
   x: objOffset[0],
   y: objOffset[1] + input.offsetHeight 
    });
  tempInput = input;
 },

 updateListBoxCallBack: function(e) {
  if(e.status == "success") {
   document.getElementById(com.autocomplete.getId(tempInput,':autocomplete_loading')).style.visibility = 'hidden';
   if(document.getElementById(com.autocomplete.getId(tempInput,':input')).value == "") {
    document.getElementById(com.autocomplete.getId(tempInput,':listbox')).style.display = 'none';
   }
  }
 },

 inputLostFocus: function(input) { 
  document.getElementById(com.autocomplete.getId(input,':listbox')).style.display = 'none';
  document.getElementById(com.autocomplete.getId(input,':input')).focus();
  
 },

 getId: function(input, id) {
  var clientId = new String(input.name);
  var lastIndex = clientId.lastIndexOf(':');
  return clientId.substring(0, lastIndex) + id;

 },

 submitEnter: function(obj, e) {
  var keycode;
  if (window.event) keycode = window.event.keyCode; //IE
  else if (e) keycode = e.which;  //Mozilla
  else return true;
  if (keycode == 13) {
   com.autocomplete.inputLostFocus(obj);
   return false;
  } else {
   return true;
  }
 },
 
 resetInputValue: function(input) {
  if(document.getElementById(com.autocomplete.getId(input,':selectedValue')).value == "") {
   inputText = document.getElementById(com.autocomplete.getId(input,':input')).value;
   document.getElementById(com.autocomplete.getId(input,':input')).value = "";
  }
 },

 getInputValue: function(input) {
  if(document.getElementById(com.autocomplete.getId(input,':selectedValue')).value != "") {
   inputText = document.getElementById(com.autocomplete.getId(input,':input')).value;
  }
  document.getElementById(com.autocomplete.getId(input,':input')).value = "undefined" == typeof(inputText) ? 
    document.getElementById(com.autocomplete.getId(input,':input')).value : inputText;
 }
 };
}

auto-complete.css : decoration for the list box. We save this file under WebContent/resources/css folder(in Eclipse).


.auto-complete-selectbox {
   border: 1px solid #BBBBBB;
   padding: 1px;
   background-color: #F8F8F8;
   overflow: auto;
   height: 80px;
}

.auto-complete-selectbox select{
   border:none;
}

the auto-complete.js and the auto-complete.css can be put inside the composite component autoComplete.xhtml to make it a truly independent component, but for performance wise, they are put in the testing_autcomplete.xhtml so that css will be loaded at the top of the page and javascript at the bottom of the page.

JSF 2 Pass enum value as parameter

2010-10-17T08:58:00.000-07:00

Taken from http://stackoverflow.com/questions/3916871/passing-a-enum-value-as-a-parameter-from-jsf .
In short :


//this is your enum
public enum Type {
    PROFILE_COMMENT,
    GROUP_COMMENT
} 
//this is your managed bean
@ManagedBean
@SessionScoped
public class myBean {
    private Type type;
    // getter and setter
    public void Test(Type t){
        System.out.println(t);
    }
}

In facelet, we pass the enum as string:

add this to the faces-config.xml so that enum conversion can be handled by jsf



   java.lang.Enum
   javax.faces.convert.EnumConverter

Get selected row in h:dataTable via DataModel

2010-10-16T18:52:00.000-07:00

This is taken from Balusc answer at http://stackoverflow.com/questions/3951263/jsf-command-button-inside-a-jsf-data-table .
In short, in the managed bean:


@ManagedBean
@ViewScoped
public class UserManager {
    private List doctors;
    private DataModel doctorModel;

    @PostConstruct
    public void init() {
        doctors = getItSomehow();
        datamodel = new ListDataModel(doctors);
    }

    public void getSpecificDoctor() {
        Doctor selectedDoctor = doctorModel.getRowData();
        //do the logic here
    }
}
/*

*/

In the facelet:

JSF 2 : How to pass parameter

2010-10-16T10:03:00.000-07:00

The answers in this link at
http://stackoverflow.com/questions/3599948/jsf2-action-parameter describes techniques to pass parameter in JSF 2.

In Short, the common ways are:
1. via action method:

So in the managed bean our method would be like this:
public String action(String parameter) {}

2.via f:param :

In the managed bean, we can get the parameter value like this:


@ManagedProperty("#{param.foo}")
private String foo;

or this:


String foo = FacesContext.getCurrentInstance().getExternalContext().getRequestParameterMap().get("foo");

good and bad writing habit in Javascript

2010-10-10T19:05:00.000-07:00

This link at
http://enterprisejquery.com/2010/10/how-good-c-habits-can-encourage-bad-javascript-habits-part-1/ explains about the use of Object Literal and Self-Executing Anonymous Function.

Issue with JSF and Jquery Id

2010-10-05T01:19:00.000-07:00

When we use JSF ,by default any elements inside h:form will be appended with the form id like myform:myid when it's rendered as plain html.
jquery has trouble to identify this id with ':' as for example $("#myform:myid").html("this doesn't work.") will not work. Hence we need to add prependId=false in the h:form.

...

Now we can use jquery function like normal:
$("#myid").html("this works.");

Alternatively, if we do not want to add prependId to the h:form, we can use other jquery selectors such as class selector like $(".myclass").html("this will work as well."); .

Rerender specific areas using ajax f:ajax in ui:repeat

2010-10-05T00:57:00.000-07:00

below is an example how to rerender specific areas using ajax f:ajax in ui:repeat:

In this example we just want to rerender specific elements.So,

render=":myform:myid :myform:myaddress" - these are the areas where we want to rerender after callback. Two areas will be re-rendered are elements with id=myid and id=myaddress , using a space as separator.

We need to append parent id :myform in the render attribute of f:ajax, else f:ajax will give warning render area cannot be found.

Javascript: How to fix stopped animated gif after submit a form in IE

2010-09-26T23:38:00.000-07:00

There is a known limitation in IE where the animated gif will stop animate after submit a form. This would give a problem to us if we have a situation where we want to show a loading image while waiting for the process to complete and it's non-ajax.

Below is the solution and it works in IE, FF and Chrome:
javascript:


function showIndicator() {
   var pb = document.getElementById("loading_image");
   pb.innerHTML = '';
   pb.style.display = '';
}

html:

source : http://stackoverflow.com/questions/780560/animated-gif-in-ie-stopping

My favorite shortcuts in Eclipse

2010-09-21T21:37:00.000-07:00

Below are the shortcuts that I like to use in Eclipse while doing my project.

ctrl + shift + r --> to search for specific file name within my projects.
ctrl + f : to search for specific words or when I want to replace certain words.
ctrl + h --> file search : searching for specific words that reside in any files within my project.
ctrl + i : to easily fix indentation in my code
ctrl + / : to easily comment certain lines of codes
right click --> source : all the functions that make jobs easy such as generate element comment,generate getter setter,generate constructor etc.

oracle : display all tables in database

2010-09-09T03:52:00.000-07:00


SELECT owner, table_name FROM all_tables order by OWNER ;

JSF 2 In and Out Injection with @ManagedProperty

2010-09-07T21:40:00.000-07:00

Usually during login proses, we validate the user credential, fetch the user details from database and store it in a session for the future use. Normally HttpSession is used to achieve this goal. In Seam we do this injection by using @In and @Out annotation, in JSF 2, we use @ManagedProperty.

Consider we have a login bean with request scope and a user session bean with session scope. So it would be like this :
1.user session bean


@ManagedBean(name="userSession")
@SessionScoped
public class UserSession {

   private String username;
   //getter and setter for username
}

2.login bean


@ManagedBean(name="loginActionBean")
@RequestScoped
public class loginActionBean { 

   @ManagedProperty(value = "#{userSession}")
   private UserSession userSession ;
   //getter and setter for userSession

   private String username;
   //getter and setter for username

   public String authenticate() {
      userSession.setUsername(this.username);
      return "nextpage.jsf";
   }
}

then we can get the user session value in other managed beans or our view(xhtml) by calling something like userSession.getUsername or #{userSession.username} . Again, @ManagedProperty(value = "#{userSession}") with its getter and setter must be set in the managed bean where we want to use the session.

Alternatively, we can also use FacesContext to set and get the session.

How to easily break from the inner and outer loop

2010-09-07T11:31:00.000-07:00

This how to break from the inner and outer loop.


search:
    for (i = 0; i < arrayOfInts.length; i++) {
        for (j = 0; j < arrayOfInts[i].length; j++) {
            if (arrayOfInts[i][j] == searchfor) {
                foundIt = true;
                break search;
            }
        }
    }

reference:
Refer to: http://java.sun.com/docs/books/tutorial/java/nutsandbolts/branch.html

JSF 2 :my application issue with browser back button

2010-09-07T09:03:00.000-07:00

I created a simple app where only logged in users are able to view the page. So :
1st, I implemented a filter that checks every page if the login session is alive before continue , else it will be redirected to the login page.
2nd, To prevent users from using back button to get the previous page without login, I implemented a phase listener that will set the page header using pragma no cache.

But then I found a security flaw when testing my app using FF3.0+ browser. At first, it worked as expected where pages couldn't be accessed using back button, but after 5 trials of clicking the back button, surprisingly I was able to go back to the previous page and called the action method! When I debugged it, it did go through the filter check but the login session was alive again even though it was before null and invalidated using the session.invalidate() when logout.

I did a guess that it has something to do with the default JSF 2 behavior where URL is not updated in the URL bar even though the server forwarded the navigation URL since my filter depends on the page URL to check the login session. So I added faces-redirect=true parameter at the end of the navigation URL and it solved the problem.

But another problem came. My request scope bean didn't work since adding faces-redirect=true will make the server called twice where request scope only survives a call. To solve this problem I used flash scope where it survives 2 calls - a complete redirect with URL gets updated in the URL bar.

reference:
http://www.jsfsummit.com/blog/max_katz/2010/07/learning_jsf2_using_flash_scope

JSF 2 invoke action method on page load

2010-09-07T07:47:00.000-07:00

There are several ways to automatically invoke back-end bean/action in JSF 2 on page load or when reach a specific URL. Among the ways that I recognized are :

1. using annotation @PostConstruct
If we annotate a method with @PostConstruct, it will be called at bean initialization.


   @PostConstruct
   public void init() {
      //code here
   }

2. using f:event.

3. using binding attribute
JSF 2 tags which have binding attibute such as h:form ,h:panelGroup, h:commandLink will invoke the method that binds to these elements.

It's important to understand the scope concept in JSF 2 to get the desired result. We might want to load the action method 1 time only and then proceed with another logic that trigger another action in the same page but end up calling this on load action method every time before invoke the real method that we want. Check the scope.

If it's request scope then it will be called each time we invoke any methods in the page since request scope only lasts for a call and the bean will be initialized again in the next call. Change it to view scope or session scope will extend the life time of the bean.

ping ip address every Nth second to keep VPN connection alive

2010-08-29T19:30:00.000-07:00

Sometimes 'ping myipadress -t' to keep vpn connection alive doesn't work. Below is Java way.


import java.io.IOException;
import java.net.InetAddress;
import java.net.UnknownHostException;
public class VPNKeepAlive {
   public final static int TIMEOUT = 3000;
   public final static String URL = "myipaddress"; //ip address or domain name
   public static void main(String[] args) {
      try {
         InetAddress inetAddress = InetAddress.getByName(URL);
         while(true) {
            if(inetAddress.isReachable(TIMEOUT)) {
               Thread.sleep(60000);
            }
         }
      } catch (UnknownHostException e) {
         System.err.println(e);
      } catch (IOException e) {
         System.err.println(e);
      } catch (InterruptedException e) {
         System.err.println(e);
      }
   }
}

PHP Y2K38 Bug :furthest date can be stored is on 19 January 2038 ?

2010-08-25T22:28:00.000-07:00


$date = '2040-02-01';
$format = 'l d F Y H:i';
$mydate1 = strtotime($date);
echo date($format, $mydate1);

If you’re seeing a date in the late 60’s or early 70’s ,your php affected by Y2K38 Bug.

alternative solution:

Use DateTime class in PHP version 5.2.


$mydate2 = new DateTime($date);
$mydate2->format($format),

javascript : trim white space

2010-08-24T22:24:00.000-07:00


// trim blank space at the string
function trim_string( string ) {
   return string.replace(/(^\s*)|(\s*$)/g, '');
}

// trim blank space at the beginning
function left_trim_string( string ) {
   return string.replace(/(^\s*)/g, '');
}

// trim blank space at the end
function right_trim_string( string ) {
   return string.replace(/(\s*$)/g, '');
}

jquery find selected checkbox

2010-08-22T21:38:00.000-07:00

this code will go thru for every checkbox that is checked.
example :


$("input[type=checkbox]:checked").each(function() {
//code here
});
//$("<element>[<attribute>=<value>]:<condition>")

Fast searching with jquery selector

2010-08-18T20:47:00.000-07:00

If you wish to use any of the meta-characters (#;&,.+*~':"!^$[]()=>|/ ) as a literal part of a name, you must escape the character with two backslashes: \\. For example, if you have an an input with name="names[]", you can use the selector$("input[name=names\\[\\]]").

Attribute Contains Selector [name*=value]
Attribute
Selects elements that have the specified attribute with a value containing the a given substring.
Attribute Contains Word Selector [name~=value]
Attribute
Selects elements that have the specified attribute with a value containing a given word, delimited by spaces.
Attribute Ends With Selector [name$=value]
Attribute
Selects elements that have the specified attribute with a value ending exactly with a given string.
Attribute Equals Selector [name=value]
Attribute
Selects elements that have the specified attribute with a value exactly equal to a certain value.
Attribute Not Equal Selector [name!=value]
Attribute
Select elements that either don't have the specified attribute, or do have the specified attribute but not with a certain value.
Attribute Starts With Selector [name^=value]
Attribute
Selects elements that have the specified attribute with a value beginning exactly with a given string.

full reference : http://api.jquery.com/category/selectors/
jquery selector cheat sheet : http://www.skidoosh.co.uk/jquery/jquery-selectors-and-attribute-selectors-reference-and-examples-v2/

Java : singleton with example

2010-07-27T18:57:00.000-07:00

A singleton is a class that can be instantiated once, and only once. The restriction on the singleton is that there can be only one instance of a singleton created by the Java Virtual Machine (JVM). Often in designing a system, we want to control how an object is used, and prevent others (ourselves included) from making copies of it or creating new instances. For example, a central configuration object that stores setup information should have one and one only instance - a global copy accessible from any part of the application, including any threads that are running.


public class SingletonObject {
   //marked as private so that class can't be directly instantiated
   private SingletonObject() {
      // no code req'd
   }

   //add synchronized keyword to prevent thread making a new copy
   public static synchronized SingletonObject getSingletonObject() {
      if (ref == null) {
         // it's ok, we can call this constructor
         ref = new SingletonObject();
      }
      return ref;
   }

   //overwrite default clone method so that this class can't be cloned
   public Object clone()
   throws CloneNotSupportedException {
      throw new CloneNotSupportedException();
      // that'll teach 'em
   }

   private static SingletonObject ref;
}

reference : http://www.javacoffeebreak.com/articles/designpatterns/index.html

Java enum switch/if-else statement example

2010-07-26T20:52:00.000-07:00

1.using switch example


public class JavaEnumSwitchCaseExample {

   enum Margin
   {
      TOP, RIGHT, BOTTOM, LEFT
   }

   public static void main(String[] args)
   {
      System.out.println(getMarginValue(Margin.TOP));
   }

   public static String getMarginValue(Margin margin)
   {
      switch (margin) {
         case TOP: return "1em";
         case RIGHT: return "12px";
         case BOTTOM: return "1.5em";
         case LEFT: return "6px";
         default: return null;
      }
   }
} //end of class

2. using if-else example


public class JavaEnumIfThenExample {

   public enum Day
   {
      SUNDAY, MONDAY, TUESDAY, WEDNESDAY, THURSDAY, FRIDAY, SATURDAY
   }

   public static void main(String[] args)
   {
      Day theDay = Day.THURSDAY;
      printDayGreeting(theDay);
   }

   public static void printDayGreeting(Day day)
   {
      if (day == Day.FRIDAY)
         System.out.println("TGIF");
      else
         System.out.println("Some other day");
   }
} //end of class

reference : http://www.devdaily.com/java/using-java-enum-examples-tutorial

java : Enum - examples

2010-07-26T20:38:00.000-07:00


public enum Status {
   Open("O"), Closed("C"), Reopened("R")
   final String code;
   Status(String code) {
      this.code = code;
   }
};

you can use the attribute as you would for any other class, eg:


Status[] values = Status.values();
for(Status statue : values) {
   System.out.println(status.code + " - " + status);
}

result:
O - Open
C - Closed
R - Reopened

1.enum String:


Open("O"), Closed("C"), Reopened("R")

2.enum range:


Low(0,100), Medium(101,1000), High(1000, 10000);

3. enum boolean:


Open(true), Closed(false), Reopened(true);

reference :http://java.dzone.com/blogs/mrjohnsmart/2008/05/19/a-short-primer-java-enums-part

JAVA: tips for single thread AND multi thread

2010-07-26T19:54:00.000-07:00

1. Use Vector if there are multiple threads and ArrayList if there is only a single thread.
2. Use Hashtable if there are multiple threads and HashMap if there is only a single thread.
3. Use StringBuffer if there are multiple threads and StringBuilder if there is only a single thread.

CSS: how do I vertically-center something?

2010-07-21T00:25:00.000-07:00

css:


#myoutercontainer { position:relative }
#myinnercontainer { position:absolute; top:50%; height:10em; margin-top:-5em }

html:



   
      Hey look! I'm vertically centered!

      How sweet is this?!

alternative way:
rules : You have only a single line of text that you want to center

css:


#myoutercontainer2 { line-height:4em }

html:

Hey, this is vertically centered. Yay!

CSS : create scrollbar when reach max height - IE and FF

2010-07-05T19:39:00.000-07:00


.overflowdiv-dr {
   height: expression( this.scrollHeight > 449 ? "450px" : "auto" ); /* sets max-height for IE */
   max-height: 450px; /* sets max-height value for all standards-compliant browsers */
   overflow:auto;
}

apply to div,table or container etc.

jquery - ajax $.post example

2010-06-21T19:33:00.000-07:00

The main aim is to be able to just drop the javascript on top of the HMTL form in a progressive enhancement style so that the underlying HTML form would work even if the javascript is turned off.
1. html:




   Name
   
   Email
   
   Website

2. jquery to overriding the form’s submit event so that it will use the AJAX post rather than the normal POST:


function submitAjax()
{
   $('#submit').val('Logging In...');
   $.post($("#html-form").attr('action'), $("#html-form").serialize(),function(data){
      $('#submit').val('Login');
      if(data == 'success'){
         $('#message').html('Successfully Completed the Form').removeClass('error').css('visibility','visible');
      } else {
         $('#message').html('Error: ' +  data).addClass('error').css('visibility','visible');
      }
   });
}

3. in the process.php :


if(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
   //Do AJAX reply's in here
} else {
   //Do normal form processing here
}

example:full reference : http://blog.gilbertpellegrom.co.uk/post/565731118/html-forms-to-ajax-forms-the-easy-way

some commonly used unix/linux commands

2010-05-23T20:01:00.000-07:00

change directory : cd |space||path| *tips : type prefix letter and use tab for auto selection
view list : ls -ltr
copy : cp -rf |source||space||destination|
delete : rm -rf |source|

move : mv |source||space||destination|
see log : tail -f server.log

see log in log file : vi server.log
to scroll up : CTRL + P
to scroll down : CTRL + D

find file/directory starts with: find / -mount -name 'filename*'

reference: 1.http://student.santarosa.edu/unix_commands.html
2.http://www.codecoffee.com/tipsforlinux/articles/21.html

Compress .ear folder as .ear compressed file

2010-05-23T18:59:00.000-07:00

to .ear
jar -vcf ..\myearfile.ear myearfile.ear

java archive : from .jar to unjar to .jar again

2010-05-23T18:57:00.000-07:00

to unjar: jar -xvf abc.jar
to jar : jar cf abc.jar *

shortcut for running windows remote desktop

2010-03-07T07:34:00.000-08:00

start--> run--> type mstsc

windows command shell to run all sqls in a folder for oracle /sqlplus

2010-03-07T07:28:00.000-08:00

let say u have a set of sqls to run in a folder(sql1.sql,sql2.sql,sql3.sql bla bla bla..), this script might be useful.

create a batch file(open notepad, save as "runme.bat"), put command below:-


set username=%1
set password=%2
set sid=%3
for %%X in (*.sql) do (
   echo exit | sqlplus %username%/%password%@%sid% @%%X
)

serve the parameter to run it in windows command prompt, for example:-


runme.bat mydatabase mypassword mysid

oracle - check cursor (connection)

2009-11-08T19:15:00.001-08:00


--total cursors open, by session
select a.value, s.username, s.sid, s.serial#
from v$sesstat a, v$statname b, v$session s
where a.statistic# = b.statistic#  and s.sid=a.sid
and b.name = 'opened cursors current';

-- monitor cursor by machine
SELECT s.machine, oc.user_name, oc.sql_text, count(1)
FROM v$open_cursor oc, v$session s
WHERE oc.sid = s.sid
GROUP BY user_name, sql_text, machine
HAVING COUNT(1) > 2
ORDER BY count(1) DESC
;

--total cursors open, by username & machine
select sum(a.value) total_cur, avg(a.value) avg_cur, max(a.value) max_cur,
s.username, s.machine
from v$sesstat a, v$statname b, v$session s
where a.statistic# = b.statistic#  and s.sid=a.sid
and b.name = 'opened cursors current'
group by s.username, s.machine
order by 1 desc;

-- check highest opened cursor
select max(a.value) as highest_open_cur, p.value as max_open_cur
from v$sesstat a, v$statname b, v$parameter p
where a.statistic# = b.statistic#
and b.name = 'opened cursors current'
and p.name= 'open_cursors'
group by p.value;

--session cached cursors, by session
select a.value, s.username, s.sid, s.serial#
from v$sesstat a, v$statname b, v$session s
where a.statistic# = b.statistic#  and s.sid=a.sid
and b.name = 'session cursor cache count' ;

select c.user_name, c.sid, sql.sql_text
from v$open_cursor c, v$sql sql
where c.sql_id=sql.sql_id  -- for 9i and earlier use: c.address=sql.address
and c.sid=&sid
;

--session cached cursors, for a given SID, compared to max
select a.value curr_cached, p.value max_cached, s.username, s.sid, s.serial#
from v$sesstat a, v$statname b, v$session s, v$parameter2 p
where a.statistic# = b.statistic#  and s.sid=a.sid and a.sid=&sid
and p.name='session_cached_cursors'
and b.name = 'session cursor cache count' ;

maintain div scrollbar position

2009-10-21T18:17:00.000-07:00

The key is document.getElementById("yourdiv").scrollTop


function getScrollXY() {
   document.getElementById("scroll_position").value = document.getElementById("screenDiv").scrollTop;
}         
function setScrollXY() {
   var pos = document.getElementById("scroll_position").value;
   var objDiv = document.getElementById("screenDiv");
   objDiv.scrollTop = parseInt(pos);
}

detect if javascript function exist

2009-08-04T19:44:00.000-07:00


function loadLaunchProp() {
}
if( window.loadLaunchProp ) {
   loadLaunchProp();
}

jquery : html encode - decode

2009-06-17T21:12:00.000-07:00

source : http://www.edentity.ca/WhoWeAre/Blog/Easy-Client-Side-html-EncodeDecode-using-jQuery.aspx

more on xss attack : http://www.ibm.com/developerworks/web/library/wa-secxss/

Free xhtml/css templates for WEB DESIGN and stuffs

2009-06-10T18:56:00.000-07:00

some links:

http://www.templateworld.com/free_templates_2_5_0.html

http://www.csstemplatesweb.com/tag/web-20/

docking box

2009-06-10T18:52:00.000-07:00

a good javascript library for creating docking box

http://www.brothercake.com/site/resources/scripts/dbx/

javascript - moving tool tip

2009-06-02T19:54:00.000-07:00

basic & simple code that I use to do moving tool tip.
1.javascript:

2.html:



   Hello World

Span 1

reload browser ONLY once

2009-06-02T03:13:00.000-07:00

Sometimes there's a need to reload a browser only once. This works in IE and FF.


//  Published at: scripts.tropicalpcsolutions.com
var reloaded = false;
var loc=""+document.location;
loc = loc.indexOf("?reloaded=")!=
   -1?loc.substring(loc.indexOf("?reloaded=")+
   10,loc.length):"";
loc = loc.indexOf("&")!=-1?loc.substring(0,loc.indexOf("&")):loc;
reloaded = loc!=""?(loc=="true"):reloaded;

function reloadOnceOnly() {
    if (!reloaded) 
        window.location.replace(
           window.location+"?reloaded=true");
}

//You can call this via the body tag if desired
reloadOnceOnly();

IE:fixing innerHTML - ajax callback

2009-06-01T05:56:00.000-07:00

innerHTML can cause some problems, particularly in Internet Explorer. If you use innerHTML to add or update form elements, all sorts of screwiness can occur. Sometimes the data from the newly added elements won’t be included when the form is submitted to the server. This is a solution that works in IE:


var newdiv = document.createElement("div");
newdiv.innerHTML = xhr.responseText;
var container = document.getElementById("container");
container.appendChild(newdiv);

regular expressions in javascript

2009-05-31T21:50:00.000-07:00

various functions to validate or format string in Javascript.


/********************************************
FILE: RegExpValidate.js

DESCRIPTION: This file contains a library of validation functions using javascript regular expressions. Library also contains functions that reformat fields for display or for storage.

  VALIDATION FUNCTIONS:

  validateEmail - checks format of email address
  validateUSPhone - checks format of US phone number
  validateNumeric - checks for valid numeric value
  validateInteger - checks for valid integer value
  validateNotEmpty - checks for blank form field
  validateUSZip - checks for valid US zip code
  validateUSDate - checks for valid date in US format
  validateValue - checks a string against supplied pattern

  FORMAT FUNCTIONS:

  rightTrim - removes trailing spaces from a string
  leftTrim - removes leading spaces from a string
  trimAll - removes leading and trailing spaces from a string
  removeCurrency - removes currency formatting characters (), $
  addCurrency - inserts currency formatting characters
  removeCommas - removes comma separators from a number
  addCommas - adds comma separators to a number
  removeCharacters - removes characters from a string that match 
  passed pattern

AUTHOR: Karen Gayda

DATE: 03/24/2000
*************************************************/

function validateEmail( strValue) {
/************************************************
DESCRIPTION: Validates that a string contains a
  valid email pattern.

 PARAMETERS:
   strValue - String to be tested for validity

RETURNS:
   True if valid, otherwise false.

REMARKS: Accounts for email with country appended
  does not validate that email contains valid URL
  type (.com, .gov, etc.) or valid country suffix.
*************************************************/
var objRegExp  =
 /(^[a-z]([a-z_\.]*)@([a-z_\.]*)([.][a-z]{3})$)|(^[a-z]([a-z_\.]*)@
  ([a-z_\.]*)(\.[a-z]{3})(\.[a-z]{2})*$)/i;

  //check for valid email
  return objRegExp.test(strValue);
}

function validateUSPhone( strValue ) {
/************************************************
DESCRIPTION: Validates that a string contains valid
  US phone pattern.
  Ex. (999) 999-9999 or (999)999-9999

PARAMETERS:
   strValue - String to be tested for validity

RETURNS:
   True if valid, otherwise false.
*************************************************/
  var objRegExp  = /^\([1-9]\d{2}\)\s?\d{3}\-\d{4}$/;

  //check for valid us phone with or without space between
  //area code
  return objRegExp.test(strValue);
}

function  validateNumeric( strValue ) {
/***********************************************
DESCRIPTION: Validates that a string contains only valid numbers.

PARAMETERS:
   strValue - String to be tested for validity

RETURNS:
   True if valid, otherwise false.
************************************************/
  var objRegExp  =  /(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/;

  //check for numeric characters
  return objRegExp.test(strValue);
}

function validateInteger( strValue ) {
/************************************************
DESCRIPTION: Validates that a string contains only
    valid integer number.

PARAMETERS:
   strValue - String to be tested for validity

RETURNS:
   True if valid, otherwise false.
**************************************************/
  var objRegExp  = /(^-?\d\d*$)/;

  //check for integer characters
  return objRegExp.test(strValue);
}

function validateNotEmpty( strValue ) {
/************************************************
DESCRIPTION: Validates that a string is not all
  blank (whitespace) characters.

PARAMETERS:
   strValue - String to be tested for validity

RETURNS:
   True if valid, otherwise false.
*************************************************/
   var strTemp = strValue;
   strTemp = trimAll(strTemp);
   if(strTemp.length > 0){
     return true;
   }
   return false;
}

function validateUSZip( strValue ) {
/************************************************
DESCRIPTION: Validates that a string a United
  States zip code in 5 digit format or zip+4
  format. 99999 or 99999-9999

PARAMETERS:
   strValue - String to be tested for validity

RETURNS:
   True if valid, otherwise false.

*************************************************/
var objRegExp  = /(^\d{5}$)|(^\d{5}-\d{4}$)/;

  //check for valid US Zipcode
  return objRegExp.test(strValue);
}

function validateUSDate( strValue ) {
/************************************************
DESCRIPTION: Validates that a string contains only
    valid dates with 2 digit month, 2 digit day,
    4 digit year. Date separator can be ., -, or /.
    Uses combination of regular expressions and
    string parsing to validate date.
    Ex. mm/dd/yyyy or mm-dd-yyyy or mm.dd.yyyy

PARAMETERS:
   strValue - String to be tested for validity

RETURNS:
   True if valid, otherwise false.

REMARKS:
   Avoids some of the limitations of the Date.parse()
   method such as the date separator character.
*************************************************/
  var objRegExp = /^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{4}$/
 
  //check to see if in correct format
  if(!objRegExp.test(strValue))
    return false; //doesn't match pattern, bad date
  else{
    var strSeparator = strValue.substring(2,3) 
    var arrayDate = strValue.split(strSeparator); 
    //create a lookup for months not equal to Feb.
    var arrayLookup = { '01' : 31,'03' : 31, 
                        '04' : 30,'05' : 31,
                        '06' : 30,'07' : 31,
                        '08' : 31,'09' : 30,
                        '10' : 31,'11' : 30,'12' : 31}
    var intDay = parseInt(arrayDate[1],10); 

    //check if month value and day value agree
    if(arrayLookup[arrayDate[0]] != null) {
      if(intDay <= arrayLookup[arrayDate[0]] && intDay != 0)
        return true; //found in lookup table, good date
    }
    
    //check for February (bugfix 20050322)
    //bugfix  for parseInt kevin
    //bugfix  biss year  O.Jp Voutat
    var intMonth = parseInt(arrayDate[0],10);
    if (intMonth == 2) { 
       var intYear = parseInt(arrayDate[2]);
       if (intDay > 0 && intDay < 29) {
           return true;
       }
       else if (intDay == 29) {
         if ((intYear % 4 == 0) && (intYear % 100 != 0) || 
             (intYear % 400 == 0)) {
              // year div by 4 and ((not div by 100) or div by 400) ->ok
             return true;
         }   
       }
    }
  }  
  return false; //any other values, bad date
}

function validateValue( strValue, strMatchPattern ) {
/************************************************
DESCRIPTION: Validates that a string a matches
  a valid regular expression value.

PARAMETERS:
   strValue - String to be tested for validity
   strMatchPattern - String containing a valid
      regular expression match pattern.

RETURNS:
   True if valid, otherwise false.
*************************************************/
var objRegExp = new RegExp( strMatchPattern);

 //check if string matches pattern
 return objRegExp.test(strValue);
}


function rightTrim( strValue ) {
/************************************************
DESCRIPTION: Trims trailing whitespace chars.

PARAMETERS:
   strValue - String to be trimmed.

RETURNS:
   Source string with right whitespaces removed.
*************************************************/
var objRegExp = /^([\w\W]*)(\b\s*)$/;

      if(objRegExp.test(strValue)) {
       //remove trailing a whitespace characters
       strValue = strValue.replace(objRegExp, '$1');
    }
  return strValue;
}

function leftTrim( strValue ) {
/************************************************
DESCRIPTION: Trims leading whitespace chars.

PARAMETERS:
   strValue - String to be trimmed

RETURNS:
   Source string with left whitespaces removed.
*************************************************/
var objRegExp = /^(\s*)(\b[\w\W]*)$/;

      if(objRegExp.test(strValue)) {
       //remove leading a whitespace characters
       strValue = strValue.replace(objRegExp, '$2');
    }
  return strValue;
}

function trimAll( strValue ) {
/************************************************
DESCRIPTION: Removes leading and trailing spaces.

PARAMETERS: Source string from which spaces will
  be removed;

RETURNS: Source string with whitespaces removed.
*************************************************/
 var objRegExp = /^(\s*)$/;

    //check for all spaces
    if(objRegExp.test(strValue)) {
       strValue = strValue.replace(objRegExp, '');
       if( strValue.length == 0)
          return strValue;
    }

   //check for leading & trailing spaces
   objRegExp = /^(\s*)([\W\w]*)(\b\s*$)/;
   if(objRegExp.test(strValue)) {
       //remove leading and trailing whitespace characters
       strValue = strValue.replace(objRegExp, '$2');
    }
  return strValue;
}

function removeCurrency( strValue ) {
/************************************************
DESCRIPTION: Removes currency formatting from
  source string.

PARAMETERS:
  strValue - Source string from which currency formatting
     will be removed;

RETURNS: Source string with commas removed.
*************************************************/
  var objRegExp = /\(/;
  var strMinus = '';

  //check if negative
  if(objRegExp.test(strValue)){
    strMinus = '-';
  }

  objRegExp = /\)|\(|[,]/g;
  strValue = strValue.replace(objRegExp,'');
  if(strValue.indexOf('$') >= 0){
    strValue = strValue.substring(1, strValue.length);
  }
  return strMinus + strValue;
}

function addCurrency( strValue ) {
/************************************************
DESCRIPTION: Formats a number as currency.

PARAMETERS:
  strValue - Source string to be formatted

REMARKS: Assumes number passed is a valid
  numeric value in the rounded to 2 decimal
  places.  If not, returns original value.
*************************************************/
  var objRegExp = /-?[0-9]+\.[0-9]{2}$/;

    if( objRegExp.test(strValue)) {
      objRegExp.compile('^-');
      strValue = addCommas(strValue);
      if (objRegExp.test(strValue)){
        strValue = '(' + strValue.replace(objRegExp,'') + ')';
      }
      return '$' + strValue;
    }
    else
      return strValue;
}

function removeCommas( strValue ) {
/************************************************
DESCRIPTION: Removes commas from source string.

PARAMETERS:
  strValue - Source string from which commas will
    be removed;

RETURNS: Source string with commas removed.
*************************************************/
  var objRegExp = /,/g; //search for commas globally

  //replace all matches with empty strings
  return strValue.replace(objRegExp,'');
}

function addCommas( strValue ) {
/************************************************
DESCRIPTION: Inserts commas into numeric string.

PARAMETERS:
  strValue - source string containing commas.

RETURNS: String modified with comma grouping if
  source was all numeric, otherwise source is
  returned.

REMARKS: Used with integers or numbers with
  2 or less decimal places.
*************************************************/
  var objRegExp  = new RegExp('(-?[0-9]+)([0-9]{3})');

    //check for match to search criteria
    while(objRegExp.test(strValue)) {
       //replace original string with first group match,
       //a comma, then second group match
       strValue = strValue.replace(objRegExp, '$1,$2');
    }
  return strValue;
}

function removeCharacters( strValue, strMatchPattern ) {
/************************************************
DESCRIPTION: Removes characters from a source string
  based upon matches of the supplied pattern.

PARAMETERS:
  strValue - source string containing number.

RETURNS: String modified with characters
  matching search pattern removed

USAGE:  strNoSpaces = removeCharacters( ' sfdf  dfd',
                                '\s*')
*************************************************/
 var objRegExp =  new RegExp( strMatchPattern, 'gi' );

 //replace passed pattern matches with blanks
  return strValue.replace(objRegExp,'');
}

initiate onclick event for FF and IE

2009-05-31T21:23:00.000-07:00

sometimes there's a need to initiate an event.This perfectly works if FF doesn't work with event function such as .click().


function fireEvent(obj,evt) { 
   var fireOnThis = obj;
   if( document.createEvent ) {
      var evObj = document.createEvent('MouseEvents');
      evObj.initEvent( evt, true, false );
      fireOnThis.dispatchEvent(evObj);
   } else if( document.createEventObject ) {
      fireOnThis.fireEvent('on'+evt);
   }
}
function initiateEventCall(id) {
   if(navigator.appName == 'Microsoft Internet Explorer') {
      document.getElementById(id).click();
   } else {
      fireEvent(document.getElementById(id),'click');
   }
}

js date validation

2009-05-28T20:21:00.000-07:00

this is a simple date validation that uses regular expression as a
validator.Otherwise we'll end up writing a long math function to
validate a date.

this code only validates mm/dd/yyyy format but it should be easy to be modified to support other formats.


function isDate(sDate) {
   var re = /^\d{1,2}\/\d{1,2}\/\d{4}$/;
   if (re.test(sDate)) {
      var dArr = sDate.split("/");
      var d = new Date(sDate);
      return d.getMonth() + 1 == dArr[0] && d.getDate() == dArr[1] && d.getFullYear() == dArr[2];
   }
   else {
      return false;
   }
}

reference : codingforums.com

centralize a div

2009-05-28T19:28:00.001-07:00

easy way to centralize a div.


margin-left: auto ;
margin-right: auto ;

bind the above css code to your div.

if u want things inside the div to be centralized, just add another css :


text-align:center;

put below's code just before <html> markup to apply xhtml. This is important or it will not work.


<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

snippet

the anatomy of wordpress

svn commands to dump and load project

Java how to split a string with "." (a dot)

htaccess for redirection

htaccess to display subfolder as the domain name

html background generator

Yii how to pass parameters from the action to the view.

Some Oracle commands

learn the basics of design

30 stunning web design portfolio

web layout guidelines

guidelines for responsive web design

Connect Yii SwiftMailer to gmail server

TNS-12519: TNS:no appropriate service handler found in Oracle10g XE

JavaScript for PHP

enable remote access to Oracle10g XE

50 beautiful portfolio design

Links from drop.io

JSF 2 : Detect Browser type using EL Expression

load javascript asynchronously using managedXHR

JSF 2 Autocomplete

JSF 2 Pass enum value as parameter

Get selected row in h:dataTable via DataModel

JSF 2 : How to pass parameter

good and bad writing habit in Javascript

Issue with JSF and Jquery Id

Rerender specific areas using ajax f:ajax in ui:repeat

Javascript: How to fix stopped animated gif after submit a form in IE

My favorite shortcuts in Eclipse

oracle : display all tables in database

JSF 2 In and Out Injection with @ManagedProperty

How to easily break from the inner and outer loop

JSF 2 :my application issue with browser back button

JSF 2 invoke action method on page load

ping ip address every Nth second to keep VPN connection alive

PHP Y2K38 Bug :furthest date can be stored is on 19 January 2038 ?

javascript : trim white space

jquery find selected checkbox

Fast searching with jquery selector

Attribute Contains Selector [name*=value]

Attribute Contains Word Selector [name~=value]

Attribute Ends With Selector [name$=value]

Attribute Equals Selector [name=value]

Attribute Not Equal Selector [name!=value]

Attribute Starts With Selector [name^=value]

Java : singleton with example

Java enum switch/if-else statement example

java : Enum - examples

JAVA: tips for single thread AND multi thread

CSS: how do I vertically-center something?

CSS : create scrollbar when reach max height - IE and FF

jquery - ajax $.post example

some commonly used unix/linux commands

Compress .ear folder as .ear compressed file

java archive : from .jar to unjar to .jar again

shortcut for running windows remote desktop

windows command shell to run all sqls in a folder for oracle /sqlplus

oracle - check cursor (connection)

maintain div scrollbar position

detect if javascript function exist

jquery : html encode - decode

Free xhtml/css templates for WEB DESIGN and stuffs

docking box

javascript - moving tool tip

reload browser ONLY once

IE:fixing innerHTML - ajax callback

regular expressions in javascript

initiate onclick event for FF and IE

js date validation

centralize a div