Kann man in Joomla einen Mausverfolger einbinden?

**Suppen Huhn** · 06.07.2009 11:27

Halo Joomlajaner,

kann man in Joomla einen Mausverfolger einbinden mittels eines Javascriptes o.ä für die ganze Homepage, wenn man die Maus bewegt, eine animation abläuft, wie z.B. Uhrzeit, Texte etc. Bei Html funktioniert es einwandfrei, nur bei Joomla weis ich nicht wie man das realisieren kann oder geht sowas garnicht?

Danke im Voraus

Mfg
Albert

**infernalshade** · 06.07.2009 11:35

Klar geht sowas...Joomla ist ja im Prinzip auch nur HTML/PHP... Wenn sowas auf der ganzen Seite erscheinen soll würde ich das Script in der index.php in deinem Template-Verzeichnis einbinden!

**Suppen Huhn** · 06.07.2009 11:55

Danke für deine superschnelle antwort, aber wo muss ich dieses Script denn einfügen? Zwischen Head oder Body ... Keine Ahnung. Es funzt irgendwie nicht
Ich zeige dir mal dieses Skript das ich einfügen möchte ...

</style>

<SCRIPT LANGUAGE="JavaScript">

</script>
</head>

<body text="#FFFFFF" onload="makesnake()"
style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%">
<SCRIPT LANGUAGE="JavaScript">

</script>

**dropout2** · 06.07.2009 11:57

klar geht das, wenn Du eine Seite für einen Kindergeburtstag erstellen willst. Ansonsten nervt so ein Gimmik nur und verscheucht Dir die user von Deiner Seite.

**dropout2** · 06.07.2009 12:23

Wenns denn trotzdem sein muss.
Der code kommt in den head Bereich der index.php
Aber nimm lieber ein script das auch funktioniert und zwar sowohl im ff und im ie.

Code:

<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
//Ripple Text by kurt.grigg (at) virgin.net 

msg='www.kostenlose-javascripts.de'; 
font='Verdana,Arial'; 
size=2; // nur 1-7  
color='#222222'; 
speed=0.5; 

//ab hier nichts mehr ändern 
ns=(document.layers); 
ie=(document.getElementById); 
msg=msg.split(''); 
n=msg.length; 
a=size*10; 
ymouse=0; 
xmouse=0; 
scrll=0; 
props="<font face="+font+" size="+size+" color="+color+">"; 
if (ns){ 
for (i=0; i < n; i++) 
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>'); 
} 
if (ie){ 
document.write('<div id="outerscript" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); 
for (i=0; i < n; i++) 
document.write('<div id="iemsg'+i+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center">'+props+msg[i]+'</font></div>'); 
document.write('</div></div>'); 
} 
(ns)?window.captureEvents(Event.MOUSEMOVE):0; 
function Mouse(e){ 
ymouse = (e)?e.pageY+20-(window.pageYOffset):event.y+20; 
xmouse = (e)?e.pageX+20:event.x+20; 
} 
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; 
y=new Array(); 
x=new Array(); 
Y=new Array(); 
X=new Array(); 
for (i=0; i < n; i++){ 
y[i]=0; 
x[i]=0; 
Y[i]=0; 
X[i]=0; 
} 
function assign(){ 
if (ie) document.getElementById('outerscript').style.top=document.documentElement.scrollTop; 
for (i=0; i < n; i++){ 
 var d=(ns)?document.layers['nsmsg'+i]:document.getElementById('iemsg'+i).style; 
 d.top=y[i]+scrll+"px";
 d.left=x[i]+(i*(a/2))+"px";
 } 
} 
function ripple(){ 
scrll=(ns)?window.pageYOffset:0; 
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); 
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); 
for (var i=1; i < n; i++){ 
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); 
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); 
} 
assign(); 
setTimeout('ripple()',10); 
} 
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/internet/anbieter/arcor-dsl.html" title="Internetanbieter Arcor" target="_blank">Internetanbieter Arcor</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=178"></script>
<!-- präsentiert von kostenlose-javascripts.de -->

**DennisBahns** · 06.07.2009 12:58

Zitat von dropout2

Wenns denn trotzdem sein muss.
Der code kommt in den head Bereich der index.php
Aber nimm lieber ein script das auch funktioniert und zwar sowohl im ff und im ie.

