Sekunden Countdown

Publiziert am 04/09/2010 von pahe

Ein Javascript das einen Sekunden Countdown im Text anzeigt. Dies kann man zum Beispiel für eine Automatische weiterleitung verwenden.
Das Script ist sehr klein und einfach.

Ein Beispiel findet ihr HIER

Das in den <head> eurer Seite Kopieren:

<script type=”text/javascript”>
function countDown(init)
{
if (init || –document.getElementById( “counter” ).firstChild.nodeValue >0 )
window.setTimeout(“countDown()”,1000);
};
</script>

und

Das in den <body> eurer Seite, eben da wo der Countdown angezeigt werden soll:

<b>Sie werden in <span id=“counter” class=“dd”>20</span> sek. automatisch weitergeleitet</b>

und falls ihr das mit einer Automatischen Weiterleitung verwenden wollt, so wie im Beispiel. Dann müsst ihr einfach in euren <head> Bereich noch:

<meta http-equiv="refresh" content="20; url=http://www.pahe.de">

schreiben und ihr werdet nach 20 Sekunden Automatisch weitergeleitet!

Ein ganz einfaches Sekunden Countdown Script! Viel Spass damit

Veröffentlicht unter Javascript | Verschlagwortet mit , , , , , , , | Hinterlasse einen Kommentar

Copyright Image Slider! 1.1

Publiziert am 02/08/2010 von pahe

Ich habe mir hier die arbeit gemacht einen Image Silder zuerstellen der die gezeigten Bilder sehr sicher macht und das ganze allein durch Javascript!

Die Funktionen des Sliders:
- Er Zeigt immer nur einen ausschnitt eines Bildes an. Allerdings wird trozdem das ganze Bild zusehen sein. Wie? ganz einfach, das bild beweget sich! Die Demo sollte es verständlich machen. Somit kann der User immer nur einen ausschnitt des Bilds Screenshoten.

- Will man sich das Bild per rechtsklick anzeigen lassen bekommt man nur den Blend Effect gezeigt. Das heißt er sieht nichts und kann das gezeigte Bild kann nicht gespeichert werden!

- Jedes Bild wird nur eine gewisse Zeit angezeigt, die Zeit lässt sich im Script einstellen.

- Die Zeit wie lange das Bild zusehen ist wird durch einen Ladebalken sichtbar.

Image Slider denoch austricksten?
Momentan ist dass noch möglich in dem man den Javascript Code liest, der sehr undurchsichtig geschrieben ist. Auserdem ist das Bild noch leicht knackbar da sich der Bildname nur durch eine Zahl unterscheidet (Bsp: bild_1.jpg bild_2.jpg). Das wird aber noch in der nächsten Version geändert. Mit hilfe von Php soll die _1 oder _2 in eine durch einen Algoritmus Produzierte zufalls Bezeichung immer wieder geändert werden! Dann könnte das beispiel so aussehen – bild_3wfpon.jpg bild_4u65zß.jpg

Die Bedienung um den Image Slider zu benutzten?
- Die Bilder müssen alle die Größe von 950px breit und 700px hoch entsprechen.
- Der Slider wird in einem 500×500 großen bereich angezeigt, jedoch ist der eusere DIV Container 350×200 Px größer. Also benötigt er einen Platz von 950×700 Px.
- Die Bilder müssen alle den selben namen haben nur die Zahl hinter dem “_” Unterstrich ändert sich. (Bsp: bild_1.jpg bild_2.jpg) Hier wäre der name “Bild”.
————————————-
Version: 1.1
Veröffentlich am: 2 August 2010
Letzte änderung: 2 August 2010

[DEMO]

[DOWNLOAD ]

————————————-

!!!Eine Installations Anleitung wird noch folgen. Bis dahin einfach den Kommentaren/Informationen im Script versuchen zufolgen!!!

Veröffentlicht unter Allgemein | Verschlagwortet mit , , , , , , , , , , , , , , , | Hinterlasse einen Kommentar

Simpelviewer – ändern um es per PHP Include einzubinden

Publiziert am 11/05/2010 von pahe

Ich möchte die Simpelviewer- Galerie per Inculde in meine Seite einbauen. Da dann aber die Pfade nicht mehr stimmen habe ich hier folgende Lösung.
Ich habe das Script vom Simpelviewer so abgeändert das ich die generierte Galerie aus Photoshop CS 4 direkt einbauen konnte.

