Programming Tools
Forums : » Register  « |  User CP  |  Games  |  Calendar  |  Members  |  FAQs  |  Sitemap  |  Support  | 
 
User Name:
Password:
Remember me
 
Go Back   Dev Articles Community Forums Programming Programming Tools

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb  
Thread Tools Search this Thread Display Modes
 
Unread Dev Articles Community Forums Sponsor:
Norton AntiVirus 2007 - Download the newest version of premier antivirus protection! Click Here
Download the new Norton AntiVirus 2007 today from Symantec Click Here
Best-selling antivirus software - Norton AntiVirus 2007 3 User Pack Click Here
  # 1  
Old July 23rd, 2002, 01:59 AM
Nigorr Nigorr is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Apr 2002
Location: Brisbane, Australia
Posts: 78 Nigorr User rank is Just a Lowly Private (1 - 20 Reputation Level)  
Time spent in forums: < 1 sec
Reputation Power: 6
Javascript: Style{z-index}

How do you manipulate the z-index style property of objects via javascript?? The following dosen't work!

Code:
              <html>
<head>
<title>Test z-index</title>
<script language="JavaScript">
  function changeZunder() {
    layer1.style.z-index = 1;
    layer2.style.z-index = 2;
  }

  function changeZover() {
    layer1.style.z-index = 2;
    layer2.style.z-index = 1;
  }
</script>
</head>
<body>
<div id="layer1" style="position: absolute; left: 50px; top: 50px; padding: 50 50 50 50; width: 300px; font-size: 14pt; color: #0000FF; background-color: #00FF00; z-index: 1">This is blue text with a green background.</div>
<div id="layer2" style="position: absolute; left: 150px; top: 150px; padding: 50 50 50 50; width: 300px; font-size: 14pt; color: #FF0000; background-color: #000000; z-index: 1">This is red text with a black background.</div>
<div id="layer3" style="position: absolute; left: 150px; top: 300px; padding: 50 50 50 50; width: 100px; z-index: 1">
  <button onClick="changeZunder()">changeZunder()</button>  <button onClick="changeZover()">changeZover()</button>
</div>
</body>
</html>
             

  # 2  
Old July 23rd, 2002, 08:21 AM
mytch mytch is offline
Dev Articles Novice (500 - 999 posts)
 
Join Date: Apr 2002
Location: Sydney, Australia
Posts: 589 mytch User rank is Just a Lowly Private (1 - 20 Reputation Level)  
Time spent in forums: < 1 sec
Reputation Power: 6
I just found this link on webreference. It should explain a thing or two to you: http://www.webreference.com/js/column28/zindex.html

  # 3  
Old July 23rd, 2002, 05:53 PM
Nigorr Nigorr is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Apr 2002
Location: Brisbane, Australia
Posts: 78 Nigorr User rank is Just a Lowly Private (1 - 20 Reputation Level)  
Time spent in forums: < 1 sec
Reputation Power: 6
Thanks for that. I have never herd of webreference before, well now I know where to go to for this type of thing now.

Reply

Viewing: Dev Articles Community Forums Programming Programming Tools > Javascript: Style{z-index}


Thread Tools   Search this Thread  
Search this Thread :

Advanced Search
Display Modes   Rate This Thread  
Rate This Thread :


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

White Papers Free IT Downloads!
 
»   Wikinomics: How Mass Collaboration Changes Everything
Mass collaboration is already transforming the way goods and services are created throughout the economy. In this excerpt from “Wikinomics: How Mass Collaboration Changes Everything,� learn how companies can create competitive organizations that leverage internal and external capabilities more effectively than their traditional counterparts.

Get Free White Paper!
 
»   30 Day Free Trial of Sugar Professional On-Demand
Manage customers across marketing, sales, and support, collaborate on deals and projects and gain greater insight with deep reporting and real-time product dashboards.

Get Free White Paper!
 
»   Build and Release Management: Understanding the Costs of Doing It Yourself
Build and release management has only recently caught up with the release of tools that improve the entire process. This paper looks at the needs of build and release management, how those needs are met by open source and commercial tools that go way beyond the likes of Make or Ant, and the real costs of creating and maintaining a homegrown system.

Get Free White Paper!
 
»   Hitting Your Numbers: Creating Sales Excellence with Commercial Open Source CRM
In this white paper, read how SugarCRM® is based on commercial open source software, which gives the product a variety of benefits above and beyond proprietary CRM products from different providers. Here are just a few of the ways in which SugarCRM & its commercial open source approach are the right choice for helping you achieve sales excellence.

Get Free White Paper!
 
»   Parallel Build Visualization: Diagnosing & Troubleshooting Common Pitfalls of Parallel Builds
Software builds are widely regarded as the next opportunity for real productivity improvements in the software development lifecycle. Code complexity has increased for virtually any sort of application. In this paper, we will identify several of the most common performance problems with parallel builds, as well as techniques to debug them.

Get Free White Paper!
 
»   Small Businesses Can Cast a Big Shadow - Oracle Podcast on Modern Portals
This podcast discusses the advantages of portals to small and medium businesses, reviews the challenges small and medium enterprises face in deploying the options that have been available, and presents some newer portal options with distinct advantages for smaller enterprises.

Get Free White Paper!
 
»   Actuate 9 Service Pack 1: Support for e.Reports, Actuate Query & Analytics
Actuate 9 is the first platform to allow report developers, power and business users, and customers and partners to share and modify report designs using skills-specific environments appropriate for each user. Actuate 9 Service Pack 1 further augments the Actuate 9 Series by offering support for e.Reports, Actuate Query and Analytics.

Get Free White Paper!
 
»   Netguru Outsourcing IT Services and Solutions
netGuru has built its IT services offerings around a proven set of proprietary software products and solutions. Dedicated teams for IT development and support services including software, web and document management, our knowledge and experience in the IT sector, and a workforce of diverse IT professionals, allows us to convert complex to simple.

Get Free White Paper!
 
»   SugarCRM - Open Source Customer Relationship Management (CRM)
Sugar, a leading commercial open source CRM application, delivers a feature-rich set of business processes that enhance marketing effectiveness, drive sales performance & improve customer satisfaction. With deep collaboration & administration capabilities that adapt to how your company operates, Sugar helps customers in North American Enterprises.

Get Free White Paper!
 
»   SparkEngine Mail Transport Platform - Enterprise Email Messaging Solution
SparkEngine is a powerful, flexible & open platform for email processing & routing, & serves as the delivery system for some of the world's most demanding email environments. SparkEngine provides a scalable, extensible platform for bi-directional delivery & security, as well as authentication, encryption, failure processing & delivery policies.

Get Free White Paper!
 
More Free IT Downloads!

Forums : » Register  « |  User CP  |  Games  |  Calendar  |  Members  |  FAQs  |  Sitemap  |  Support  | 
  
 




© 2003-2007 by Developer Shed . All rights reserved. DS Cluster 2 hosted by Hostway