Confirm Dialog box in Visualforce

Confirm Dialog box in Visualforce

Visualforce Page:

<apex:page tabstyle="account">
    <apex:form>
        <apex:pageBlock>
            <apex:pageBlockSection title="Confirm dialog Demo" collpsible="true">
            <apex:outputText> please click on button to populate confirm dialog</apex:outputText>
                 <apex:commandButton value="click to confirm" onclick="return confirm('are you want to submit');"/>
            </apex:pageBlockSection>
        </apex:pageBlock>
     
    </apex:form>
</apex:page>

to see click:http://apl-developer-edition.ap1.force.com/confirm_Page

Continue

Amazing new Features of winter 14 Part - 1

A ) You can now include up to 35 child-to-parent relationships in a SOQL query. The previous limit was 25.
B ) 5000 character limit for comment posting earlier it was 1000
C ) You can now submit up to 3,000 batches per rolling 24–hour period. The previous limit was 2,000 batches.
D ) The code statement limit has been removed. To protect against infinite processes overusing shared CPU resources, the maximum CPU time for a transaction is 10,000
milliseconds for synchronous Apex, and 60,000 milliseconds for asynchronous Apex (Batch Apex and future methods).
and many more.........


link for PDF :http://res.cloudinary.com/hy4kyit2a/image/upload/salesforce_winter14_release_notes.pdf

Ref :http://developer.force.com/releases/release/Winter14

Continue

SalesForce.com Icons Available for Use

Icons available Salesforce.com

please refer below link:

http://free-121d5f44d20-121d603d1c5-121ee2b8103.force.com/force2b/salesforceicons

Reference :http://www.force2b.net/

Continue

Display Visual force Reports with different Colors alternate rows

Display Visual force Reports  with different Colors alternate rows :

url :  http://apl-developer-edition.ap1.force.com/LatestRecords

page:
<apex:page controller="Latest_record" action="{!displayRecords}">
    <style>
        table tr:nth-child(even) {
       background: #C3FAF6;
        }
        table tr:nth-child(odd) {
   
        }
    </style>


    <apex:form >
   
            <center ><b><font size="5px">Case Report!</font></b></center>
            <table width="100%" border="0.5" cellspacing="0">
                <tr bgcolor="#FABA0A">
                    <th>Case ID</th>
                    <th>Date/Time Opened</th>
                    <th>Date/Time Closed</th>
                    <th>Status</th>
                    <th>Priority</th>
                    <th>Type</th>
                    <th>Description</th>
                </tr>
                <apex:repeat value="{!lstrecords}" var="r" >
                    <tr height="50">
                        <td >
                            <apex:outputField value="{!r.id}"/>
                        </td>
                        <td>
                            <apex:outputField value="{!r.CreatedDate}"/>
                        </td>
                        <td>
                            <apex:outputField value="{!r.ClosedDate}"/>
                        </td>
                        <td>
                            <apex:outputField value="{!r.Status}"/>
                        </td>
                        <td>
                            <apex:outputField value="{!r.Priority}"/>
                        </td>
                        <td>
                            <apex:outputField value="{!r.Type}"/>
                        </td>
                        <td>
                            <apex:outputField value="{!r.Description}"/>
                        </td>
                    </tr>
                     
                </apex:repeat>
             
            </table>
             
     
    </apex:form>

</apex:page>

Class :
public class Latest_record {
    public list<case> lstrecords{get;set;}
    public void displayRecords(){
           
        lstrecords=new list<case>();
        list<string> st=new list<string>{'New','Escalated','Working','Closed'};
        for(string s:st)
        {
            list<case> c=getRecord(s);
            if(c.size()!=0)
            {
                for(case cs:c)
                {
                lstrecords.add(cs);
                }
            }
        }

     
    }
 
    public list<case> getRecord(string val){
     
        string query='select id,createddate,SlaStartDate,ClosedDate,Description,Type,Priority,Status from case where status =:val order by CreatedDate ';
        list<case> caserecord=database.query(query);
        if(caserecord!=null)
        {
        return caserecord;
        }
        return null;
    }
}

Continue

Search record in page block table without writing apex code (Using JQuery/JavaScript) in Salesforce

Most popular requirement is searching in page block table, here I have written a small piece of JavaScript code to search record in page block table i.e. client side fast search, we can also implement search algorithm in apex but that will be server site may take some time to search record it depends on the network connection/traffic.

Here the is a small piece of JavaScript with visual force page, just create a new visual force page and write this code on your page and get easy search implementable in every environment ,developer, enterprises, professional etc. and you can merge this JavaScript code also with apex: repeater ,apex:dataTable, apex:pageBlockTable etc Demo.
Visualforce Page Code:

<!--

    Title: Record search in pageblock 

    Table client side Using javaScript

    Description: This is used to run time fast 

    client side search record in table after entering text in Text box.

   

 -->

<apex:page controller="CountryDisplay" sidebar="false">

    <apex:includeScript value="{!$Resource.jquery171min}" />

    <apex:form >

        <apex:sectionHeader title="Country" subtitle="Phone Code" />

        <apex:pageMessages id="errors" />

        <apex:pageBlock title="Find Country Code !" mode="edit">

            <table width="100%" border="0">

                <tr>

                    <td width="200" valign="top">

                        <apex:pageBlock title="Parameters" mode="edit" id="criteria">

                            <table cellpadding="2" cellspacing="2">

                                <tr>

                                    <td style="font-weight: bold;">

                                    Search By Country Name <br />

                                    <input type="text" id="search" /></td>

                                    <tr>

                                        <td>

                                        <div style="text-align: center; font-size: 18px; 

                                                font-family: Calbiri; color: Black;">

                                         Time(HH:MM:SS)

                                        <div id="clock" style="text-align: center;

                                          font-size: 30px;">

                                        </div>

                                        </div>

                                        </td>

                                    </tr>

                                </tr>

                            </table>

                        </apex:pageBlock>

                    </td>

                        <td valign="top"><apex:pageBlock mode="edit" id="results">

                            <apex:pageBlockTable value="{!tempCountry}" var="contact"

                                columns="3" id="tblData">

                                <apex:column width="300">

                                    <apex:facet name="header">

                                        <apex:commandLink value="Country" action="{!toggleSort}"

                                            rerender="results,debug" />

                                    </apex:facet>

                                    <apex:outputText value="{!contact.PhoneNumber}" />

                                </apex:column>

                                <apex:column width="300">

                                    <apex:facet name="header">

                                        <apex:commandLink value="Idd Country Code"

                                            action="{!toggleSort}" rerender="results,debug" />

                                    </apex:facet>

                                    <apex:outputText value="{!contact.IddCountryCode}" />

                                </apex:column>

                                <apex:column width="200">

                                    <apex:facet name="header">

                                        <apex:commandLink value="Iso3Code" action="{!toggleSort}"

                                            rerender="results,debug" />

                                    </apex:facet>

                                    <apex:outputText value="{!contact.Iso3code}" />

                                </apex:column>

                            </apex:pageBlockTable>

                        </apex:pageBlock>

                    </td>

                </tr>

            </table>

        </apex:pageBlock>

        <script type="text/javascript">

            $(document).ready(function(){

                $('#search').keyup(function(){

                    searchTable($(this).val());

                });

            });

            /*@Usman

                Param 1:searchText

                Description: this method takes an argument and

                search records in the assigned table Id.

            */

            function searchTable(searchText)

            {

                /*get Table using its Id */

                var table = $('table[id$=tblData]');

                table.find('tr').each(function(index, row){

                    var allCells = $(row).find('td');

                    if(allCells.length > 0)

                    {

                        var found = false;

                        allCells.each(function(index, td)

                        {

                            var regExp = new RegExp(searchText, 'i');

                            if(regExp.test($(td).text()))

                            {

                                found = true;

                                return false;

                            }

                        });

                        if(found == true)$(row).show();else $(row).hide();

                    }

                });

            }            

            /*@Usman 

                Set method for every second time interval

                Parm 1(Clock) :Call custom Method to Run current Time.

                Param 2 :1000 millisecond to run watch second by second

            */

            var int = self.setInterval("clock()",1000);

            /*Clock method*/

            function clock(){

                var d=new Date();

                var t=d.toLocaleTimeString();

                document.getElementById("clock").innerHTML = "<B>" + t + "</B>";

            }

        </script>

    </apex:form>

