Suche

[NDeezign]

hallo,

ich versuche ein javascript menu in ein theme einzubauen, aber es will einfach nicht, wobei es bei mir lokal über einen direktaufruf der theme.html klappt ...
ich habe den code auch schon in includes/myheader.php intrigiert, aber es will trotzdem nicht

nachstehend das problemkind:

Code Auswählen Erweitern


<script type="text/javascript" src="themes/mx-fresh_blue/style/menu.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {

var szNormal = 140, szSmall  = 140, szFull   = 210;

var kwicks = $$("#kwicks .kwick");
var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
kwicks.each(function(kwick, i) {
kwick.addEvent("mouseenter", function(event) {
var o = {};
o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
kwicks.each(function(other, j) {
if(i != j) {
var w = other.getStyle("width").toInt();
if(w != szSmall) o[j] = {width: [w, szSmall]};
}
});
fx.start(o);
});
});

$("kwicks").addEvent("mouseleave", function(event) {
var o = {};
kwicks.each(function(kwick, i) {
o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
});
fx.start(o);
})

});

</script>

es ist bei diesem menu erforderlich, dass noch eine separate js datei aufgerufen werden muss, beim pfad hatte ich auch schon die direkte seite angegeben, aber war wohl nichts ...
getestet wurde mit den aktuellen versionen vom ie und mozilla ...

wäre sehr dankbar, wenn sich jemand besser damit auskennt und vielleicht eine lösung weiss ...

lg
ndee

[NDeezign]

jetzt habe ich es soweit, dass es angezeigt wird, aber es bewegt sich nicht, wofür die menu.js zuständig ist ...

momentan siehts so aus:
die menu.js befindet sich in der includes/javascript

die my_header.php sag vorher so aus:

Code Auswählen Erweitern

<script language="JavaScript" type="text/JavaScript">

<!--
function VKP_reloadPage(init) {  //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {document.VKP_pgW=innerWidth; document.VKP_pgH=innerHeight; onresize=VKP_reloadPage; }}
else if (innerWidth!=document.VKP_pgW || innerHeight!=document.VKP_pgH) location.reload();
}
VKP_reloadPage(true);
//-->

</script>


und ich hab den inhalt um meines erweitert und auch die menu.js dort mit eingepackt:

Code Auswählen Erweitern


<script language="JavaScript" type="text/JavaScript" src="javascript/menu.js">
<!--
function VKP_reloadPage(init) {  //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {document.VKP_pgW=innerWidth; document.VKP_pgH=innerHeight; onresize=VKP_reloadPage; }}
else if (innerWidth!=document.VKP_pgW || innerHeight!=document.VKP_pgH) location.reload();
}
VKP_reloadPage(true);
//-->


window.addEvent('domready', function() {

var szNormal = 140, szSmall  = 140, szFull   = 210;

var kwicks = $$("#kwicks .kwick");
var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
kwicks.each(function(kwick, i) {
kwick.addEvent("mouseenter", function(event) {
var o = {};
o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
kwicks.each(function(other, j) {
if(i != j) {
var w = other.getStyle("width").toInt();
if(w != szSmall) o[j] = {width: [w, szSmall]};
}
});
fx.start(o);
});
});

$("kwicks").addEvent("mouseleave", function(event) {
var o = {};
kwicks.each(function(kwick, i) {
o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
});
fx.start(o);
})

});

</script>


in mx sind noch andere javascripts mit eingepettet, also muss das ja irgendwie gehen, kennt sich denn echt keiner soweit aus? 

[Franky]

Hi Ndee,

schick mir bitte mal das komplette Menü per PM. Ich schaus mir morgen mal an

ciao
Frank :-)

[NDeezign]

ich kanns auch gerne hier veröffenlichen, ist ja kein geheimnis ...das menu stammt von mootools, da gibt es so einige schöne javascripts ...

die datei beinhaltet die css, in der html datei das menu in nochmals einen script zum aufrufen und kombinieren mit der eigentlichen datei, welche die menu.js ist ...

die farblichen bilder müssen sich bewegen (dafür ist die menu.js zuständig), lokal klappst ja, nur mit mx habe ich es nicht hinbekommen ... das javascript darf nicht in der theme.html stehen, da beim aufruf dort javasrcipt generell überschrieben wird ...

http://www.ndeezign.com/downloads/menu.rar