mauszeigertext mit if-abfrage (PN-Box)

Reddisch

Hallo,

Hatte die Idee, folgendes script dann einzusetzen, wenn ein user eine PN hat. Vorteil, es lässt sich nicht so einfach wie ein popup blocken und kommt etwas moderner rüber.

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:

----------------------------------------------------------
im Headbereich einfügen
----------------------------------------------------------

<style type="text/css">
<!--
.spanstyle {
COLOR: #FF0098;
FONT-FAMILY: Verdana;
FONT-SIZE: 8pt;
FONT-WEIGHT: bold;
POSITION: absolute;
TOP: -50px;
VISIBILITY: visible
}
-->
</style>



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

<!-- Begin
var x, y;
var step = 10;
var flag = 0;


// :::::: hier den Text eintragen ::::::::::

var message = " Text am Mauszeiger !";
message = message.split("");
var xpos = new Array();
for (i = 0; i <= message.length - 1; i++) {
xpos[i] = -50;
}
var ypos = new Array();
for (i = 0; i <= message.length - 1; i++) {
ypos[i]= -50;
}
function handlerMM(e) {
x = (document.layers) ? e.pageX : document.body.scrollLeft + event.clientX;
y = (document.layers) ? e.pageY : document.body.scrollTop + event.clientY;
flag = 1;
}
function makesnake() {
if (flag == 1 && document.all) {
for (i = message.length - 1; i >= 1; i--) {
xpos[i] = xpos[i - 1] + step;
ypos[i] = ypos[i - 1];
}
xpos[0] = x + step;
ypos[0] = y;
for (i = 0; i < message.length - 1; i++) {
var thisspan = eval("span" + (i) + ".style");
thisspan.posLeft = xpos[i];
thisspan.posTop = ypos[i];
   }
}
else if (flag==1 && document.layers) {
for (i = message.length - 1; i >= 1; i--) {
xpos[i] = xpos[i - 1] + step;
ypos[i] = ypos[i - 1];
}
xpos[0] = x + step;
ypos[0] = y;
for (i = 0; i < message.length - 1; i++) {
var thisspan = eval("document.span" + i);
thisspan.left = xpos[i];
thisspan.top = ypos[i];
   }
}
var timer = setTimeout("makesnake()", 10);
}
// End -->
</script>




----------------------------------------------------------
im Body-Tag
----------------------------------------------------------

<body onload="makesnake()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%"      ....




----------------------------------------------------------
im Body-Bereich (ganz unten vor Ende-Body)
----------------------------------------------------------

<script type="text/javascript" language="JavaScript">
<!-- Begin
for (i = 0; i <= message.length-1; i++) {
document.write("<span id='span"+i+"' class='spanstyle'>");
document.write(message[i]);
document.write("</span>");
}
if (document.layers) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// End -->
</script>

Wie lautet denn nun die if-abfrage für eine neue PN ? bzw könnte mir das evtl schnell jemand verpacken?

mfg

EDIT: Für den Bereich Head kann ich ja das header.tpl nehmen, und für den bereich body den footer. so würds überall im forum gehn oder? ^^
Axo und ich hab wbb2.3.6 :-)
red

Luzifer69

versuchs mal so

code:
1:	<if ($countnew > '0')><then>hier deins</then></if>

meeeeeeeep

Zitat:

Original von Reddisch

EDIT: Für den Bereich Head kann ich ja das header.tpl nehmen, und für den bereich body den footer. so würds überall im forum gehn oder? ^^
Axo und ich hab wbb2.3.6 :-)
red

Für den HEAD Bereich kannst du das headinclude Template benutzen und für den BODY kannst du das head Template benutzen.

Schweinebacke

Die Arbeit würde ich mir mit dem Script nicht machen, das alle User mit dem FF den Text nicht haben.

Edit:

Ich habe mal eine Version zusammengestellt, die mit einem Mauszeiger funktioniert.

Den JavaScript (webtoolkit_cursor.js) müsst ihr dazu in den Ordner wbb/js Hochladen.

Das dazugehörige Gif ebenfalls in das selbe Verzeichnis (skin.gif).
Das Gif könnt ihr euren Bedürfnissen anpassen, also auch animiert.
Bei Umbenennung, auch im JavaScript in Zeile 12 den Namen bzw. Verzeichnis ändern.

In der index.tpl muss das Script jetzt nur noch aktiviert werden.

Da zu über das ACP - Templates bearbeiten – die index aufrufen.
In Zeile 72 steht das on.gif für neue PN, Dahinter kann das Script aktiviert werden.
Die gesamte Zeile sieht dann so aus.

code:

1:

<then><img src="{$style['imagefolder']}/on.gif" alt="{$lang->items['LANG_START_NEWPM']}" title="{$lang->items['LANG_START_NEWPM']}" /><script type="text/javascript" src="js/webtoolkit.cursor.js"></script></then>

Anschließend die index Speichern.

Danach muss das kleine Gif als Mauszeiger erscheinen, wenn eine neue PN eingegangen ist.
Bei Bewegung auf einen Link bleibt der Cursor normal.

Forensoftware: Burning Board, entwickelt von WoltLab GmbH