- Screen name: erummirza
erummirza's Profile
17 Posts
49 Responses
0
Followers
Show:
- Expanded view
- List view
Private Message
- i m using jsPDF auto table plugin
i need to set null in the cell while printing on pdf where html table contain  
here is code but its not inserting null- <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>
- <td class="blank" style="width:4rem;padding:0rem!important;text-align: center;border:0px;color: black;max-width:4rem;">
</td>
- i have below code but its not calling mention action method when i put break point ,no error nothing but still unable to figure out issue
[HttpPost] public ActionResult subscribe(string values) { DataSet ds = new DataSet (); ds = ts.SelectQueryDS ("select * from [TBL_USER] where username="+"'"+ Session["user"] + "'"); int id= Convert.ToInt32(ds.Tables[0].Rows[0][0]); string[] valuesdb = values.Split(','); for (int i = 0; i < valuesdb.Length; i++) { valuesdb[i] = valuesdb[i].Trim(); ts.IUD("insert into tbl_usergroup (userid,gid)values( " + id + "," + valuesdb[i] + ")"); } DataSet ds1 = new DataSet(); ds1 = ts.SelectQueryDS("select * from [TBL_USER] where username=" + "'" + Session["user"] + "'"); int id2 = Convert.ToInt32(ds.Tables[0].Rows[0][0]); ds1 = ts.SelectQueryDS("select * FROM [GroupChatSignalR].[dbo].[tbl_usergroup] as [usergroup] inner join tbl_group grp on [usergroup].gid = grp.gid where [usergroup].[Userid] =" + id2); return Json(ds1.Tables[0], JsonRequestBehavior.AllowGet); }
$.ajax({ url: '/Home/subscribe', type: "POST", data: { values: valueArray.toString() }, cache: false, contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { alert(data); }, failure: function (errMsg) { alert(errMsg); } });
- i have two popover need to open i.e two different (not and review ) but it showing same when i click on it
<div class="col-lg-1"> <i class="ShowToolTip popper fa fa-eye LabTaskClass28 LabTaskClassforShowHideCol77" data-placement="left"><span class="close-popover float-right text-danger "></span></i> <div class="popover_title" style="display: none"> <h6>No task result for note<span class="close-popover float-right text-danger"><i class="fa fa-times"></i></span></h6> </div> <div class="popper-content" style="display:none"> <div class="form-group"> <label title="Task name"> Task name </label> <input type="text" class="form-control"> <label title="Message"> Message </label> <input type="text" class="form-control" placeholder="Limited to 100 Characters"> <button class="btn-save btn btn-primary btn-sm" style="background-color:maroon !important">Close</button> <button class="btn-save btn btn-primary btn-sm" style="background-color:darkslategrey !important">SAve</button> </div> <button type="submit" class="btn btn-default btn-block"> Submit </button> </div> </div> <div class="col-lg-1"> <i class="ShowToolTip popper fa fa-eye LabTaskClass28 LabTaskClassforShowHideCol78" data-placement="left"><span class="close-popover float-right text-danger "></span></i> @*<div class="popper-content" style="display:none">My Review popover content goes here.</div>*@ <div class="popover_title" style="display: none"> <h6>No task result for Review<span class="close-popover float-right text-danger"><i class="fa fa-times"></i></span></h6> </div> <div class="popper-content" style="display: none"> <div class="form-group"> <label title="Task name"> Task name </label> <input type="text" class="form-control"> <label title="Message"> Messagessd </label> <input type="text" class="form-control" placeholder="Limited to 100 Characters"> <button class="btn-save btn btn-primary btn-sm" style="background-color:maroon !important">Close</button> <button class="btn-save btn btn-primary btn-sm" style="background-color:darkslategrey !important">SAve</button> </div> <button type="submit" class="btn btn-default btn-block"> Submit </button> </div> </div>
<script type="text/javascript"> $(function () { $('.popper').popover({ placement: 'bottom', container: 'body', html: true, title: function () { return $('.popover_title').html(); }, @*content: function () { var output = ''; $.ajax( { url: "@Html.Action("Client", "Test")", async: true, success: function (response) { output = response; } }); }*@ // content: fetchData() { content: function () { // return $('#popover_content_wrapper').html(); // return $(this).next('.popper-content').html(); return $('.popper-content').html(); } }); $('html').on('click', function (e) { if (typeof $(e.target).data('original-title') == 'undefined' && !$(e.target).parents().is('.popover.in')) { $('[data-original-title]').popover('hide'); } }); //}); //$("[data-toggle=popover]").popover({ // html: true, // content: function () { // return $('#popover-content').html(); // } //}); }); $(document).on('click', '.close-popover', function () { // $('#cart-popover').popover('hide'); }); </script>
- please find below codehere is the errorCreateTopic:70 Uncaught TypeError: $(...).autocomplete is not a function
at HTMLDocument.<anonymous> (CreateTopic:70)
at j (jquery.min.js:2)
at Object.fireWith [as resolveWith] (jquery.min.js:2)
at Function.ready (jquery.min.js:2)
at HTMLDocument.J (jquery.min.js:2)- @{
ViewBag.Title = "CreateTopic";
}
@*https://uigradients.com/#LightOrange*@
<html>
<head>
<title>MyCSS - No Master Layout</title>
@*</script>*@
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="Stylesheet"/>
<link id="myCss" href="~/Content/StyleSheet1.css" rel="stylesheet" />
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script>
var list = [];
var count = 0;
var listComments = [];
var currentdate = new Date();
$(document).ready(function () {
$("#customer").autocomplete({
source: [list],
minLength: 2,
select: function (event, ui) {
event.preventDefault();
$("#customer").val(ui.item.label);
}
});
$("#Style").change(function(){
// alert($("#Style option:selected").text());
// alert($("#Style option:selected").val());
// var link = $("#myCss[rel=stylesheet]")[0].href;
// alert("link "+ link)
$('#myCss').attr('href', $("#Style option:selected").val());
// var css = link.substring(link.lastIndexOf('/') + 1, link.length)
// alert("css " + css)
//$('#myCss[href="' + css + '"]').attr('href', $('#Style').val() + '.css');
// $('link[href="' + css + '"]').attr('href', $('#changeCss').val() + '.css');
})
$(document).on("click", "div.reply", function () {
// $("#tableDiv2").append('<div>' + "dfsd" + '</div>')
// alert("id is " + $(this).attr("id"))
// if ($("#comment").hasClass("fadeout")) {
$("#commentdiv").slideDown("slow")
// }
// else
// $("#comment").removeClass("fadein").addClass("fadeout");
$("#comment").css("display", "block")
$("#commentdiv").css("display", "block")
$("#Topictext").css("display", "block")
//$("#Topictext").html($(this).attr("id"))
// alert("Substring " + $(this).attr("id").substr($(this).attr("id").indexOf("_") + 1))
var index = $(this).attr("id").substr($(this).attr("id").indexOf("_") + 1);
// alert (index)
$("#Topictext").html(list[index][0])
$("#Topictextid").html($(this).attr("id"))
// alert("my " + $("#Topictextid").html())
// alert()
})
$("#btnAddComment").click(function () {
var textcoment = $("#txttopicComment").val();
// alert(textcoment)
if (textcoment != "") {
listComments.push([$("#Topictext").html(), textcoment,])
for (var i = 0; i < list.length; i++) {
// alert("topic is " + listComments[i][0] + " Cooment is " + listComments[i][1]);
if (list[i][0] == $("#Topictext").html()) {
$("<p class=commentcss style=word-wrap: break-all>" + "<span>" + textcoment + " " + (currentdate.getMonth() + 1) + '/' + currentdate.getDate() + '/' + currentdate.getFullYear() + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds() + "</span>").insertAfter($("#div_" + [i]));
$(".commentcss").css('background-color', "lightslategray");
// alert($("#div_" + [i]).attr("id"))
//$("div.reply").each(function (index, ele) {
// console.log($(ele).attr("id") + ":" + $(ele).nextUntil("div.header").filter("p").length)
// $($(ele).attr("id")).html($(ele).nextUntil("div.header").filter("p").length)
//})
break;
}
}
}
// $("#commentdiv").slideUp("slow")
})
$("#btnAdd").click(function () {
// if()
var text = $("#txttopic").val();
if (text != "") {
// list.push(text)
//check if already exist
var topicname = $('div.header').html();
var status = checkValue(text, list)
// alert(status)
if (status == 'Not exist')
{
list.push([text, (currentdate.getMonth() + 1) + '/' + currentdate.getDate() + '/' + currentdate.getFullYear() + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds()]);
//*************************************Create Table Dynamillay *****************/
var number_of_rows = list.length;
var number_of_cols = 2;
var table_body = '<table border="1">';
table_body += '<th>Name</th>'
table_body += '<th>time</th>'
for (var i = 0; i < number_of_rows; i++) {
table_body += '<tr>';
for (var j = 0; j < number_of_cols; j++) {
table_body += '<td>';
//if (j == 1) {
// //table_body += (currentdate.getMonth() + 1) + '/' + currentdate.getDate() + '/' + currentdate.getFullYear() + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds();
//}
// else {
table_body += list[i][j];
// }
table_body += '</td>';
}
table_body += '</tr>';
}
table_body += '</table>';
//$('#tableDiv').html(table_body);
//******************************************************************/
//*************************************Create Datalist Dynamillay *****************/
//var number_of_rows = list.length;
//var number_of_cols = 2;
//var table_body = '<table border="1">';
//table_body += '<th>Name</th>'
//table_body += '<th>time</th>'
$("#tableDiv2").css("display", "block")
// alert(number_of_rows)
for (var i = number_of_rows; i >= number_of_rows; i--) {
$("#tableDiv2").append('<div class="blogdata header">' + list[i - 1][0] + '</div>');
$("#tableDiv2").append('<div class="blogdata">' + list[i - 1][1] + '</div>');
idtopic = [i - 1][0]
$('#tableDiv2').append('<div class="blogdata reply" id=' + "div_" + idtopic + '>' + "Reply" + '</div>')
$("#tableDiv2").append("<BR>"); //work fine
}
//******************************************************************/
}
else
{
// alert ()
alert("topic exist")
}
// alert(list);
}
else {
alert("Enter Topic")
}
for (var i = 0; i < list.length; i++)
{
// alert(list[i]);
}
})
});
function checkValue(value, arr) {
var status = 'Not exist';
// alert("val is " + value)
for (var i = 0; i < arr.length; i++) {
var name = arr[i][0];
// alert("arr[i]" + arr[i][0])
if (name == value) {
status = 'Exist';
break;
}
}
return status;
}
</script>
</head>
<body class="body-content">
<select id="Style">
<option value="0">Select</option>
<option value="~/Content/StyleSheet1.css">Grey</option>
<option value="~/Content/StyleSheet2.css">pink</option>
</select>
<div class="container">
<div class="container-fluid main col-lg-6" style="padding-bottom:3rem">
<div class="row">
<div class="col-lg-3"></div>
<div class="col-lg-3"></div>
<div class="col-lg-10 topicdiv">
<h3>CreateTopic</h3>
</div>
<div class="col-lg-2">
</div>
</div>
<div class="row">
<div class="col-lg-3 lbltopic">
Topic Title
</div>
<div class="col-lg-6" style="padding-top: 4rem;padding-left: 10px;">
<input type="text" value="" id="txttopic">
</div>
<div class="col-lg-3">
</div>
</div>
<div class="row">
<div class="col-lg-3">
</div>
<div class="col-lg-6">
<button id="btnAdd" value="Add">Add Topic</button>
</div>
<div class="col-lg-3">
</div>
</div>
<div class="row">
<div class="col-lg-3 lbltopic">
Search Blog
</div>
<div class="col-lg-6" style="padding-top: 4rem;padding-left: 10px;">
<input type="text" id="customer" />
</div>
<div class="col-lg-3">
</div>
</div>
<div class="row">
<div class="col-lg-1">
</div>
<div id="tableDiv2" class="col-lg-10" style="display: none">
<h2 class="topics">Topics</h2>
<h5>orem ipsum dolor sit amet, consectetuer adipisis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget</h5>
</div>
<div class="col-lg-1">
</div>
</div>
</div>
<div id="commentdiv" class="container-fluid main col-lg-6" style="padding-bottom:53rem;display:none">
<div class="row">
<div class="col-lg-1"></div>
<div class="col-lg-10 topicdiv">
<h3>Blog comments</h3>
</div>
<div class="col-lg-1">
</div>
</div>
<div class="row">
<div class="col-lg-1">
</div>
<div id="comment" class="col-lg-10" style="display: none;padding-top:2rem">
Comments
<br />
<div id="Topictext" style="display: none"></div>
<div id="Topictextid" style="display: none"></div>
<textarea rows="1" class="txtcomment" value="" id="txttopicComment"></textarea>
<br />
<button id="btnAddComment" value="Add">Add Comment</button>
</div>
<div class="col-lg-1">
</div>
</div>
</div>
</div>
</body>
</html>
- i m using below code to open calender but its not popup .let me share code
- <!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 & 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 & 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">© 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>
- @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
- [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 });
//}
}
- <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>
- 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 mehi 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 ..
- i have ajax/json method (web method) which binds html table in following way (let me share piece of code)
- 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)
but its not working fine ..Let me share code-
<
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'; elsecurrentStyleSheet =
'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
- i have following code using jquery and json
-
<%
@ 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=" " Width="100%" runat="server" /> <asp:Label ID="lblRecords" Text=" " 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> </td> <td> <asp:Button ID="Button3" Text="Login check" OnClientClick="CallService2(); return false;" runat="server" /> </td> </tr> </table> </div> </form></
body></
html>
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;}
}
}now when i calledRecordsTest web method using
CallService2 it gives me an error Internal server error ..can any one help me!!
- hello to every onecan any one tell me how to do thisi mean how to set time like in this link ??
- i m posting here sample code ,can any one can please convert this code behind code to jquery based ,but let me tell u what does it actually doingit create div on run time as many div's as radiobuttonlist number(1 to 7 ) clicked says. div
include table then htmlrow and then htmlcell that htmlcell hold server side control like textboxes ,validation etc etchere is the code behind which need to be convert-
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 = Trueht.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 RequiredFieldValidatorname_tb.ID =
"name_tb" & indexsal_ddl.ID =
"sal_ddl" & indexname_req.ID =
"name_req" & indextel_req.ID =
"tel_req" & indexemail_req.ID =
"email_req" & index 'name_tb.EnableViewState = True 'sal_ddl.EnableViewState = True 'tel_req.EnableViewState = Truesal_ddl.Items.Add(
"MR")sal_ddl.Items.Add(
"Ms")sal_ddl.Items.Add(
"Mrs") Dim Tel_tb1 As New TextBoxTel_tb1.ID =
"Tel_tb1" & index 'Tel_tb1.EnableViewState = Truename_tb.TextMode = TextBoxMode.SingleLine
Dim email_tb1 As New TextBoxemail_tb1.ID =
"email_tb1" & indexemail_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" & indexname_req.Display = ValidatorDisplay.Dynamic
name_req.ErrorMessage = (
"Please Enter name of attendenes") 'make 2nd rowhtc3.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" & indextel_req.Display = ValidatorDisplay.Dynamic
tel_req.ErrorMessage = (
"Please Enter Phone") 'make 3rd rowhtc6.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" & indexemail_req.Display = ValidatorDisplay.Dynamic
email_req.ErrorMessage = (
"Please Enter Email") 'Add a blank rowcell.ColSpan = 3
cell.InnerHtml =
"<br/>" Dim row As New HtmlTableRowrow.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
Thanks ,any urgent reply is higly appreciated- here is the code
- <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>
</form>it created div as many as user select from radio button ,now i wantt to create table inside div (means in side loop).taht table then afterward holds label ,textbox validator et ctec
any help!!- i m getting an errorWebpage error details
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-
<%
@ 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
- <%@ 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 problemThnaks- while working with Jquery with database i m getting javascript error like this
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; GTB6.4; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; InfoPath.2; Tablet PC 2.0)
Timestamp: Tue, 13 Apr 2010 05:42:16 UTC
Message: Expected ';'
Line: 115936854
Char: 13
Code: 0
URI: http://localhost:1380/JQuery with%.../Customer.aspx
i cleared cache(browser),but did not get teh solution,
do i need to chnage my browser(IE version),Currenty i m using 8.0.xxx version.- «Prev
- Next »
-
-
- <script type="text/javascript">
-
-
-
Moderate user : erummirza - for (var i = 0; i < data.d.length; i++) {
- [HttpPost]
© 2013 jQuery Foundation
Sponsored by
and others.
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- @{
- <script>