jQuery Forum

i m using jsPDF auto table plugin
i need to set null in the cell while printing on pdf where html table contain &nbsp
here is code but its not inserting null

1. <script>
           function generate() {
   
               var doc = new jsPDF('l', 'mm', "a4");
   
               var res = doc.autoTableHtmlToJson(document.getElementById("printJS-form"));
             //  doc.autoTable(res.columns, res.data, { margin: { top: 80 } });
   
               var header = function (data) {
                 //doc.setFontSize(10);
   
                  // doc.setTextColor(0);
                   //doc.setFontStyle('bold');
                   //doc.setFillColor(110, 214, 84);
                   //   doc.setFontSize(0)
   
   
                  // doc.
   
                   //doc.addImage(headerImgData, 'JPEG', data.settings.margin.left, 20, 50, 50);
                //   doc.text("Testing Report", data.settings.margin.left, 50);
               };
   
   
               var options = {
                   tableWidth: 'wrap',
                   didDrawPage: header,
                   margin: {
                       top: 10,
                       bottom: 40,
                       left: 1,
                       right: 1,
                       //width: 120
                      
   
   
                   },
                 
                   //bodyStyles: {
                   //    text: { minCellWidth: '10' }
                   //},
                  
                  
   
                   columnStyles: {
   
                       0: { cellWidth: 15 }, //frequency
                       1: { cellWidth: 22}, //task name
                       2: { cellWidth: 8.5 }, // shift
                       3: { cellWidth: 10.5}, //range
                       4: { cellWidth: 7.2 },
                       5: { cellWidth: 7.2 },
                       6: { cellWidth: 7.2 },
                       7: { cellWidth: 7.2 },
                       8: { cellWidth: 7.2 },
                       9: { cellWidth: 7.2 },
                       10: { cellWidth: 7.2 },
                       11: { cellWidth: 7.2 },
                       12: { cellWidth: 7.2 },
                       13: { cellWidth: 7.2 },
                       14: { cellWidth: 7.2 },
                       15: { cellWidth: 7.2 },
                       16: { cellWidth: 7.2 },
                       17: { cellWidth: 7.2 },
                       18: { cellWidth: 7.2 },
                       19: { cellWidth: 7.2 },
                       20: { cellWidth: 7.2 },
                       21: { cellWidth: 7.2 },
                       22: { cellWidth: 7.2 },
                       23: { cellWidth: 7.2 },
                       24: { cellWidth: 7.2 },
                       25: { cellWidth: 7.2 },
                       26: { cellWidth: 7.2 },
                       27: { cellWidth: 7.2 },
                       28: { cellWidth: 7.2 },
                       29: { cellWidth: 7.2 },
                       30: { cellWidth: 7.2 },
                       31: { cellWidth: 7.2 },
                       32: { cellWidth: 7.2 },
                       33: { cellWidth: 7.2 },
                       34: { cellWidth: 7.2 },
   
   
   
   
                       // etc
                   },
   
   
                   tableWidth: 'auto',
                   headStyles: { minCellHeight: 8, fontSize: 6.5, text: { minCellWidth: 'wrap' } },
                   bodyStyles: {
                       minCellHeight: 8, fontSize: 6.5,
                       margin: {
                           top: 10,
                           bottom: 40,
                           left: 1,
                           right:1,
                           //width: 120
                           minCellWidth: 'auto'
   
   
                       },
                   }
                 //  startY: doc.autoTableEndPosY() + 20
               };
   
               //doc.autoTable(res.columns, res.data, options);
               doc.autoTable(res.columns, res.data, options, {
                   tableLineColor: [189, 195, 199],
   
                   createdCell: function(cell, data) {
                       if (!cell.raw) {
                           cell.text = 'erum';
                       }
                   //var tdElement = cell.raw;
                   //console.log(tdElement)
                   //if (tdElement.classList.contains('blank')) {
                   //    cell.text = 'erum'
                   //}
                   //if (typeof cell.raw === 'undefined')
                   //{
   
                   //    cell.raw.text = "erum";
                  
               },
               //styles: {
               //    overflow: 'linebreak', columnWidth: 'wrap', font: 'arial',
               //    fontSize: 10,
               //    cellPadding: 8, overflowColumns: 'linebreak'
               //},
               });
   
               doc.save("table.pdf");
           }
       </script>

1. <td class="blank"  style="width:4rem;padding:0rem!important;text-align: center;border:0px;color: black;max-width:4rem;">
                                      
                                      &nbsp;
   
   
                                   </td>
   

i m using below code to open calender but its not popup .let me share code

1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
       <title>MagicCity | Support</title>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   
       <link href="~/Content/css/style.css?v=1.1" rel="stylesheet" />
       <link href="~/Content/css/coin-slider.css?v=1.1" rel="stylesheet" />
           <link href="~/Content/css/jquery-ui.css?v=1.1" rel="stylesheet" />
       <link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" />
   <link href="~/Scripts/jtable/themes/metro/lightgray/jtable.css?v=1.1" rel="stylesheet" />
       <link href="~/Scripts/jtable/themes/metro/lightgray/jtable.min.css?v=1.1" rel="stylesheet" />
   
      @* <script type="text/javascript"  src="~/Scripts/jquery-3.2.1.min.js"></script>*@
       <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.js"></script>
     @*  <script type="text/javascript"  src="~/Scripts/jquery-ui-1.12.1.min.js"></script>*@
          <script type="text/javascript" src= " http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.js?v=1.1"></script>
   
      
       @*<script type="text/javascript" src="~/Scripts/jtable/jquery.jtable.min.js?v=1.1"></script>*@
       <script  type="text/javascript" src="~/Scripts/jtable/jquery.jtable.js?v=1.1"></script>
      
        @*<script  type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js?v=1.1"></script>*@
      
   
       <script type="text/javascript" src="~/Scripts/cufon-yui.js"></script>
       <script type="text/javascript" src="~/Scripts/cufon-aller.js"></script>
      @* <script type="text/javascript" src="~/Scripts/jquery-1.4.2.min.js"></script>*@
       <script type="text/javascript" src="~/Scripts/script.js"></script>
       <script type="text/javascript" src="~/Scripts/coin-slider.min.js"></script>
     @*  <script type="text/javascript" src="~/Scripts/jquery.ui.datepicker.js"></script>*@
      @* <script   type="text/javascript" src="~/Scripts/jquery-ui.js"></script>*@
   
   
   </head>
   <body>
       <div class="main">
           <div class="header">
               <div class="header_resize">
                   <div class="logo">
                       <h1><a href="index.html">Magic<span>City</span> <small>Company Slogan Here</small></a></h1>
                   </div>
                   <div class="menu_nav">
                       <ul>
                            @* <li class="active">@Html.ActionLink("Home","Index","Home")</li>
                           <li class="active">@Html.ActionLink("About", "About", "Home")</li>
                           <li class="active">@Html.ActionLink("Contact", "Contact", "Home")</li>*@
                          @* by today*@
                          <li class="active">   @Html.Partial("_LoginPartial")</li>
   
                          
                               
                        
                                                      
   
   
                       </ul>
                   </div>
                   <div class="clr"></div>
                   <div class="slider">
                       <div id="coin-slider"> <a href="#"><img src="~/Images/slide1.jpg" width="960" height="320" alt="" /> </a> <a href="#"><img src="~/images/slide2.jpg" width="960" height="320" alt="" /> </a> <a href="#"><img src="~/images/slide3.jpg" width="960" height="320" alt="" /> </a> </div>
                       <div class="clr"></div>
                   </div>
                   <div class="clr"></div>
               </div>
           </div>
           <div class="content">
               <div class="content_resize">
                   <div class="mainbar">
                       <div class="article">
                           @RenderBody()
                       </div>
                   </div>
                   <div class="sidebar">
                       @*<div class="searchform">
                           <form id="formsearch" name="formsearch" method="post" action="#">
                               <span>
                                   <input name="editbox_search" class="editbox_search" id="editbox_search" maxlength="80" placeholder="Search our ste:" type="text" />
                               </span>
                               <input name="button_search" src="~/images/search.gif" class="button_search" type="image" />
                           </form>
                       </div>*@
                       <div class="clr"></div>
                      @if(Request.IsAuthenticated)
   
   {
                          <table border="1">
                              <tr>
                                 
                                  <td>
   
                                            <div class="gadget">
                           <h2 class="star"> Menu</h2>
                           <div class="clr"></div>
                           <ul class="sb_menu">
   
                                <li><a tabindex="-1"  href="#">Employee</a>
                                                      <ul>
             <li>@Html.ActionLink("Add Employee", "EmployeeCreate", "Employee")</li>
             <li>@Html.ActionLink("Employee Roster Managment", "EmployeeRosterCreate", "Employee")</li>
              <li>@Html.ActionLink("Add Employee Shift", "EmployeeShiftCreate", "Employee")</li>
          
                              </ul>
                                    </li>
                               <li><a tabindex="-1" href="#">Customer</a>
                                   <ul>
                                     <li>@Html.ActionLink("Add Customer", "CustomerCreate", "Customer")</li>
                                       </ul>
                               </li>
                               <li><a tabindex="-1" href="#">Department</a>
                                    <ul>
             <li>@Html.ActionLink("Department Management", "DepartmentCreate", "Department")</li>
          
                              </ul>
   
                               </li>
                               <li><a tabindex="-1" href="#">Designation</a>
                                   <ul><li>@Html.ActionLink("Designation Management", "DesignationCreate", "Designation")</li></ul>
   
                               </li>
                               <li><a tabindex="-1"  href="#">Services</a>
   
                                   <ul>
             <li>@Html.ActionLink("Service Management", "ServiceCreate", "Service")</li>
             <li>@Html.ActionLink("Assign to Customer", "AssigntoCustomer", "Service")</li>
          
                              </ul>
                               </li>
                               <li><a  tabindex="-1"  href="#">holidays</a>
                                      <ul>
             <li>@Html.ActionLink("List of Holidays", "CreateHoliday", "Holiday")</li>
        
          
                              </ul>
   
                               </li>
                                <li><a href="#">Reports</a></li>
                              
                           </ul>
                       </div>
                    s
                                  </td></tr>
                          </table>
                    }
   
                       <div class="gadget">
                           <h2 class="star"><span>Sponsors</span></h2>
                           <div class="clr"></div>
                           @*<ul class="ex_menu">
                               <li>
                                   <a href="http://www.dreamtemplate.com/">DreamTemplate</a><br />
                                   Over 6,000+ Premium Web Templates
                               </li>
                               <li>
                                   <a href="http://www.templatesold.com/">TemplateSOLD</a><br />
                                   Premium WordPress &amp; Joomla Themes
                               </li>
                               <li>
                                   <a href="http://www.imhosted.com/">ImHosted.com</a><br />
                                   Affordable Web Hosting Provider
                               </li>
                               <li>
                                   <a href="http://www.megastockphotos.com/">MegaStockPhotos</a><br />
                                   Unlimited Amazing Stock Photos
                               </li>
                               <li>
                                   <a href="http://www.evrsoft.com/">Evrsoft</a><br />
                                   Website Builder Software &amp; Tools
                               </li>
                               <li>
                                   <a href="http://www.csshub.com/">CSS Hub</a><br />
                                   Premium CSS Templates
                               </li>
                           </ul>*@
                       </div>
                   </div>
                   <div class="clr"></div>
               </div>
           </div>
           <div class="fbg">
               <div class="fbg_resize">
                   <div class="col c1">
                       <h2><span>Image</span> Gallery</h2>
                       <a href="#"><img src="~/images/gal1.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="~/images/gal2.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="~/images/gal3.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="~/images/gal4.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="~/images/gal5.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="~/images/gal6.jpg" width="75" height="75" alt="" class="gal" /></a>
                   </div>
                   <div class="col c2">
                       <h2><span>Services</span> Overview</h2>
                       <p>Curabitur sed urna id nunc pulvinar semper. Nunc sit amet tortor sit amet lacus sagittis posuere cursus vitae nunc.Etiam venenatis, turpis at eleifend porta, nisl nulla bibendum justo.</p>
                       <ul class="fbg_ul">
                           <li><a href="#">Lorem ipsum dolor labore et dolore.</a></li>
                           <li><a href="#">Excepteur officia deserunt.</a></li>
                           <li><a href="#">Integer tellus ipsum tempor sed.</a></li>
                       </ul>
                   </div>
                   <div class="col c3">
                       <h2><span>Contact</span> Us</h2>
                       <p>Nullam quam lorem, tristique non vestibulum nec, consectetur in risus. Aliquam a quam vel leo gravida gravida eu porttitor dui.</p>
                       <p class="contact_info">
                           <span>Address:</span> 1458 TemplateAccess, USA<br />
                           <span>Telephone:</span> +123-1234-5678<br />
                           <span>FAX:</span> +458-4578<br />
                           <span>Others:</span> +301 - 0125 - 01258<br />
                           <span>E-mail:</span> <a href="#">mail@yoursitename.com</a>
                       </p>
                   </div>
                   <div class="clr"></div>
               </div>
           </div>
           <div class="footer">
               <div class="footer_resize">
                   <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>
                   <p class="rf">Design by Dream <a href="http://www.dreamtemplate.com/">Web Templates</a></p>
                   <div style="clear:both;"></div>
               </div>
           </div>
       </div>
       <div align=center>This template  downloaded form <a href='http://all-free-download.com/free-website-templates/'>free website templates</a></div>
   </body>
   </html>
   

