Code in Head einbinden
Eingetragen von ahoek (570)am 05.06.2010 - 17:39 Uhr in
Hallo,
ich habe gerade die Seite www.java 24.net entdeckt.
Dort gibt es einige nette Spielereien, für den Blog meiner holden Angetrauten.
Zum Einbinden der Scripte muss ich unter anderem Code in den Head einbauen.
Welche Dateien muss ich dazu bearbeiten und was muss ich beachten und wie muss ich genau vorgehen?
Gerade in Bezug auf spätere Updates...
Sorry, ich bin nicht so der Progger.
Edit:
Hier nochmal der Code.
Wie muss ich den einbinden?
<!-- Script-Anfang -->
<!-- www-java24.net - DIE Javascript - Ressource -->
<!-- Diesen Code musst Du in den -head- einbauen -->
<script language="JavaScript">
<!-- Pre load images
pic0=new Image();
pic0.src="eye.gif";
pic1=new Image();
pic1.src="pupils.gif";
//-->
</script>
<!-- Diesen Code musst Du in den -body- einbauen -->
<form name="frm">
<input name="bx" type=checkbox onClick="javascript:OnOff(this)">
</form>
<script language="JavaScript">
<!-- Eyes by Kurt Grigg - http://www.btinternet.c om/~kurt.grigg/javascript
var n4=(document.layers);
var n6=(document.getElementById&&!document.all);
var ie=(document.all);
var O=(navigator.appName.indexOf("Opera") != -1)?true:false;
var _d=(n4||ie)?'document.':'document.getElementById("';
var _a=(n4||n6)?'':'all.';
var _r=(n6)?'")':'';
var _s=(n4)?'':'.style';
if (n4){
document.write('<layer name="eyeball" top=0 left=0 width="69" height="34"><img src="eye.gif" width="69" height="34"></layer>');
document.write('<layer name="pupil1" top=0 left=0 width="13" height="13"><img src="pupils.gif" width="13" height="13"></layer>');
document.write('<layer name="pupil2" top:0 left=0 width="13" height="13"><img src="pupils.gif" width="13" height="13"></layer>');
}
else{
if (ie)
document.write('<div id="ic" style="position:absolute;top:0;left:0"><div style="position:relative">');
document.write('<div id="eyeball" style="position:absolute;top:100px;left:100px;width:69px;height:34px"><img src="eye.gif" width="69" height="34"></div>');
document.write('<div id="pupil1" style="position:absolute;top:0px;left:0px;width:12px;height:13px"><img src="pupils.gif" width="13" height="13"></div>');
document.write('<div id="pupil2" style="position:absolute;top:0px;left:0px;width:12px;height:13px"><img src="pupils.gif" width="13" height="13"></div>');
if (ie)
document.write('</div></div>');
}
var ym=0;
var xm=0;
if (n4||n6){
window.captureEvents(Event.MOUSEMOVE);
function mouseNS(e){
ym = e.pageY-window.pageYOffset;
xm = e.pageX;
}
if (n4)window.onMouseMove=mouseNS;
if (n6)document.onmousemove=mouseNS;
}
if (ie||O){
function mouseIEO(){
ym = (ie)?event.clientY:event.clientY-window.pageYOffset;
xm = event.clientX;
}
document.onmousemove=mouseIEO;
}
var etemp=eval(_d+_a+"eyeball"+_r+_s);
var p1temp=eval(_d+_a+"pupil1"+_r+_s);
var p2temp=eval(_d+_a+"pupil2"+_r+_s);
dy=0;
dx=0;
fy=0;
fx=0;
angle1=0;
angle2=0;
d1=0;
d2=0;
function makefollow(){
sy=(!ie)?window.pageYOffset:0;
wy=(ie)?document.body.clientHeight:window.innerHeight;
wx=(ie)?document.body.clientWidth:window.innerWidth;
//Keep eyes on screen. Netscape 6 plays up otherwise!
var chy=Math.floor(fy-50);
if (chy <= 0) chy = 0;
if (chy >= wy-50) chy = wy-50;
var chx=Math.floor(fx-34);
if (chx <= 0) chx = 0;
if (chx >= wx-69) chx = wx-69;
etemp.top=chy+sy;
etemp.left=chx;
//eyeball1 centre.
c1y=parseInt(etemp.top)+17;
c1x=parseInt(etemp.left)+17;
//eyeball2 centre.
c2y=parseInt(etemp.top)+17;
c2x=parseInt(etemp.left)+52;
dy1 = ym+sy - c1y;
dx1 = xm - c1x;
d1 = Math.sqrt(dy1*dy1 + dx1*dx1);
dy2 = ym+sy - c2y;
dx2 = xm - c2x;
d2 = Math.sqrt(dy2*dy2 + dx2*dx2);
ay1 = ym+sy - c1y;
ax1 = xm - c1x;
angle1 = Math.atan2(ay1,ax1)*180/Math.PI;
ay2 = ym+sy - c2y;
ax2 = xm - c2x;
angle2 = Math.atan2(ay2,ax2)*180/Math.PI;
dv=1.7;
p1temp.top=(d1 < 17)?(c1y-6+d1/dv*Math.sin(angle1*Math.PI/180)):(c1y-6+10*Math.sin(angle1*Math.PI/180));
p1temp.left=(d1 < 17)?(c1x-6+d1/dv*Math.cos(angle1*Math.PI/180)):(c1x-6+10*Math.cos(angle1*Math.PI/180));
p2temp.top=(d2 < 17)?(c2y-6+d2/dv*Math.sin(angle2*Math.PI/180)):(c2y-6+10*Math.sin(angle2*Math.PI/180));
p2temp.left=(d2 < 17)?(c2x-6+d2/dv*Math.cos(angle2*Math.PI/180)):(c2x-6+10*Math.cos(angle2*Math.PI/180));
}
function move(){
if (ie)ic.style.top=document.body.scrollTop;
dy=fy+=(ym-fy)*0.10;
dx=fx+=(xm-fx)*0.10;
makefollow();
setTimeout('move()',50);
}
function OnOff(v){
if (ie) v.blur();
state=(document.frm.bx.checked)?(n4)?'hide':'hidden':(n4)?'show':'visible';
etemp.visibility=state;
p1temp.visibility=state;
p2temp.visibility=state;
}
window.onload=move;
//-->
</script>
<!-- Script-Ende -->
<!-- www-java2 4.net - DIE Javascript - Ressource -->- Anmelden oder Registrieren um Kommentare zu schreiben
Kannst du eigentlich direkt
am 05.06.2010 - 18:24 Uhr
Kannst du eigentlich direkt in die page.tpl.php deines Themes schreiben ... Oder auch in der deintheme.info Datei drauf verweisen, wenn du es separat in dein Theme packst.
Wo genau muss der Code
am 05.06.2010 - 18:36 Uhr
Wo genau muss der Code hin?
Zwischen
<head>und </head>?Falls ja, an den Anfang oder an das Ende?
Den Rest des Codes dann in einen Block?
ahoek schrieb Wo genau muss
am 05.06.2010 - 18:39 Uhr
Wo genau muss der Code hin?
Zwischen
<head>und </head>?Kleiner Tip ... wenn Du Dir mal den Quelltext hier auf der Seite ansiehst ( rechte Maustaste ) - dann hast du eigentlich beide erwähnten Beispiele vor Dir :-) Einmal im HEAD Bereich und einmal mit ner Quellangabe!
Zitat: wenn Du Dir mal den
am 05.06.2010 - 18:47 Uhr
wenn Du Dir mal den Quelltext hier auf der Seite ansiehst ( rechte Maustaste )
Ja, so hatte ich es gemacht.
Reicht es, wenn ich den Teil, der in den Body soll einfach in einen Block packe, oder muss ich das noch irgendwo anders eintragen?