Formularbox mit wechselnden dynamischen Inhalten mit xajax



Ich hab hier einfach mal eine Box gemacht, die diverse Formulare „auswechseln“ kann. Gesehen hab ich das bei der neuen Computerbild.de, aber auch yahoo hat schon ziemlich lange so eine schöne Box, in der wahlweise zwischen den Mails, dem Wetter, den Movies usw. gewechselt werden kann.

Ist eigentlich mit xajax auch ziemlich einfach. Ein Problem hatte ich, weil hier noch php4 läuft und addReplace anscheinend nicht unter php4 funktioniert. Und da hab ich auch die meiste Zeit verloren. Eine ähnliche Lösung hab ich für ein Reisebüro entwickelt, aber halt mit addReplace auf php5 Basis und dann ewig gegrübelt warum es hier nicht auch funktioniert.

Die Tabs bestehen eigentlich nur aus einem Hintergrundbild für die ganze Box:

Formularbox

und den css Formatierungen für die blauen Links, die einen Rahmen unten erhalten, während die schwarzen Links halt keinen Rahmen erhalten.

Mit klick auf die Links wird nun erstens das jeweilige Formular mit include eingebunden und zweitens die css Klasse für die Links gewechselt. Und wie immer mit Ajax ohne dass sich die Seite neu lädt. Der Nachteil auch wie immer: hat man java script deaktivert, dann kann sich halt niemand den Newsletter bestellen, sondern nur die bereits standardmäßig eingebunde Suchfunktion nutzen. Hier in dem Beispiel sind die ganzen Formulare natürlich „tot“.

 

 
Comic Online ShopAlcina