Response title
This is preview!
- Screen name: erummirza
erummirza's Profile
13 Posts
41 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- 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!!
- 22-Dec-2010 09:31 AM
- Forum: Using jQuery
hello to every onecan any one tell me how to do thisi mean how to set time like in this link ??- 11-Nov-2010 08:52 PM
- Forum: Using jQuery UI
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.
-
-
- <script type="text/javascript">
-
-
- 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">