DIENSTE

	Newsletter abonnieren
	Sag's einem Freund!
	VirtualUniversity als Startseite
	Zu den Favoriten hinzufügen
	Feedback Formular
	e-Learning für Lehrer
	Spenden
	Autoren login

KURSE SUCHEN

Kurse veröffentlichen

Suche nach Datum:

Suche mit Schlüsselwort:

Suche nach Land:

Suche nach Kategorie:



	PARTNER



ausbildung24.ch - Ausbildungsportal, Seminare, Kursen... www.ausbildung24.ch >> HTMLopen.de - Alles was ein Webmaster braucht www.HTMLopen.de >> PCopen.de - PC LAN Netze und Netzwerke - alles was ein IT Profi und Systemtechnicker braucht www.PCopen.de >>

TELEKOM

Layer Crossbrowser

Kompatibilität: Ms Internet Explorer, Netscape

Nützlich und sehr einfach zu konfigurieren in DHTML, ist die Funktion welcher ermöglicht das Inhalt einer Seite in einer Dynamischer Seite zu modifizieren.
Dieses Beispiel, welcher aus einer Html Datei besteht, ist mit 3 Grafiken "TOP1.gif", "TOP2.gif" e "TOP3.gif" versehen (alle Files sind in einem Zip-Format enthalten).

[ Das Beispiel zeigen ]

HTML Code für deine Website

<HTML>
                                    <HEAD>
                                    
                                    
                                    
                                    <TITLE>Virtual University - Dynamic HTML Beispiele</TITLE><meta name="language" content="de"><meta name="robots" content="index,follow">
                                     <SCRIPT LANGUAGE="JavaScript"> 	//Define global variables
                                     	var totalLayersInLoop=3;
                                    	var layerNumShowing=1;
                                    	function init(){
                                           	  if (navigator.appName == "Netscape") {
                                    		    layerStyleRef="layer.";
                                     			layerRef="document.layers";
                                    			styleSwitch="";
                                    			}else{
                                     			layerStyleRef="layer.style.";
                                    			layerRef="document.all";
                                     			styleSwitch=".style";
                                    			} 	}
                                    	function showLayerNumber(number){
                                     		var layerNumToShow=number;
                                    		hideLayer(eval('"layer' + layerNumShowing+'"'));
                                     		showLayer(eval('"layer' + layerNumToShow+'"'));
                                     		layerNumShowing=layerNumToShow;	 	}
                                    	function showPreviousLayer(){
                                     		var layerNumToShow=layerNumShowing-1;
                                     		if (layerNumToShow < 1){layerNumToShow=totalLayersInLoop;}
                                     		hideLayer(eval('"layer' + layerNumShowing+'"'));
                                     		showLayer(eval('"layer' + layerNumToShow+'"'));
                                     		layerNumShowing=layerNumToShow; 	}
                                    	function showNextLayer(){
                                     		var layerNumToShow=layerNumShowing+1;
                                     		if (layerNumToShow > totalLayersInLoop){layerNumToShow=1;}
                                     		hideLayer(eval('"layer' + layerNumShowing+'"'));
                                     		showLayer(eval('"layer' + layerNumToShow+'"'));
                                     		layerNumShowing=layerNumToShow; 	}
                                    	function showLayer(layerName){
                                     		eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"'); 	} 	
                                    	function hideLayer(layerName){
                                     		eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"'); 	} 
                                     </SCRIPT>
                                    
                                     <STYLE TYPE="text/css">
                                     #layer1 {POsiteON: absolute; Z-INDEX: 10; VISIBILITY: visible; LEFT: 150px; TOP: 180px;}
                                     #layer2 {POsiteON: absolute; Z-INDEX: 20; VISIBILITY: hidden; LEFT: 150px; TOP: 180px;}
                                     #layer3 {POsiteON: absolute; Z-INDEX: 30; VISIBILITY: hidden; LEFT: 150px; TOP: 180px;}
                                     #loopControls {POsiteON: absolute; Z-INDEX: 40; VISIBILITY: visible; LEFT: 300px; TOP: 150px;}
                                      </STYLE>
                                    
                                    </HEAD>
                                    
                                    <BODY onLoad="init()">
                                      
                                     	
                                    	<DIV ID="layer1" >
                                    	<IMG SRC="images/TOP1.gif" WIDTH=87 HEIGHT=61 BORDER=0>
                                     	</DIV>
                                    	 	<DIV ID="layer2" >
                                    <IMG SRC="images/TOP2.gif" WIDTH=81 HEIGHT=83 BORDER=0>
                                     	</DIV>
                                    	 	<DIV ID="layer3" >
                                    <IMG SRC="images/TOP3.gif" WIDTH=52 HEIGHT=88 BORDER=0>
                                     	</DIV>
                                    	
                                    	  	<DIV ID="loopControls" >
                                     		<A HREF="javascript:showPreviousLayer()">Vorheriger Layer</a>  <BR>
                                     		<A HREF="javascript:showNextLayer()">Nächster Layer</a> <BR>
                                     		<A HREF="javascript:showLayerNumber(1)">Layer nummer 1</a> <BR>
                                     		<A HREF="javascript:showLayerNumber(2)">Layer nummer 2</a> <BR>
                                     		<A HREF="javascript:showLayerNumber(3)">Layer nummer 3</a> <BR>
                                     		</DIV>
                                     </BODY></HTML>
                                    </html>

[File ZIP runterladen, Bilder und andere Files sind im ZIP file inbegriffen]

DIPLOMARBEITEN UND BÜCHER

Diplomarbeiten zum Runterladen:

Architektur / Raumplanung
Betriebswirtschaft - Funktional
Erziehungswissenschaften
Geowissenschaften
Geschichtswissenschaften
Informatik
Kulturwissenschaften

Medien- und Kommunikationswissenschaften
Medizin
Psychologie
Physik
Rechtswissenschaft
Soziale Arbeit
Sozialwissenschaften

	JOBS