DZone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
  • Refcardz
  • Trend Reports
  • Webinars
  • Zones
  • |
    • Agile
    • AI
    • Big Data
    • Cloud
    • Database
    • DevOps
    • Integration
    • IoT
    • Java
    • Microservices
    • Open Source
    • Performance
    • Security
    • Web Dev
DZone >

Sanitize Runaway Z Indexes!

Snippets Manager user avatar by
Snippets Manager
·
Oct. 19, 05 · · Code Snippet
Like (0)
Save
Tweet
497 Views

Join the DZone community and get the full member experience.

Join For Free
This is a function I wrote to sanitize zIndexes of a list of elements that you may continually are bringing to the top of a page.  This function goes through HTML Elements and makes all the numbers as low as can be without affecting ordering. 

Feel free to make suggestions or to use this code how you'd like. 

One condition, please just tell me if you're using it, and if you have ideas for improvement, let me know
kenny[@t  ]]]standsolid.com

function sanitizeZ(elements){

	function sortByZIndex(a, b){
		return a[1] - b[1];
	}

	var tempZArray = new Array();
	for(i in elements)
		tempZArray.push([i, elements[i].style.zIndex]);

	tempZArray.sort(sortByZIndex);

	for(i in tempZArray)
		elements[ tempZArray[i][0] ].style ['zIndex'] = i;

}

Opinions expressed by DZone contributors are their own.

Popular on DZone

  • Counting Faster With Postgres
  • How to Perform Visual Regression Testing Using Cypress
  • Best Practices for Resource Management in PrestoDB
  • How To Deploy Apache Kafka With Kubernetes

Comments

Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • MVB Program
  • Become a Contributor
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 600 Park Offices Drive
  • Suite 300
  • Durham, NC 27709
  • support@dzone.com
  • +1 (919) 678-0300

Let's be friends:

DZone.com is powered by 

AnswerHub logo