<script type="text/javascript">
$(document).ready(function () {
alert($("#hdnDivValue").val());
var VisibleDiv = $("#hdnDivValue");
var Task = $("#DF_d-L_Mytaskdiv");
var TaskReport = $("#DF_d-L_Comptaskdiv");
var LeaveReport = $("#DF_d-L_LeaveReqdiv");
var btnLeaveMang1 = $("#btnLeaveMang");
var btnMy_Task1 = $("#btnMy_Task");
var btn_TaskReport1 = $("#btn_TaskReport");
//var btnlLeaveSave1 = $("$btnlLeaveSave");
// btnlLeaveSave1.click(function () {
// $("#hdnDivValue").val("DF_d - L_LeaveReqdiv");
// alert('working');
// });
btn_TaskReport1.click(function () {
//VisibleDiv.val() = "DF_d - L_Mytaskdiv";
TaskReport.show();
Task.hide();
LeaveReport.hide();
});
btnMy_Task1.click(function () {
// VisibleDiv.val() = "DF_d-L_Comptaskdiv";
TaskReport.hide();
Task.show();
LeaveReport.hide();
});
btnLeaveMang1.click(function () {
//VisibleDiv.val() = "DF_d-L_LeaveReqdiv";
TaskReport.hide();
Task.hide();
LeaveReport.show();
$("#hdnDivValue").val("DF_d - L_LeaveReqdiv");
alert($("#hdnDivValue").val());
//VisibleDiv.val("DF_d - L_LeaveReqdiv");
});
if (VisibleDiv.val() == "DF_d-L_Comptaskdiv") {
TaskReport.show();
Task.hide();
LeaveReport.hide();
// VisibleDiv.val() = "DF_d - L_Comptaskdiv";
}
else if (VisibleDiv.val() == "DF_d-L_Mytaskdiv") {
TaskReport.hide();
Task.show();
LeaveReport.hide();
//VisibleDiv.val() = "DF_d-L_Mytaskdiv";
}
else if (VisibleDiv.val() == "DF_d-L_LeaveReqdiv") {
TaskReport.hide();
Task.hide();
LeaveReport.show();
//VisibleDiv.val() = "DF_d-L_LeaveReqdiv";
}
});
</script>
это мой код jquery:
логика, которую я использовал через этот код: у меня есть три div соответственно div1 div2 div3, и у меня есть одно скрытое поле....
intially я устанавливаю значение скрытого поля в div3, поэтому div3 отображается в соответствии с кодом...
else if (VisibleDiv.val() == "DF_d-L_LeaveReqdiv") {
TaskReport.hide();
Task.hide();
LeaveReport.show();
//VisibleDiv.val() = "DF_d-L_LeaveReqdiv";
}
-----, и у меня есть три кнопки также.... когда я нажимаю на первую кнопку div1, отображается и задает значение скрытого поля для div1 id...... моя проблема в том, когда pageload возникает значение скрытого поля, установлено to intial value, т.е. значение div3 вместо div1, т.е. связать соответствующую последнюю кнопку, нажмите значение div id, у любого тела есть какая-то идея... решить эту проблему.... в asp.net у нас есть состояние представления - это любая функция в javascript для получения хранится последнее значение
First up all i thanks to @David Hirst,@Muhammad Omair
This is my jquery code :
<script type="text/javascript">
$(document).ready(function () {
//alert($("#hdnDivValue").val());
var VisibleDiv = $("#hdnDivValue");
var Task = $("#DF_d-L_Mytaskdiv");
var TaskReport = $("#DF_d-L_Comptaskdiv");
var LeaveReport = $("#DF_d-L_LeaveReqdiv");
var btnLeaveMang1 = $("#btnLeaveMang");
var btnMy_Task1 = $("#btnMy_Task");
var btn_TaskReport1 = $("#btn_TaskReport");
//var btnlLeaveSave1 = $("$btnlLeaveSave");
// btnlLeaveSave1.click(function () {
// $("#hdnDivValue").val("DF_d - L_LeaveReqdiv");
// alert('working');
// });
btn_TaskReport1.click(function () {
//VisibleDiv.val() = "DF_d - L_Mytaskdiv";
TaskReport.show();
Task.hide();
LeaveReport.hide();
});
btnMy_Task1.click(function () {
// VisibleDiv.val() = "DF_d-L_Comptaskdiv";
TaskReport.hide();
Task.show();
LeaveReport.hide();
});
btnLeaveMang1.click(function () {
//VisibleDiv.val() = "DF_d-L_LeaveReqdiv";
TaskReport.hide();
Task.hide();
LeaveReport.show();
$("#hdnDivValue").val("DF_d - L_LeaveReqdiv");
//alert($("#hdnDivValue").val());
//VisibleDiv.val("DF_d - L_LeaveReqdiv");
});
if (VisibleDiv.val() == "DF_d-L_Comptaskdiv") {
TaskReport.show();
Task.hide();
LeaveReport.hide();
// VisibleDiv.val() = "DF_d - L_Comptaskdiv";
}
else if (VisibleDiv.val() == "DF_d-L_Mytaskdiv") {
TaskReport.hide();
Task.show();
LeaveReport.hide();
//VisibleDiv.val() = "DF_d-L_Mytaskdiv";
}
else if (VisibleDiv.val() == "DF_d-L_LeaveReqdiv") {
TaskReport.hide();
Task.hide();
LeaveReport.show();
//VisibleDiv.val() = "DF_d-L_LeaveReqdiv";
}
});
</script>
protected void Page_Load(object sender, EventArgs e)
{
if(!IsPostBack)
{
hdnDivValue.Value = "DF_d-L_Comptaskdiv";
}
}
//hidden field set to default div namely "DF_d_Comptaskdiv"
//so intially "DF_d_Comptaskdiv" div is displayed
protected void btnTaskView_Click (отправитель объекта, EventArgs e) {
General.officeStaff ofcobj = new officeStaff();
ofcobj.BindTaskGrid(grdTask);
hdnDivValue.Value = "DF_d-L_Mytaskdiv";
}
enter code here
//присвойте значение скрытого поля текущему div, где ctrl ctrl reside.... так asp.net поддерживает viewstate значения скрытого поля в текущем div.... так, чтобы отображалось каждое значение ctrl div.
ЭТО НЕ ОТВЕТ, ЭТО ПРЕДЛОЖЕНИЕ
Мне жаль, что я не понимаю, что вы пытаетесь выполнить, но могу ли я предложить немного очистить ваш текущий jQuery к чему-то подобному, что намного читаемо.
$(document).ready(function () {
var Task = $("#DF_d-L_Mytaskdiv");
var TaskReport = $("#DF_d-L_Comptaskdiv");
var LeaveReport = $("#DF_d-L_LeaveReqdiv");
$("#btn_TaskReport").on('click', function() {
showTaskReport();
}
$("#btnMy_Task").on('click', function() {
showTask();
}
$("#btnLeaveMang").on('click', function() {
showLeaveReport();
}
function showTaskReport() {
TaskReport.show();
Task.hide();
LeaveReport.hide();
}
function showTask() {
TaskReport.hide();
Task.show();
LeaveReport.hide();
}
function showLeaveReport() {
TaskReport.hide();
Task.hide();
LeaveReport.show();
}
});