niedenzu

Hints and tricks for developers

Martins Amazon Wunschliste

html zentriertes Design 26. January 2011

Moderne Anwendungen arbeiten oft mit einem zentrierten Layout.
Wie läßt sicht die Komponente in einer html-Seite zentrieren?

Man führt eine Hauptelement ein, und tut dieses zentrieren.
Das Hauptelement kann ein DIV eine TABLE oder ein sonstiges Element sein,
in dem sich unterelmenten einfügen lassen.

Das Zentrieren wird mit der 2 Style-Eingenschaften gemacht: margin-left:auto und margin-right:auto.

Bei divs nicht vergessen die Breite mit anzugeben.

No Comments on html zentriertes Design
Tags: ,
Categories: Uncategorized

Einbau von Firebug-Light in den IE 24. January 2011

Um den IE zu debuggen wünscht man sich bisweilen Zugriff auf den Firebug zu haben.
Leider ist dies nicht der Fall.
Außerdem kann man in größren Unternehmen auch kein weiteren Tools zum Debuggen in den Browser einbauen.
Die aktuelle Beschreibung zeigt wie man den Firebug-Light aktiviert.
Hierzu muß der unten beschriebene Code in die URL-Zeile des IE gepasted werden.
Nach betätigen von Enter ist der Firebug aktiviert.
Fertig.

javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');
No Comments on Einbau von Firebug-Light in den IE
Categories: Uncategorized

VBScript zum Herunterfahren von Windows 22. January 2011

'Shutdown.vbs - Call Windows shutdown choice popup.
'© Bill James - billjames.geo@yahoo.com - rev 29 Oct 1999
set WshShell = wscript.CreateObject("Shell.Application")
WshShell.ShutdownWindows
No Comments on VBScript zum Herunterfahren von Windows
Categories: Uncategorized

Browserwahl

C:WINDOWSsystem32browserchoice.exe /launch

No Comments on Browserwahl
Categories: Uncategorized

Netmeeting

C:ProgrammeNetMeetingconf.exe

No Comments on Netmeeting
Categories: Uncategorized

appwiz.cpl 20. January 2011

Shell Application Manager

No Comments on appwiz.cpl
Categories: Uncategorized

korrekte Darstellung des jQuery Datepickers 19. January 2011

Damit die Darstellung der jQuery-UI-Elemente im Internetexplorer 7.0 funktionieren muß die Doctype deklaration unbedingt gesetzt sein.
Den Anderen Browsern macht das nicht so viel aus.

<!DOCTYPE html>

Ich hatte mich fusselig gesucht, bis ich das rausgefunden habe

No Comments on korrekte Darstellung des jQuery Datepickers
Categories: Uncategorized

jQuery Validation- und Formplugin 18. January 2011

Die 2 jQuery-Plugins lassen sich sehr gut miteinander kombinieren.
Die Anforderung war folgende:

  • Valierung auf dem Client -> Validationplugin
  • Übermittlung des Formulars im Hintergrund (AJAX) -> Formplugin
  • So wenig Code wie möglich selber implementieren.

Beide Plugins sind für sicht genommen schon sehr genial.
Das Validationplugin gehört zu den wirklich guten plugins und läßt sich super schnell in die Seite einbauen.

Das nun Folgende Codeschnipsel wurde für Portlets in Form einer JSP konzipiert.
Eine verwendung innerhalb e

<script type="text/javascript" src="${pageContext.request.contextPath}/img/jquery.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/img/jquery.validate.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/img/jquery.form.js"></script>

function validateGutachtenForm() {
$('#gutachtenFormular').validate({
rules: {
kosteneinsparung: "required",
zeiteinsparung: "required"
}, //Ende Regeln
messages: {
},
errorPlacement: function(error, element) {
if ( element.is(":radio") || element.is(":checkbox")) {
error.appendTo( element.parent());
} else {
error.insertAfter(element);
}
},
submitHandler: function(form) {
var options = {
success: showResponse // post-submit callback
};
$(form).ajaxSubmit(options);
}
}); // Ende validate
}
// post-submit callback
function showResponse(responseText, statusText, xhr, $form) {
alert('status: ' + statusText + 'nnresponseText: n' + responseText +
'nnThe output div should have already been updated with the responseText.');
}

Es gibt verschieden Arten von Buttons in HTML.
An dieser Stelle wir explizit kein Submit-Button verwendet ()
Sondern der button-Tag. Durch betätigen dieses Buttons wird die valierungsMethode aufgerufen.

<button onclick="validateGutachtenForm()">Senden</button>

jQuery erfindet an dieser Stelle das Rad nicht neu, sondern verwendet das class-Attribut
und das title-Attribut.

<input type='radio' name='kosteneinsparung' value='ns'
class='required' title='Wählen Sie eine Option' /> Nicht schätzbar
<input type='radio' name='kosteneinsparung' value='gering' /> Gering
<input type='radio' name='kosteneinsparung' value='mittel' /> Mittel
<input type='radio' name='kosteneinsparung' value='hoch' /> Hoch

No Comments on jQuery Validation- und Formplugin
Categories: Uncategorized

Commons Fileupload und Portlet 286

Wir konnten die die Commons-Fileupload lib von Apache nicht in unserer Anwendung verwenden, da die serverRessource-Methode des Porlet286-Standards nicht unterstüzt wird.
Wir haben die Klassen aber fast 1:1 nachgebaut, und um die relevanten Stellen umgeschrieben. Theoretisch könnten wir den Code jetzt contributen, so das Apache Commons-Fileupload dies zukünftig unterstüzten könnte.

No Comments on Commons Fileupload und Portlet 286
Categories: Uncategorized
Martin Rocks