// der php hacker » Javascript

XINGs Recruiting Methoden

Cem Derin — Wed, 27 Jan 2010 12:06:22 +0000

Eine sehr nette Idee, um sich fähige Entwickler an Bord zu holen hat XING:

Auf der anderen Seite: Haben sie derzeit aber auch dringen nötig =)

(Not) The 2010 Bug

Cem Derin — Tue, 05 Jan 2010 08:18:57 +0000

Da ich jetzt zum geschätzten 20. mal per eMail darauf aufmerksam gemacht wurde und es mir auch eben in einem Forum über den Weg lief, will ich mal klarstellen, dass dieser Code hier keinen (und schon gar nicht einen y2010) Bug darstellt.

var dateObj = new Date();
var curYear = dateObj.getYear();
alert(curYear);

Wer wissen will, was dabei rauskommt, der kann auch mal hier klicken. Wem das nun komisch vorkommt, dem darf man ruhigen Gewissens ein herzhaftes RTFM an den Kopf werfen. Frohes Neues =)

JavaScript Detection mit JavaScript und CSS

Charles — Tue, 29 Dec 2009 15:26:21 +0000

Seit dem Web 2.0 haben sich User Interface designs geändert. Sehr viele Leute haben heut zu tage eine Seite die ohne JavaScript nicht mehr auskommt. Deshalb sollte man immer überprüfen ob der Benutzer der Webseite sein JavaScript im Browser aktiviert hat, oder nicht , falls dieser Fall besteht muss ja auch ein Fehlermeldung ausgegeben werden. Und wie das geht zeige Ich euch heute.

Wir haben bei diesem Unterfahren drei verschiedene Teile. Den JavaScript teil, den HTML teil und den CSS Teil. Fangen wir mit dem HTML Teil an.

HTML

Dies ist unser einfaches HTML Gerüst. Das Tag „noscript“ ist dazu gedacht wenn im Browser kein JavaScript aktiviert ist eine Fehlermeldung herauszugeben.
Nun binden wir unser CSS ein.

CSS

@media all
{
   div#container
  {
     display:none;
  }
}

Durch diese CSS deklaration wird nun garnichts gezeigt was in diesem Element mit inbregriffen ist.

Nun kommen wir zum JavaScript part. Um diesen Part umzusetzen nehmen wir das JavaScript Framework jQuery. Dort nun wiederum setzen wir eine zweite CSS Regel. Das sieht dann folgend aus

JavaScript / jQuery

$(document).ready(function()
{
 $('div#container').css({'display':'block'});
 }
);

Wenn unser Dokument geladen ist wird auch die seite angezeigt falls JavaScript aktiviert ist in unserem Browser.

So jetzt sin wir schon so gut wie fertig. Nur stylen wir nun noch ein wenig das Noscript Element
CSS

noscript
{
 width:50%;
 margin-top:25%;
 margin-left:25%;
 text-align: left;
 height:50%;
 width:50%;
 padding: 5px 20px 5px 45px;
 border-top: 2px solid #ffd324;
 border-bottom: 2px solid #ffd324;
 background:#fff6bf;
}

So wenn nun kein JavaScript im Browser aktiviert ist wird uns eine Fehler Meldung ausgegeben.

Danken möchte ich noch Sven(@fate__) für seine kleine Hilfestellung. Und über konstruktive Kritik freue ich mich natürlich

Firebug im Internet Explorer

Cem Derin — Thu, 22 Jan 2009 13:00:49 +0000

Welcher Webworker kennt das nicht: Man baut Super-Features mittles JavaScript in seine Webanwendung, die das Leben des Benutzers erleichtern, die Anwendung mehr und mehr wie eine Desktopsoftware wirken lässt. Man benutzt Bibliotheken, damit eine größtmögliche Browserkompatibilität erreicht wird. Aber irgendwie zickt der Internet Explorer immer rum und hält sich darüberhinaus auch noch sehr bedeckt wenn es ans Debugging geht.

Mehr als einmal wünschte ich mir, dass ich im IE ordentlich debuggen könnte. Doch den Firebug wird es wohl auf ewig nur für den Firefox geben. Denkste! Es gibt eine Lite Version für den Internet Explorer, Opera und Safari. Das ganze lässt sich einfach über ein Bookmarklet einbinden (dazu einfach diesen Link Bookmarken). Der Funktionsumfang ist natürlich eingeschränkt (wie man sich bei dem Zusatz “lite” schon denken konnte), aber es ist, jedenfalls was den IE betrifft, wesentlich mehr als man vom Hause Microsoft aus geliefert bekommt.

Wie man das Teil auch offline benutzen kann, wird auf der Seite des Lite Projektes erklärt: GetFireBug.com