Solved

Javascript date picker that works across different frames

Posted on 2004-09-14
6
395 Views
Last Modified: 2012-06-22
Can anyone recommend nice looking and easy to implement javascript date picker that would work across different frames (freeware)

Thanks for your assistance !!!
0
Comment
Question by:sasha_kv
  • 4
  • 2
6 Comments
 
LVL 15

Expert Comment

by:justinbillig
Comment Utility
is there a platform restriction? becuase i wrote one that works for IE only
0
 

Author Comment

by:sasha_kv
Comment Utility
No platform restrictions. I think IE only would be fine.
0
 
LVL 15

Accepted Solution

by:
justinbillig earned 200 total points
Comment Utility
ok there are two files... DatePicker1.html, and DatePickerUtilities1.js ... all you have to do is include DatePickerUtilities1.js in DatePicker1.html

and make sure that in DatePickerUtilities1.js the path to DatePicker1.html is correct.

i will post each file seperatly
0
Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

 
LVL 15

Expert Comment

by:justinbillig
Comment Utility
Here is the HTML page DatePicker1.html

<html>

      <head>

            <title>Date Picker</title>

            <script language="JavaScript" src="DatePickerUtilities1.js"></script>
            <script language="JavaScript">
                     

                  // -------------------------------------------------------------------------
                  //  Function overrides
                  // -------------------------------------------------------------------------
                  window.onload = OnLoad;
                  window.onunload = OnUnload;
            
            
                  // --------------------------------------------------------------------------------
                  // Name: OnLoad( )
                  // Abstract: Store current day information.
                  // --------------------------------------------------------------------------------
                  function OnLoad( )
                  {
            
                        // Write the current month and select today
                        UpdateDaysInMonthKeepSelectedDateHighlited( );
                        
                  }
                  
                  
                  
                  // --------------------------------------------------------------------------------
                  // Name: OnUnload( )
                  // Abstract: Set the window return value to the date chosen
                  // --------------------------------------------------------------------------------
                  function OnUnload( )
                  {
                  
                        // Set the return value
                        window.returnValue = document.frmMain.strDateSelected.value;
                  }

                  // --------------------------------------------------------------------------------
                  // Name: Ok( )
                  // Abstract: Close window and return value
                  // --------------------------------------------------------------------------------
                  function btnOk_OnClick( )
                  {
                        // Variable Declaration
                        var intYear = 0;
                        var intMonth = 0;
                        var intDay = 0;
                        var clsToday = new Today( );
                        var intIndex = 0;
                        
                        // Initialize the object array
                        for( intIndex = 0; intIndex < 42; intIndex++ )
                        {
                              // Is this the cell we need?
                              if( document.getElementById( "tblBodyCells" + intIndex).style.backgroundColor == "#dddddd" )
                              {
                                    // Yes
                                    intDay =  document.getElementById( "tblBodyCells" + intIndex ).innerText;
                                    break;
                              }
                        }
                        
                        // Is a date selected?
                        if( intDay != 0 )
                        {
                              // Yes

                              // Initialize
                              intYear = parseInt( document.frmMain.cmbYears[ document.frmMain.cmbYears.selectedIndex ].value );
                              intMonth = document.frmMain.cmbMonths.selectedIndex + 1;
                                          
                              // Set the form value
                              document.frmMain.strDateSelected.value = intMonth + "/" + intDay + "/" + intYear;
                              
                              window.close( );
                        }
                        else
                        {
                              alert( "Please select a day." );
                        }
                  }

                  
                  // --------------------------------------------------------------------------------
                  // Name: Cancel( )
                  // Abstract: Close window and return no value
                  // --------------------------------------------------------------------------------
                  function btnCancel_OnClick( )
                  {
                        // Set the form value to nothing
                        document.frmMain.strDateSelected.value = "";
                        
                        window.close( );
                  }            

            </script>
   
            <!-- Default Styles -->
            <link rel="stylesheet" type="text/css" href="../Styles/Style1.css">

      </head>

      <body class="clsBody1">

            <!-- This form holds all the contorls -->
            <form name="frmMain" onsubmit="return false;">

            <!-- Hidden form field to hold the selected date -->            
            <input type="hidden" name="strDateSelected" value="">
            
            <!-- This is the main calender table. -->
            <table border="0" id="TCalender" cellspacing="2" align="center" valign="center">

                        <tr>
      
                              <td colspan="4" align="center">

                                    <!-- This is the combo box that will hold the months -->
                                    <select name="cmbMonths" size="1" onchange="UpdateDaysInMonthKeepSelectedDateHighlited( )">

                                          <script language="JavaScript">
                                          <!--

                                                // Populate the months and highlite the current month
                                                PopulateMonthsWithCurrentMonthSelected( 8 );
                                          
                                          -->
                              </script>
                                    
                                    </select>
                              
                              </td>
                                    
                              <td colspan="3" align="left">
                        
                                    <!-- This combo box will hold the years -->
                                    <select name="cmbYears" size="1" onchange="UpdateDaysInMonthKeepSelectedDateHighlited( )">

                                          <script language="JavaScript">
                                          <!--
                                    
                                                // Populate the years and highlite the current year
                                                PopulateYearsWithCurrentYearSelected( 8, 8, 0 );
                                    
                                          -->
                                          </script>
                              
                                    </select>
                        
                              </td>

                        </tr>

                        <tr class="DaysOfWeek">

                              <!-- Column heading for each day in the week -->
                              <SCRIPT LANGUAGE="JavaScript">
                              <!--
                                    // Output the days of the week
                                    OutputDaysOfTheWeek( 5 );
                              -->
                              </SCRIPT>
                  
                        </tr>
            
                  <!-- Begin Table Body -->
                  <tbody id="tblBody" align="center" onclick="HighliteDateChosen( )" ondblclick="GetDateUserChooses( )">
                  
                        <!-- Ouput the days in this month -->
                        <script language="JavaScript">
                        <!--
                              // Output each row with current days in this week
                              CreateDaysInMonthShell( 5 );
                        -->          
                        </script>
                  </tbody> <!-- End Table Body -->
                  
                  <!-- Begin Table Footer -->
                  <tfoot id="tblFoot">

                        <tr>
                              <td colspan="4" align="center">
                                    <button name="btnOk" class="clsButtonLarge1" OnClick="btnOk_OnClick( )">Ok</button>
                              </td>
                        
                              <td align="left" colspan="3">
                                    <button name="btnCancel" class="clsButtonLarge1" OnClick="btnCancel_OnClick();">Cancel</button>
                              </td>
                        </tr>
                  
                  </tfoot> <!-- End Table Footer -->
                                    
            </table><!-- End Table -->
      
            </form><!-- End Form -->

      </body>

