Html
-
Codes
Mausverfolger
(
1-20
)
,
(
21-35
)
;
Java
Scripte
;
Farb
und
Bild
codes
;
html
Codes
;
Homepage
Sicherheit
;
HEX
Codes
;
CSS-Codes
;
ICQ
1.Ein
Beweglicher
Text
läuft
von
Rechts
nach
Links
2.Ein
Beweglicher
Text
läuft
von
Links
nach
Rechts
3.Ein
Beweglicher
Text
schwenkt
hin
und
her
Links
nach
Rechts
4.Ein
Beweglicher
Text
läuft
von
Unten
nach
Oben
5.Ein
Beweglicher
Text
läuft
von
Oben
nach
Unten
6.Code
für
einen
Text-Link
der
beim
Drüberfahren
Dicker
wird
7.Code
für
einen
Text-Link
der
bei
Drüber
fahren
die
Farbe
ändert
8.Textarea
in
die
du
HTML-Codes
oder
andere
Sachen
eintragen
kannst!
9.Mit
diesem
Code
könnt
ihr
Flashintros
in
eure
Page
einfügen!
10.Text
Ticker
der
Scrollt!
11.Automatische
Weiterleitung
(Im
Headbereich
einfügen)
12.
Leuchtkranz
fliegt
über
den
Bildschirm
13.
Beweglicher
Sternenhimmel
14.
Leuchtende
Punkte
fliegen
in
die
Mitte
15.
Kein
blauer
Rand
um
verlinkte
Bilder
16.
Nicht
berühren
Link
um
Besucher
zu
ärgern
17.
Ein
Button
der
ständig
die
Links
wechselt
18.
Passwortabfrage
nach
klick
19.
Message-Window
20.
Popup
Fenster
21.
Good-Bye
beim
verlassen
der
Seite
22.
Zeigt
die
Uhrzeit
an
23.
Zeigt
die
Uhrzeit
in
einem
Kasten
an
24,
Zeigt
an,
wann
die
Seite
zuletzt
aktualisiert
wurde:
25.
Zeigt
Datum,
Uhrzeit
und
lustigen
Text
an
26.
Zurück-Button
27.
Vor-Button
28.
Code
für
Bildergalerie
29.
Per
Click
wird
die
Seite
unter
den
Favoriten
gespeichert
30.
Zeigt
an,
wann
die
Seite
zuletzt
aktualisiert
wurde
31.
Taschenrechner
32.
Button
um
Quelltext
anzusehen
33.
Button
um
Seite
zu
drucken
34.
Zeigt
die
Anzahl
der
Besuche
Beispiel:
Diese
Seite
hast
du
schon
3
x
besucht.
Diese
Seite
hast
du
schon
8
x
besucht.
Diese
Seite
hast
du
schon
20
x
besucht.
Diese
Seite
hast
du
schon
1
x
besucht.
Diese
Seite
hast
du
schon
14
x
besucht.
Diese
Seite
hast
du
schon
10
x
besucht.
35.
Grauer
Bilderrahmen
um
Bilder
36.
Man
sieht
bei
ICQ
Besitzern
ob
er
online
oder
offline
ist
37.
Regenbogentext
38.
Pulldown-Menü
Beispiel:
Ihr
wedet
gleich
zu
der
Page
weitergeleitet!
Weiß
Blau
Grau
Gelb
Rot
Grün
Silber
Helllilla
Hellblau
Blaugrün
40.
Jeder
Link
Blinkt
<head><SCRIPT language=javascript>
<!--
var timevar = 50;
makeblue();
function makeblue()
{ document.linkColor="blue";
document.alinkColor="blue";
document.vlinkColor="blue";
setTimeout("makered()", timevar);
return true;
}
function makered()
{ document.linkColor="red";
document.alinkColor="red";
document.vlinkColor="red";
setTimeout("makegreen()", timevar);
return true;
}
function makegreen()
{ document.linkColor="green";
document.alinkColor="green";
document.vlinkColor="green";
setTimeout("makeorange()", timevar);
return true;
}
function makeorange()
{ document.linkColor="orange";
document.alinkColor="orange";
document.vlinkColor="orange";
setTimeout("makeblue()", timevar);
return true;
}
file://-->
</SCRIPT>
</head>
41.
Achterbahn-Schrift
<body><script>
var fs=1
var direction="right"
function rollertext(whichone){
var thetext=whichone
for (i=0;i<thetext.length;i++){
document.write(thetext.charAt(i).fontsize(fs))
if (fs<7&&direction=="right")
fs++
else if (fs==7){
direction="left"
fs--
}
else if (fs==1){
direction="right"
fs++
}
else if (fs>1&&direction=="left")
fs--
}
}
file://Tausche den folgenden Text gegen Deinen eigenen:
rollertext("Herzlich Willkommen auf der Homepage für die Homepage ")
</script>
</body>
Beispiel:
H
e
rz
l
i
c
h
W
il
l
k
om
m
e
n
a
u
f
d
e
r
H
o
m
e
p
a
ge
f
ür
d
i
e
H
o
m
e
p
a
g
e
H
e
rz
l
i
c
h
W
il
l
k
om
m
e
n
a
u
f
d
e
r
H
o
m
e
p
a
ge
f
ür
d
i
e
H
o
m
e
p
a
g
e
H
e
rz
l
i
c
h
W
il
l
k
om
m
e
n
a
u
f
d
e
r
H
o
m
e
p
a
ge
42.
Quiz
für
deine
Homepage
<head>
<script language="JavaScript">
<!-- Versteckt Script für ältere Browser --
function quiz(form) {
var i = 0
var result1=document.form1.answer1.selectedIndex
var result2=document.form2.answer2.selectedIndex
var result3=document.form3.answer3.selectedIndex
// weitere können angefügt werden, für jede Frage wird eine weitere Zeile benötigt
// erhöhen Sie dazu die o.g. Zahlen also 4 ... 5 usw.
if (result1==0){
alert("Frage #1 wurde nicht beantwortet");}
if (result2==0){
alert("Frage #2 wurde nicht beantwortet");}
if (result3==0){
alert("Frage #3 wurde nicht beantwortet");}
// weitere können angefügt werden. Für jede Frage die beantwortet werden muß
// wird hier eine IF-Abfrage benötigt.
else {
if (result1==3){i++} // In Frage1 ist die richtige Antwort die dritte Auswahl
if (result2==2){i++} // In Frage1 ist die richtige Antwort die zweite Auswahl
if (result3==2){i++} // In Frage1 ist die richtige Antwort die zweite Auswahl
// weitere können angefügt werden. Hinter das == Zeichen kommt die Zahl der Ausahl hin
document.total.score.value = i
var per = Math.round((i / 3) * 100) // die Anzahl (hier 3) kann erhöht werden auf die Frageanzahl
document.total.percent.value = per
if (result1 != 3){ // In Frage1 ist die richtige Antwort die dritte Auswahl
document.form1.check1.checked = true}
else {document.form1.check1.checked = false}
if (result2 != 2){ // In Frage1 ist die richtige Antwort die zweite Auswahl
document.form2.check2.checked = true}
else {document.form2.check2.checked = false}
if (result3 != 2){ // In Frage1 ist die richtige Antwort die zweite Auswahl
document.form3.check3.checked = true}
else {document.form3.check3.checked = false}
// Weitere abrfragen könen angefügt werden. Für jede Frage wird eine Abfrage benötigt.
}
}
file://-->
</SCRIPT>
</head>
<body>
<FORM NAME="form1"><INPUT TYPE="CHECKBOX" NAME="check1">
<STRONG>FRAGE #1</STRONG>
<SELECT NAME="answer1" SIZE=1>
<OPTION SELECTED VALUE="0">-- Bitte Antworten Sie --
<OPTION VALUE="1">ANTWORT #1
<OPTION VALUE="2">ANTWORT #2
<OPTION VALUE="3">ANTWORT #3
</SELECT></FORM>
<FORM NAME="form2"><INPUT TYPE="CHECKBOX" NAME="check2">
<STRONG>FRAGE #2</STRONG>
<SELECT NAME="answer2" SIZE=1>
<OPTION SELECTED VALUE="0">-- Bitte Antworten Sie --
<OPTION VALUE="1">ANTWORT #1
<OPTION VALUE="2">ANTWORT #2
<OPTION VALUE="3">ANTWORT #3
</SELECT></FORM>
<FORM NAME="form3"><INPUT TYPE="CHECKBOX" NAME="check3">
<STRONG>FRAGE #3</STRONG>
<SELECT NAME="answer3" SIZE=1>
<OPTION SELECTED VALUE="0">-- Bitte Antworten Sie --
<OPTION VALUE="1">ANTWORT #1
<OPTION VALUE="2">ANTWORT #2
<OPTION VALUE="3">ANTWORT #3
</SELECT></FORM>
<form name="total">
<INPUT TYPE="BUTTON" VALUE="Auswerten" onClick="quiz()"> <INPUT TYPE="button" VALUE="Neustart" onClick='parent.location="javascript:location.reload()"'><BR><HR><BR>
Sie haben: <INPUT TYPE="TEXT" NAME="score" VALUE="" SIZE=5> von
<INPUT TYPE="TEXT" NAME="outof" VALUE="3" SIZE=5> richtig beantwortet.<BR><BR>
Damit haben Sie: <INPUT TYPE="TEXT" NAME="percent" VALUE="" SIZE=3> % des Klassenziels erreicht.<BR><HR><BR><BR>
</FORM>
</body>
Beispiel:
FRAGE
1
--
Bitte
Antworten
Sie
--
ANTWORT
1
ANTWORT
2
ANTWORT
3
FRAGE
2
--
Bitte
Antworten
Sie
--
ANTWORT
1
ANTWORT
2
ANTWORT
3
FRAGE
3
--
Bitte
Antworten
Sie
--
ANTWORT
1
ANTWORT
2
ANTWORT
3
Sie
haben:
von
richtig
beantwortet.
Damit
haben
Sie:
%
des
Klassenziels
erreicht.
43.
Nach
laden
der
Homepage,
erscheint
ein
Fenster
mit
dein
gewünschten
Text
<html>
<body>
<script language="JavaScript">
<!--
alert("Hallo lieber Besucher, hab noch viel Spaß auf meiner Homepage")
//-->
</script>
</body>
</html>
44.
Datum/Zeit
anzeige
<html>
<body>
<h3>
<script language="JavaScript">
<!--
document.write(new Date());
//-->
</script></h3)
</body>
</html>
45.
Begrüßung
je
nach
Tageszeit
Code:
<html>
<body>
<script language="JavaScript">
var heute = new Date();
if(heute.getHours() < 12) {
document.write("<h1 align=centre>Guten Morgen</h1>");
}
else if(heute.getHours() < 17) {
document.write("<h1 align=centre>Guten Tag</h1>");
}
else if(heute.getHours() < 22) {
document.write("<h1 align=centre>Lasst mich doch in Ruhe Schlafen!</h1>");
}
</script>
</body>
</html>
Beispiel:
Guten
Morgen
46.
Du
wirst
beim
lade
und
verlassen
der
Homepage
gegrüßt
<html>
<head>
<script language="JavaScript">
function wk() {
alert("Herzlich Willkommen auf meiner Homepage");
}
funktion bey() {
alert("Besuch mich mal wieder");
}
-->
</script>
</head>
<body onload="wk()" onUnload="bey()">
</body>
</html>
47.
Der
gewünschte
Text
glüht
<style>
<!--
#glowtext{
filter:glow(color=FFFF00,strength=3);
width:100%;
}
-->
</style>
<script language="JavaScript1.2">
function glowit(which){
if (document.all.glowtext[which].filters[0].strength==3)
document.all.glowtext[which].filters[0].strength=2
else
document.all.glowtext[which].filters[0].strength=3
}
function glowit2(which){
if (document.all.glowtext.filters[0].strength==3)
document.all.glowtext.filters[0].strength=2
else
document.all.glowtext.filters[0].strength=3
}
function startglowing(){
if (document.all.glowtext&&glowtext.length){
for (i=0;i<glowtext.length;i++)
eval('setInterval("glowit('+i+')",150)')
}
else if (glowtext)
setInterval("glowit2(0)",150)
}
if (document.all)
window.onload=startglowing
</script>
<table width="50%" border="0">
<tr>
<td>
<p align="center"><span id="glowtext"><big><big><a href="http://www.moc.de.cx" target="_top"><font size="1" face="Arial">Ihr Link
leuchtet!</font></a></big></big></span><font size="1" face="Arial"><big><big><br>
<span id="glowtext">Ihr Text leuchtet auch!</span></big></big></font></p>
<p align="center"><font size="1" face="Verdana"><big>
<script language="JavaScript1.2">
function changesettings(){
if (document.all){
if (document.body.style.cssText==''||document.body.style.backgroundColor=='white')
document.body.style.cssText="background-color:black;color:white"
else
document.body.style.cssText="background-color:white;color:black"
}
}
</script>
<a
href="javascript:changesettings()">Hintergrund wechseln</a></big></font></p>
</td>
</tr>
</table>
<p align="center"> </p>
48.
Die
Seite
als
Startseite
festlegen
<!--[if IE ]>
<span style="color:blue;
cursor:hand;"
onclick="this.style.behavior=
'url(#default#homepage)';
this.setHomePage(
'http://ihreHomepage.de'
);">
<u>
Als Startseite festlegen
</u>
</span>
<![endif] //-->
49.
Zeigt
die
Anzahl
der
Besuche
<body>
<SCRIPT LANGUAGE="JavaScript">
<!--
// Boolean Variable definiert Alarmzustand, wenn Cookie größer 4 KB
var caution = false
// name - Name des Cookies
// value - Wert des Cookies
// [expires] - Definiert das Ablaufdatum des Cookies (Voreingestellt ist hier das Ende der Sitzung)
// [path] - path for which the cookie is valid (defaults to path of calling document)
// [domain] - Domainname für welches das Cookie gültig ist (Voreingestellt ist das aufrufende Dokument)
// [secure] - Boolean Wert Zeigt auf wenn zur Cookie übertragung ein sicherheiswert notwendig ist
function setCookie(name, value, expires, path, domain, secure) {
var curCookie = name + "=" + escape(value) +
((expires) ? "; expires=" + expires.toGMTString() : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "")
if (!caution || (name + "=" + escape(value)).length <= 4000)
document.cookie = curCookie
else
if (confirm("Cookie exceeds 4KB and will be cut!"))
document.cookie = curCookie
}
// name - Name des gewünschten Cookies
// * Zurückgegeben wird ein Wert des Cookies, wenn das Cookie nicht gesetzt ist wird null zurückgegeben.
function getCookie(name) {
var prefix = name + "="
var cookieStartIndex = document.cookie.indexOf(prefix)
if (cookieStartIndex == -1)
return null
var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)
if (cookieEndIndex == -1)
cookieEndIndex = document.cookie.length
return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))
}
// name - Name des Cookies
// [path] - Pfad des Cookies (Muß der selbe Pfad sein, wie bei create Cookie)
// [domain] - Domain des Cookies (Muß der Selbe Wert sein, wie bei create Cookie)
function deleteCookie(name, path, domain) {
if (getCookie(name)) {
document.cookie = name + "=" +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
"; expires=Thu, 01-Jan-70 00:00:01 GMT"
}
}
// date - Date object
function fixDate(date) {
var base = new Date(0)
var skew = base.getTime()
if (skew > 0)
date.setTime(date.getTime() - skew)
}
var now = new Date()
fixDate(now)
now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000)
var visits = getCookie("counter")
if (!visits)
visits = 1
else
visits = parseInt(visits) + 1
setCookie("counter", visits, now)
document.write("Diese Seite hast du schon " + visits + " x besucht.")
// -->
</SCRIPT>
</body>
Beispiel:
Diese
Seite
hast
du
schon
4
x
besucht.
Diese
Seite
hast
du
schon
9
x
besucht.
Diese
Seite
hast
du
schon
20
x
besucht.
Diese
Seite
hast
du
schon
1
x
besucht.
Diese
Seite
hast
du
schon
14
x
besucht.
Diese
Seite
hast
du
schon
10
x
besucht.
Mausverfolger
(
1-20
)
,
(
21-35
)
;
Java
Scripte
;
Farb
und
Bild
codes
;
html
Codes
;
Homepage
Sicherheit
;
HEX
Codes
;
CSS-Codes
;
ICQ
©
2003
by:
Patrick
S.
~
webmaster@paddy.citywin.de