/* Grafik austauschen beim überqueren mit der Maus und aktive Brafik beim Anklicken ausgetauscht lassen Benutzung: im Head:

*/ strOldImg = new String(); strActiveImgName = new String(); function SetActiveImg( strToActivateName, strInactiveFile ) { //alert( strActiveImgName ); if( strActiveImgName != "" && strActiveImgName != strToActivateName ) document.images[strActiveImgName].src = strOldImg; strActiveImgName = strToActivateName; strOldImg = strInactiveFile; //alert( name ); // soll gegen den Rahmen des aktiven fensters helfen, klappt aber nicht so ganz :( //if (document.all) // document.images[strActiveImgName].blur(); } function changeImgTo( strToChangeName, strActiveFile ) { //alert( name + ";" + newImg + ";" + strActiveImgName ); //alert( document.images[name].src ); if( strToChangeName != strActiveImgName ) { document.images[strToChangeName].src = strActiveFile; } } function OpenImgInNewWindow( fildnameImg, sizeX, sizeY, resizeable ) { var aStr; aStr = new String(); if( sizeX == 0 && sizeY == 0 ) { // wenn bild geladen, dann wird die Fenstergröße angepasst aStr = "width=400,height=300,resizable=" + resizeable ; NeuesFenster = window.open( "", "ImgView", aStr ); NeuesFenster.document.open(); NeuesFenster.document.write( "\

\ " ); NeuesFenster.document.close(); NeuesFenster.focus(); } else { aStr = "width=" + sizeX + ",height=" + sizeY + ",resizable=" + resizeable ; NeuesFenster = window.open( "fildnameImg", "ImgView", aStr ); } } /*---------------------------- Layer Functions -----------------------------*/ // ParameterVisibility can be "hidden" or "visible" function LayerVisible( LayerID, Visibility ) { //alert( LayerID ); if(document.getElementById) // Netscape 6 and IE 5 code goes here { document.getElementById(LayerID).style.visibility = Visibility; } else if(document.all) // IE 4 code goes here { alert(document.all[LayerID].style.visibility); } else if(document.layers) //Netscape 4 code goes here { alert(document.layers[LayerID].visibility); } //document.getElementById("myLayer1").style.align = "center"; //document.getElementById("myLayer1").style.left = 300; //document.getElementById("myLayer1").align = "center"; //document.all[layerID].visibility = "hide"; //IExplorer //document.getElementById("layerID").align = "center"; //document.getElementById("layerID").visibility = "hide"; //document.layers[layerID].visibility = "hide"; //alert( What ); } function LayerPos( LayerID, X, Y ) { //alert( LayerID&X&Y ); if(document.getElementById) // Netscape 6 and IE 5 code goes here { document.getElementById(LayerID).style.position = "absolute"; document.getElementById(LayerID).style.left = X; document.getElementById(LayerID).style.top = Y; } else if(document.all) // IE 4 code goes here { document.all[LayerID].style.position = "absolute"; document.all[LayerID].style.left = X; document.all[LayerID].style.top = Y; } else if(document.layers) //Netscape 4 code goes here { document.layers[LayerID].position = "absolute"; document.layers[LayerID].left = X; document.layers[LayerID].top = Y; } } /*------------------ Menu functions ---------------------------------- Struktur von Menüs und Layern: Layer haben eine ID (z.B.: kurs_herbert) Menüpunkte haben immer die ID: m_* (z.B.: m_programm) Aufruf eines Layers aus dem Menü mit m_ + LayerID (z.B.: onclick="javascript:MenuMouseOver('m_programm')";) Aufruf eines Layers immer mit l_ + LayerID: (z.B.: onclick="javascript:MenuMouseOver('l_kurs_herbert')";) */ var MenuBaseCol = new String(); var MenuHiglightCol = new String(); var SelectedLayer = new String(); var oldSelectedLayer = new String(); MenuHiglightCol = "#AC0707"; MenuBaseCol = "#6E0101"; //MenuHiglightCol = "#ADE3EB"; //MenuBaseCol = "#AAC7D1"; SelectedLayerID = ""; oldSelectedLayerID = ""; SelectedMenuID = ""; oldSelectedMenuID = ""; function MenuMouseOver( MenuID ) { document.getElementById(MenuID).bgColor = MenuHiglightCol; /* if( SelectedLayer == String(MenuID).substr(2,100) ) return; // nur für Menu mouseovers if( String(MenuID).substr(0,2) == "m_" ) { document.getElementById("m_allgemeines").bgColor = MenuBaseCol; document.getElementById("m_programm").bgColor = MenuBaseCol; document.getElementById("m_kursleiter").bgColor = MenuBaseCol; document.getElementById("m_anmeldung").bgColor = MenuBaseCol; document.getElementById("m_location").bgColor = MenuBaseCol; document.getElementById("m_kontakt").bgColor = MenuBaseCol; document.getElementById(MenuID).bgColor = MenuHiglightCol; } else if( !document.getElementById( String(MenuID).substr(2,100) ) ) // absicherung damit nicht die ganze page abstürzte weil objekt nicht gefunden wird return; // Aktiven Layer unsichtbar machen if( SelectedLayer != "" ) LayerVisible( SelectedLayer, "hidden" ); // MenuID sichtbar setzen SelectedLayer = String(MenuID).substr(2,100) LayerVisible( SelectedLayer, "visible" ); */ } function MenuMouseOut( MenuID ) { if( SelectedMenuID == MenuID ) return; document.getElementById(MenuID).bgColor = MenuBaseCol; /* // nothing todo here!! if( SelectedLayer == MenuID ) return; //alert( SelectedLayer & " - " & MenuID ); document.getElementById(MenuID).bgColor = MenuBaseCol; switch( MenuID ) { case "m_allgemeines": LayerVisible( "allgemeines", "hidden" ); break; case "m_programm": LayerVisible( "programm", "hidden" ); break; case "m_kursleiter": LayerVisible( "kursleiter", "hidden" ); break; } */ } function MenuClick( MenuID ) { // Aktiven Layer unsichtbar machen if( SelectedMenuID != "" ) document.getElementById(SelectedMenuID).bgColor = MenuBaseCol; ShowLayer( String(MenuID).substr(2,100) ) oldSelectedMenuID = SelectedMenuID; SelectedMenuID = MenuID; } function ShowLayer( LayerID ) { // Aktiven Layer unsichtbar machen if( SelectedLayerID != "" ) LayerVisible( SelectedLayerID, "hidden" ); // MenuID sichtbar setzen LayerVisible( LayerID, "visible" ); SelectedLayerID = LayerID; }