In meinem Fall bedarf der korrekte Pfad den Zusatz “module/simpelviewer/”

Hierzu müssen folgende Pfade geändert werden:
In der html-Datei:
- gallery.xml
- simpleviewer.swf

In der gallery.xml:
imageURL=”images/images.jpg”
und
thumbURL=”thumbs/images.jpg”

Man könnte diese Pfade manuell anpassen, ich möchte aber die generierte Galerie direkt einbauen können. Dazu müssen wir das Simpelviewer-Script abändern und zwar
die SimpleViewer_v2.jsx datei.

In dieser Datei ändern wir folgende Zeilen!
- simpleviewer.swf >> 1023 swfobject.embedSWF(“module/simpelviewer/simpleviewer.swf”
- gallery.xml >> 1016 flashvars.galleryURL = “module/simpelviewer/gallery.xml”

- imageURL >> 679 imageURL=”module/simpelviewer/images/’
- thumbURL>> 679 thumbURL=”module/simpelviewer/thumbs/’

Danach speichert man die SimpleViewer_v2.jsx ab!
Fertig, nun könnt ihr ohne Probleme die generierte Galerie direkt einbauen ohne manuelle Änderung.

Als Anmerkung! Die von PS geöffnete Vorschau, in Eurem Browser – nach dem Erstellen – funktioniert natürlich nicht!!!
Erst nach dem Ihr die Seite per Include eingebaut habt funktioniert alles!!

Viel Spaß, damit – über Rückmeldungen würde ich mich freuen

mfg Pascal

Veröffentlicht unter Allgemein | 10 Kommentare

[PART-1] Struktur des CMS Systems

Publiziert am 05/03/2010 von pahe
Mebuca System Struktur

Mebuca System Struktur

Das ist die Struktur des CMS System’s

Diese sollte sich eigentlich von selbst erklären! Die Struktur mit leeren Dateien steht mit dem Namen “leer_cms_struktur.rar” unter http://load.mebuca.de/ zum Download bereit!

Herunterladen => Entpacken => per FTP Hochladen/oder in Xampp Importieren => weiter mit Part 2

Veröffentlicht unter Mein CMS | Verschlagwortet mit , , , , , , , , , , , , , | 4 Kommentare

[PHP] Wir bauen ein Menü mit Simple XML

Publiziert am 05/03/2010 von pahe

PHP bietet seit neuestem die Möglichkeit ganz einfach mit XML files zu arbeiten!

Hier eine kurze Übersicht der wichtigsten Commandos und eine kurze Beschreibung zu jedem Commando!

Ich habe in diesem Beispiel ein Menü gebaut, was mit Namen/Titel und Link in der XML Datei gespeichert ist!

Wir werden die Daten aus der XML Datei laden und als Link ausgeben! Dabei werden wir eine Schleife verwenden und
somit dafür sorgen, das immer alle Daten aus der XML Datei geladen werden, sodass wir später einfach nur noch einen neuen Menüpunkt in der XML Datei anlegen müssen und dieser automatisch übernommen und angezeigt wird.

Damit Sie dieses “Tutorial” machen können lesen Sie zuerst diesen Artikel [hier]! Wenn Sie damit fertig sind, können Sie hier weiterlesen!
Weiterlesen →

Veröffentlicht unter Allgemein | 3 Kommentare

Geschwindigkeit eines Php Skripts testen

Publiziert am 21/12/2009 von pahe

Eine Php Funktion um die Geschwindigkeit eurer Scripte in Zeit zumessen.

Über: echo speed(“www.meine_domain.de“,“./der/pfad/zur/datei/hallowelt.php“);
Ruft ihr die Funktion auf und übergebt den Inhalt für die Variablen $url und $path

Als HTML ausgabe erhaltet ihr:
• 0.0759 Sekunden •

Kompletter CODE:

<?php
// Die Funktion namens- Speed!
function speed($url, $path)
{ // BEGIN function speed
$fp = fsockopen ($url,80, $errno, $errstr, 30);
if (!$fp)
{
echo “$errstr ($errno)<br />\n”;
}
else
{
$timestart = microtime(true);
fputs($fp, “GET /$path HTTP/1.0\n\n”);
while (!feof($fp)) {
fgets($fp,128);
}
$timeend = microtime(true);
$diff = number_format(((substr($timeend,0,9)) + (substr($timeend,-10)) – (substr($timestart,0,9)) – (substr($timestart,-10))),4);
return(“<font color=\”#00ccff\”><u>&nbsp;•&nbsp;<i>”.$diff.“&nbsp;Sekunden&nbsp;•&nbsp;</i></u></font><br>\n”);
fclose($fp);
}
} // END function speed
?>

<div style=“position: absolute; right: 0px; bottom: 0px; border: 1px #fff dotted; z-index: 99999999;”>
<?php
// Aufruf der Funktion – (url, pfad)
echo speed(“www.meine_domain.de“,“./der/pfad/zur/datei/hallowelt.php“);
?>
</div>

Veröffentlicht unter Php, Script | Verschlagwortet mit , , , , , , , , | Hinterlasse einen Kommentar

Zeichen in Text suchen und weiterverarbeiten!

Publiziert am 21/11/2009 von pahe

Einen Text nach einem Zeichen durchsuchen und dann weiter verarbeiten. Anderst ausgedrücket einen Text durchsuche und nach
dem angebenen Zeichen auftrennen.
Ich habe diesem Beispiel mal als Text eine email adresse genommen.
hallo   @   welt   .   de
Diese werden wir nach dem Zeichen “@” durch suchen und auftrennen!

Die Funktion die wir dafür brauchen nennt sich “strstr()“

Weiterlesen →

Veröffentlicht unter Php, Script | Verschlagwortet mit , , , , , | 1 Kommentar

Hacktivisten

Publiziert am 17/09/2009 von pahe

Zurzeit ist die Piratenpartei auf Stimmenfang!

Damit wurde bei vielen Leuten Interesse geweckt! Und ich dachte mir den einen oder andern wird es dies mit Sicherheit interessieren.

Aktivisten und Hippies die sich auf der Straße anketten waren Gestern!
Heute im Digitalen Zeitalter gib es die Hacktivisten und Elektrohippies. Anstelle der Straßen Demos gibt es sogenannte Sit-ins und Gerüchte per Spamm!

Der einzelne verwendet ein von Hacktivisten Programmiertes Tool und nimmt somit bsp. an einem Sit-in Teil!

Beim Sit-in wird eine Webseite von vielen Usern, durch das Tool Automatisch und sehr sehr oft, aufgerufen. Was zufolge hat das die Webseite/Server überlastet ist und offline geht!
Der Effekt dabei, die Werbemaschinerie der Webseite ist außer Funktion gesetzt!

Schaut euch doch einfach diese Doku an, wenn es euch interessiert: ;)

Youtube – Doku, Hacktivisten 1/5:

http://www.youtube.com/watch?v=HP7tfSQ9N2Y

Veröffentlicht unter WWW - Stuff | Verschlagwortet mit | 5 Kommentare

Faster Thumbnails im Explorer

Publiziert am 17/09/2009 von pahe

Wenn Sie einen Ordner der Bilder/Grafiken enthält im Windows Explorer(Arbeitsplatz) öffnen,
so wird eine Miniatur-Version(s. bild2) der Bilder angezeigt, die sogenaten Thumbnails!


[!FEHLER! Bild wurde nicht gefunden]Vorrausetzung: Sie haben die Ansicht auf Miniaturansicht gestellt.

(BILD 1)

(BILD 2)

Wie lange es dauert bis ein bzw. alle Thumbnail erstellt wurden hängt von der Rechnerleistung ab. Es gilt also desto mehr Bilder desto länger dauert es bis alle Minatur Bilder(Thumbnails) erstellt und angzeigt werden.

Diesen Prozess können wir mit einem kleinen Registrie.-Hack beschleunigen!
Diesen habe ich bei mir eingebaut nach dem ich per sufu(Suchfunktion) alle Bilder auf meinem PC suchen lies und die Darstellung ewig gedauert hat.
Allerdings würde ich auch für die Allgemeine Navigation im Explorer diesen Hack empfehlen, da es auch wenn, nicht viele Bilder in einem Ordner vorhanden sind, den Rechner entlasstet und den Windows Cache(Temp)
kleiner hält.

Indem wir die Qualität und die Größe der Thumbnails(Miniaturbilder) verringern.
Die Vorschau sollte uns jediglich eine >kurz< Info über den Inhalt geben, daher finde ich ist die Qualität der Thumbnails egal! Das Orginal bild wird nicht verändert!!!

Im Windows XP(WinXP) Explorer schnellere Thumbnails(Miniaturansicht),  dazu machen Sie folgendes:

Laden Sie einfach dieses .reg  Datei (s. u.) Herrunterladen und öffnen diese, bestätigen mit Ja und Starten das System neu.

Falls Sie mir nicht vertrauen können Sie den Prozess auch selbst durchführen und dazu machen Sie folgendes:

1. Zuerst starten Sie den Registrierungs-Editor. Drücken Sie in der Taskleiste auf [START] und wählen Sie aus dem Windows-Startmenü [AUSFÜHREN]. Oder betätigen Sie die Tastenkombienation [Win-Taste] + [R]
1.2 – Tippen Sie [regedit] in das Feld “Ausführen” (ohne[]).

2. In den Registrierungs-Editor den folgenden Schlüssel:
HKEY_LOCAL_MACHINE \ Software \ Microsoft \ Windows \ CurrentVersion \ Explorer

3. Im Menü [Bearbeiten], wählen Sie [Neu], im Untermenü wählen Sie [DWORD-Wert] .
4. Als Namen geben Sie [ThumbnailQuality] ein.
5. Nun doppelklicken Sie auf die [ThumbnailQuality] und geben Sie als Wert den Faktor für die Qualität der Vorschaubilder ein.
Der Wert sollte zwischen 50 und 100 liegen, 100 stellt die höchste Qualität darstellt. Senken Sie die Qualität beschleunigen Sie die Thumbnail-Erstellung im Windows-Explorer.

6. Erstellen Sie nun eine weitern DWORD-Wert(Punkt 3.) und nennen Sie diesen [ThumbnailSize].

7. Doppelklicken Sie auf [ThumbnailSize] und geben den Wert für die Größe der Thumbnails ein.
Dies muss ein Wert zwischen 32 und 256. Der Standardwert ist 96, mit einem Werte unter 96 wird die Größe des Bildes reduzieren und das beschleunigen die Thumbnail-Erstellung im Windows-Explorer ebenfalls.

8. Fetig! Sie können den Editor schliessen, nach einen System neustart ist der Hack aktiviert.

Download: thumbnail_size.reg

Veröffentlicht unter Win XP - Hacks | Hinterlasse einen Kommentar

Zufallszahl erstellen!

Publiziert am 09/09/2009 von pahe
PDF Drucken E-Mail Bearbeiten
Geschrieben von: Pascal Helmes
Mittwoch, den 09. September 2009 um 21:56 Uhr
Wie man mit Javascript eine Zufallszahl generiert!

Um eine Zufällige Zahl zu generieren gibt es die function Math.random() – mit einem Intervall von 0 bis 1 wird zum Beispiel diese Zahl erstellt “0.6126833042629937“.


<script type=”text/javascript”>
var a = Math.random();
var b = Math.round(Math.random());
var c = Math.round((Math.random()*5));

// Zum Anzeigen/Ausgeben in HTML:
window.document.write(“var a = Math.random(); |<font color=\”#ff00000\”>” + a + “</font></br></br>”);
window.document.write(“var b = Math.round(Math.random()); |<font color=\”#ff00000\”><b></b>” + b + “</font></br></br>”);
window.document.write(“var c = Math.round((Math.random()*5)); |<font color=\”#ff00000\”><c></b>” + c + “</font></br></br>”);
</script>

In Variable A steht nur die die function um eine Zufallszahl zu generieren!
Der intervall liegt dabei immer zwischen 0 und 1.
So könnte die Zahl ausehen: “0.6126833042629937“

In Variable B runden wir die Zufallszahl auf und erhalten so entweder 0 “”oder”" 1.
Das oder in “”" , da es immer noch einen intervall gibt!
Nur durch das runden haben wir die möglichkeiten der varriationen die es geben kann reduziert.
Nämlich auf “0” und “1” , da der Intervall immer noch von 0 bis 1 geht.

In Variable C runden wir die Zufallszahl auch. Doch vorher Multiplizieren wir diese noch mit 5 und sezten somit den intervall von
vorher 0 bis 1 auf 0 bis 5. Somit gäbe es 6 verschiedene varianten.
So könnte die zahl ausehen: “3“
Veröffentlicht unter Javascript, Script | Hinterlasse einen Kommentar