Ich möchte mich auf diesem Wege für die gute Zusammenarbeit, den tollen Service und die immer freundlichen Mitarbeiter sowohl im Forum als auch an der (kostenlosen) Hotline bedanken.

Ich bin froh, das ich mich damals Beruflich als auch Privat für euch entschieden habe.

Danke D)F

Um einen Speicherüberlauf zu verhindern, sollte man die Bilder die man z.B. in einer ImageView anzeigen lassen will, auch auf die richtige größe Skalieren.

Dazu gibt es in Android die BitmapFactory.

Folgender Code zeigt eine Methode, welche einem ein Bitmap verkleinert.

/**
	 * Uses Bitmapfactory to shrink the given image to the expected size.
	 * @param file
	 * 			Path to the image.
	 * @param width
	 * 			expected width of the image.
	 * @param height
	 * 			expected height of the image.
	 * @return
	 * 			a Bitmap with the new size.
	 */
	public Bitmap ShrinkBitmap(String file, int width, int height) {
		Log.d("ShrinkBitmap", "Trying to shrink " + file + " to " + width + "x" + height);
		BitmapFactory.Options bmpFactoryOptions = new BitmapFactory.Options();
		bmpFactoryOptions.inJustDecodeBounds = true;
		Bitmap bitmap = BitmapFactory.decodeFile(file, bmpFactoryOptions);
		Log.d("ShrinkBitmap", "Original size: " + bmpFactoryOptions.outWidth + "x" + bmpFactoryOptions.outHeight);

		int heightRatio = (int) Math.ceil(bmpFactoryOptions.outHeight / (float) height);
		int widthRatio = (int) Math.ceil(bmpFactoryOptions.outWidth / (float) width);
		if (heightRatio > 1 || widthRatio > 1) {
			if (heightRatio > widthRatio) {
				bmpFactoryOptions.inSampleSize = heightRatio;
				Log.d("ShrinkBitmap", "Shrink ratio: " + heightRatio);
			} else {
				bmpFactoryOptions.inSampleSize = widthRatio;
				Log.d("ShrinkBitmap", "Shrink ratio: " + widthRatio);
			}
		}
		bmpFactoryOptions.inJustDecodeBounds = false;
		bitmap = BitmapFactory.decodeFile(file, bmpFactoryOptions);
		return bitmap;
	}

Um nun z.B. ein Bitmap in einer ImageView anzuzeigen, welche 50 x 50 groß ist, reicht folgender Code.

Bitmap bitmap = ShrinkBitmap("/path/to/my/image.png", 50, 50);
mImageView.setImageBitmap(bitmap);

Ich hab aus meinem jQuery Workaround, welchen ich unter Barrierefreiheit – Schrift der Webseite vergrößern mit jQuery erläutert habe, nun ein Plugin geschrieben. Das ist flexibler.

Die Einbindung mit den default settings sieht folgendermaßen aus. Weitere Beispiele mit Einstellungen folgen weiter unten.

HTML Head bereich:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="jquery.creaseFont.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
  $.creaseFont();
});
</script>

Nun Beispielsweise noch die Buttons folgendermaßen einfügen:

<span id="fontLarge" style="cursor:pointer">( + )</span>
<span id="fontDefault" style="cursor:pointer">( &#216; )</span>
<span id="fontSmall" style="cursor:pointer">( - )</span>

Als Button kann jedes Element mit der passenden ID genutzt werden.

Optionen

Folgende Parameter können dem Aufruf übergeben werden. Die hier gezeigten, sind auch die Standardparameter:

$.creaseFont({
              content     :  'body',
              defaultSize :  100,
              maxSize     :  160,
              minSize     :  60,
              stepSize    :  10,
              unit        :  '%',
              bFontLarge  :  '#fontLarge',
              bFontDefault:  '#fontDefault',
              bFontSmall  :  '#fontSmall',
              animate     :  true,
              animateSpeed:  500,
              cookieName  :  'creaseFont',
              cookiePath  :  '/',
              cookieLifetime:60
              });
});

Erläuterung:

Als letzten Parameter könnt ihr eine Callback Funktion aufrufen, welche ausgeführt wird, nachdem die Schrift vergrößert, verkleinert oder zurückgesetzt wurde.

 $.creaseFont({
               after:function( obj ) {
                 $('#callback').html("Zoomlevel: " + obj.currSize + obj.currUnit + "<br />Current Task: " + obj.currTask + "<br />" + obj.currLvl);
                 }
               });

Das Object beinhaltet folgende Werte.

Beispiele

Ein paar Beispiele mit Erläuterungen findet ihr hier:
jquery.creaseFont.js Plugin Example 1.

Download

JQuery CreaseFont V1.0.2 Gzip Tarball
jQuery.creaseFont.1.0.2.tar.gz
Version: 1.0.2

Autor:	Nico
Anforderungen:	jQuery
Kategorie:	jQuery creaseFont Files
Lizenz:	CC Attribution-ShareAlike 3.0 Unported
Datum:	28. Februar 2012

10.1 KiB
32 Downloads
Details...

JQuery CreaseFont V1.0.2 zip
jQuery.creaseFont.1.0.2.zip
Version: 1.0.2

Autor:	Nico
Anforderungen:	jQuery
Kategorie:	jQuery creaseFont Files
Lizenz:	CC Attribution-ShareAlike 3.0 Unported
Datum:	28. Februar 2012

25.3 KiB
34 Downloads
Details...

JQuery CreaseFont V1.0.1 Gzip Tarball
jQuery.creaseFont.1.0.1.tar.gz
Version: 1.0.1

Autor:	Nico
Anforderungen:	jQuery
Kategorie:	jQuery creaseFont Files
Lizenz:	CC Attribution-ShareAlike 3.0 Unported
Datum:	22. November 2011

9.5 KiB
142 Downloads
Details...

JQuery CreaseFont V1.0.1 zip
jQuery.creaseFont.1.0.1.zip
Version: 1.0.1

Autor:	Nico
Anforderungen:	jQuery
Kategorie:	jQuery creaseFont Files
Lizenz:	CC Attribution-ShareAlike 3.0 Unported
Datum:	22. November 2011

25.1 KiB
42 Downloads
Details...

Mit jQuery und dem Cookie Plugin ist das ein Kinderspiel.

Doch es müssen ein paar vorarbeiten erledigt werden.

Die Schriften

Zunächst sollte man seine Schriften im HTML grundsätzlich in CSS auslagern. Dann ist es wichtig die Schriften richtig zu definieren.

Ein paar Beispiele:

Ich bin 1em groß. JS

Ich bin 0.75em groß. JS

Ich bin 12px groß. JS

Ich bin 10pt groß. JS

Ich bin 100% groß. JS

Ich bin 100.01% groß. JS

Im normalfall heißt das nun, 100% entspricht der größe 1em. Ich hab die größe von 12px zusätzlich angegeben, damit man sehen kann, wie diese im Verhältnis zu 1em steht, da viele Webmaster gerne ihre Schrift in 12px angeben. Das Problem mit den Pixeln(px) und auch Punkt(pt) ist nur, der Internetexplorer lässt diese nicht Skalieren. Das heißt konkret, das schlecht guckende Menschen die Schriftgröße nicht anpassen können. Mit Javascript funktioniert das übrigens auch nicht einfach so. Ihr könnt unten rechts hier im Blog ja die Schrift mit den Buttons einmal Skalieren, dann seht ihr, was ich meine.

Das zweite Problem ist die angabe von 100%, auch hier haben der Internetexplorer, Opera und Safari teilweise ihre Probleme. Deswegen gebe viele ihre Schriftgröße dann mit 100.01% an, was auch nicht in jedem Browser das wünschenswerte Ergebnis liefert.
Die Angabe pt (punkt) ist ziemlich fest, wie der Pixel. Ein Punkt misst genau 1⁄72 Zoll oder 0,3527 mm. Punkt ist eine Angabe, die man DTP Programmen überlassen sollte. Dabei sind sie unabdinglich um beim Drucken vernünftige Layouts zu erstellen. In Webseiten hat diese Angabe nichts zu suchen, außer in ihren CSS Dateien die den Druck definieren.

Auf vielen Webseiten muss man, um das Layout nicht komplett zu zerlegen, leider hin und wieder auf feste größen zurückgreifen. Das trifft in den meisten Fällen nur auf den Navigationsbereich zu. Hier im Blog lässt der Navigationsbereich sich z.B. auch nicht Skalieren, ob das nun gut ist oder nicht sei mal dahingestellt
Zu beachten ist auch, das die Schriftangaben vererbt werden. Das heißt die Schriftgrößen von z.B. <h1> bis <h6> oder auch <small> passen sich der Übergeordneten Schrift an. Über die größen entscheidet der Browser, wenn ihr diese nicht extra defininiert.

Nun zum eigentlichen Javascript

Wir binden jQuery und jQuery Cookie zwischen <head> und </head> auf unserer Homepage ein.

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>

Das eigentliche Script, auch zwischen <head> und </head> sieht dann so aus:

<script type="text/javascript">
jQuery(document).ready(function(){
    var contentarea = $('#page'); // der Bereich, welcher den kompletten Content umschließt. Hier die ID eines DIV
    var default_size = 100; // Die Standardgroeße in %
    var max_size = 160; // Die Maximale Zoomgroeße in %
    var min_size = 60; // Die Minimale Zoomgroeße in %
    var currentSize = default_size; // für die initialisierung des Scripts
    var unit = "%"; // Die Prozentangabe

    if ($.cookie("fontSize")) { // Gibt es schon ein Cookie?
        newsize = $.cookie("fontSize"); // dann schreib die groeße die im Cookie steht in eine Variable
        currentSize = parseInt(newsize);  // setze die aktuelle groeße auf die groeße im Cookie
        contentarea.css('font-size', currentSize + unit); // uebergebe die groeße ans CSS
        }

    $("a.fontChange").mousedown(function() { // Es wird auf einen der 3 Buttons geklickt
        if (this.id == 'fontLarge'){ // Button zum vergroeßern
            currentSize = currentSize + 10;
            if (currentSize > max_size){
                currentSize = max_size;
                }
            num = currentSize;
        } else if (this.id == 'fontSmall') { // Button zum verkleinern
            currentSize = currentSize - 10;
            if (currentSize < min_size){
                currentSize = min_size;
                }
            num = currentSize;
        } else if (this.id == 'fontDefault') { // Button fuer die Standardgroeße
            currentSize = default_size;
            num = default_size;
        }
        num = parseInt(num);
        $.cookie("fontSize", num, { path: '/', expires: 60 }); // Cookie mit der gewaehlten groeße setzen
        contentarea.css('font-size', num + unit);
           return false;
    });
});
</script>

Scripttechnisch ist das alles. Nun müssen wir nur noch die Buttons an die passende Stelle im HTML einbinden.

<a class="fontChange" id="fontLarge" href="javascript:void(0);"><img src="/images/stock_increase-font.png" width="24" height="24" alt="Schrift vergroeßern" title="Schrift vergroeßern" border="0" /></a>
<a class="fontChange" id="fontDefault" href="javascript:void(0);"><img src="/images/stock_font-size.png" width="24" height="24" alt="Schrift normal" title="Schrift normal" border="0" /></a>
<a class="fontChange" id="fontSmall" href="javascript:void(0);"><img src="/images/stock_decrease-font.png" width="24" height="24" alt="Schrift verkleinern" title="Schrift verkleinern" border="0" /></a>

Die Icons aus dem Blog findet ihr hier:

Fragen oder Anregungen zum Artikel? Hinterlasst mir einfach einen Kommentar hier.

EDIT:
Mittlerweile gibts es ein jQuery Plugin, welches ich geschrieben habe.
jQuery.creaseFont Plugin

