TOPIC:

Feld automatisch ausfüllen mit Vorgabefelder 5 years 5 months ago #138158

  • Topic Author
  • platinum12
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 46
  • Thanks: 2


Hallo!
Bin an der Erstellung eines Anmeldeformulares für eine Sportveranstaltung.

Möchte aufgrund verschiedener Angaben (Klasse, Jahrgang, Bewerb), dass das Feld Altersklasse automatisch ausgefüllt wird (Zb vom Alter her bis 20 Jahre --> M 20 --> Alter von 21 bis 30 --> M 30,.....)

Gibt es einen Lösungsansatz??

Danke
Attachments:

Please Log in or Create an account to join the conversation.

Feld automatisch ausfüllen mit Vorgabefelder 5 years 5 months ago #138289

  • chrisal's Avatar
  • chrisal
  • Offline
  • Ultimate Breezer
  • Ultimate Breezer
  • Posts: 6983
  • Karma: 187
  • Thanks: 629
Hallo Platinum,


da gibt es zwei verschiedene Möglichkeiten:
1(die einfache):
Du kannst ganz einfach für jeden möglichen Fall eine eigene select-liste erstellen und diese dann je nach Benutzereingabe sichtbar oder unsichtbar schalten.

2(mit script):
Es gibt auch die Möglicheit, per Skript die Benutzereingabe zu überprüfen und dann die Optionen einer Select liste zu verändern.


Hast du schon mal mit Javascript gearbeitet?


Mit freundlichen Grüßen
Chris
The following user(s) said Thank You: platinum12

Please Log in or Create an account to join the conversation.

Feld automatisch ausfüllen mit Vorgabefelder 5 years 5 months ago #138305

  • Topic Author
  • platinum12
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 46
  • Thanks: 2
Danke Chris...

Mit Javascript nicht wirklich.... hatte mir eigentlich immer Beispiele gesucht und dann für mich adaptiert...

Mir fehlt leider das Wissen dazu um eine Ansatzlösung zu finden...

lg

Please Log in or Create an account to join the conversation.

Feld automatisch ausfüllen mit Vorgabefelder 5 years 5 months ago #138306

  • chrisal's Avatar
  • chrisal
  • Offline
  • Ultimate Breezer
  • Ultimate Breezer
  • Posts: 6983
  • Karma: 187
  • Thanks: 629
Hallo nochmal,


ich habe dir mal ein kleines Beispiel-Formular erstellt, welches du unter:
Components => BreezingForms => Configuration => Package Installer

File Attachment:

File Name: dynsel.zip
File Size:7 KB

Entpacken nicht vergessen ;)


installieren kannst. Name des Formulars: dynsel


In diesem Beispiel wird mit den sogenannten 'Visibility rules' gearbeitet(Also kein Javascript/code).

Wie diese funktionieren, findest du hier:
Visibility rules


Als kleine Zusammenfassung
1. turn on: Element Anschalten
1. turn off: Element Ausschalten
2. element: wenn du ein Element verändern willst
2. section: wenn du eine Section verändern willst
3. Hier kommt der ElementName hin, welches du verändern willst
4. if: Muss da stehen ;)
5. Hier kommt der ElementName hin, welches die Visibility rule aktivieren soll
6. is: wenn
6. isnot: wenn nicht
7. Hier der Wert des Elementes von 5.

Und als Beispiel-Regel:
turn on element Element1 if Element2 is foo

In diesem Beispiel wird das Element mit dem Namen Element1 aktiviert, wenn der Wert von Element2 = foo ist.



Mit freundlichen Grüßen
Chris
Attachments:
The following user(s) said Thank You: platinum12

Please Log in or Create an account to join the conversation.

Feld automatisch ausfüllen mit Vorgabefelder 5 years 5 months ago #138310

  • Topic Author
  • platinum12
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 46
  • Thanks: 2
Nochmals Danke...

Hab dein Beispiel probiert...(und kappiert :))...
Vielleicht hab ich mir zuvor etwas falsch ausgedrückt...
Sollte so funktionieren, wenn ich zB Jahrgang eingeben, die Altersklasse automatisch in einem Feld erscheint
und nicht extra eingeben werden müsste...

(Teilnehmer gibt zB seinen Jahrgang ein, wählt den Bewerb aus und die Altersklasse erscheint dann automatisch ohne vom Teilnehmer eingegeben werden zu müssen...)

Please Log in or Create an account to join the conversation.

Feld automatisch ausfüllen mit Vorgabefelder 5 years 5 months ago #138319

  • chrisal's Avatar
  • chrisal
  • Offline
  • Ultimate Breezer
  • Ultimate Breezer
  • Posts: 6983
  • Karma: 187
  • Thanks: 629
Aaah okay :laugh:


Da kommt man aber leider nicht ohne ein wenig Javascript aus. Hier mal wieder ein kleines Beispiel-Formular:

File Attachment:

File Name: jahrgang_beispiel.zip
File Size:7 KB



Du kannst das Skript im Actionscript des Jahrgangs-Elementes finden. Dies sieht wie folgt aus:
function ff_jahrgang_action(element, action)
{
    switch (action) {
        case 'change':
//alter = aktuelles Jahr - Jahrgang Bsp: 2015 - 1990 = 25
            var alter = Number(new Date().getFullYear()) - Number(element.value);
            //Hier wird nun überprüft, in welche altersklasse das alter passt, kann natürlich geändert werden
            // > : größer
            // < : kleiner
            // >= : größer gleich
            // <= : kleiner gleich
            if(alter >= 0 && alter <= 10){
                ff_getElementByName('altersklasse').value = '0-10';
            } else if(alter > 10 && alter <= 20){
                ff_getElementByName('altersklasse').value = '11-20'; 
            } else if(alter > 20 && alter <= 30){
                ff_getElementByName('altersklasse').value = '21-30'; 
            } else if(alter > 30 && alter <= 40){
                ff_getElementByName('altersklasse').value = '31-40'; 
            } else if(alter > 40 && alter <= 50){
                ff_getElementByName('altersklasse').value = '41-50'; 
            } else if(alter > 50 && alter <= 60){
                ff_getElementByName('altersklasse').value = '51-60'; 
            } else if(alter > 60 && alter <= 70){
                ff_getElementByName('altersklasse').value = '61-70'; 
            }
            break;
        default:;
    } // switch
} // ff_jahrgang_action


Mit freundlichen Grüßen
Chris

Ps: Damit die Alterklasse richtig erkannt wird, muss erst der Fokus vom Jahrgangs-Element genommen werden, sprich nach der Eingabe einmal woanders in Formular klicken.
Attachments:
The following user(s) said Thank You: platinum12

Please Log in or Create an account to join the conversation.

Last edit: Post by chrisal.
  • Page:
  • 1
  • 2
Moderators: ForumSupport
Time to create page: 0.087 seconds

Summer Sale!

Massive discounts on all subscriptions!

Get Your Subscription Here

Quick Links

Downloads

BreezingForms

ContentBuilder

BreezingCommerce

Templates

Documentation

BreezingForms

ContentBuilder

BreezingCommerce

Apprendre BreezingForms (French Community)

Apprendre et maîtriser BreezingForms par des tutoriels et exemples, le tout en français

breezingforms.eddy-vh.com

Questions et réponses sur les forums de l'AFUJ

AFUJ

Special Offer

Summer Sale! All subscriptions at a special price!

Includes prio support, all of our current and future Joomla!® extensions and Joomla!® templates for the duration of your membership.

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to sales@crosstec.org with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!