1.  @model CallCenterCRM.Models.EmpRoasterMasterModel
   @{
   ViewBag.Title = "EmployeeRosterCreate";
   }
   @Scripts.Render("~/bundles/jquery")
   @Scripts.Render("~/bundles/jqueryui")
   @Styles.Render("~/Content/cssjqryUi")
   
   <script type="text/javascript">
       $(function () {
   
           $("#datepicker").datepicker({
               altField: "#alternate",
               altFormat: "DD, d MM, yy"
           });
       });
   </script>
   <h2>EmployeeRosterCreate</h2>
   @{
   //ViewBag.Title = "Employee Roster Create";
   }
   @using (Html.BeginForm()) {
   @Html.AntiForgeryToken()
   @Html.ValidationSummary(true)
   <div class="mainbar">
   <div id="EmployeeRoster" class="article">
   <div class="clr"></div>
   <table>
   <tr><td colspan="2"> <h3>Select the mode of operation you want</h3></td></tr>
   <tr>
   <td colspan="2"> @Html.RadioButton("operationmode", "addmode") Add new Record </td>
   <td colspan="2"> @Html.RadioButton("operationmode", "editmode") Modify new Record </td>
   </tr>
   </table>
   <div hidden="hidden" id="divadd" class="article">
   <table>
   <tr>
   <td colspan="2"> @Html.LabelFor(model => model.RoasterDate)</td>
   <td>@Html.EditorFor(model => model.RoasterDate, new { @class = "date" })
   @Html.ValidationMessageFor(model => model.RoasterDate)</td>
   </tr>
   <tr>
   <td colspan="2"> @Html.LabelFor(model => model.RoasterStartTime)</td>
   <td> @Html.EditorFor(model => model.RoasterStartTime, new { @id = "datepicker" })
   @Html.ValidationMessageFor(model => model.RoasterStartTime)</td>
   </tr>
   <tr>
   <td colspan="2">@Html.LabelFor(model => model.RoasterEndTime)</td>
   <td> @Html.EditorFor(model => model.RoasterEndTime)
   @Html.ValidationMessageFor(model => model.RoasterEndTime)</td>
   </tr>
   <tr>
   <td colspan="2"> @Html.LabelFor(model => model.InchargeEmpId)</td>
   <td> @Html.EditorFor(model => model.InchargeEmpId)
   @Html.ValidationMessageFor(model => model.InchargeEmpId)</td>
   </tr>
   <tr>
   <td colspan="2"><input type="button" value="show all" /></td>
   <td><input type="Submit" value="Submit" /><input type="button" value="Cancel" /></td>
   </tr>
   </table>
   </div>
   <div hidden="hidden" id="divedit" class="article">
   <table>
   <tr>
   <td colspan="2">Department Name</td>
   <td></td>
   </tr>
   <tr>
   <td colspan="2">Abbreviation</td>
   <td></td>
   </tr>
   <tr>
   <td colspan="2">InchargeEmp</td>
   <td></td>
   </tr>
   <tr>
   <td colspan="2"><input type="button" value="show all" /></td>
   <td><input type="button" value="Modify" /><input type="button" value="Cancel" /></td>
   </tr>
   </table>
   </div>
   </div>
   
   </div>
   }
   
   
   <script>
       $(function () {
           $("#datepicker").datepicker({
               altField: "#alternate",
               altFormat: "DD, d MM, yy"
           });
       });
   </script>
   <script type="text/javascript">
       window.onload = function () {
           $("#MailingContactDetails").hide();
           $("#AccountDetail").hide();
           $("#addPhoneNo").click(function () {
               $("#MailingContactDetails").find('input:text').val("");
               $("#MailingContactDetails").find('#drop1 option:selected').removeAttr('selected');
               //$("#addPhoneNo").parents("tr").before("<tr><td>Phone Type</td><td><select><option value='A'>Home</option><option value='B'>Office</option><option value='C'>other</option></select></td><td>Enter Phone No</td><td><input id= 'tb1' name= 'tb1' type= 'text' value=''/></td></tr>");
               //$("select").on("change", function () {
               // $(this).parent().nextAll().has("input").children().val("");
               //});
           });
           $("#addAddress").click(function () {
               $("#MailingContactDetails").find('input:text').val("");
               $("#MailingContactDetails").find('#drop1 option:selected').removeAttr('selected');
               //$("#TextBoxCityId,#TextBoxCountryId").val("");
               //$("#addAddress").parents("tr").before("<tr><td>Phone Type</td><td><select><option value='A'>Home</option><option value='B'>Office</option><option value='C'>other</option></select></td><td>Enter Phone No</td><td><input id= 'tb2' name= 'tb1' type= 'text' value=''/></td></tr>");
               //$("select").on("change", function () {
               // $(this).parent().nextAll().has("input").children().val("");
               //});
           });
       }
   </script>
   <script type="text/javascript">
       $(document).ready(function () {
           $('.date').datepicker({ dateFormat: "dd/mm/yy" });
       });
   </script>
   <script type="text/javascript">
       window.onload = function () {
           $("#MailingContactDetails").hide(1000);
           $("#AccountDetail").hide();
       }
   </script>
   <script type="text/javascript">
       $(document).ready(function () {
           $('input[name=operationmode]').change(function () {
               //alert($(this).attr('value'))
               //$(this).attr('value') === 'False' ? $('.Add1').hide() : $('.Add1').show();
               if ($(this).attr('value') === 'addmode') {
                   $("#divedit").hide(1000);
                   $("#divadd").show(1000);
               }
               else {
                   $("#divedit").show(1000);
                   $("#divadd").hide(1000);
               }
           });
       });
   </script>
   <script>
       $(function () {
           $(".datefield").datepicker({
               dateFormat: 'dd/mm/yy',
               changeMonth: true,
               changeYear: true
           });
       });
   </script>
    <script>
        //var j = jQuery.noConflict();
        //j(document).ready(function () {
        //    //Write your Jquery Script here
        //});
       </script>
   

i write certain piece of code using  mvc 4 and jquery and jtable ,but data is not visible in grid ,only blank grid is present , (No data available!) although i have updated all references of jquery in vs 2012 ,  action method is showing 3 records at quick watch but not showing in grid any help

here is view  action method

1.    [HttpPost]
           public JsonResult DeptList()
           {
   
               try
               {
                   List<TBL_Department> persons = new List<TBL_Department>
           {
               new TBL_Department{DepartmentID=1,Department="Aaa",Abbreviation="a",prefix="AR",DeptInchargeID=2},
               new TBL_Department{DepartmentID=2,Department="Bbb",Abbreviation="b",prefix="AR",DeptInchargeID=2},
               new TBL_Department{DepartmentID=3,Department="Ccc",Abbreviation="c",prefix="AR",DeptInchargeID=2}
           };
                   return Json( persons, JsonRequestBehavior.AllowGet);
               }
               catch (Exception ex)
               {
                   //return Json(new { Result = "ERROR", Message = ex.Message });
                   return Json(new { Result = ex.ToString(), Message = ex.Message });
               }
               //try
               //{
               //      var data1 =  Models.TBL_Department.GetAlldept();
               //      return Json(new { Result = "OK", Records = data1 });
               //}
               //catch (Exception ex)
               //{
               //    return Json(new { Result = "ERROR", Message = ex.Message });
               //}
           }
   

