cool FRAME menue

Status
Nicht offen für weitere Antworten.

Pflaumi

Mitglied
ich möchte bei diesem ausklappmenü eine zeitverzögerung zwischen hoven und klicken einbauen (weil's schwer ist, das sonst zu treffen)

außerdem möchte ich Soundeffekte inebauen (klick beim hoven, tsch*** beim ausklappen usw.

danke ich hab mal das *.Js angehängt

außerdem der Code für die Seite dann ist dieser

/*******************************************************************************
Copyright (c) 1999 Thomas Brattli (http://www.bratta.com)
eXperience DHTML coolFrameMenus - Get it at http://www.bratta.com
Version Beta 1.0
This script can be used freely as long as all copyright messages are
intact.
Visit http://www.bratta.com/dhtml/scripts.asp for the latest version of the script.
*******************************************************************************/
// Dieses Script wurde von Klaus Hentschels ins deutsche übersetzt
// e-mail: Black_runner@t-online.de
// www: http://Java.topcool.de
// www: http://home.t-online.de/home/Black_runner/
// Bitte entfernen sie diesen Vermerk nicht

mDebugging=1 //0 für NO Debugging, 1 für alert debugging und 2 für status.

oCFMenu=new coolFrameMenu('oCFMenu') //erstellen des Menues

oCFMenu.menuFrameName="frmMain" //Name für ihr "main" frame (main=hauptframe)
oCFMenu.startPage="main.html" //erst wenn main frame geladen ist wird das menu geladen
oCFMenu.maxsubs=7 //Anzahl der maximalen subs
oCFMenu.maxsubs2=10 //Anzahl der maximalen sub2s
oCFMenu.maxsubs3=7 //Anzahl der maximalen sub3s

//Frametype:
// 0 = menu in left frame
// 1 = menu in right frame
// 2 = menu in top frame
// 3 = menu in bottom frame

oCFMenu.frametype=2
oCFMenu.pagecheck=1 //check des submenus wie weit es gehen soll (nur für top und bottom frame )

oCFMenu.mainheight=20 //höhe des main menuitems in pixel oder %
oCFMenu.mainwidth=119 //breite main menuitems in pixel oder %

oCFMenu.subwidth=oCFMenu.mainwidth //weite der submenus
oCFMenu.subheight=20 //höhe des subitems in pixel oder %

oCFMenu.sub2width=oCFMenu.mainwidth //weite des sub2menus in pixel oder %
oCFMenu.sub2height=oCFMenu.subheight //höhe sub2items in pixel oder %

oCFMenu.sub3width=oCFMenu.mainwidth //weite des sub3menus in pixel oder %
oCFMenu.sub3height=oCFMenu.subheight //höhe des sub3items in pixel oder %

oCFMenu.subXplacement=0 //relative position des main item (item=Gegenstand)
oCFMenu.subYplacement=0 //relative position des main item (item=Gegenstand)

oCFMenu.sub2Xplacement=oCFMenu.subwidth+1 //X Lage für subsubmenus, relative zum sub item (item=Gegenstand)
oCFMenu.sub2Yplacement=+12 //Y Lage für subsubmenus, relative zum sub item (item=Gegenstand)

oCFMenu.sub3Xplacement=oCFMenu.sub2width+1 //X Lage für subsubmenus, relative zum sub2 item (item=Gegenstand)
oCFMenu.sub3Yplacement=+12 //Y Lage für subsubmenus, relative zum sub2 item (item=Gegenstand)

oCFMenu.mainbgcoloroff='336699' //Hintergrundfarbe für main menuitems
oCFMenu.mainbgcoloron= 'black' //Hintergrundfarbe auf mouseover von main menuitems
oCFMenu.maintextcolor="white" //original text Farbe
oCFMenu.mainhovercolor="white" //Farbe für Text bei mouseover

oCFMenu.subbgcoloroff='336699' //Hintergrundfarbe für main menuitems
oCFMenu.subbgcoloron='black' //Hintergrundfarbe auf mouseover von main menuitems
oCFMenu.subtextcolor='white' //original text Farbe
oCFMenu.subhovercolor="white" //Farbe für Text bei mouseover

oCFMenu.sub2bgcoloroff='606060' //Hintergrundfarbe für main menuitems
oCFMenu.sub2bgcoloron='black' //Hintergrundfarbe auf mouseover von main menuitems
oCFMenu.sub2textcolor="white" //original text Farbe
oCFMenu.sub2hovercolor="white" //Farbe für Text bei mouseover

oCFMenu.sub3bgcoloroff='#FF9900' //Hintergrundfarbe für main menuitems
oCFMenu.sub3bgcoloron='#orange' //Hintergrundfarbe auf mouseover von main menuitems
oCFMenu.sub3textcolor="black" //original text Farbe
oCFMenu.sub3hovercolor="ff8c00" //Farbe für Text bei mouseover


oCFMenu.bordersize=1 //Bordergrösse
oCFMenu.bordercolor="FFFFFF" //Borderfarbe

//Stil der Schriftart,farbe,Grösse und Ausrichtung im Menue
oCFMenu.topstyle="font-family: verdana,arial; font-size:12px; padding:4;text-align:center"

//Stil der Schriftart,farbe,Grösse und Ausrichtung im submenus
oCFMenu.substyle="padding:3px; font-family:Verdana, Arial; font-size:11px;text-align:center"

//Stil der Schriftart,farbe,Grösse und Ausrichtung im sub2menus
oCFMenu.sub2style="padding:3px; font-family:verdana, arial; font-size:11px;text-align:center"

//Stil der Schriftart,farbe,Grösse und Ausrichtung im sub3menus
oCFMenu.sub3style="padding:3px; font-family:arial,helvetica; font-size:12px;text-align:center"

//blättern der Linie
oCFMenu.makeStyle() //schreiben aus dem Stil für das top menu
oCFMenu.makeFrameString()

oCFMenu.menuplacement=0 //Beispiel oben nebeneinander
oCFMenu.pxbetween=20 //Abstand in pixel oder %
oCFMenu.fromleft=1 //Abstand in pixel oder % von links
oCFMenu.fromtop=55 //Abstand in pixel oder % von oben

numberofmenus=5 //Anzahl und zentrieren des Menues
menutotalwidth=oCFMenu.mainwidth*numberofmenus+oCFMenu.pxbetween*(numberofmenus-1)
oCFMenu.fromleft=page.x50-menutotalwidth/2 //in pixel oder %

//Elemente für makeTop(TEXT,LINK,TARGET,WIDTH,FUNCTION)
oCFMenu.makeTop('Programm',0,0,120) //MAIN 1

//Elemente für makeSub(TEXT,LINK,TARGET,FUNCTION)
oCFMenu.makeSub('Bozen')

//Elemente für makeSub2(TEXT,LINK,TARGET,FUNCTION)
oCFMenu.makeSub2('alle Säle')
oCFMenu.makeSub2('Capitol 1')
oCFMenu.makeSub2('Capitol 2')
oCFMenu.makeSub2('Filmclub')



oCFMenu.makeSub('Sektionen')
oCFMenu.makeSub2('Auer','auer.htm','frmMain')

oCFMenu.makeSub2('Brixen')
oCFMenu.makeSub2('Bruneck')
oCFMenu.makeSub2('Meran')
oCFMenu.makeSub2('Schlanders')
oCFMenu.makeSub2('Sterzing',0,0)
oCFMenu.makeSub('Archiv','main1.html','frmMain')
oCFMenu.makeSub2('Filme')
oCFMenu.makeSub2('Programm-Plakate')



oCFMenu.makeTop('Informationen',0,0,120) //Main 2
oCFMenu.makeSub('Filmclub Bozen')
oCFMenu.makeSub2('Kurzinfo')

oCFMenu.makeSub2('Geschichte')

oCFMenu.makeSub2('Ziele')
oCFMenu.makeSub2('Lageplan')
oCFMenu.makeSub2('Einblick...')
oCFMenu.makeSub2('Öffnungszeiten')

oCFMenu.makeSub2('Kinosäle')
oCFMenu.makeSub2('Sondervorstellung')


oCFMenu.makeSub('Sektionen',0,0,120)
oCFMenu.makeSub2('Auer','auer.htm','frmMain')

oCFMenu.makeSub2('Brixen')
oCFMenu.makeSub2('Bruneck')
oCFMenu.makeSub2('Meran')
oCFMenu.makeSub2('Schlanders')
oCFMenu.makeSub2('Sterzing',0,0)


oCFMenu.makeTop('Interaktiv',0,0,120) //Main 3
oCFMenu.makeSub('Gästebuch','interactiv_gast.html','frmMain')

oCFMenu.makeSub('Quiz','interactive_quiz.html','frmMain')
oCFMenu.makeSub('Umfrage')
oCFMenu.makeSub('Game','file:///C:/WINDOWS/Desktop/doppelframe/Tetris/tetris.html','frmMain')

oCFMenu.makeTop('Links')
oCFMenu.makeSub('Kinos','links_Kinos.html','frmMain')

oCFMenu.makeSub('Verleiher','links_verleiher.html','frmMain')
oCFMenu.makeSub('Kinomagazine','links_kinomagazine.html','frmMain')
oCFMenu.makeSub('Film Webs','links_andere.html','frmMain')

oCFMenu.makeTop('Reservierung','reservierung.html','frmMain') //Main 4


oCFMenu.construct()


//bei jedem verändern der Grösse wird das Frameset neu geladen (reload)
searchtext=location.search
isresized=searchtext.lastIndexOf("resizedurl")
if(isresized>-1){ //Get PAGE
oCFMenu.startPage="http://" + searchtext.substr(isresized+11,searchtext.length)
}
if(top[oCFMenu.menuFrameName])top[oCFMenu.menuFrameName].location.href=oCFMenu.startPage
</script>

THX!
 

Anhänge

  • coolframe.zip
    5,9 KB · Aufrufe: 83
Weils so schwer ist das sonst zu treffen? Verseh ich nicht bei mir läuft das ohne Probleme.
Zu deinem Soundproblem:

//Making a top element makeTop(TEXT,LINK,TARGET,WIDTH,FUNCTION)
//TEXT = the text that you want displayed inside the item
//LINK = The page you want the item to link to - Set to 0 or don't spesify if you don't want a link
//TARGET = The target for the link, set to _blank, frame_name, _top - Set to 0 or don't spesify if you don't want a target
//WIDTH = Here you can set an individual width for each top element. This is ONLY availble on the top elements
//FUNCTION = If you want some Javascript code to be executed when this item is clicked place it here

Mit dem Punkt Function kannst du doch einfach eine Funktion aufrufen die eine Sound abspielt.
 
Vergesst nicht das die Browser nur midi files abspielen
Jedes anders Dateiformat ruft dann nur den Mediaplay auf den Plan und somit ist das ganze Mist.

Nimm Flash für sowas dort kannst den Sound steuern wie Du willst.

Bsp für sowas ist http://www.flashworker.de

Auch würde ich Kompatibilitätsgründen von der Verwendung des Scriptes absehen schon mal mit Opera ausprobiert?
Dort hast Du das Problem das sich der Opera Browser standardmässig als IE5 meldet. Aber die Javaengine die Scripts anders interpretiert.

Über Flash weisst Du das es überall gleich aussieht.

regards

bdragon
 
Vergesst nicht das die Browser nur midi files abspielen
Jedes anders Dateiformat ruft dann nur den Mediaplay auf den Plan und somit ist das ganze Mist.


Nee, es geht auch mit wave, nur muss man hidden=true..

ich hab aber trotzdem ein Problem

ich hab diese sound function

Code:
function Sound1(){
	document.sound1.play();
	}


und bei dem Menüpunkt heißt es dann

//Elemente für makeTop(TEXT,LINK,TARGET,WIDTH,FUNCTION) 
oCFMenu.makeTop('Programm',0,0,120,'Sound1()') 	//MAIN 1

außerdem hab ich außerhalb des javascripts noch diesen teil

<EMBED SRC="klack.wav" autostart=false HIDDEN=TRUE NAME="sound1" MASTERSOUND>

aber es funzt nicht...

was hab ich falsch

PS autostart=true, dann höre ich den klack sound OHNE Kram und so!!
 
bei links das ganze mit
Code:
javascript:sound1();
ansprechen!

javascript zusammen schreiben! das forum ändert dass ständig.
 
ja, ich weiß dass

von onClick usw..

aber dieses Forum ist speziell und da steht einfach nur

Untermenüpunkt2(Link, Breite, Ziel, Function)

und geht das mit javascript auch bei function? muss da noch javascript rauf??
 
Status
Nicht offen für weitere Antworten.
Zurück