</html>
0
 
LVL 15

Expert Comment

by:justinbillig
Comment Utility
Here is the date picker utilities

      // --------------------------------------------------------------------------------
      //         Name:      DatePickerUtilties1.js
      // Abstract:      Allow the user to select a date from the gregorian calender
      //   Author:      Justin Billig
      //
      //      Revision:            Date:             Owner:
      //      1.0                                          Justin Billig
      //      1.1                                          Justin Billig
      //      1.2                  5/19/2004                  Justin Billig
      //      1.3                  9/01/04                        Justin Billig
      //
      //      Fixed bug that would keep today's value if you changed the month or year
      //      combo box.
      //      
      //      Fixed but that would select the hightlited date if the user clicked
      //      the window close button.
      //
      //      Par request of Steve changed DatePicker so today isn't default highlited
      //      but it is bolded.
      //
      // --------------------------------------------------------------------------------
      

      // --------------------------------------------------------------------------------
      // TODO:
      // --------------------------------------------------------------------------------
      // 1. Steamline the code. Some functions are very similiar and can be made into one
      // 2. Add Off set boundry and range checking
      // 3. Make into class?
      
                  
      // --------------------------------------------------------------------------------
      // Name: DatePicker
      // Abstract: Open the calender window. Return the date.
      //
      // NOTE: This is the function you call to open the date picker. So
      // var strDate = DatePicker( );
      //
      // --------------------------------------------------------------------------------
      function DatePicker( )
      {

            // Variable Decleration
            var strDate = new String( );
            var intOffSetLeft = 0;
            var intOffSetTop = 0;
            var objDialogArguments = new Object();
            var objResult = new Object( );

            var strDate = OpenModalDialog( "../../Utilities/DatePicker1.html", 260, 410 );
                  
            
            return strDate;            


      }



      // --------------------------------------------------------------------------------
      // Name: Today( )
      // Abstract: Store current day information.
      // --------------------------------------------------------------------------------
      function Today( )
      {

            // Generate today's date.
            this.m_dtmNow = new Date( );

            // Parse the date into each different part
            this.m_intYear = this.m_dtmNow.getFullYear( );
            this.m_intMonth = this.m_dtmNow.getMonth( );  
            this.m_intDay = this.m_dtmNow.getDate( );
      
       }


      // --------------------------------------------------------------------------------
      // Name: GetTotalDaysInMonth( )
      // Abstract: Return the Total Days in the month.
      // --------------------------------------------------------------------------------
      function GetTotalDaysInMonth( intMonth, strYear )
      {
      
            // Variable Declaration
            var aintNumberOfDaysInMonth = new Array( 31, 0, 31, 30, 31, 30, 31, 31,
                                                                        30, 31, 30, 31 );
            var intYear = 0;

            // Get the year
            intYear = parseInt( strYear );
           
            // Is the month Feburary?
            if( intMonth == 1 )
            {

                  // Yes, Check for leap year
                  if( ( ( ( intYear % 4 ) == 0 ) && ( ( intYear % 100 ) != 0 ) ) || ( intYear % 400 ) == 0 )
                  {
                        // Yes, Set Febuary to 29 Days
                        aintNumberOfDaysInMonth[ 1 ] = 29
                  }
                  else
                  {
                        // No, Set Febuary to 28 Days
                        aintNumberOfDaysInMonth[ 1 ] = 28
                  }
            
            }
            
            
            return aintNumberOfDaysInMonth[ intMonth ];
      
      }
            
                  


      // --------------------------------------------------------------------------------
      // Name: PopulateMonthsWithCurrentMonthSelected( )
      // Abstract: Populate the month information.
      //                   Select current month.
      // --------------------------------------------------------------------------------
      function PopulateMonthsWithCurrentMonthSelected( intNumberOfTabs )
      {

            // Variable Declaration
            var astrMonths = new Array( "January", "February", "March",
                                                      "April", "May", "June", "July", "August", "September",
                                                      "October", "November", "December" );  
            var intIndex = 0;
            var clsToday = new Today( );
            var intMonth = 0;
            var strTabs = new String( );
                              
            // Get the current month
            intMonth = clsToday.m_intMonth;
            
            // Initilize the number of tabs
            for( intIndex = 0; intIndex <= intNumberOfTabs; intIndex++ )
            {
                  strTabs = strTabs + "\t";
            }
            
            // Iterate through each month and
            for( intIndex = 0; intIndex < astrMonths.length; intIndex++ )
            {
                  // Is this the current month?
                  if( intIndex == intMonth )
                  {
                        // Yes, this one is selected
                        document.write( strTabs + "<option value=\"" + astrMonths[ intIndex ] + "\" selected>" + astrMonths[ intIndex ] + "</option>\n" );
                  }
                  else
                  {
                        // No, just write this month
                        document.write( strTabs + "<option value=\"" + astrMonths[ intIndex ] + "\">" + astrMonths[ intIndex ] + "</option>\n" );
                  }
            }
      }


      // --------------------------------------------------------------------------------
      // Name: PopulateYearsWithCurrentYearSelected( )
      // Abstract: Populate the year information.
      //                   Select current year.
      // --------------------------------------------------------------------------------
      function PopulateYearsWithCurrentYearSelected( intNumberOfTabs, intNumberOfYearsBack, intNumberOfYearsForward )
      {

            // Variable Declaration
            var intIndex = 0;
            var strTabs = new String( );
            var clsToday = new Today( );
            var intYear = 0;
            
            // Get the current year
            intYear = clsToday.m_intYear;
            
            // Initilize the number of tabs
            for( intIndex = 0; intIndex <= intNumberOfTabs; intIndex++ )
            {
                  strTabs = strTabs + "\t";
            }
            
                  
            // Write the years, Start at current year minus number of years back, Go to current year + number of years forward
            for( intIndex = ( intYear - intNumberOfYearsBack ); intIndex <= ( intYear + intNumberOfYearsForward ); intIndex++ )
            {
                  // Is this the current year?
                  if( intIndex == intYear )
                  {
                        // Yes, select this one
                        document.write( strTabs + "<option value=\"" + intIndex + "\" selected>" + intIndex + "</option>\n" );
                  }
                  else
                  {
                        // No, just write it
                        document.write( strTabs + "<option value=\"" + intIndex + "\">" + intIndex + "</option>\n" );
                  }
            }
      }
                        


      // --------------------------------------------------------------------------------
      // Name: OutputDaysOfTheWeek( )
      // Abstract: Write the current days of the week
      // --------------------------------------------------------------------------------      
      function OutputDaysOfTheWeek( intNumberOfTabs )
      {
            // Variable Declaration
            var astrDaysOfWeek = new Array("Sunday", "Monday", "Tuesday",
            "Wednesday", "Thursday", "Friday", "Saturday");
            var intIndex = 0;
            var strTabs = new String( )

            // Intialize the tabs.
            for( intIndex = 0; intIndex <= intNumberOfTabs; intIndex++ )
            {
                  strTabs = strTabs + "\t";
            }
            
            // Write the days of the week
            for( intIndex = 0; intIndex < astrDaysOfWeek.length; intIndex++ )
            {
                  document.write( strTabs + "<td align=\"center\">\n" )
                  document.write( strTabs + "\t" + astrDaysOfWeek[ intIndex ] + "\n" );
                  document.write( strTabs + "</td>\n");
            }
      }
                  

      // --------------------------------------------------------------------------------
      // Name: CreateDaysInMonthShell( )
      // Abstract: Create the body shell for the table
      // --------------------------------------------------------------------------------
      function CreateDaysInMonthShell( intNumberOfTabs )
      {
            // Variable Declaration
            var strTabs = new String( );
            var intRow = 0;
            var intColumn = 0;
            var intIndex = 1;
            
            // Initialize tabs
            for( intIndex = 0; intIndex <= intNumberOfTabs; intIndex++ )
            {
                  strTabs = strTabs + "\t";
            }
            
            // Reset index to zero so we can use it in our cell index
            intIndex = 0;
            
            // This loop write's the rows
            for( intRow = 0; intRow <= 5; intRow++ )
            {
                  document.write( strTabs + "<tr>\n" );
                  
                  // This loop writes the columns
                  for( intColumn = 0; intColumn <= 6; intColumn++ )
                  {
                        // Write the cell
                        document.write ( strTabs + "\t<td id=\"tblBodyCells" + intIndex + "\" style=\"background-color:white\">\n" );
                        document.write ( strTabs + "\t\t" + intIndex + "\n" );                              
                        document.write ( strTabs + "\t</td>\n" );
                        intIndex++;
                  }
                  
                  document.write( strTabs + "</tr>\n" );
            }
      }


      // --------------------------------------------------------------------------------
      // Name: GetDateUserChooses( )
      // Abstract: Get the date the user selected
      // --------------------------------------------------------------------------------
      function GetDateUserChooses( )
      {
            // Variable Declaration
            var intYear = 0;
            var intMonth = 0;
            var intDay = 0;
            
                                                
            // Did the user select a cell that has a value?
            if( event.srcElement.innerText != "" )
            {
                  // Yes, get the values
                  intYear = parseInt( document.frmMain.cmbYears[ document.frmMain.cmbYears.selectedIndex ].value );
                  intMonth = document.frmMain.cmbMonths.selectedIndex + 1;
                  intDay = event.srcElement.innerText;
                  
                  // Set the selected value and close the window
                  document.frmMain.strDateSelected.value = intMonth + "/" + intDay + "/" + intYear;
                  window.close( );
            }
      }

      // --------------------------------------------------------------------------------
      // Name: HighliteDateChosen( )
      // Abstract: Change the background color of the chosen date
      // --------------------------------------------------------------------------------
      function HighliteDateChosen( )
      {
            // Variable Delceration
            var intYear = 0;
            var intMonth = 0;
            var intDay = 0;
            
            // Toggle color on and off
            if( event.srcElement.style.backgroundColor == "white" && event.srcElement.innerText != "" )
            {
                  // Unhighlite previous selection
                  DeHightliteAll( );
                  
                  // Rehighlite today if needed
                  BoldToday( );
            
                  // This is the seleted Date. Change the color
                  event.srcElement.style.backgroundColor = "#dddddd";

                  // Set this as the selected value
                  intYear = parseInt( document.frmMain.cmbYears[ document.frmMain.cmbYears.selectedIndex ].value );
                  intMonth = document.frmMain.cmbMonths.selectedIndex + 1;
                  intDay = event.srcElement.innerText;
                  
                  // Set the selected value and close the window
                  document.frmMain.strDateSelected.value = intMonth + "/" + intDay + "/" + intYear
            }
            else
            {
                  event.srcElement.style.backgroundColor = "white";
            }
            
      }
            


      // --------------------------------------------------------------------------------
      // Name: GetDayOfWeekMonthStartsOn( )
      // Abstract: Return the first day of a month for a selected year
      // --------------------------------------------------------------------------------
      function GetDayOfWeekMonthStartsOn( intSelectedYear, intSelectedMonth )
      {
            // Variable Declaration
            var intFirstDay = 0;
            
            // Get the first day of this year
            intFirstDay = new Date( intSelectedYear, intSelectedMonth, 1 ).getDay( );
            
            return intFirstDay;
      }



      // --------------------------------------------------------------------------------
      // Name: UpdateDaysInMonthKeepSelectedDateHighlited( )
      // Abstract: Change the days in the month
      // --------------------------------------------------------------------------------
      function UpdateDaysInMonthKeepSelectedDateHighlited( )
      {

            // Variable Declaration
            var intIndex = 0;
            var intDayOfWeekMonthStartsOn = 0;
            var intDay = 1;
            var intArrayIndex = 0;
            var intSelectedDay = 0;
            var aobjTableBodyCells = new Array( );
            
                  
            // Initialize the Array
            for( intIndex = 0; intIndex < 42; intIndex++ )
            {
                  // Set each position of the array to the cell.
                  aobjTableBodyCells[ intArrayIndex ] = document.getElementById( "tblBodyCells" + intIndex );
                  
                  // Check to see if this day is selected?
                  if( aobjTableBodyCells[ intArrayIndex ].style.backgroundColor == "#dddddd" )
                  {
                        // Yes, set this as the selected day
                        intSelectedDay = aobjTableBodyCells[ intArrayIndex ].innerText;
                  }
                  intArrayIndex++;
            }
            
            
            // Get the day of the week the month starts on
            intDayOfWeekMonthStartsOn = GetDayOfWeekMonthStartsOn( parseInt( document.frmMain.cmbYears[ document.frmMain.cmbYears.selectedIndex ].value ), document.frmMain.cmbMonths.selectedIndex );
            intMaximumDaysInMonth = GetTotalDaysInMonth( document.frmMain.cmbMonths.selectedIndex, parseInt( document.frmMain.cmbYears[ document.frmMain.cmbYears.selectedIndex ].value ) );
            
            
            // Loop through and set the value of each cell
            for( intIndex = 0; intIndex < 42; intIndex++ )
            {
                  // Since were zero based go to one less than the max
                  
                  // Have we reached the first day of the month yet?
                  if( ( intIndex >= intDayOfWeekMonthStartsOn ) && ( intDay <= intMaximumDaysInMonth ) )
                  {
                        // Yes, set this day
                        aobjTableBodyCells[ intIndex ].innerText = intDay;
                        intDay++;
                  }
                  else
                  {
                        // No, set this to blank
                        aobjTableBodyCells[ intIndex ].innerText = "";
                  }
            }
            
            // Hightlite The previously selected day
            HightlitePreviousDay( aobjTableBodyCells, intSelectedDay );
            
      }



      // --------------------------------------------------------------------------------
      // Name: HightlitePreviousDay( )
      // Abstract: Hightlite the Previously Selected Day
      //                   Default to today if its the first day
      // --------------------------------------------------------------------------------
      function HightlitePreviousDay( aobjTableBodyCells, intSelectedDay )
      {
            // Variable Declaration
            var intIndex = 0;
            var clsToday = new Today( );
            var intMonth = 0;
            var intYear = 0;
            
                        
            // Make all cells white
            DeHightliteAll( );
            
            
            // Initialize
            intMonth = document.frmMain.cmbMonths.selectedIndex + 1;
            intYear = parseInt( document.frmMain.cmbYears[ document.frmMain.cmbYears.selectedIndex ].value )
            
            // blur the documnent so nothing has focus
            document.frmMain.cmbMonths.blur( );
            
            // Iterate through the days to hightlite today
            for( intIndex = 0; intIndex < aobjTableBodyCells.length; intIndex++ )
            {
                  // Is this the preselected day?
                  if( aobjTableBodyCells[ intIndex ].innerText == intSelectedDay &&
                        intSelectedDay != 0 )
                  {
                        // Yes, select it and set the value
                        aobjTableBodyCells[ intIndex ].style.backgroundColor = "#dddddd";

                        break;
                  }
            }
            
            // Make today bold
            BoldToday( );
      }


      // --------------------------------------------------------------------------------
      // Name: DeHighliteAll( )
      // Abstract: Indisciminately unhighlites everything
      // --------------------------------------------------------------------------------
      function DeHightliteAll( )
      {
            // Variable Declaration
            var aobjTableBodyCells = new Array( );
            var intIndex = 0;
            
            // Loop through each cell
            for( intIndex = 0; intIndex < 42; intIndex++ )
            {
                  // Make sure all cells are normal
                  document.getElementById( "tblBodyCells" + intIndex ).style.fontWeight = "normal";
                  
                  // Is this the cell we need?
                  if( document.getElementById( "tblBodyCells" + intIndex ).style.backgroundColor == "#dddddd" )
                  {
                        // Yes
                        document.getElementById( "tblBodyCells" + intIndex ).style.backgroundColor = "white";
                        break;
                  }
            }
      }
      
      // --------------------------------------------------------------------------------
      // Name: BoldToday( )
      // Abstract: Make today bold
      // --------------------------------------------------------------------------------      
      function BoldToday( )
      {
            try
            {
                  // Variables
                  var intMonth = parseInt( frmMain.cmbMonths.selectedIndex );
                  var intYear = parseInt( frmMain.cmbYears.options[ frmMain.cmbYears.selectedIndex ].value );
                  var clsToday = new Today( );
                  var intIndex = 0;
                  
                  // Is it the same month and year?
                  if( intMonth == clsToday.m_intMonth && intYear == clsToday.m_intYear )
                  {
                        // Yes, bold today
                        for( intIndex = 0; intIndex < 42; intIndex++ )
                        {
                              // Is this today?
                              if( document.getElementById( "tblBodyCells" + intIndex ).innerText == "" + clsToday.m_intDay )
                              {
                                    // Make this bold
                                    document.getElementById( "tblBodyCells" + intIndex ).style.fontWeight = "bold";
                                    break;
                              }
                        }
                  }
                  

            }
            catch( expError )
            {
                  alert( expError.description );
            }
      }


      // -------------------------------------------------------------------------
      //  Name: OpenModalDialog
      //  Abstract: Open the specified page in a modal window
      // -------------------------------------------------------------------------
      function OpenModalDialog( strPage, intHeight, intWidth, objDialogArguments )
      {
            var objResult = 0;
            try
            {
                  var strDialogOptions = "" +
                              "border=thin;" +
                              "center=yes;" +
                              "dialogHeight=" + intHeight + "px;" +
                              "dialogWidth=" + intWidth + "px;" +
                              "help=no;" +
                              "maximize=no;" +
                              "minimize=no;" +
                              "status=no;";
                  objResult = window.showModalDialog( strPage, objDialogArguments, strDialogOptions );
            }
            catch( expError )
            {
                  alert( "ClientUtilities1.js::OpenModalDialog( ).\n" +
                              "Error:" + expError.number + ", " + expError.description );
            }
            finally
            {
                  // Return result
                  return objResult;
            }
      } // OpenModalDialog

0
 

Author Comment

by:sasha_kv
Comment Utility
Thanks a lot !!!
0

Featured Post

What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Introduction HTML checkboxes provide the perfect way for a web developer to receive client input when the client's options might be none, one or many.  But the PHP code for processing the checkboxes can be confusing at first.  What if a checkbox is…
This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now