1. <script>
   
       function GetFilter() {
          alert("fdgdf")
         
   
           $('#PersonTableContainer').jtable({
               title: 'Table of people',
               actions: {
                   listAction: '/Department/DeptList',
                   // createAction: '/Test/Index3',
                   // updateAction: '/GettingStarted/UpdatePerson',
                   //  deleteAction: '/GettingStarted/DeletePerson'
               },
               fields: {
                   _DepartmentID: {
                       key: true,
                       list: false
                   },
                   _Department: {
                       title: 'Author Name',
                       width: '40%'
                   },
                   _Abbreviation: {
                       title: 'Age',
                       width: '20%'
                   },
                   _prefix: {
                     title: 'Record date',
                      width: '30%',
                  
                   },
                   _DeptInchargeID: {
                          title: 'Record date',
                          width: '30%',
   
                   }
               }
           });
           $('#PersonTableContainer').jtable('load');
   
       }
       function showDiv() {
   
           $('#MailingContactDetails').show(1000)
       }
       function showDiv2() {
   
           $('#AccountDetail').show(1000)
       }
   
   </script>
2. 
   

hello to every one ,

I am using theme from here http://all-free-download.com/…/magic_city_template_2087.html
and integrated in mvc 4 . and using jtable plug in

but i find error here

Uncaught TypeError: $(...).jtable is not a function
    at GetFilter (DepartmentCreate:91)
    at HTMLInputElement.onclick (DepartmentCreate:177)

any one help me

hi to all

 

Please let me knwo how to cover these with datatable if data comes from northwind datatable

http://support.softwarefx.com/jChartFX/article/2501243#82490a45-4c79-e211-84a5-0019b9e6b500

 

in above link data is hard coded ..

