Layer ebenen

kiffy · 07.05.2006, 14:26

kann man mit css/java mit mehreren Layer-ebenen arbeiten?

Ich hab als beispiel folgenden Layer:

Code:

function get_reference(id) {
    if( document.getElementById ) { // dom compat
        return document.getElementById(id); 
	}
    if( document.all ) { // ie4
        return document.all[id]; 
	}
    if( document.layers ) { // ns layers
        return document.layers[id]; 
	}
    if( document[id] ) { // ns alt (webtv)
        return document[id]; 
	}
    return false;
}

function swap_img(id,url){
	img=get_reference(id);
	img.setAttribute("src",url);
	return false;
}


function move_layer() {
	var pixel = document.childNodes ? 'px' : 0;
    layer_ref=get_reference('f599877');

    if( layer_ref.style ) { style_ref = layer_ref.style; }

	if(style_ref.left != ('10'+pixel)) {
		style_ref.left = ( parseInt(style_ref.left) + 180 ) + pixel;		
		setTimeout("move_layer()", 50);
	}
}

function show_layer() {
    layer_ref=get_reference('f599877');

    if( layer_ref.style ) { style_ref = layer_ref.style; }

	if( !layer_ref ) {
        return false; // nix :(
    }
    
    if( layer_ref.style ) { // dom compat
        layer_ref.style.visibility = 'visible';
    } else {
        if( layer_ref.visibility ) { // ns
            layer_ref.visibility = 'show';
        } else {
            return false; // schon wieder nix :(
        }
    }
	
	move_layer();
    return true;
}

function hide_layer(action) {
	var pixel = document.childNodes ? 'px' : 0;

	layer_ref=get_reference('f599877');
	
	swap_img('adframe','http://media.funpic.de/adjsc4.php?bid=102732055');
	//adframe.location.replace = 'http://www.funpic.de/media/adjsc.php?bid=102732055';	
	
	if(action==1) {
		open("http://partners.webmasterplan.com/click.asp?ref=106897&site=338&type=b1&subid=1001", "funpic_layer", "resizable=yes, scrollbars=yes, menubar=yes, toolbar=yes, status=yes, location=yes,width=800");
	}

    if( layer_ref.style ) { style_ref = layer_ref.style; }

    layer_ref.style.visibility = 'hidden';

	if( !layer_ref ) {
        return false; // nix :(
    }
    
 	style_ref.left = -1000 + pixel;		
		
    if( layer_ref.style ) { // dom compat
        layer_ref.style.visibility = 'hidden';
    } else {
        if( layer_ref.visibility ) { // ns
            layer_ref.visibility = 'hide';
        } else {
            return false; // schon wieder nix :(
        }
    }	
}

function init_layer()
{
	var pixel = document.childNodes ? 'px' : 0;
    layer_ref=get_reference('f599877');

    if( layer_ref.style ) { style_ref = layer_ref.style; }

	style_ref.left = -1070 + pixel;	
	setTimeout("show_layer()", 8000);
	return false;
}

document.open();
document.write('<div id="f599877" class="layer_main" style="visibility: hidden;"><div id="top_bar"><span id="top_left" style="float: left;"></span><span id="top_middle" style="float:left;"></span><span id="top_right" style="float: right;"></span></div><iframe frameborder="0" id="adframe" name="adframe" src="http://partners.webmasterplan.com/click.asp?ref=106897&site=338&type=b1&subid=1001"></iframe><div id="down_bar"><span id="down_left" style="float:left;"></span><span id="down_right" style="float: right;"></span></div></div><link href="http://media.funpic.de/layer.css" rel="stylesheet" type="text/css" />');
document.close();
init_layer();

und über den möchte ich noch einen kleinen Layer setzten.
Aber wie mache ich das? All meine versuche sind gescheitert

Zergling-new · 07.05.2006, 15:42

Code:

<html>
<head>
    <style type="text/css">
    div {
        position : absolute;
        height   : 100px;
        width    : 100px;
    }
    
    div#eins {
        background : red;
        z-index    : 1;
        
        left : 25px;
        top  : 25px; 
    }
    div#zwei {
        background : green;
        z-index    : 1;
        
        left : 35px;
        top  : 35px; 
    }
    div#drei {
        background : blue;
        z-index    : 1;
        
        left : 45px;
        top  : 45px; 
    }
    
    </style>
</head>
<body>

<div id="eins"></div>
<div id="zwei"></div>
<div id="drei"></div>

</body>
</html>

http://de.selfhtml.org/javascript/ob...rs.htm#z_index

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Link hinter div layer nicht anklickbar (Firefox)		HTML, Usability und Barrierefreiheit	3	26.11.2009 17:12
Layer immer zentriert erscheinen lassen	andrew22	HTML, Usability und Barrierefreiheit	2	10.05.2007 10:19
Menü aus 3 Ebenen aus Datenbank	TheTommynator	PHP Tipps 2006	3	28.08.2006 19:35
Layer relativ zur Tabelle	suter	HTML, Usability und Barrierefreiheit	4	20.03.2006 14:06
Layer auf Bild	Rotti	HTML, Usability und Barrierefreiheit	6	25.12.2005 10:14
kleines Problem mit css layer	Rotti	HTML, Usability und Barrierefreiheit	0	08.12.2005 22:36
Refsystem mit 3 Ebenen?	BartTheDevil89	PHP Tipps 2005-2	3	23.10.2005 13:54
Training von neuronalen Netzen		PHP Tipps 2005	5	28.09.2005 15:12
Layer am Ende einer Seite platzieren	php1	HTML, Usability und Barrierefreiheit	2	21.03.2005 22:44
Text in Layer	Stümper	HTML, Usability und Barrierefreiheit	16	23.02.2005 05:26
Layer nach Klicken des Banners schließen?!		HTML, Usability und Barrierefreiheit	2	07.11.2004 18:05
Layer mittels PHP steuern		PHP Tipps 2004	1	30.08.2004 09:27
Layer visibility per Css-Script ändern		HTML, Usability und Barrierefreiheit	3	18.08.2004 23:28
Layer zentrieren	rocco	HTML, Usability und Barrierefreiheit	12	02.08.2004 17:25
Div Layer erst nach 2 Sekunden öffnen		HTML, Usability und Barrierefreiheit	1	22.07.2004 18:22


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten