jQuery: Element in den Vordergrund holen (z-index)
Dieses kleine aber praktische jQuery Plugin holt das aktuelle Element in den Vordergrund, indem der z-index auf maxZIndex gesetzt wird. Wird ein anderes Element angeklickt wird der z-index wieder auf den ursprünglichen Wert zurückgesetzt.
$.fn.zTop = function(opt) { var o = $.extend({ 'maxZIndex':1000 },opt); $('.jqueryZTop').each(function(){ $(this).removeClass('jqueryZTop'); $(this).zIndex($(this).data('zIndex')); }); $(this).addClass('jqueryZTop'); $(this).data('zIndex',$(this).zIndex()); $(this).zIndex(o.maxZIndex); }
Aufruf dann z.B. so:
$('#beispielDiv').mousedown(function(){ $(this).zTop(); });
oder (falls maxZIndex nicht 1000 sein soll) so:
$('#beispielDiv').mousedown(function(){ $(this).zTop({ maxZIndex : 999 }); });
No comments yet