1. for (var i = 0; i < data.d.length; i++) {

   $(

   "#tbl").append("<tr><td>" + (data.d[i].id) + "</td><td>" + (data.d[i].name) + "</td><td>" + (data.d[i].age) + "</td></tr>");

where data.d[i].name is data return by webmethod ..up till here its working fine ..but i want to add new cell column for each row in href format i.e i need to have <a href=erum>erum</a>

can any one know how to do this..

I need to change the whole style sheet upon toggling .. at button click

 

there are two style sheete

stylesheet_a.css nad stylesheet_b.css

and the only difference between two is body color (one is red and other is green)

1. <

   html xmlns="http://www.w3.org/1999/xhtml" >

   <

   head id="Head1" runat="server">
   <title>Untitled Page</title>
   <link rel="stylesheet" href="stylesheet_a.css" type="text/css" id="myStylesheet"></link>

   <

   script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
   <script type="text/javascript">
   var currentStyleSheet = 'stylesheet_a.css';

   $(document).ready(

   function(){

   $(

   "#button1").click(function(){
   //$("p").toggleClass("main");
   //$("body").toggleClass("main1");
   if(currentStyleSheet == 'stylesheet_a.css')

   currentStyleSheet =

   'stylesheet_b.css';
   else

   currentStyleSheet =

   'stylesheet_a.css';

   $(

   '#myStylesheet[rel=stylesheet]').attr('href', currentStyleSheet);
   return false;

   });

   });

   $(

   "#css_toggle").click(function() {
   var isOff = $("a").get(0).disabled;

   $(

   "a").get(0).disabled = !isOff;

   $(

   "b").get(0).disabled = isOff;

   });

   </

   script>

   <

   style type="text/css">

   .main

   {

   font-size

   :120%;

   color

   :green;

   }

   .main1

   {

   background-color

   :Red ;

   }

   </

   style>

   </

   head>

   <

   body>
   <form id="form1">
   <div>
   <input type="button" ID="button1" value="Button" type="submit"/>
   <p>This is another paragraph.</p>
   <input type="button" ID="css_toggle" value="Change css" type="submit"/>
   </div>
   </form>

   </

   body>

   </

   html>

Please have a look

1. <%

   @ Page Language="C#" AutoEventWireup="true" CodeBehind="Params.aspx.cs" Inherits="JQueryAjax.Params" %>

   <!

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

   <

   html xmlns="http://www.w3.org/1999/xhtml" >

   <

   head runat="server">

   <

   style type="text/css">

   .loading { background-image: url('ajax-loader.gif'); background-repeat: no-repeat; }

   </

   style>
   <title></title>
   <script src="jquery.js" type="text/javascript"></script>
   <script type="text/javascript">
   function CallService() {

   $(

   "#lblResult").addClass("loading");

   $.ajax({

   type:

   "POST",

   url:

   "MyService.asmx/HelloWorld",

   data:

   "{}",

   contentType:

   "application/json; charset=utf-8",

   dataType:

   "json",

   success: Success,

   error: Error

   }); }

   function Success(data, status) {

   $(

   "#lblResult").removeClass("loading");

   $(

   "#lblResult").html(data.d);

   }

   function Error(request, status, error)

   {

   $(

   "#lblResult").removeClass("loading");

   $(

   "#lblResult").html(request.statusText);

   }

   function CallService1() {

   $.ajax({

   type:

   "POST",

   url:

   "MyService.asmx/Add",

   data:

   "{ 'value1': " + $("#txtValue1").val() + ", 'value2': " + $("#txtValue2").val() + "}",

   contentType:

   "application/json; charset=utf-8",

   dataType:

   "json",

   success: OnSuccess,

   error: OnError

   }); }

   function OnSuccess(data, status) {

   $(

   "#lblResult").html(data.d);

   }

   function OnError(request, status, error) {

   $(

   "#lblResult").html(request.statusText);

   }

   function CallService2() {
   // $("#lblResult").addClass("loading");

   $.ajax({

   type:

   "POST",

   url:

   "MyService.asmx/RecordsTest",

   data:

   "{ 'loginid': " + $("#txt_login").val() + ", 'pass': " + $("#txt_pass").val() + "}",

   contentType:

   "application/json; charset=utf-8",

   dataType:

   "json",

   success: OnSuccess,

   error: OnError

   }); }

   function OnSuccess(data, status) {

   $(

   "#lblResult").removeClass("loading");

   $(

   "#lblResult").html(data.d);

   }

   function Error(request, status, error)

   {

   $(

   "#lblResult").removeClass("loading");

   $(

   "#lblResult").html(request.statusText);

   }

   </script>

   </

   head>

   <

   body>
   <form id="form1" runat="server">
   <div>
   <div>
   <asp:Label ID="lbl_date_time" runat="server"></asp:Label>
   </div>
   <table>
   <tbody>
   <tr>
   <th>

   Value 1:

   </th>
   <td>
   <asp:TextBox ID="txtValue1" runat="server" />
   </td>
   </tr>
   <tr>
   <th>

   Value 2:

   </th>
   <td>
   <asp:TextBox ID="txtValue2" runat="server" />
   </td>
   </tr>
   </tbody>
   </table>
   <asp:Button ID="btnGo" Text="Hello World" OnClientClick="CallService(); return false;" runat="server" />
   <asp:Button ID="Button1" Text="Add" OnClientClick="CallService1(); return false;" runat="server" />
   <asp:Label ID="lblResult" Text="&nbsp;" Width="100%" runat="server" />
   <asp:Label ID="lblRecords" Text="&nbsp;" Width="100%" runat="server" />
   <table>
   <tr>
   <td>

   Login ID

   </td>
   <td>
   <asp:TextBox ID="txt_login" runat="server"></asp:TextBox>
   </td>
   </tr>
   <tr>
   <td>

   Password

   </td>
   <td>
   <asp:TextBox ID="txt_pass" runat="server"></asp:TextBox>
   </td>
   </tr>
   <tr>
   <td>
   &nbsp;</td>
   <td>
   <asp:Button ID="Button3" Text="Login check" OnClientClick="CallService2(); return false;" runat="server" />
   </td>
   </tr>
   </table>
   </div>
   </form>

   </

   body>

   </

   html>

and here is webservice

using

System;

using

System.Collections.Generic;

using

System.Linq;

using

System.Web;

using

System.Data;

using

System.Web.Services;

using

System.Web.Script.Services;

namespace

JQueryAjax

{

/// <summary>
/// Summary description for MyService
/// </summary>

[

WebService(Namespace = "http://tempuri.org/")]

[

WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

[System.ComponentModel.

ToolboxItem(false)]
// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.

[System.Web.Script.Services.

ScriptService]
public class MyService : System.Web.Services.WebService

{

[

WebMethod]

[

ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public string HelloWorld()

{

System.Threading.

Thread.Sleep(1000);
return "Hello World";

}

[

WebMethod]

[

ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public int Add(int value1, int value2)

{

return value1 + value2;

}

[

WebMethod]

[

ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public string RecordsTest(string loginid, string pass)

{

//if (loginid == "Admin")
//{
// return "Exist";
//}
return "ssf";
//else
//{
// return "Not Exist";
//}
//DataTable dt = new DataTable("MyDataTable");
//dt.Columns.Add("column1", typeof(System.String));
//dt.Columns.Add("column2", typeof(System.String));
//DataRow dr = dt.NewRow();
//dr["column1"] = "Your Data";
//dr["column2"] = "Your Data";
//dt.Rows.Add(dr);
//dr = dt.NewRow();
//dr["column1"] = "Your Data";
//dr["column2"] = "Your Data";
//dt.Rows.Add(dr);
//return dt;

}

}

1. Protected

   Sub RadioButtonList2_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles RadioButtonList2.SelectedIndexChanged
   'Response.Write(RadioButtonList2.SelectedValue)
   Dim index As Integer
   For index = 1 To Me.RadioButtonList2.SelectedValue
   Dim newdiv As New HtmlGenericControl("div")
   'newdiv.EnableViewState = True
   Dim ht As New HtmlTable()

   ht.BgColor =

   "cyan"

   ht.ID =

   "mytable" & index
   'ht.EnableViewState = True

   ht.Width =

   "100%"

   ht.CellSpacing =

   "0"

   ht.CellPadding =

   "0"

   ht.Border = 0

   Dim htr, htr1, htr2 As New HtmlTableRow()
   Dim cell, htc, htc1, htc2, htc3, htc4, htc5, htc6, htc7, htc8 As New HtmlTableCell()
   Dim name_tb As New TextBox()
   Dim sal_ddl As New DropDownList
   'validator
   Dim name_req As New RequiredFieldValidator
   Dim tel_req As New RequiredFieldValidator
   Dim email_req As New RequiredFieldValidator

   name_tb.ID =

   "name_tb" & index

   sal_ddl.ID =

   "sal_ddl" & index

   name_req.ID =

   "name_req" & index

   tel_req.ID =

   "tel_req" & index

   email_req.ID =

   "email_req" & index
   'name_tb.EnableViewState = True
   'sal_ddl.EnableViewState = True
   'tel_req.EnableViewState = True

   sal_ddl.Items.Add(

   "MR")

   sal_ddl.Items.Add(

   "Ms")

   sal_ddl.Items.Add(

   "Mrs")
   Dim Tel_tb1 As New TextBox

   Tel_tb1.ID =

   "Tel_tb1" & index
   'Tel_tb1.EnableViewState = True

   name_tb.TextMode = TextBoxMode.SingleLine

   Dim email_tb1 As New TextBox

   email_tb1.ID =

   "email_tb1" & index

   email_tb1.TextMode = TextBoxMode.SingleLine

   htc.InnerText =

   "Name : "

   htc.Width =

   "20%"

   htc.Align =

   "Left"

   htc1.Controls.Add(sal_ddl)

   htc1.Width =

   "10%"

   htc2.Width =

   "70%"

   htc2.Align =

   "left"

   htc2.Controls.Add(name_tb)

   htc2.Controls.Add(name_req)

   htr.Controls.Add(htc)

   htr.Controls.Add(htc1)

   htr.Controls.Add(htc2)

   ht.Controls.Add(htr)

   name_req.ControlToValidate =

   "name_tb" & index

   name_req.Display = ValidatorDisplay.Dynamic

   name_req.ErrorMessage = (

   "Please Enter name of attendenes")
   'make 2nd row

   htc3.InnerText =

   "Telephone : "

   htc3.Width =

   "20%"

   htc3.Align =

   "Left"

   htc4.InnerHtml =

   "<strong></strong>"

   htc4.Width =

   "10%"

   htc5.Width =

   "70%"

   htc5.Align =

   "left"

   htc5.Controls.Add(Tel_tb1)

   htc5.Controls.Add(tel_req)

   htr1.Controls.Add(htc3)

   htr1.Controls.Add(htc4)

   htr1.Controls.Add(htc5)

   ht.Controls.Add(htr1)

   tel_req.ControlToValidate =

   "Tel_tb1" & index

   tel_req.Display = ValidatorDisplay.Dynamic

   tel_req.ErrorMessage = (

   "Please Enter Phone")
   'make 3rd row

   htc6.InnerText =

   "Email : "

   htc6.Width =

   "20%"

   htc6.Align =

   "Left"

   htc7.InnerHtml =

   "<strong></strong>"

   htc7.Width =

   "10%"

   htc8.Width =

   "70%"

   htc8.Align =

   "left"

   htc8.Controls.Add(email_tb1)

   htc8.Controls.Add(email_req)

   htr2.Controls.Add(htc6)

   htr2.Controls.Add(htc7)

   htr2.Controls.Add(htc8)

   ht.Controls.Add(htr2)

   email_req.ControlToValidate =

   "email_tb1" & index

   email_req.Display = ValidatorDisplay.Dynamic

   email_req.ErrorMessage = (

   "Please Enter Email")
   'Add a blank row

   cell.ColSpan = 3

   cell.InnerHtml =

   "<br/>"
   Dim row As New HtmlTableRow

   row.Cells.Add(cell)

   ht.Rows.Add(row)

   newdiv.Controls.Add(ht)

   newdiv.Attributes.Add(

   "table", "ht")

   newdiv.Attributes.Add(

   "Style", "border-bottom :#ccc solid 0px")

   newdiv.Attributes.Add(

   "style", "height:23px")

   newdiv.Attributes.Add(

   "style", "padding-left:20px")
   Me.PlaceHolder1.Controls.Add(newdiv)

   PlaceHolder1.EnableViewState =

   True
   Next
   End Sub

1. <script type="text/javascript">
   
              $(document).ready(function() {
                  $("input[name='group1']").change(function() {
   
                      $(".dynamicDiv").remove();
                      for (var j = 0; j < $("input[name='group1']:checked").val(); j++) {
   
   
                           $("<div />", { "class": "dynamicDiv", id: "div" + j, innerHTML: "div no:" + j
                          }).appendTo("body");
                          //var d = document; 
   
                                          
                      }
                  }
   
   
           );
              });
   
       </script>

<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<input id="Radio1" type="radio" value="1" name="group1" />1<br />
<input id="Radio2" type="radio" value="2" name="group1" />2<br />
<input id="Radio3" type="radio" value="3" name="group1" />3<br />
<input id="Radio4" type="radio" value="4" name="group1" />4<br />
<input id="Radio5" type="radio" value="5" name="group1" />5<br />
<input id="Radio6" type="radio" value="6" name="group1" />6<br />
<input id="Radio7" type="radio" value="7" name="group1" />7<br />
<input id="btn1" type="button" runat=server value="create div" onclick="createDiv();" />
<asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
</div>

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; GTB6.5; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; InfoPath.2; Tablet PC 2.0)
Timestamp: Fri, 17 Sep 2010 11:47:34 UTC

1. <%

   @ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Chat_application.WebForm1" %>

   <!

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

   <

   html xmlns="http://www.w3.org/1999/xhtml" >

   <

   head runat="server">
   <title></title>
   <link href="CSS/jquery-ui.css" rel="stylesheet" type="text/css"/>
   <script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
   <script type="text/javascript" src="Script/jquery-ui.min.js"></script>
   <!-- <link rel='stylesheet' type='text/css' href="css/jquery.datepick.css" /> -->

   <

   script type="text/javascript"></script>

   <!-- Call jQuery in <head></head> tags of the document -->

   <

   SCRIPT type=text/javascript src="jquery.js"></SCRIPT>

   <!-- jQuery to apply actions to the link -->

   <

   SCRIPT type=text/javascript>

   $(document).ready(

   function(){

   $(

   "#login-link").click(function(){

   $(

   "#login-panel").slideToggle(200);

   })

   })

   <!-- jQuery to apply actions to the ESC key -->

   $(document).keydown(

   function(e) {
   if (e.keyCode == 27) {

   $(

   "#login-panel").hide(0);

   }

   });

   </

   SCRIPT>
   <STYLE type=text/css>

   #demo-header

   {
   width: 980px;
   margin: 0 auto;
   position: relative;

   }

   #login-link

   {
   position: absolute;
   top: 0px;
   right: 0px;
   display: block;
   background: #2a2a2a;
   padding: 5px 15px 5px 15px;
   color: #FFF;

   }

   #login-panel

   {
   position: absolute;
   top: 26px;
   right: 0px;
   width: 190px;
   padding: 10px 15px 5px 15px;
   background: #2a2a2a;
   font-size: 8pt;
   font-weight: bold;
   color: #FFF;
   display: none;

   }

   label

   {
   line-height: 1.8;

   }

   </

   STYLE>

   </

   head>

   <

   body>
   <form id="form1" runat="server">
   <!-- xHTML Code -->

   <

   DIV id=demo-header>

   <!-- Code for Login Link -->

   <

   A id=login-link title=Login href="#login">Clients Area</A>

   <!-- Code for login panel -->

   <

   DIV id=login-panel>

   <

   FORM method=post action="">

   <

   LABEL>Username:

   <

   INPUT type=text name=username> </LABEL>

   <

   LABEL>Password:

   <

   INPUT value="" type=password name=password> </LABEL>

   <

   INPUT value="Sign In" type=submit name=submit>

   <

   SMALL>Press ESC to close</SMALL>

   </

   FORM>

   <!-- login-panel ends here -->

   </

   DIV>

   <!-- demo-header ends here -->

   </

   DIV>
   </form>

   </

   body>

   </

   html>

 

i have following code in my file

1.  
   <%
   @ Page Language="VB" AutoEventWireup="false" CodeFile="SimpleCalender. aspx.vb" Inherits="SimpleCalender" %>
   <!
   DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/ /EN" "http://www. w3.org/TR/ xhtml1/DTD/ xhtml1-transitio nal.dtd">
   <
   html>
   <
   head>
   <
   title>Calender</title>
   <link href="http://ajax. googleapis. com/ajax/ libs/jqueryui/ 1.8/themes/ base/jquery- ui.css" rel="stylesheet" type="text/css"/>
   <script src="http://ajax. googleapis. com/ajax/ libs/jquery/ 1.4/jquery. min.js"></script>
   <script src="http://ajax. googleapis. com/ajax/ libs/jqueryui/ 1.8/jquery- ui.min.js"></script>
   <script>
   $(document). ready(
   function() {
   $(
   "#datepicker").datepicker( );
   });
   </script>
   </
   head>
   <
   body style="font-size:62.5%;">
   <
   div type="text" id="datepicker"></div>
   </
   body>
   </
   html>
and i have xml file which have events , i wanted to show events from xml file into my calender,can any one help me ,please do let me knwo if need further regarding problem
 
Thnaks