tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
231
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    kenguruh2002 kenguruh2002 ist offline Mitglied
    Registriert seit
    Apr 2011
    Beiträge
    20
    Hallo,

    Ich würde gerne folgendes auf meiner Seite bewerkstelligen, habe aber keinen richtigen Plan. Google brachte bis jetzt auch nicht den gewünschten Erfolg.

    Ich habe folgendes Formular (gekürzt):
    HTML-Code:
    <form id="form1" ....>
    <fieldset><legend>.....</legend>
      <div class="content">
        <div class="container">
          <div class="label"><label for="name">Stichwort</label><font class="green">*</font></div>
          <div><input style="width:200px;" id="name" type="text" name="name" value="" maxlength="30" /></div>
        </div>
      </div>
    .......
    </fieldset>
    </form>
    Sollte das INPUT-Feld deaktiviert (disabled, readonly, ...) sein, soll der Stern nach dem LABEL entfernt werden. Natürlich gibt es noch mehrere Felder in der Form

    Ich stelle mir das irgend wie so vor.
    1. Nimm / Suche die FORM
    2. Überprüfe alle SELECT, INPUT, ... Felder auf den Status
    3. Wenn deaktiviert, dann entferne den Stern.


    Hoffe es hinreichend erklärt zu haben.
    Auch die richtigen "Begriffe" von JS (jQuery, versuche mich gerade daran) würden mir schon helfen..... So kann ich versuchen daraus etwas zu basteln.

    Vielen Dank schon mal im vorraus....
    Geändert von kenguruh2002 (11.10.11 um 13:09 Uhr) Grund: name="form1" in id="form1" geändert
     
    --------------------------------
    Have Phune Kenguruh2002

  2. #2
    Avatar von javaDeveloper2011
    javaDeveloper2011 javaDeveloper2011 ist offline Mitglied Brokat
    Registriert seit
    Feb 2011
    Beiträge
    445
    Blog-Einträge
    5
    Hallo kenguruh2002,

    Code javascript:
    1
    2
    3
    4
    5
    6
    7
    8
    
    function checkForm() {
        if(document.getElementById('textfeldStichwort').style.disabled){
           document.getElementById('lableStichwort').innerHTML = document.getElementById('lableStichwort').innerHTML.substring(0, document.getElementById('lableStichwort').innerHTML.length-2);
        }
        else{
            document.getElementById('lableStichwort').innerHTML = document.getElementById('lableStichwort').innerHTML+"*";
        }    
    }

    Achtung:
    • Code ist ungetester
    • Wenn nicht disabled wird der Stern wieder hinzugefürt
    • Die angegebenen IDs mussen natürlich auch dementsprechend gesetzt werden
     

  3. #3
    kenguruh2002 kenguruh2002 ist offline Mitglied
    Registriert seit
    Apr 2011
    Beiträge
    20
    Ich glaub, ich habe's geschafft....

    HTML-Code:
    <script type="text/javascript">
    $(document).ready(function() {
        $("#form1 :disabled").each(function() {
            $("label[for=" + $(this).attr('id') + "]").next().remove(":contains('*')");
        });
    });
    </script>
    Ich werde das Thema auf erledigt setzen. Sollte es einen besseren Code geben, würde ich mich über eine Antwort freuen.
     
    --------------------------------
    Have Phune Kenguruh2002

Ähnliche Themen

  1. php pflichtfeld + abbrechen
    Von patrick1527 im Forum PHP
    Antworten: 7
    Letzter Beitrag: 21.03.08, 10:19
  2. Pflichtfeld = Optionsschaltergruppe
    Von BBuehler_01 im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 26.02.05, 03:00
  3. Kontrollfeld als Pflichtfeld ?
    Von elreydebesos im Forum Javascript & Ajax
    Antworten: 9
    Letzter Beitrag: 05.07.04, 21:51
  4. Checkbox = Pflichtfeld!
    Von icefire im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 20.01.04, 14:59
  5. roter stern wird blauer stern
    Von blubber im Forum Photoshop
    Antworten: 3
    Letzter Beitrag: 31.12.02, 00:23