Auf Thema antworten 2026

Beitrag

<blockquote data-quote="tombeat" data-source="post: 1474199" data-attributes="member: 99162">Hi,Ich hab ein kleines Problem bezüglich eines kleinen Scripts. Ich hab das Script nicht selbst geschrieben, und die Benutzeroberfläche ist Joomla.Es geht um folgende HP:Auf der linken Seite beim Menü sieht man das sich bei mouseover ein padding von 20px einstellt und die Farbe ändert. So sollte es funktionieren.Leider ist das nicht so auf Unterseiten bei denen eine Komponente Läuft wie zB. Forum oder Gästebuch etc.Dort funktioniert das komischerweise nicht. Das Script ist im header immernoch vorhanden, aber es tut sich einfach nichts.Kann mir jemand sagen wieso, und wie ich das ändern kann?Hier das Script:[CODE]window.addEvent(&#039;domready&#039;, function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; var list = $$(&#039;.art-blockcontent-body ul a&#039;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; list.each(function(element) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var fx = new Fx.Styles(element, {duration:750, wait:false, transition: Fx.Transitions.Expo.easeOut});&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; element.addEvent(&#039;mouseenter&#039;, function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; fx.start({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &#039;padding-left&#039;: 20,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &#039;color&#039;: &#039;#ffffff&#039;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; element.addEvent(&#039;mouseleave&#039;, function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; fx.start({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &#039;padding-left&#039;: 0,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &#039;color&#039;: &#039;#4D4D4D&#039;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; var list = $$(&#039;.art-vmenublock a&#039;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; list.each(function(element) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var fx = new Fx.Styles(element, {duration:750, wait:false, transition: Fx.Transitions.Expo.easeOut});&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; element.addEvent(&#039;mouseenter&#039;, function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; fx.start({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &#039;padding-left&#039;: 20,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &#039;color&#039;: &#039;#ffffff&#039;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; element.addEvent(&#039;mouseleave&#039;, function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; fx.start({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &#039;padding-left&#039;: 0,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &#039;color&#039;: &#039;#4D4D4D&#039;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });});[/CODE]Danke schon im voraus.LG Tom</blockquote>

[QUOTE="tombeat, post: 1474199, member: 99162"] Hi, Ich hab ein kleines Problem bezüglich eines kleinen Scripts. Ich hab das Script nicht selbst geschrieben, und die Benutzeroberfläche ist Joomla. Es geht um folgende HP: Auf der linken Seite beim Menü sieht man das sich bei mouseover ein padding von 20px einstellt und die Farbe ändert. So sollte es funktionieren. Leider ist das nicht so auf Unterseiten bei denen eine Komponente Läuft wie zB. Forum oder Gästebuch etc. Dort funktioniert das komischerweise nicht. Das Script ist im header immernoch vorhanden, aber es tut sich einfach nichts. Kann mir jemand sagen wieso, und wie ich das ändern kann? Hier das Script: [CODE]window.addEvent('domready', function() { var list = $$('.art-blockcontent-body ul a'); list.each(function(element) { var fx = new Fx.Styles(element, {duration:750, wait:false, transition: Fx.Transitions.Expo.easeOut}); element.addEvent('mouseenter', function(){ fx.start({ 'padding-left': 20, 'color': '#ffffff' }); }); element.addEvent('mouseleave', function(){ fx.start({ 'padding-left': 0, 'color': '#4D4D4D' }); }); }); var list = $$('.art-vmenublock a'); list.each(function(element) { var fx = new Fx.Styles(element, {duration:750, wait:false, transition: Fx.Transitions.Expo.easeOut}); element.addEvent('mouseenter', function(){ fx.start({ 'padding-left': 20, 'color': '#ffffff' }); }); element.addEvent('mouseleave', function(){ fx.start({ 'padding-left': 0, 'color': '#4D4D4D' }); }); }); });[/CODE] Danke schon im voraus. LG Tom [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?