>> Developers’ Land of Web Strait.

<script language=”javascript” type=”text/javascript”>
    /**************** Start : Common Functions Part *****************/
    /***
    Function : getElementsByClassName
    Description : To get the element by class name.
    */
    document.getElementsByClassName = function(strCssClassName) {
        var docList = this.all || this.getElementsByTagName('*');
        var matchArray = new Array();

        /* Create a regular expression object for class */
        var re = new RegExp("(?:^|\\s)"+strCssClassName+"(?:\\s|$)");

        for (var i = 0; i < docList.length; i++) {

            if (re.test(docList[i].className) ) {
                matchArray[matchArray.length] = docList[i];
            } // - end: if
        } // - end: for

        return matchArray;
    }

    /***
    Function : getUrlParam
    Description : To get the url params by name.
    */
    function getUrlParam(name, url) {
        name = name.replace(/[\[]/,”\\\[”).replace(/[\]]/,”\\\]”);

        var regexS = “[\\?&]”+name+”=([^&#]*)”;
        var regex = new RegExp(regexS);
        var results = regex.exec(url);

        if( results == null ) {
            return “”;
        }
        else {
            return results[1];
        } // - end: if
    }
    /************** End : Common Functions Part ****************/

    /***
  * Start : To fire the DomOnLoad function once the DOM for the page has been constructed or loaded.
  * It’s more advantageous over the window.onload.
  * As it need not to wait all the images, flash objects & etc to be finish loaded first.
  */
    var bolDomLoaded = false;

    if(typeof DomOnLoad == ‘function’) {

        if (document.addEventListener && bolDomLoaded == false) { // For Firefox
            document.addEventListener(”DOMContentLoaded”, function(){bolDomLoaded = true; DomOnLoad();}, false);
        }
        else if (/Safari/i.test(navigator.userAgent)){ // For Safari
            var _timer = setInterval(function(){

                if(/loaded|complete/.test(document.readyState) && bolDomLoaded == false){
                    clearInterval(_timer);
                    bolDomLoaded = true;
                    DomOnLoad(); // call target function
                } // - end: if
            }, 10);
        }
        else if (document.all && !window.opera) { // For IE
            document.write(’<script type=”text/javascript” id=”contentloadtag” defer=”defer” src=”javascript:void(0)”><\/script>’);
            var objContentLoadTag = document.getElementById(”contentloadtag”);

            objContentLoadTag.onreadystatechange = function(){

                if ((this.readyState == “complete” || this.readyState == “loaded”) && bolDomLoaded == false){
                    bolDomLoaded = true;
                    DomOnLoad();
                } // - end: if
            }
        } // - end: if else
    } // - end: if
    /***
    * End : To fire the DomOnLoad function once the DOM for the page has been constructed or loaded.
    */

    /***
    Function : addEventsByClassName
    Description : To add new events to a HTML element by the name of css class(i.e.currently only for onclick event).
    */
    function addEventsByClassName(arrCssClasses){

        for(j = 0; j < arrCssClasses.length; j++) {

            strCssClass = arrCssClasses[j];
            objElements = document.getElementsByClassName(strCssClass);

            for(i = 0; i < objElements.length; i++){

                // - Onclick Event
                objElements[i].onclick = function(){
                    var strTitle = this.title || this.name || null;
                    var strUrl = this.href || this.alt;
                    var strRel = this.rel || false;

                    eval(strCssClass + “(strUrl, strTitle, strRel);”);
                    //alert(getUrlParam(’name’, this.href));
                    this.blur();

                    if(window.event) {
                        event.returnValue = false;
                    }
                    else {
                        return false;
                    } // - end: if else
                };
                // - Further Events…
            } // - end: for
        } // - end: for
    }

    /***
    Function : DomOnLoad
    Description : It will be called once the DOM for the page has been constructed or loaded.
    */
    function DomOnLoad() {
        var arrCssClasses = Array(’getnewsdetails’);
        addEventsByClassName(arrCssClasses);
    }

    /***
    Function : window.onload
    Description : As a backup solution to the other browsers in which failed to call the DomOnLoad function.
    */
    window.onload = function(){
        setTimeout(”if(!bolDomLoaded){addEventsByClassName(Array(’getnewsdetails’));}”, 0);
    }

    /***
    Function : getnewsdetails
    Description : It’s name must be same as the CSS class in the SEO-Ajax activated hyperlinks.
    */
    function getnewsdetails(strUrl, strTitle, strRel) {
        id = getUrlParam(’id’, strUrl);
        getNewDetailsByAjax(id);
    }
</script>

<a class=”getnewsdetails” href=”http://www.example.com?id=1&type=details” >News item 1</a>
<a class=”getnewsdetails” href=”http://www.example.com?id=2&type=details” >News item 2</a>
<a class=”getnewsdetails” href=”http://www.example.com?id=3&type=details” >News item 3</a>