Dafür ist es heute aber mal wieder nützlich für einige Leute.

Ich stand vor dem Problem, naja ok es war eher ne Herausforderung die ich bewältigen wollte,  Links in einem HTML Formatierten Text zu erkennen und dann mit einem a-Tag zu versehen, so das diese anklickbar sind.

Also einfach den ganzen HTML Code  mittels preg_replace_callback & preg_match versucht so umzuformen, dass die Links anklickbar sind.

An sich keine große Sache, einfach alle Textstellen finden, die das Format eines Links haben. Dabei kam es aber immer wieder zu Problemen.

Was mache ich zum Beispiel, wenn der Link schon in einem a-Tag steht?

Nach vielen solcher Probleme habe ich mich dann ans Googeln begeben, irgendwer muss doch schon einmal die selbe Idee gehabt haben. Bei Google habe ich allerdings nichts anständiges gefunden.

Dann kam mir die Idee, versuch es doch einfach mal bei github.com!

Und siehe da, ich wurde fündig.

Natürlich möchte ich euch den Code nicht vorenthalten.

function auto_link_text($text) {
$regexp = '/
( # leading text
| # leading HTML tag, or
[^=!:\'"\/]| # leading punctuation, or
^ # beginning of line
)
(
(?:https?:\/\/)| # protocol spec, or
(?:www\.) # www.*
)
(
[-\w]+ # subdomain or domain
(?:\.[-\w]+)* # remaining subdomains or domain
(?::\d+)? # port
(?:\/(?:(?:[~\w\+%-]|(?:[,.;:][^\s$]))+)?)* # path
(?:\?[\w\+%&=.;-]+)? # query string
(?:\#[\w\-]*)? # trailing anchor
)
([[:punct:]]|\s| /x';

return "$before$text$after";
}, $text);
}


Zu finden natürlich auch direkt auf github unter: https://gist.github.com/907604

Natürlich könnte man für jedes Formular eine eigene Javascript Datei schreiben, in welcher man jedes Formularfeld prüfen lässt, welches Ausgefüllt werden muss. Da mir das aber zu viel Arbeit ist, habe ich mir gedacht ich lese einfach mittels Javascript alle <label> Felder aus, welche in ihrem Text ein * besitzen.

Das ganze habe ich mit dem Javascript Framework JQuery realisiert.

Erst einmal ein Beispiel Formular:

<form method="post">
<label for="vorname">Vorname *</label>
<input type="text" name="vorname" /><br/>
<label for="nachname">Nachname</label>
<input type="text" name="nachname" /><br/>
<label for="gebDatum">Geburtsdatum *</label>
<input type="text" name="gebDatum" /><br/>
<input type="submit" name="submit" value="Absenden" />
</form>

In diesem Formular sollen also der Vorname und das Geburtsdatum angegeben werden. Um zu überprüfen ob diese Daten wirklich eingetragen wurden, benötigen wir nun noch ein kleines Javascript. (Achtung: JQuery muss natürlich schon eingebunden sein)

<script type="text/javascript">
$('input[type="submit"]').click(function() //Ausgeführt wenn submit-Button gedrückt
{
var    error    = false;
var form    = $('form').children($(this)); //Suchen des Formulars
var    label    = $(form).find('label:contains("*")'); //Finden der Label-Felder mit einem *
$(label).each(function(index)
{
var name    = $(this).attr('for'); //Suche Namen für input-Feld
if($('input[name='+name+']').val() == "") //Wenn input-Feld leer
{
error    = true;
$('input[name='+name+']').addClass('inputError'); //Hinzufügen von CSS-Klasse
}
});
if(error == true)
{ //Nicht alle Felder ausgefüllt
return false;
}
else
{
return true;
}
});
</script>

Mit diesem kleinen, aber meiner Meinung nach sehr hilfreichen Codeschnipsel kann man sich einiges an Arbeit sparen und dem User einiges an Wartezeit, da die Seite ja nicht erst neu geladen werden muss, bevor er angezeigt bekommt, das er einen Fehler gemacht hat.

Bestimmt kann man an diesem Skript noch viel verbessern, aber es erfüllt erst einmal Sinn und Zweck. Wenn jemand noch einen besseren Vorschlag hat, dann wäre ich dankbar diesen zu bekommen.

[Leider will WordPress den Code nicht so schön speichern wie er ursprünglich war Ich hoffe ihr könnt ihn trotzdem lesen]