Feld automatisch ausfüllen mit Vorgabefelder

  • platinum12
  • Topic Author
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Posts: 46
  • Thank you received: 2

platinum12 created the topic: Feld automatisch ausfüllen mit Vorgabefelder



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
#138158
Attachments:
  • Posts: 6983
  • Karma: 187
  • Thank you received: 628

chrisal replied the topic: Feld automatisch ausfüllen mit Vorgabefelder

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

Regards,
Christian

===============================================
Satisfied? Consider a membership!
===============================================
Like us on Facebook
===============================================
Follow us on Twitter
===============================================
#138289
The following user(s) said Thank You: platinum12
  • platinum12
  • Topic Author
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Posts: 46
  • Thank you received: 2

platinum12 replied the topic: Feld automatisch ausfüllen mit Vorgabefelder

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
#138305
  • Posts: 6983
  • Karma: 187
  • Thank you received: 628

chrisal replied the topic: Feld automatisch ausfüllen mit Vorgabefelder

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

Regards,
Christian

===============================================
Satisfied? Consider a membership!
===============================================
Like us on Facebook
===============================================
Follow us on Twitter
===============================================
#138306
Attachments:
The following user(s) said Thank You: platinum12
  • platinum12
  • Topic Author
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Posts: 46
  • Thank you received: 2

platinum12 replied the topic: Feld automatisch ausfüllen mit Vorgabefelder

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...)
#138310
  • Posts: 6983
  • Karma: 187
  • Thank you received: 628

chrisal replied the topic: Feld automatisch ausfüllen mit Vorgabefelder

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.

Regards,
Christian

===============================================
Satisfied? Consider a membership!
===============================================
Like us on Facebook
===============================================
Follow us on Twitter
===============================================
#138319
Attachments:
The following user(s) said Thank You: platinum12
Moderators: ForumSupporttomeperica
Time to create page: 0.195 seconds

New Icon Packs Category!

Crosstec is now offering icon packs.

If you are a paying subscriber, icon packs are automatically added to your account.

Check out our icon packs page!

Live Support Chat Opened!

Join our Discord chat here to receive live support and talk directly to the team!

Summer Sale!

50% discount on all of our extension subscription plans, templates and icon packs!

Get Your Subscription Here

News and Updates

Get informed about new downloads, updates and more in our News and Updates newsletter.

All Extensions Subscription

Get 1 year access to all of our current and future products and 1 year of professional support -- 99 for just 49! (Summer Sale)

No support per domain or website installation limits! Includes all of our current and future Joomla!® extensions, Joomla!® templates for the duration of your membership. This means, by purchasing an All Extensions Subscription you'll have it all covered!

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!

Live Support Chat Opened!

Join our Discord chat here to receive live support and talk directly to the team!

Community Reward

Help us to create new extensions and plugins! With only $5 you help us a lot and get unlimited download access to all of our products, professional support and even more. Get your reward now!

Read More Here