Ergebnis 1 bis 3 von 3

Thema: Placeholder für mod_registration

  1. #1
    Contao-Nutzer
    Registriert seit
    11.01.2011.
    Beiträge
    71

    Standard Placeholder für mod_registration

    Hallo,

    gibt es eine Möglichkeit dem Registrierungsformular "Placeholder" zu verpassen, damit dort die Labelwerte stehen? So wie man das mit dem Formulargenerator auch machen kann?

    VG Charlie

  2. #2
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.703
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ich habe da ein JS-Script in meinem Fundus. Das macht:
    1. Checked, ob Placehoder unterstützt werden.
    2. Versteckt Labels und benutzt den Labeltext als Placeholder.
    3. Fügt Fieldsets ohne Legend eine CSS-Klasse hinzu um sie gestalterisch von Fieldsets mit Legends unterscheiden zu können.

    jQuery und ein wenig Vanilla
    PHP-Code:
    (function($) {
      $(
    document).ready(function() {

        var 
    checkPlaceholderSupport = function() {
          var 
    test document.createElement('input');
          return (
    'placeholder' in test);
        }

        if(
    checkPlaceholderSupport()) {
          $(
    '#top').addClass('knows_placehoder');

          
    // Hide the labels if placeholders are supported
          
    $('.widget-text label, .widget-textarea label, .search .submit_container').addClass('invisible');

          
    // Build placeholder from label
          
    var labels = $('label');

          
    labels.each(function() {
            var 
    formField = $('#' + $(this).attr('for'));

            if(
    formField.hasClass('text') || formField.hasClass('textarea')) {
              var 
    dummyLabel = $(this).clone();
              
    dummyLabel.children().remove();
              var 
    placeholderText dummyLabel.text().trim();
              
    formField.attr('placeholder'placeholderText);
            }
          });
        }

        
    // adjust the fieldset padding if there is no legend
        
    var fieldsets document.getElementsByTagName('fieldset');

        for(var 
    0fieldsets.lengthi++){
          if(
    fieldsets[i].firstElementChild.tagName != 'LEGEND'){
            
    fieldsets[i].classList.add('has_no_legend');
          }
        }

      });
    })(
    jQuery); 
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

  3. #3
    Alter Contao-Hase Avatar von Supermann
    Registriert seit
    17.02.2010.
    Ort
    Löhne
    Beiträge
    1.293

    Standard

    Bekommt man mit diesem Script auch die "*" für Plichtfelder bei den Platzhaltern mit hin, oder wie wird das in solchen Fällen umgesetzt?

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •