Drupal

Sprungmarken in HTML Newslettern (insb. Simplenews Content Selection)

Nach meiner Recherche zum Thema kann ich sagen: Das Thema geistert nicht selten durchs Netz, ich hoffe dieser Artikel hilft Anderen etwas weiter.

Das Problem: Outlook akzeptiert die aktuelle Form, sprich IDs, von Sprungmarken nicht, obwohl (angeblich) der Internet Explorer als Renderer zum Einsatz kommt (was hier Version 9 entsprechen würde, welcher es definitiv kann). Folgende Grundsätzliche Tipps kann man also geben:

  1. name UND ID verwenden
  2. Der Zielanker sollte Inhalt haben

Unsere Lösung sieht also folgendermaßen aus:



Ueberschrift Text

Ueberschrift Text

    Tipp: Panels Layout-Designer gerundete Spaltenbreiten

    Da mir gerade so ein bisschen die Schuppen von den Augen fielen, will ich andere Unwissende auch teilhaben lassen.

    Beim Panels Layout-Designer ärgerte ich mich immer darüber, dass sich die Prozentwerte der Spaltenbreiten nicht vernünftig einstellen ließen. Drückt man aber, wie auch in nativen Programmen üblich die Shift-Taste beim ziehen, erhält man runde Werte.

    Das war´s auch schon 🙂

      Platzsparendes Captcha (in kleinst-Formularen)

      Bei einem Drupal Kunden bestand vor kurzem die Notwendigkeit ein kleines Kontaktformular im Footer mit einem Captcha zu versehen. Captchas sind naturgemäß nun meist eher unschön anzusehen und nehmen relativ viel Platz in Anspruch. Die Idee war nun das Captcha bei Klick auf den Submit-Button über dem Formular einblenden zu lassen, so bleibt die ursprüngliche Optik erhalten und es muss kein zusätzlicher Platz geschaffen werden.

      Das ganze wurde nun per jQuery umgesetzt, welches natürlich ein Fallback für nicht-JavaScript-User notwendig machte. Hier passiert dann ganz einfach folgendes: Das Captcha ist standardmäßig per CSS ausgeblendet, jQuery blendet dieses erst ein. Erfolgt keine Captcha Angabe wird man auf eine Formularseite weitergeleitet (die Eingaben bleiben selbstverständlich erhalten), auf welcher man das Captcha dann eingeben muss.

      Unterhalb ist der entsprechende jQuery Code zu finden mit dem die Lösung umgesetzt wurde. Das hinzufügen eines Fake-Captcha-Buttons war leider notwendig, da sich herausgestellt hat, dass einige Browser keine Click-Events auf deaktivierte Buttons akzeptieren (Ziel war, den Button zu deaktivieren um das Absenden des Formulars zu verhinder, bis das Captcha eingegeben wurde).

      (function ($) {
      	Drupal.behaviors.captchaRequest = {
      		attach: function(context, settings) {
      			$('#footer #webform-client-form-4 .captcha').append($('#webform-client-form-4 #edit-submit--2'));
      			$('#footer #webform-client-form-4').append('<span id="captcha-request">Absenden</span>');
      			$('#footer #webform-client-form-4 #captcha-request').click(function() {
      					$('#footer #captcha-request').remove();
      					$('#footer #webform-client-form-4 .webform-component').hide();
      					$('#footer #webform-client-form-4 .captcha').show();
      			});
      		}
      	};
      })(jQuery);