Link to home
Start Free TrialLog in
Avatar of steve_mick972
steve_mick972

asked on

Javascript Variable set. How to display it in my TD element.

I have the following javascript function in my HTML page.


                  <script language="JavaScript">
            
            function dateFormat(aDate, displayPat){
                  /********************************************************
                  *   Valid Masks:
                  *   !mmmm = Long month (eg. January)
                  *   !mmm = Short month (eg. Jan)
                  *   !mm = Numeric date (eg. 07)
                  *   !m = Numeric date (eg. 7)
                  *   !dddd = Long day (eg. Monday)
                  *   !ddd = Short day (eg. Mon)
                  *   !dd = Numeric day (eg. 07)
                  *   !d = Numeric day (eg. 7)
                  *   !yyyy = Year (eg. 1999)
                  *   !yy = Year (eg. 99)
            ********************************************************/

                  intMonth = aDate.getMonth();
                  intDate = aDate.getDate();
                  intDay = aDate.getDay();
                  intYear = aDate.getFullYear();

                  var months_long =  new Array ('January','February','March','April',
                  'May','June','July','August','September','October','November','December')
                  var months_short = new Array('Jan','Feb','Mar','Apr','May','Jun',
                  'Jul','Aug','Sep','Oct','Nov','Dec')
                  var days_long = new Array('Sunday','Monday','Tuesday','Wednesday',
                  'Thursday','Friday','Saturday')
                  var days_short = new Array('Sun','Mon','Tue','Wed','Thu','Fri','Sat')

                  var mmmm = months_long[intMonth]
                  var mmm = months_short[intMonth]
                  var mm = intMonth < 9?'0'+ (1 + intMonth) + '':(1+intMonth)+'';
                  var m = 1+intMonth+'';
                  var dddd = days_long[intDay];
                  var ddd = days_short[intDay];
                  var dd = intDate<10?'0'+intDate+'':intDate+'';
                  var d = intDate+'';
                  var yyyy = intYear;

                  century = 0;
                  while((intYear-century)>=100)
                        century = century + 100;

                  var yy = intYear - century
                  if(yy<10)
                        yy = '0' + yy + '';

                  displayDate = new String(displayPat);

                  displayDate = displayDate.replace(/!mmmm/i,mmmm);
                  displayDate = displayDate.replace(/!mmm/i,mmm);
                  displayDate = displayDate.replace(/!mm/i,mm);
                  displayDate = displayDate.replace(/!m/i,m);
                  displayDate = displayDate.replace(/!dddd/i,dddd);
                  displayDate = displayDate.replace(/!ddd/i,ddd);
                  displayDate = displayDate.replace(/!dd/i,dd);
                  displayDate = displayDate.replace(/!d/i,d);
                  displayDate = displayDate.replace(/!yyyy/i,yyyy);
                  displayDate = displayDate.replace(/!yy/i,yy);

                  return displayDate;
            }
            
            var dateString = dateFormat(new Date() , '!dddd,  !mmmm !dd,  !yyyy');            
      </script>


Now i Have a TD element within my HTML body, where i want to set the contents of this to


 <td>dateString</td>



Here i want to be able to print the value of the javascript variable dateString.


Thanks in advance.

It only a html page.
Avatar of archrajan
archrajan

