how can we see the div items using z-Index property

Posted by Manorama under jQuery on 5/8/2013 | Points: 10 | Views : 1110 | Status : [Member] | Replies : 1

here i am using data Table and Tree view and both i made droppable,draggable.once i drag from tree view to Data Table i can able to see the dragged item of tree Node.But when i drag from data Table Onto the tree view ..I am unable to see the dragged column of Data i used z index property for both controls.I done like this:
helper: 'clone',
revert: true,
cancel: "treeviewDiv",
start: function () {
$(".treeViewReports-Leaf").css({ 'z-index': '10' }); //with this i can able to see the tree view item on Data Table 1.9
}); var colCount = $("#dataTable tr th").length;
for (var index = 0; index < colCount; index++) {
colHeaders = $('#dataTable')[0].rows[0].cells[index];
revert: "invalid",
start: function () {
colName = this.title;
$("#treeViewDiv").css({ 'z-index': '-1 !important' }); //here i am removing z-Index property for tree view div
$("th.ui-draggable").css({ 'z-index': '999999999', 'position': 'relative', 'display': 'block' });//i given data table columns z index property..but this is not applying.. i am unable to see the Data table item on tree view
}); //End OF Making All Columns Draggable

please corrupt my code ..and give me guidence

Thanks in advance.....



Posted by: manoranjanguptaoutlook-19221 on: 5/8/2013 [Member] Starter | Points: 25

Actually I did not get your question properly but as your query want to say.....
u want to see your your div using z-index property..

for this download firebug ........
visit this link

install this u can able to see ur z index property is working or not....

in case of issue i will mentioned here step by step.
Happy to help

Manoranjan Gupta Manu

Manorama, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response