</apex:page>

Controller:

public class CountryDisplay

{

    public String Country { get; set; }

    public String CountryWrapper { get; set; }

    public List<CountryWrapper> tempCountry {get;  set;} 

    public CountryDisplay(){

        tempCountry = new List<CountryWrapper>();

        tempCountry.add(new CountryWrapper('Albania','+355','ALB'));

        tempCountry.add(new CountryWrapper('Algeria','+213','DZA'));

        tempCountry.add(new CountryWrapper('Andorra','+376','AND'));

        tempCountry.add(new CountryWrapper('Angola','+244','AGO'));

        tempCountry.add(new CountryWrapper('Anguilla','+1264','AIA'));

        tempCountry.add(new CountryWrapper('Antigua and Barbuda','+1268','ATG'));  

        tempCountry.add(new CountryWrapper('Argentina','+54','ARG'));

        tempCountry.add(new CountryWrapper('Armenia','+374','ARM'));

        tempCountry.add(new CountryWrapper('Aruba','+297','ABW'));

        tempCountry.add(new CountryWrapper('Ascension Island','+247',''));

        tempCountry.add(new CountryWrapper('Australia','+61','AUS'));

        tempCountry.add(new CountryWrapper('Austria','+43','AUT'));  

        tempCountry.add(new CountryWrapper('Azerbaijan','+994','AZE'));

        tempCountry.add(new CountryWrapper('Bahamas','+1242','BHS'));

        tempCountry.add(new CountryWrapper('Bahrain','+973','BHR'));

        tempCountry.add(new CountryWrapper('Bangladesh','+880','BGD'));

        tempCountry.add(new CountryWrapper('Barbados','+1246','BRB'));

        tempCountry.add(new CountryWrapper('Belarus','+375','BLR'));  

        tempCountry.add(new CountryWrapper('Belgium','+32','BEL'));

        tempCountry.add(new CountryWrapper('Belize','+501','BLZ'));

        tempCountry.add(new CountryWrapper('Benin','+229','BEN'));

        tempCountry.add(new CountryWrapper('Bermuda','+1441','BMU'));

        tempCountry.add(new CountryWrapper('Bhutan','+975','BTN'));

        tempCountry.add(new CountryWrapper('Bolivia','+591','BOL'));  

        tempCountry.add(new CountryWrapper('Bosnia','+387',''));

        tempCountry.add(new CountryWrapper('Botswana','+267','BWA'));

        tempCountry.add(new CountryWrapper('Brazil','+55','BRA'));

        tempCountry.add(new CountryWrapper('British Virgin Islands','+1284',''));

        tempCountry.add(new CountryWrapper('Brunei','+673',''));

        tempCountry.add(new CountryWrapper('Bulgaria','+359','BGR'));  

        tempCountry.add(new CountryWrapper('Burkina Faso','+226','BFA'));

        tempCountry.add(new CountryWrapper('Burundi','+257','BDI'));

        tempCountry.add(new CountryWrapper('Cambodia','+855','KHM'));

        tempCountry.add(new CountryWrapper('Cameroon','+237','CMR'));

        tempCountry.add(new CountryWrapper('Canada','+1','CAN'));

        tempCountry.add(new CountryWrapper('Cape Verde Islands','+238',''));  

        tempCountry.add(new CountryWrapper('Cayman Islands','+1345','CYM'));

        tempCountry.add(new CountryWrapper('Central Africa Republic','+236',''));

        tempCountry.add(new CountryWrapper('Chad','+235','TCD'));

        tempCountry.add(new CountryWrapper('Chile','+56','CHL'));

        tempCountry.add(new CountryWrapper('China','+86','CHN'));

        tempCountry.add(new CountryWrapper('Columbia','+57',''));  

        tempCountry.add(new CountryWrapper('Comoros Island','+269',''));

        tempCountry.add(new CountryWrapper('Congo','+242','COG'));

        tempCountry.add(new CountryWrapper('Cook Islands','+682','COK'));

        tempCountry.add(new CountryWrapper('Costa Rica','+506','CRI'));

        tempCountry.add(new CountryWrapper('Croatia','+385','HRV'));

        tempCountry.add(new CountryWrapper('Cuba','+53','CUB'));  

        tempCountry.add(new CountryWrapper('Cyprus','+357','CYP'));

        tempCountry.add(new CountryWrapper('Czech Republic','+420','CZE'));

        tempCountry.add(new CountryWrapper('Democratic Republic of Congo (Zaire)','+243',''));

        tempCountry.add(new CountryWrapper('Denmark','+45','DNK'));

        tempCountry.add(new CountryWrapper('Diego Garcia','+246',''));

        tempCountry.add(new CountryWrapper('Djibouti','+253','DJI'));  

        tempCountry.add(new CountryWrapper('Dominica Islands','+1767',' '));

        tempCountry.add(new CountryWrapper('Dominican Republic','+1829',' '));

        tempCountry.add(new CountryWrapper('Dominican Republic','+1849',' '));

        tempCountry.add(new CountryWrapper('Dominican Republic','+1809','DOM'));

        tempCountry.add(new CountryWrapper('Ecuador','+593','ECU'));

        tempCountry.add(new CountryWrapper('Egypt','+20','EGY'));  

        tempCountry.add(new CountryWrapper('El Salvador','+503','SLV'));

        tempCountry.add(new CountryWrapper('Equatorial Guinea','+240','GNQ'));

        tempCountry.add(new CountryWrapper('Eritrea','+291','ERI'));

        tempCountry.add(new CountryWrapper('Estonia','+372','EST'));

        tempCountry.add(new CountryWrapper('Ethiopia','+251','ETH'));

        tempCountry.add(new CountryWrapper('Faeroe Islands','+298',''));

        tempCountry.add(new CountryWrapper('Falkland Islands','+500',' '));

        tempCountry.add(new CountryWrapper('Fiji Islands','+679',' '));

        tempCountry.add(new CountryWrapper('Finland','+358','FIN'));

        tempCountry.add(new CountryWrapper('France','+33','FRA'));

        tempCountry.add(new CountryWrapper('French Guiana','+594','GUF'));

        tempCountry.add(new CountryWrapper('French Polynesia','+689','PYF'));

        tempCountry.add(new CountryWrapper('Gabon','+241','GAB'));

        tempCountry.add(new CountryWrapper('Georgia','+995','GEO'));

        tempCountry.add(new CountryWrapper('Germany','+49','DEU'));

        tempCountry.add(new CountryWrapper('Ghana','+233','GHA'));

        tempCountry.add(new CountryWrapper('Gibraltar','+350','GIB'));

        tempCountry.add(new CountryWrapper('Greece','+30','GRC'));  

        tempCountry.add(new CountryWrapper('Greenland','+299','GRL'));

        tempCountry.add(new CountryWrapper('Grenada','+1473','GRD'));

        tempCountry.add(new CountryWrapper('Guadeloupe','+590','GLP'));

        tempCountry.add(new CountryWrapper('Guam','+1671','GUM'));

        tempCountry.add(new CountryWrapper('Guatemala','+502','GTM'));

        tempCountry.add(new CountryWrapper('Guinea Bissau','+245',''));

        tempCountry.add(new CountryWrapper('Guinea Republic','+224',' '));

        tempCountry.add(new CountryWrapper('Guyana','+592','GUY'));

        tempCountry.add(new CountryWrapper('Haiti','+509','HTI'));

        tempCountry.add(new CountryWrapper('Honduras','+504','HND'));

        tempCountry.add(new CountryWrapper('Hong Kong','+852','HKG'));

        tempCountry.add(new CountryWrapper('Hungary','+36','HUN'));

        tempCountry.add(new CountryWrapper('Iceland','+354','ISL'));

        tempCountry.add(new CountryWrapper('India','+91','IND'));

        tempCountry.add(new CountryWrapper('Indonesia','+62','IDN'));

        tempCountry.add(new CountryWrapper('Iran','+98',' '));

        tempCountry.add(new CountryWrapper('Iraq','+964','IRQ'));

        tempCountry.add(new CountryWrapper('Ireland','+353','IRL'));

        tempCountry.add(new CountryWrapper('Israel','+972','ISR'));

        tempCountry.add(new CountryWrapper('Italy','+39','ITA'));

        tempCountry.add(new CountryWrapper('Ivory Coast','+225',' '));

        tempCountry.add(new CountryWrapper('Jamaica','+1876','JAM'));

        tempCountry.add(new CountryWrapper('Japan','+81','JPN'));

        tempCountry.add(new CountryWrapper('Jordan','+962','JOR'));

        tempCountry.add(new CountryWrapper('Kazakhstan','+7','KAZ'));

        tempCountry.add(new CountryWrapper('Kenya','+254','KEN'));

        tempCountry.add(new CountryWrapper('Kiribati','+686','KIR'));

        tempCountry.add(new CountryWrapper('Kuwait','+965','KWT'));

        tempCountry.add(new CountryWrapper('Kyrgyzstan','+996','KGZ'));

        tempCountry.add(new CountryWrapper('Laos','+856',' '));

        tempCountry.add(new CountryWrapper('latvia','+371','LVA'));

        tempCountry.add(new CountryWrapper('Lebanon','+961','LBN'));

        tempCountry.add(new CountryWrapper('Lesotho','+266','LSO'));

        tempCountry.add(new CountryWrapper('Liberia','+231','LBR'));  

        tempCountry.add(new CountryWrapper('Libya','+218',' ')); 

        tempCountry.add(new CountryWrapper('Liechtenstein','+423','LIE')); 

        tempCountry.add(new CountryWrapper('Lithuania','+370','LTU')); 

        tempCountry.add(new CountryWrapper('Luxembourg','+352','LUX')); 

        tempCountry.add(new CountryWrapper('Macau','+853',' ')); 

        tempCountry.add(new CountryWrapper('Macedonia (Fyrom)','+389',' '));

        tempCountry.add(new CountryWrapper('Madagascar','+261','MDG'));

        tempCountry.add(new CountryWrapper('Malawi','+265','MWI'));

        tempCountry.add(new CountryWrapper('Malaysia','+60','MYS'));

        tempCountry.add(new CountryWrapper('Maldives Republic','+960','     '));

        tempCountry.add(new CountryWrapper('Mali','+223','MLI'));

        tempCountry.add(new CountryWrapper('Malta','+356','MLT')); 

        tempCountry.add(new CountryWrapper('Mariana Islands','+1670',' ')); 

        tempCountry.add(new CountryWrapper('Marshall Islands','+692','MHL')); 

        tempCountry.add(new CountryWrapper('Martinique','+596','MTQ')); 

        tempCountry.add(new CountryWrapper('Mauritius','+230','MUS')); 

        tempCountry.add(new CountryWrapper('Mayotte Islands','+262',' '));

        tempCountry.add(new CountryWrapper('Mexico','+52','MEX'));

        tempCountry.add(new CountryWrapper('Micronesia','+691',' '));

        tempCountry.add(new CountryWrapper('Moldova','+373','MDA'));

        tempCountry.add(new CountryWrapper('Monaco','+377','MCO'));

        tempCountry.add(new CountryWrapper('Mongolia','+976','MNG'));  

        tempCountry.add(new CountryWrapper('Montserrat','+1664','MSR')); 

        tempCountry.add(new CountryWrapper('Morocco','+212','MAR')); 

        tempCountry.add(new CountryWrapper('Mozambique','+258','MOZ'));

        tempCountry.add(new CountryWrapper('Myanmar (Burma)','+95','')); 

        tempCountry.add(new CountryWrapper('Namibia','+264','NAM')); 

        tempCountry.add(new CountryWrapper('Nauru','+674','NRU'));

        tempCountry.add(new CountryWrapper('Nepal','+977','NPL'));

        tempCountry.add(new CountryWrapper('Netherlands','+31','NLD'));

        tempCountry.add(new CountryWrapper('Netherlands Antilles','+599','ANT'));

        tempCountry.add(new CountryWrapper('New Caledonia','+687','NCL'));

        tempCountry.add(new CountryWrapper('New Zealand','+64','NZL'));  

        tempCountry.add(new CountryWrapper('Nicaragua','+505','NIC')); 

        tempCountry.add(new CountryWrapper('Niger','+227','NER')); 

        tempCountry.add(new CountryWrapper('Nigeria','+234','NGA')); 

        tempCountry.add(new CountryWrapper('Niue Island','+683',' ')); 

        tempCountry.add(new CountryWrapper('Norfolk Island','+672','NFK')); 

        tempCountry.add(new CountryWrapper('North Korea','+850',' '));

        tempCountry.add(new CountryWrapper('Norway','+47','NOR'));

        tempCountry.add(new CountryWrapper('Oman','+968','OMN'));

        tempCountry.add(new CountryWrapper('Pakistan','+92','PAK'));

        tempCountry.add(new CountryWrapper('Palau','+680','PLW'));

        tempCountry.add(new CountryWrapper('Palestine','+970',' '));  

        tempCountry.add(new CountryWrapper('Panama','+507','PAN')); 

        tempCountry.add(new CountryWrapper('Papua New Guinea','+675','PNG')); 

        tempCountry.add(new CountryWrapper('Paraguay','+595','PRY')); 

        tempCountry.add(new CountryWrapper('Peru','+51','PER')); 

        tempCountry.add(new CountryWrapper('Philippines','+63','PHL')); 

        tempCountry.add(new CountryWrapper('Poland','+48','POL'));

        tempCountry.add(new CountryWrapper('Portugal','+351','PRT'));

        tempCountry.add(new CountryWrapper('Puerto Rico','+1939',' '));

        tempCountry.add(new CountryWrapper('Puerto Rico','+1787','PRI'));

        tempCountry.add(new CountryWrapper('Qatar','+974','QAT'));

        tempCountry.add(new CountryWrapper('Reunion Island','+262',' '));  

        tempCountry.add(new CountryWrapper('Romania','+40','ROU')); 

        tempCountry.add(new CountryWrapper('Russia','+7',' ')); 

        tempCountry.add(new CountryWrapper('Rwanda','+250','RWA'));

        tempCountry.add(new CountryWrapper('Saint Vincent and the Grenadines','+1784',' '));

        tempCountry.add(new CountryWrapper('Samoa (American)','+1684',' ')); 

        tempCountry.add(new CountryWrapper('Samoa (Western)','+685',' '));

        tempCountry.add(new CountryWrapper('San Marino','+378','SMR'));

        tempCountry.add(new CountryWrapper('Sao Tome & Principe','+239',' '));

        tempCountry.add(new CountryWrapper('Saudi Arabia','+966','SAU'));

        tempCountry.add(new CountryWrapper('Senegal','+221','SEN'));

        tempCountry.add(new CountryWrapper('Serbia','+381',' '));  

        tempCountry.add(new CountryWrapper('Seychelles','+248','SYC')); 

        tempCountry.add(new CountryWrapper('Sierra Leone','+232','SLE')); 

        tempCountry.add(new CountryWrapper('Singapore','+65','SGP'));

        tempCountry.add(new CountryWrapper('Sint Maarten','+1721',' ')); 

        tempCountry.add(new CountryWrapper('Slovak Republic','+421',' ')); 

        tempCountry.add(new CountryWrapper('Slovenia','+386','SVN'));

        tempCountry.add(new CountryWrapper('Solomon Islands','+677','SLB'));

        tempCountry.add(new CountryWrapper('Somalia','+252','SOM'));

        tempCountry.add(new CountryWrapper('South Africa','+27','ZAF'));

        tempCountry.add(new CountryWrapper('South Korea','+82',' '));

        tempCountry.add(new CountryWrapper('Spain','+34','ESP'));  

        tempCountry.add(new CountryWrapper('Sri Lanka','+94','LKA')); 

        tempCountry.add(new CountryWrapper('St Helena','+290','     ')); 

        tempCountry.add(new CountryWrapper('St Kitts & Nevia','+1869',' ')); 

        tempCountry.add(new CountryWrapper('St Lucia','+1758',' ')); 

        tempCountry.add(new CountryWrapper('Sudan','+249','SDN')); 

        tempCountry.add(new CountryWrapper('Surinam','+597',' '));

        tempCountry.add(new CountryWrapper('Swaziland','+268','SWZ'));

        tempCountry.add(new CountryWrapper('Sweden','+46','SWE'));

        tempCountry.add(new CountryWrapper('Switzerland','+41','CHE'));

        tempCountry.add(new CountryWrapper('Syria','+963',' '));

        tempCountry.add(new CountryWrapper('Taiwan','+886',' '));  

        tempCountry.add(new CountryWrapper('Tajikistan','+992','TJK')); 

        tempCountry.add(new CountryWrapper('Tanzania','+255',' ')); 

        tempCountry.add(new CountryWrapper('Thailand','+66','THA'));

        tempCountry.add(new CountryWrapper('The Gambia','+220',' ')); 

        tempCountry.add(new CountryWrapper('Togo','+228','TGO')); 

        tempCountry.add(new CountryWrapper('Tonga','+676','TON'));

        tempCountry.add(new CountryWrapper('Trinidad & Tobago','+1868',' '));

        tempCountry.add(new CountryWrapper('Tunisia','+216','TUN'));

        tempCountry.add(new CountryWrapper('Turkey','+90','TUR'));

        tempCountry.add(new CountryWrapper('Turkmenistan','+993','TKM'));

        tempCountry.add(new CountryWrapper('Turks & Caicos Islands','+1649',' '));  

        tempCountry.add(new CountryWrapper('Tuvalu','+688','TUV ')); 

        tempCountry.add(new CountryWrapper('U.S. Virgin Islands','+1340',' ')); 

        tempCountry.add(new CountryWrapper('Uganda','+256','UGA')); 

        tempCountry.add(new CountryWrapper('Ukraine','+380','UKR')); 

        tempCountry.add(new CountryWrapper('United Arab Emirates','+971','ARE')); 

        tempCountry.add(new CountryWrapper('United Kingdom','+44','GBR'));

        tempCountry.add(new CountryWrapper('United States','+1','USA'));

        tempCountry.add(new CountryWrapper('Uruguay','+598','URY'));  

        tempCountry.add(new CountryWrapper('Uzbekistan','+998','UZB')); 

        tempCountry.add(new CountryWrapper('Vanuatu','+678','VUT')); 

        tempCountry.add(new CountryWrapper('Venezuela','+58','VEN')); 

        tempCountry.add(new CountryWrapper('Vietnam','+84',' ')); 

        tempCountry.add(new CountryWrapper('Wallis & Futuna Islands','+681',' '));

        tempCountry.add(new CountryWrapper('Yemen Arab Republic','+967',' '));

        tempCountry.add(new CountryWrapper('Zambia','+260','ZMB'));

        tempCountry.add(new CountryWrapper('Zimbabwe','+263','ZWE'));  

   }

   class CountryWrapper{

      Public string PhoneNumber{get;set;}

      Public string IddCountryCode{get;set;}

      Public string Iso3code{get;set;}

          public CountryWrapper(String PhoneNumber,String IddCountryCode ,String Iso3code){

               this.PhoneNumber=PhoneNumber;

               this.IddCountryCode=IddCountryCode;

               this.Iso3code=Iso3code;

          }

   }

}

References

http://www.us-techpro.com/2012/09/develop-digital-watch-in-javascript.html

http://api.jquery.com/find/

http://api.jquery.com/each/

Continue