script language="JavaScript">
         
          function dateFormat(aDate, displayPat){
               /********************************************************
               *   Valid Masks:
               *   !mmmm = Long month (eg. January)
               *   !mmm = Short month (eg. Jan)
               *   !mm = Numeric date (eg. 07)
               *   !m = Numeric date (eg. 7)
               *   !dddd = Long day (eg. Monday)
               *   !ddd = Short day (eg. Mon)
               *   !dd = Numeric day (eg. 07)
               *   !d = Numeric day (eg. 7)
               *   !yyyy = Year (eg. 1999)
               *   !yy = Year (eg. 99)
          ********************************************************/

               intMonth = aDate.getMonth();
               intDate = aDate.getDate();
               intDay = aDate.getDay();
               intYear = aDate.getFullYear();

               var months_long =  new Array ('January','February','March','April',
               'May','June','July','August','September','October','November','December')
               var months_short = new Array('Jan','Feb','Mar','Apr','May','Jun',
               'Jul','Aug','Sep','Oct','Nov','Dec')
               var days_long = new Array('Sunday','Monday','Tuesday','Wednesday',
               'Thursday','Friday','Saturday')
               var days_short = new Array('Sun','Mon','Tue','Wed','Thu','Fri','Sat')

               var mmmm = months_long[intMonth]
               var mmm = months_short[intMonth]
               var mm = intMonth < 9?'0'+ (1 + intMonth) + '':(1+intMonth)+'';
               var m = 1+intMonth+'';
               var dddd = days_long[intDay];
               var ddd = days_short[intDay];
               var dd = intDate<10?'0'+intDate+'':intDate+'';
               var d = intDate+'';
               var yyyy = intYear;

               century = 0;
               while((intYear-century)>=100)
                    century = century + 100;

               var yy = intYear - century
               if(yy<10)
                    yy = '0' + yy + '';

               displayDate = new String(displayPat);

               displayDate = displayDate.replace(/!mmmm/i,mmmm);
               displayDate = displayDate.replace(/!mmm/i,mmm);
               displayDate = displayDate.replace(/!mm/i,mm);
               displayDate = displayDate.replace(/!m/i,m);
               displayDate = displayDate.replace(/!dddd/i,dddd);
               displayDate = displayDate.replace(/!ddd/i,ddd);
               displayDate = displayDate.replace(/!dd/i,dd);
               displayDate = displayDate.replace(/!d/i,d);
               displayDate = displayDate.replace(/!yyyy/i,yyyy);
               displayDate = displayDate.replace(/!yy/i,yy);

               return displayDate;
          }
         
          var dateString = dateFormat(new Date() , '!dddd,  !mmmm !dd,  !yyyy');
              document.getElementById('here').innerHTML = dateString;
     </script>


Now i Have a TD element within my HTML body, where i want to set the contents of this to


 <td id = "here">dateString</td>






sorry see this working example
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="JavaScript">
         
          function dateFormat(aDate, displayPat){
               /********************************************************
               *   Valid Masks:
               *   !mmmm = Long month (eg. January)
               *   !mmm = Short month (eg. Jan)
               *   !mm = Numeric date (eg. 07)
               *   !m = Numeric date (eg. 7)
               *   !dddd = Long day (eg. Monday)
               *   !ddd = Short day (eg. Mon)
               *   !dd = Numeric day (eg. 07)
               *   !d = Numeric day (eg. 7)
               *   !yyyy = Year (eg. 1999)
               *   !yy = Year (eg. 99)
          ********************************************************/

               intMonth = aDate.getMonth();
               intDate = aDate.getDate();
               intDay = aDate.getDay();
               intYear = aDate.getFullYear();

               var months_long =  new Array ('January','February','March','April',
               'May','June','July','August','September','October','November','December')
               var months_short = new Array('Jan','Feb','Mar','Apr','May','Jun',
               'Jul','Aug','Sep','Oct','Nov','Dec')
               var days_long = new Array('Sunday','Monday','Tuesday','Wednesday',
               'Thursday','Friday','Saturday')
               var days_short = new Array('Sun','Mon','Tue','Wed','Thu','Fri','Sat')

               var mmmm = months_long[intMonth]
               var mmm = months_short[intMonth]
               var mm = intMonth < 9?'0'+ (1 + intMonth) + '':(1+intMonth)+'';
               var m = 1+intMonth+'';
               var dddd = days_long[intDay];
               var ddd = days_short[intDay];
               var dd = intDate<10?'0'+intDate+'':intDate+'';
               var d = intDate+'';
               var yyyy = intYear;

               century = 0;
               while((intYear-century)>=100)
                    century = century + 100;

               var yy = intYear - century
               if(yy<10)
                    yy = '0' + yy + '';

               displayDate = new String(displayPat);

               displayDate = displayDate.replace(/!mmmm/i,mmmm);
               displayDate = displayDate.replace(/!mmm/i,mmm);
               displayDate = displayDate.replace(/!mm/i,mm);
               displayDate = displayDate.replace(/!m/i,m);
               displayDate = displayDate.replace(/!dddd/i,dddd);
               displayDate = displayDate.replace(/!ddd/i,ddd);
               displayDate = displayDate.replace(/!dd/i,dd);
               displayDate = displayDate.replace(/!d/i,d);
               displayDate = displayDate.replace(/!yyyy/i,yyyy);
               displayDate = displayDate.replace(/!yy/i,yy);

               return displayDate;
          }
         
          var dateString = dateFormat(new Date() , '!dddd,  !mmmm !dd,  !yyyy');
              alert(dateString);
     </script>













</HEAD>

<BODY>
 <td><script>document.write(dateString)</script></td>

</BODY>
</HTML>
ASKER CERTIFIED SOLUTION
Avatar of archrajan
archrajan

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial