takoblog von takomat :: Neue Lebensformen für Medien » Code-Schnippsel

PHP: Umlaute in HEX-Code umwandeln

Marcin Jakubowski — Sun, 02 Nov 2008 14:20:56 +0000

Hier ist eine kleine Funktion, mit der man Umlaute in HEX-Code umwandeln kann.

PHP-code:

function strip_umlaute($wert){
 
	$umlaute = Array("/ä/","/ö/","/ü/","/Ä/","/Ö/","/Ü/","/ß/");
	$replace = Array("&auml;","&ouml;","&uuml;","&Auml;","&Ouml;","&Uuml;","&szlig;");
	$wert = preg_replace($umlaute, $replace, $wert);
 
	return $wert;
}

PHP: Zeilenfarbe abwechselnd anzeigen

Marcin Jakubowski — Thu, 16 Oct 2008 14:19:02 +0000

Es ist immer gut, wenn Zeilen von Tabellenlisten im Wechsel unterschiedliche Zeilenfarben haben, um eine bessere Leserlichkeit und Übersicht zu gewährleisten.

Wenn die Tabellen-Daten aus einer Datenbank kommen können sie einfach mit dem folgenden kleinen Script erstellt werden:

PHP-code:

for($count=0;$count<10;$count++) {
 
    if($count % 2) { $farbe="#fff"; }
    else { $farbe="#ccc"; } 
 
	echo "die gewünschte Frabe ist: ".$farbe;
 
}

CSS: Externe Links automatisch markieren

Marcin Jakubowski — Wed, 15 Oct 2008 16:00:42 +0000

Durch eine kleine Abfrage in CSS ist es möglich Externe Links automatisch mit einem Extern-Symbol zu markieren. Dazu liest CSS den “href” des Links aus und prüft, ob ein “http:” darin enthalten ist. Ist das der Fall, wird der Style angewendet:

CSS-code:

a[href^="http:"] {
	background: url("ext_link.gif") top right no-repeat;
	padding-right: 8px;
}

So muss man nicht mehr alle Links von Hand markieren und spart dadurch Zeit und Aufwand!

PHP: Datumsanzeige mit Wochentag und Monat

Marcin Jakubowski — Mon, 13 Oct 2008 11:13:01 +0000

Mit dieser PHP-Funktion ist es möglich ein “YYYY-MM-DD” Datum in verschiedene Datumsformate umzuwandeln. Dabei ist es auch möglich sich Wochentag und Monat ausgeschrieben ausgeben zu lassen:

PHP-code

function datumformat($datum, $format) {
 
	list($jahr,$monat,$tag) = explode("-",$datum);
 
	$monate = array(
	"01"=>"Januar",
	"02"=>"Februar",
	"03"=>"März",
	"04"=>"April",
	"05"=>"Mai",
	"06"=>"Juni",
	"07"=>"Juli",
	"08"=>"August",
	"09"=>"September",
	"10"=>"Oktober",
	"11"=>"November",
	"12"=>"Dezember");
 
	$monat01 = $monate[$monat];
 
	$tage = array(
	"Sunday"=>"Sonntag",
	"Monday"=>"Montag",
	"Tuesday"=>"Dienstag",
	"Wednesday"=>"Mittwoch",
	"Thursday"=>"Donnerstag",
	"Friday"=>"Freitag",
	"Saturday"=>"Samstag");
 
	$wochentag = date("l", mktime(0, 0, 0, $monat, $tag, $jahr));
	$wochentag = $tage[$wochentag];
 
	if ($format == "1") {
		return "$tag. $monat01 $jahr"; // Format: Tag. Monat Jahr
	}
	if ($format == "2") {
		return "$wochentag, $tag. $monat01 $jahr"; // Format: Wochentag, Tag. Monat Jahr
	}
	if ($format == "3") {
		return "$tag.$monat.$jahr"; // Format: TT.MM.JJJJ
	}
}

Man ruft die Funkion mit “< ?PHP echo datumformat($datum, $format); ?>” ab. Das Datum muss im Format “YYYY-MM-DD” vorliegen und als zweites wählt man das Format aus (1;2;3).

Das Script ist noch ausbau- und anpassungsfähig. Es lassen sich auch leicht andere Formatierungen zusammenstellen.

CSS: Überschrift durch Bild ersetzen, barrierefrei

Marcin Jakubowski — Sun, 12 Oct 2008 13:30:31 +0000

Mit Hilfe von CSS kann man ganz einfach Text durch ein Bild ersetzen, ohne dass das die Suchmaschinen oder Screenreader stört. Dazu setzt man ein Bild als Hintergrundbild einer Überschrift z.B. H1 und blendet den Text mit einem kleinen Trick aus Das macht man, indem man den “text-indent” (Texteinzug) auf -9000px setzt. Somit ist der Text unsichtbar und wird durch das Hintergrundbild ersetzt.

CSS-code:

h1 {
	background: url(euer_hintergrund_bild.jpg);
	text-indent: -9000px;
	height:50px;
	width:150px;
}

XHTML-code:

1	Eure Überschrift

CSS: Transparenz auf DIV-Layern

Marcin Jakubowski — Mon, 15 Sep 2008 14:04:36 +0000

Seit CSS2 ist es nun auch möglich Transparenzen außerhalb der MS-Filter zu nutzen. Das heißt, dass diese auch vom Firefox genutzt werden können.

CSS-Code

#transdiv {
	background-color: #000;
	filter:alpha(opacity=65);  //IE
	opacity:.65;   //Mozilla etc.
}

Der Container #transdiv hat nun einen schwarzen Hintergrund mit einer Deckkraft von 65%.