Code:

<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/internet/anbieter/arcor-dsl.html" title="Internetanbieter Arcor" target="_blank">Internetanbieter Arcor</a></div>
<br />

Aber es ist hoffentlich keine Pflicht, die Arcorwerbung im div dort zu belassen, oder?

**dropout2** · 06.07.2009 13:25

sorry, die Arcor Werbung hatte ich vergessen.
Hier ein anderer. Textfarbe, Textgröße, Geschwindigkeit usw. einstellbar:

Code:

<script type="text/javascript">

// Ripple Text by Kurt Grigg - http://www.btinternet.com/~kurt.grigg/javascript

if  ((document.getElementById) && 
window.addEventListener || window.attachEvent){

(function(){

var msg = "Lorem ipsum dolor sit amet.";
var font = 'verdana';
var size = 12;
var colour = '#ff0000';
var delay = 0.35; // Must be less than 1
var speed = 40; // setTimeout - run speed
var yOffSet = 25;
var xOffSet = 25;

//---End user config.

var d = document;
msg = msg.split("");
var n = msg.length; 
var y = 0;
var x = 0;
var yp = [];
var xp = [];
var yd = [];
var xd = [];
var temp = [];
var idx = document.getElementsByTagName('div').length;
var scy = 0;
var scx = 0;
var dom = (typeof window.pageYOffset == "number");

//Explorer only - double div anti scrollbar hack!
d.write('<div style="position:absolute;top:0px;left:0px;">'
+'<div style="position:relative">');

for (i = 0; i < n; i++){
d.write("<div id='letters"+(idx+i)+"' style='position : absolute;"
+"top : 0px;left : 0px;"
+"height : auto;width : "+size+"px;"
+"text-align : center;"
+"font : "+size+"px "+font+";color : "+colour+"'>"+msg[i]+"</div>");
}

document.write('</div></div>');

function scroll(){
if (dom){
 scy = window.pageYOffset;
 scx = window.pageXOffset;
 }
else{
 scy = d.documentElement.scrollTop||d.body.scrollTop;
 scx = d.documentElement.scrollLeft||d.body.scrollLeft;
 }
}

function mouse(e){
e = e||window.event;
y = yOffSet + ((e.pageY-scy)||e.clientY);
x = xOffSet + ((e.pageX-scx)||e.clientX);
}

function assign(){
 for (i = 0; i < n; i++){
 temp[i].top = Math.floor(yp[i]) + 'px';
 temp[i].left = Math.floor(xp[i]) + (i*(size * 0.7)) + 'px'; 
 } 
}

function ripple(){
yp[0] = yd[0]+=((y+scy)-yd[0]) * delay;
xp[0] = xd[0]+=((x+scx)-xd[0]) * delay;
for (var i = 1; i < n; i++){
 yp[i] = yd[i]+=(yp[i-1] - yd[i]) * delay;
 xp[i] = xd[i]+=(xp[i-1] - xd[i]) * delay;
}
scroll();
assign();
setTimeout(ripple,speed);
}

function init(){
for (i = 0; i < n; i++){
yp[i] = 0;
xp[i] = 0;
yd[i] = 0;
xd[i] = 0;
temp[i] = d.getElementById("letters"+(idx+i)).style; 
}
ripple();
}

if (window.addEventListener){
 window.addEventListener("load",init,false);
 document.addEventListener("mousemove",mouse,false);
}  
else if (window.attachEvent){
 window.attachEvent("onload",init);
 document.attachEvent("onmousemove",mouse);
} 
})();
}

</script>

**infernalshade** · 06.07.2009 13:25

Sofern es das Copyright des Autor das verlangt schon...Könntest aber den Typen fragen ob du das entfernen darfst!

**Suppen Huhn** · 08.07.2009 20:39

Servus miteinander,

Ich danke euch für eure Bemühungen und Antworten! Ihr habt mir sehr geholfen. Riesen dank auch an dropout2. Dein Code und TIP funktioniert tadellos! Ihr seit die besten !!! BIG THX ...

Gruß

Albert

Thema: Kann man in Joomla einen Mausverfolger einbinden?

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Kann man in Joomla einen Mausverfolger einbinden?

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen