
Dieses Tutorial zeigt wie man eine Windows ähnliche Navigation erstellen kann.

). (s. Abb. 3 in der angehängten Zipdatei: Hier liegt ein weißer, ein Pixel großer Rahmen um die Grafik)
MovieClip.prototype.wabbern = function(x_end, y_end, multiplikator, ratio) {
// Initialisierung
if (this.sX == undefined) this.sX = 0;
if (this.sY == undefined) this.sY = 0;
// Berechnung
this.sX = this.sX*multiplikator+(x_end-this._xscale)*ratio;
this.sY = this.sY*multiplikator+(y_end-this._yscale)*ratio;
// Umsetzung auf den jeweils betroffene MovieClip-Instanz
this._xscale += this.sX;
this._yscale += this.sY;
};
// Ausführung
this.onEnterFrame = function() {
mc.wabbern(200,200,0.8,0.7);
}
// In Flash 5 und MX (Funktionsfähige Schreibweisen)
movieclip
MovieClip
Movieclip
// In Flash MX 2004 (Funktionsfähige schreibweise)
MovieClip
// AnalogUhr
function initUTCUhr(posX,posY,radius,pzone,pstadt,pname,ptiefe) {
// Variablen Initialisierung
var radiant, start_x, start_y, end_x, end_y;
var zeit,std,mins,sek;
var sek_winkel,min_winkel,std_winkel;
var sek_radiant,min_radiant,std_radiant;
var sek_x,sek_y,min_x,min_y,std_x,std_y;
// Winkel in Bogenmass
function winkelBogen(winkel) {
return winkel/180*Math.PI;
}
// MovieClip für AnalogUhr erzeugen
this.createEmptyMovieClip(pname,ptiefe);
// Textfeld für Statdanzeige erzeugen
this[pname].createTextField("anzeige_txt",ptiefe+1,posX,posY+radius,0,0);
this[pname].anzeige_txt.autoSize = "center";
this[pname].anzeige_txt.text = pstadt;
// Ziffernblatt zeichnen
for(var i=1; i<=60; i++) {
radiant = winkelBogen(i*6);
if (i%5 == 0) {
start_x = Math.cos(radiant)*(radius-10);
start_y = Math.sin(radiant)*(radius-10);
end_x = Math.cos(radiant)*radius;
end_y = Math.sin(radiant)*radius;
this.lineStyle(2, 0, 100);
this.moveTo(posX+start_x, posY+start_y);
this.lineTo(posX+end_x, posY+end_y);
} else {
start_x = Math.cos(radiant)*(radius-5);
start_y = Math.sin(radiant)*(radius-5);
end_x = Math.cos(radiant)*radius;
end_y = Math.sin(radiant)*radius;
this.lineStyle(1, 0, 100);
this.moveTo(posX+start_x, posY+start_y);
this.lineTo(posX+end_x, posY+end_y);
}
}
this[pname].onEnterFrame = function() {
// Zeiger entfernen
this.clear();
// Uhrzeit ermitteln
zeit = new Date();
sek = zeit.getUTCSeconds();
mins = zeit.getUTCMinutes();
std = zeit.getUTCHours()+pzone;
// AM/PM ermitteln
if (std >= 24) {
std = std - 24;
}
if (std < 12) {
this.anzeige_txt.text = pstadt + " / am";
} else {
this.anzeige_txt.text = pstadt + " / pm";
}
// Zeigerwinkel Berechnen
sek_winkel = sek*6-90;
min_winkel = mins*6-90;
std_winkel = std*30+mins/60*30-90;
// die winkel werden in bogenmaße umgerechnet
sek_radiant = winkelBogen(sek_winkel);
min_radiant = winkelBogen(min_winkel);
std_radiant = winkelBogen(std_winkel);
// Zeigerpunkte via Sin/Cos berechnen
// Sekunden
sek_x = posX + Math.cos(sek_radiant)*radius;
sek_y = posY + Math.sin(sek_radiant)*radius;
// Minuten
min_x = posX + Math.cos(min_radiant)*(radius*1);
min_y = posY + Math.sin(min_radiant)*(radius*1);
// Sekunden
std_x = posX + Math.cos(std_radiant)*(radius*.75);
std_y = posY + Math.sin(std_radiant)*(radius*.75);
// Zeiger zeichnen
// Sekunden
this.lineStyle(1, 0xff0000, 100);
this.moveTo(posX, posY);
this.lineTo(sek_x, sek_y);
// Minuten
this.lineStyle(2, 0, 100);
this.moveTo(posX, posY);
this.lineTo(min_x, min_y);
// Stunden
this.lineStyle(3, 0, 100);
this.moveTo(posX, posY);
this.lineTo(std_x, std_y);
}
}
// Städte und Zeitzonen
var x=0,y=0;
stadtliste = new Array("Berlin","Istanbul","New York","Moskau","Tokyo","Sydney");
zonenliste = new Array(2,3,-5,4,9,10);
// Uhren erzeugen
for (var j=0; j < stadtliste.length; j++) {
startpos = 150;
x++;
pX = startpos + 120*x;
if (j%3 == 0) {
x=0;
y++;
pX = startpos;
pY = 120*y;
}
initUTCUhr(pX,pY,50,zonenliste[j],stadtliste[j],"uhr"+j,j);
}
/*
// Uhren (UTC)
// Berlin (+01:00)
initUTCUhr(Stage.width/2,Stage.height/2,50,2,"Berlin","uhr",1);
// Istanbul (+02:00)
initUTCUhr(Stage.width/2,75,50,3,"Istanbul","uhr2",2);
// New York (-05:00)
initUTCUhr(Stage.width/2,325,50,-5,"New York","uhr3",3);
// Moskau (+03:00)
//initUTCUhr(100,100,50,3,"Moskau","uhr4",4);
*/
// Uhren (UTC)
// Berlin (+01:00)
initUTCUhr(Stage.width/2,Stage.height/2,50,1,"Berlin","uhr",1);
// Istanbul (+02:00)
initUTCUhr(Stage.width/2,75,50,2,"Istanbul","uhr2",2);
// New York (-05:00)
initUTCUhr(Stage.width/2,325,50,-5,"New York","uhr3",3);
//--- Ladeanzeige unsichtbar machen ---------------
loader._visible = false;
//--- Ladefunktion --------------------------------
ladestatus = function () {
// Einen onEnterFrame-Event erstellen, so dass nun
// der Ladezustand kontinuierlich abgefragt und
// angezeigt wird
loader.onEnterFrame = function() {
// Geladene und zu ladenede Bytetes abfragen
geladen = _root.ladeziel.getBytesLoaded();
zuladen = _root.ladeziel.getBytesTotal();
// Sicherheitsabfrage, da ein leerer MC so ungefähr
// 4 bis 5 Bytes hat und zu Verfälschungen führen könnte
if (geladen>=10) {
// Ladeanzeige sichtbar machen
loader._visible = true;
// Berechnung der bereits geladenen Prozent
prozent = Math.round(geladen/zuladen*100);
// Ausgabe im dynamischen Textfeld "prozentanzeige"
this.prozentanzeige.text = prozent+" Prozent geladen";
// Skalierung des Balkens anhand der Prozentzahl
this.balken._xscale = prozent;
// Wenn komplett geladen
if (prozent>=100) {
// den EnterFrame-Event löschen um Performance zu sparen
delete this.onEnterFrame;
// die Ladeanzeige wieder unsichtbar machen
this._visible = false;
}
}
};
};
//--- Aktionen für die Button_MCs um externe Daten
//--- in den Ziel-MC "ladeziel" zu laden ---------
lade_1.onPress = function() {
// Ladebefehl
ladeziel.loadMovie("film1.swf");
// Aufruf der Funktion für die Preloaderanzeige
ladestatus();
};
lade_2.onPress = function() {
ladeziel.loadMovie("film2.swf");
ladestatus();
};
lade_3.onPress = function() {
ladeziel.loadMovie("bild3.jpg");
ladestatus();
};

/*
* MD5 Algorithm
* A Flash implementation of the RSA Data Security, Inc. MD5 Message
* Digest Algorithm, as defined in RFC 1321.
* Flash Version 1.0 - added and tested by Matthias Kannengiesser 2003.
* Original JavaScript Version 2.1 Copyright (C) Paul Johnston 1999 - 2002.
* Other contributors: Greg Holt, Andrew Kepert, Ydnar, Lostinet
* Distributed under the BSD License
*/
/*
* Konfigurations Variablen
* Diese legen die Einstellungen so fest, dass sie mit der Serverseite
* kompatibel sind. Die Standardeinstellungen sollten jedoch einwandfrei
* arbeiten.
*/
var hexcase = 0; // Hex Ausgabe-Format: 0 - klein Buchstaben; 1 - gross Buchstaben
var b64pad = ""; // Base-64. "=" für strikte RFC Übereinstimmung
var chrsz = 8; // Bits pro Zeichen: 8 - ASCII; 16 - Unicode
/*
* Die Funktionen zur Verschlüsselung
*/
function hex_md5(s){ return binl2hex(core_md5(str2binl(s), s.length * chrsz));}
function b64_md5(s){ return binl2b64(core_md5(str2binl(s), s.length * chrsz));}
function str_md5(s){ return binl2str(core_md5(str2binl(s), s.length * chrsz));}
function hex_hmac_md5(key, data) { return binl2hex(core_hmac_md5(key, data)); }
function b64_hmac_md5(key, data) { return binl2b64(core_hmac_md5(key, data)); }
function str_hmac_md5(key, data) { return binl2str(core_hmac_md5(key, data)); }
// Verwenden
/*
trace(hex_md5("matze"));
trace(b64_md5("matze"));
trace(str_md5("matze"));
trace("------------------------");
trace(hex_hmac_md5("passwort","matze"));
trace(b64_hmac_md5("passwort","matze"));
trace(str_hmac_md5("passwort","matze"));
*/
function md5_vm_test()
{
return hex_md5("abc") == "900150983cd24fb0d6963f7d28e17f72";
}
function core_md5(x, len)
{
x[len >> 5] |= 0x80 << ((len) % 32);
x[(((len + 64) >>> 9) << 4) + 14] = len;
var a = 1732584193;
var b = -271733879;
var c = -1732584194;
var d = 271733878;
for(var i = 0; i < x.length; i += 16)
{
var olda = a;
var oldb = b;
var oldc = c;
var oldd = d;
a = md5_ff(a, b, c, d, x[i+ 0], 7 , -680876936);
d = md5_ff(d, a, b, c, x[i+ 1], 12, -389564586);
c = md5_ff(c, d, a, b, x[i+ 2], 17, 606105819);
b = md5_ff(b, c, d, a, x[i+ 3], 22, -1044525330);
a = md5_ff(a, b, c, d, x[i+ 4], 7 , -176418897);
d = md5_ff(d, a, b, c, x[i+ 5], 12, 1200080426);
c = md5_ff(c, d, a, b, x[i+ 6], 17, -1473231341);
b = md5_ff(b, c, d, a, x[i+ 7], 22, -45705983);
a = md5_ff(a, b, c, d, x[i+ 8], 7 , 1770035416);
d = md5_ff(d, a, b, c, x[i+ 9], 12, -1958414417);
c = md5_ff(c, d, a, b, x[i+10], 17, -42063);
b = md5_ff(b, c, d, a, x[i+11], 22, -1990404162);
a = md5_ff(a, b, c, d, x[i+12], 7 , 1804603682);
d = md5_ff(d, a, b, c, x[i+13], 12, -40341101);
c = md5_ff(c, d, a, b, x[i+14], 17, -1502002290);
b = md5_ff(b, c, d, a, x[i+15], 22, 1236535329);
a = md5_gg(a, b, c, d, x[i+ 1], 5 , -165796510);
d = md5_gg(d, a, b, c, x[i+ 6], 9 , -1069501632);
c = md5_gg(c, d, a, b, x[i+11], 14, 643717713);
b = md5_gg(b, c, d, a, x[i+ 0], 20, -373897302);
a = md5_gg(a, b, c, d, x[i+ 5], 5 , -701558691);
d = md5_gg(d, a, b, c, x[i+10], 9 , 38016083);
c = md5_gg(c, d, a, b, x[i+15], 14, -660478335);
b = md5_gg(b, c, d, a, x[i+ 4], 20, -405537848);
a = md5_gg(a, b, c, d, x[i+ 9], 5 , 568446438);
d = md5_gg(d, a, b, c, x[i+14], 9 , -1019803690);
c = md5_gg(c, d, a, b, x[i+ 3], 14, -187363961);
b = md5_gg(b, c, d, a, x[i+ 8], 20, 1163531501);
a = md5_gg(a, b, c, d, x[i+13], 5 , -1444681467);
d = md5_gg(d, a, b, c, x[i+ 2], 9 , -51403784);
c = md5_gg(c, d, a, b, x[i+ 7], 14, 1735328473);
b = md5_gg(b, c, d, a, x[i+12], 20, -1926607734);
a = md5_hh(a, b, c, d, x[i+ 5], 4 , -378558);
d = md5_hh(d, a, b, c, x[i+ 8], 11, -2022574463);
c = md5_hh(c, d, a, b, x[i+11], 16, 1839030562);
b = md5_hh(b, c, d, a, x[i+14], 23, -35309556);
a = md5_hh(a, b, c, d, x[i+ 1], 4 , -1530992060);
d = md5_hh(d, a, b, c, x[i+ 4], 11, 1272893353);
c = md5_hh(c, d, a, b, x[i+ 7], 16, -155497632);
b = md5_hh(b, c, d, a, x[i+10], 23, -1094730640);
a = md5_hh(a, b, c, d, x[i+13], 4 , 681279174);
d = md5_hh(d, a, b, c, x[i+ 0], 11, -358537222);
c = md5_hh(c, d, a, b, x[i+ 3], 16, -722521979);
b = md5_hh(b, c, d, a, x[i+ 6], 23, 76029189);
a = md5_hh(a, b, c, d, x[i+ 9], 4 , -640364487);
d = md5_hh(d, a, b, c, x[i+12], 11, -421815835);
c = md5_hh(c, d, a, b, x[i+15], 16, 530742520);
b = md5_hh(b, c, d, a, x[i+ 2], 23, -995338651);
a = md5_ii(a, b, c, d, x[i+ 0], 6 , -198630844);
d = md5_ii(d, a, b, c, x[i+ 7], 10, 1126891415);
c = md5_ii(c, d, a, b, x[i+14], 15, -1416354905);
b = md5_ii(b, c, d, a, x[i+ 5], 21, -57434055);
a = md5_ii(a, b, c, d, x[i+12], 6 , 1700485571);
d = md5_ii(d, a, b, c, x[i+ 3], 10, -1894986606);
c = md5_ii(c, d, a, b, x[i+10], 15, -1051523);
b = md5_ii(b, c, d, a, x[i+ 1], 21, -2054922799);
a = md5_ii(a, b, c, d, x[i+ 8], 6 , 1873313359);
d = md5_ii(d, a, b, c, x[i+15], 10, -30611744);
c = md5_ii(c, d, a, b, x[i+ 6], 15, -1560198380);
b = md5_ii(b, c, d, a, x[i+13], 21, 1309151649);
a = md5_ii(a, b, c, d, x[i+ 4], 6 , -145523070);
d = md5_ii(d, a, b, c, x[i+11], 10, -1120210379);
c = md5_ii(c, d, a, b, x[i+ 2], 15, 718787259);
b = md5_ii(b, c, d, a, x[i+ 9], 21, -343485551);
a = safe_add(a, olda);
b = safe_add(b, oldb);
c = safe_add(c, oldc);
d = safe_add(d, oldd);
}
return Array(a, b, c, d);
}
function md5_cmn(q, a, b, x, s, t)
{
return safe_add(bit_rol(safe_add(safe_add(a, q), safe_add(x, t)), s),b);
}
function md5_ff(a, b, c, d, x, s, t)
{
return md5_cmn((b & c) | ((~b) & d), a, b, x, s, t);
}
function md5_gg(a, b, c, d, x, s, t)
{
return md5_cmn((b & d) | (c & (~d)), a, b, x, s, t);
}
function md5_hh(a, b, c, d, x, s, t)
{
return md5_cmn(b ^ c ^ d, a, b, x, s, t);
}
function md5_ii(a, b, c, d, x, s, t)
{
return md5_cmn(c ^ (b | (~d)), a, b, x, s, t);
}
function core_hmac_md5(key, data)
{
var bkey = str2binl(key);
if(bkey.length > 16) bkey = core_md5(bkey, key.length * chrsz);
var ipad = Array(16), opad = Array(16);
for(var i = 0; i < 16; i++)
{
ipad[i] = bkey[i] ^ 0x36363636;
opad[i] = bkey[i] ^ 0x5C5C5C5C;
}
var hash = core_md5(ipad.concat(str2binl(data)), 512 + data.length * chrsz);
return core_md5(opad.concat(hash), 512 + 128);
}
function safe_add(x, y)
{
var lsw = (x & 0xFFFF) + (y & 0xFFFF);
var msw = (x >> 16) + (y >> 16) + (lsw >> 16);
return (msw << 16) | (lsw & 0xFFFF);
}
function bit_rol(num, cnt)
{
return (num << cnt) | (num >>> (32 - cnt));
}
function str2binl(str)
{
var bin = Array();
var mask = (1 << chrsz) - 1;
for(var i = 0; i < str.length * chrsz; i += chrsz)
bin[i>>5] |= (str.charCodeAt(i / chrsz) & mask) << (i%32);
return bin;
}
function binl2str(bin)
{
var str = "";
var mask = (1 << chrsz) - 1;
for(var i = 0; i < bin.length * 32; i += chrsz)
str += String.fromCharCode((bin[i>>5] >>> (i % 32)) & mask);
return str;
}
function binl2hex(binarray)
{
var hex_tab = hexcase ? "0123456789ABCDEF" : "0123456789abcdef";
var str = "";
for(var i = 0; i < binarray.length * 4; i++)
{
str += hex_tab.charAt((binarray[i>>2] >> ((i%4)*8+4)) & 0xF) +
hex_tab.charAt((binarray[i>>2] >> ((i%4)*8 )) & 0xF);
}
return str;
}
function binl2b64(binarray)
{
var tab = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
var str = "";
for(var i = 0; i < binarray.length * 4; i += 3)
{
var triplet = (((binarray[i >> 2] >> 8 * ( i %4)) & 0xFF) << 16)
| (((binarray[i+1 >> 2] >> 8 * ((i+1)%4)) & 0xFF) << 8 )
| ((binarray[i+2 >> 2] >> 8 * ((i+2)%4)) & 0xFF);
for(var j = 0; j < 4; j++)
{
if(i * 8 + j * 6 > binarray.length * 32) str += b64pad;
else str += tab.charAt((triplet >> 6*(3-j)) & 0x3F);
}
}
return str;
}

chr(10) - neue Zeile (line feed)
chr(13) - wagenrücklauf (carriage return)
$inhalt = str_replace (chr(10), "", $inhalt);
$inhalt = str_replace (chr(13), "", $inhalt);
// Steuerzeichen entfernen
inhalt = "Hallo\nDu da\rhey";
inhalt=inhalt.split("\n").join("")
inhalt=inhalt.split("\r").join("");
trace(inhalt);
// In einer Zeile
inhalt = "Hallo\nDu da\rhey";
inhalt=inhalt.split("\n").join("").split("\r").join();
trace(inhalt);
$inhalt = nl2br($inhalt);
Kategorien
Forum - Webmaster & InternetAch natürlich! Vielen Dank. Ist ja eigentlich sonnenklar, habe beim linken div gestern wohl etwas verquert gedacht
Hi,
sry aber wo das display:none auf welches Element anwenden**** Auf body ?
Und wie per javascript wieder auf normal setzen?
Hi aurus,
das linke div wird (zumindest bei meinem Weg) auch größer.
Das sieht man aber nicht weil es sich unter das mittlere legt.
Hallo,
zuerst muss ich erstmal sagen, dass ich nicht gerade die grosse Leuchte in Javascript bin....
Aber jetzt zu meinem
| tut orials.de | tut verbinden | tut dir helfen | tut kooperieren |
|
©2000-2012 tutorials.de Alle Rechte vorbehalten |
tut informieren
|
|


Hi,
denke mal
AW: jQuery UI Autocomplete vs. Autocomplete plugin 1.1 (Jörn Zaefferer)
javaDeveloper2011 26.05.12, 12:21