saving

ocramz · Jan 7, 2024 · 9f7fd1a · 9f7fd1a
1 parent d159533
commit 9f7fd1a
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -14,6 +14,13 @@ Load the script from CDN into the head of your HTML file:
 <script src="https://cdn.jsdelivr.net/gh/ocramz/[email protected]/htmx-plotly.js" integrity="sha256-jPyGR/Ll6Vkxkef+ATkyCoqduaTA6e3r57lvOxlZmxU=" crossorigin="anonymous"></script>
 ```
 
+and of course also HTMX and Plotly:
+
+```html
+<script src="https://unpkg.com/[email protected]" integrity="sha384-D1Kt99CQMDuVetoL1lrYwg5t+9QdHe7NLX/SoJYkXDFfX37iInKRy5xLSi8nO7UC" crossorigin="anonymous"></script>
+<script src="https://cdn.plot.ly/plotly-2.27.0.min.js" charset="utf-8"></script>
+```
+
 ### Usage
 
 Add these attributes to a page element: 

diff --git a/index.html b/index.html
@@ -8,7 +8,16 @@
 <body>
 
 
-<a href="#" hx-ext="htmx-plotly" hx-post="/get-data" hx-swap="none" plot-id="my-plot"><h1>UPDATE</h1></a>
+<!-- <a href="#" hx-ext="htmx-plotly" hx-post="/get-data" hx-swap="none" plot-id="my-plot"><h1>UPDATE</h1></a> -->
+
+<form action="#" hx-ext="htmx-plotly" hx-post="/get-data" hx-swap="none" plot-id="my-plot">
+    <select name="veggies">
+        <option value="potatoes">potatoes</option>
+        <option value="carrots">carrots</option>
+        <option value="broccoli">broccoli</option>
+    </select>
+    <input type="submit" value="Submit"/>
+</form>
 
 <div id="my-plot"></div>
 

diff --git a/server.js b/server.js
@@ -10,12 +10,16 @@ app.use(morgan('combined'))
 // static files
 var public = path.join(__dirname, '');
 app.use('/', express.static(public));
+// url-encoded forms
+const bodyParser = require('body-parser');
+app.use(bodyParser.urlencoded({ extended: true }));
 
 app.get('/', (req, res) => {
     res.sendFile(path.join(public, 'index.html'));
 });
 
 app.post('/get-data', (req, res) => {
+    console.log('form data: '+JSON.stringify(req.body)) // form data
     const n = 3;
     const x = Array.from({length: n}, (_, i) => i );
     const y = Array.from({length: n}, () => Math.floor(Math.random() * 10) );

diff --git a/server.py b/server.py