Nichts was ihr als Benutzer sehen könntet ;-(

Demnächst kommen noch ein paar Felder im Userbereich dazu, aber zur Zeit konzentriere ich mich aufs Backend um den Code sauberer zu bekommen.

Viele viele Webmaster senden, um das Caching ihrer Seiten zu verhindern, einen header mit folgendem Inhalt:
(Dieses Beispiel in PHP)

header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0");

Ich hab nun in folgendem Artikel gelesen, dass das völliger humbug ist.

Ich hab grad einen Interessanten Artikel über das Caching vom IE gefunden.

Viele viele Webmaster senden, um das Caching ihrer Seiten zu verhindern, einen header mit folgendem Inhalt:
(Dieses Beispiel in PHP)

header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0");

Ich hab nun in folgendem Artikel gelesen, dass das völliger humbug ist.

Internet Explorer’s Cache-Control Extensions – EricLaw’s IEInternals – Site Home – MSDN Blogs.

Dort steht dazu auch

Das ist völlig unnötig und führt zu vergeudeten Bandbreite und HTTP-Header-Verarbeitungs Zyklen. In einer der IE7-Betas führte dieses Muster sogar zu einem etwas amüsant und extrem frustrierend Fehler.

Fazit: Wir lassen das post-check=0 und pre-check=0 einfach weg.

Internet Explorer’s Cache-Control Extensions – EricLaw’s IEInternals – Site Home – MSDN Blogs.

Dort steht dazu auch

Das ist völlig unnötig und führt zu vergeudeten Bandbreite und HTTP-Header-Verarbeitungs Zyklen. In einer der IE7-Betas führte dieses Muster sogar zu einem etwas amüsant und extrem frustrierend Fehler.

Fazit: Wir lassen das post-check=0 und pre-check=0 einfach weg.

Die NTVDM-CPU hat einen ungültigen Befehl entdeckt.
c0h Klicken Sie auf "Schließen" um die Anwendung zu beenden.

Diese Meldung kam immer, wenn er ein DOS-Programm starten wollte, egal welches (ja, wir nutzen sowas noch).

Nach einer langen Suche im Deutschsprachigen Raum fand ich nix… Die Lösung des Problems fand ich erst durch das Schlüsselwort c0h (in Worten: ce null ha).

Wer hätte gedacht, das die Lösung so einfach ist:
Von der Windows CD Booten und die Reparaturkonsole starten. Dort dann folgende Befehle eingeben:

fixboot
fixmbr

Nun läuft die Kiste wieder. Ich wäre im Normalfall nie darauf gekommen, das ein evtl. defekter Bootsector die NTVDM lahmlegt. Windows ist toll

Nun das Problem, jQuery bietet kein .postJSON an, sondern nur ein .getJSON. Ist ja eig. auch logisch. Nur sollte man eben keine sensiblen Daten via GET übertragen, weil diese dann z.B. auch mal in Suchmaschinen auftauchen können. Ist nicht so schön.

Der eigentliche Aufruf mittels .getJSON wäre folgender:

$.getJSON(
          url,
          data,
          success_callback
          );

Mittels post lässt sich das einfach so bewerkstelligen:

$.post(
      url,
      data,
      success_callback,
      "json"
      );

Ich fand, das ist eine einfachere bzw. kürzere Lösung, als sich das entsprechende jQuery Plugin zu installieren. Es sei denn, man verwendet die funktion an 180 stellen im Code

Was habe ich hiermit vor? Ehrlich gesagt, keine Ahnung Ich dachte ich brauch mal ein Archiv, wo ich meine kleinen Problemchen welche ich so mit Computern und beim Programmieren so habe, eintragen kann um später wieder darauf zurückzugreifen.

Dann hab ich gedacht, warum soll die Nachwelt nicht wissen, wie ich diese Probleme gelöst habe? Also musste ein Blog her, hier ist er nun.

Vielleicht kann der eine oder andere ja was damit anfangen.