LautundKlar

Manchmal kommt es vor, dass zur Eingabe von Passwörtern oder zum Verschicken von Formulardaten ein Input-Text-Feld dynamisch in ein Passwortfeld (type=”password”) oder ein Hidden-Feld (type=”hidden”) geändert werden muss. Leider unterstützt der Internet Explorer in allen Versionen die Änderung von “type” per JavaScript nicht. Also folgendes ist im IE nicht möglich:

<input onclick="this.type='hidden';" name="blabla" type="button" value="blabla" />

Ein Workaround ist es, das Feld per JavaScript zu entfernen und mit den gleichen Attributen neu zu erstellen. Hierzu kann man eine Funktion nach folgendem Schema verwenden:

function changeInputType(oldObject, Type) {
  var newObject = document.createElement('input');
  newObject.type = Type;
  if(oldObject.size) newObject.size = oldObject.size;
  if(oldObject.value) newObject.value = oldObject.value;
  if(oldObject.name) newObject.name = oldObject.name;
  if(oldObject.id) newObject.id = oldObject.id;
  if(oldObject.className) newObject.className = oldObject.className;
  oldObject.parentNode.replaceChild(newObject,oldObject);
  return newObject;
}

In unserem Beispiel von oben würde das dann so funktionieren:

<input onclick="changeInputType(this,'hidden');" name="blabla" type="button" value="blabla" />

Popularity: 1% [?]

Zugriff auf die Auto-Vervollständigung im “An…”-Feld in Outlook

Einer unserer Kunden hatte das Problem, dass er einen Newsletter verschicken wollte, aber kein Adressbuch gepflegt hatte. Sämtliche benötigte E-Mail Adressen standen jedoch im “An…”-Feld in Outlook, da die Autocomplete Funktion aktiviert war.

Nach längerer Suche haben wir folgende nützliche Programme gefunden, mit denen man diese Einträge bearbeiten bzw. exportieren kann. Mit diesem Programm sollte das Bearbeiten problemlos möglich sein: http://www.nirsoft.net/utils/outlook_nk2_autocomplete.html
Wenn die Adressen nur exportiert werden sollen hilft folgendes Programm: http://www.nk2.info/

Eine umfassender Erklärung findet man hier: http://www.outlookfaq.net/index.php?action=artikel&cat=2&id=29&artlang=de

Popularity: 1% [?]

Keine Content Elemente in der linken Spalte

Ich hatte gerade folgendes Problem: In einer Typo3 Installation ohne TV (mit Template Autoparser) gabe es die Spalten “Links” und “Normal”. Immer wenn Redakteure Bilder oder Texte in der linken Spalten einfügen wollten, landeten diese Inhalte in der Spalte “Normal”.
Beim Admin Account funktionierte alles wie gewollt.

Um das zu vermeiden muss man “Seiteninhalt: Spalten” unter “erlaubte Ausschlussfelder” aktivieren. Dann sollte alles wie gewohnt funktionieren.

Und ich dachte immer “Seiteninhalt: Spalten” bezieht sich auf die Spalten bei den Bildern. 

Popularity: 1% [?]

Grundlagen zur Verwendung der Google Font API

CSS-Dateien verlinken

Per Hotlink lädt man die CSS-Dateien direkt von Google.com.
Anhand der URL-Parameter werden die Schriftarten sowie die Variationen dieser Schriftarten bestimmt.

Einfaches Beispiel:

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Tangerine">

Etwas aufwändiger:

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=
Inconsolata:italic,bolditalic|Droid+Sans">

CSS

Im eigenen CSS-File können diese Schriftarten für jedes beliebige Element festgelegt werden:

body { font-family: 'Tangerine', 'Inconsolata', 'Droid Sans', serif; font-size: 48px; }

FontLoader

Anstelle auf das CSS bei Google.com zu verlinken, kann der JavaScript WebFont Loader verwendet werden. Dies hat Vorteile wie z.B. die Kontrolle über das “Flash of Unstyled Text” (FOUT), aber auch Nachteile, wie die Tatsache, dass die Schriftarten bei deaktiviertem JavaScript nicht geladen werden.

<script type="text/javascript">// <![CDATA[
WebFont.load({
google: {
families: ['Cantarell']
}
});
// ]]></script>

Klassennamen wie .wf-loading werden auf die entsprechenden HTML-Elemente angewendet.
Wenn die Schriftarten geladen werden, können diese Klassennamen verwendet werden, um den Text zu verstecken/auszublenden. Dann wenn sie fertig geladen sind, müssen sie wieder sichtbar gemacht werden. So funktioniert FOUT.

Websites: http://paulirish.com/2010/details-on-the-new-google-webfont-api/
http://code.google.com/webfonts

Popularity: 3% [?]