From 85ee15a4cd8934c61ac1f639ae6017c200791014 Mon Sep 17 00:00:00 2001
From: James <jesse.isler@gmail.com>
Date: Thu, 31 Mar 2022 13:30:02 +0200
Subject: [PATCH] testing a more dynamic form

---
 create.php | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/create.php b/create.php
index d3e0078..9fbf3ae 100644
--- a/create.php
+++ b/create.php
@@ -28,20 +28,20 @@
     <div class="row">
       <div class="col s6">
         <div class="card-panel white">
-          <form>
+          <form id="mainform">
             <div class="row">
               <div class="input-field col s3">
-                <input id="name" type="text" onchange="updateCard()">
+                <input id="name" type="text">
                 <label for="name">Rolename</label>
               </div>
                 <div class="input-field col s9">
-                  <input id="description" type="text" onchange="updateCard()">
+                  <input id="description" type="text">
                   <label for="description">Roledescription</label>
                 </div>
             </div>
             <div class="row">
               <div class="input-field col s3">
-                <select id="rolecolor" onchange="updateCard()">
+                <select id="rolecolor">
                   <option value="" disabled selected>Color</option>
                   <option value="red">Red</option>
                   <option value="pink">Pink</option>
@@ -69,7 +69,7 @@
                 <label>Select color</label>
               </div>
               <div class="input-field col s3">
-                <select id="modifier" onchange="updateCard()">
+                <select id="modifier">
                   <option value="" selected>None</option>
                   <option value="lighten">Lighten</option>
                   <option value="darken">Darken</option>
@@ -78,7 +78,7 @@
                 <label>Select Modifier</label>
               </div>
               <div class="input-field col s3">
-                <select id="strength" onchange="updateCard()">
+                <select id="strength">
                   <option value="" selected>No Strength</option>
                   <option value="1">1</option>
                   <option value="2">2</option>
@@ -88,7 +88,7 @@
                 <label>Select Strength</label>
               </div>
               <div class="input-field col s3">
-                <select id="tcolor" onchange="updateCard()">
+                <select id="tcolor">
                   <option value="" disabled selected>Textcolor</option>
                   <option value="black-text">Black</option>
                   <option value="white-text">White</option>
@@ -98,13 +98,13 @@
             </div>
             <div class="row">
               <div class="input-field col s12">
-                <textarea id="howtoplay" onchange="updateCard()" class="materialize-textarea"></textarea>
+                <textarea id="howtoplay" class="materialize-textarea"></textarea>
                 <label for="howtoplay">Text to describe how to play</label>
               </div>
             </div>
             <div class="row">
               <div class="input-field col s12">
-                <select id="goodRoles" onchange="updateCard()" multiple>
+                <select id="goodRoles" multiple>
                   <option value="" disabled> Choose your option </option>
                    <?php
                    $files = glob("roles/en/*.php");
@@ -213,6 +213,10 @@
 
     <!-- Updatescript -->
     <script>
+
+    $('#mainform').change(updateCard());
+
+
     function updateCard() {
     	updateName();
     	updateColor();