Storing Data from HTML text input

[mikescullion]

Does anyone know how I can store data from an HTML element (a text input) within my Bubble App to my app data via a workflow?

[mishav]

The “Toolbox” plugin has an element called “Javascript to Bubble”, intended to help with getting data back into Bubble, and also from today has “Run javascript” from a workflow action.

So the workflow can run a script such as

bubble_fn_receive_input( $(‘#my-input’).val() );

Then the element will have the value available, plus raise an event if you want to continue with another workflow.

Toolbox plugin - collection of utility elements

Announcing Toolbox, a plugin containing some element-based utilities. [image] [image] #List of Numbers Generate a list of numbers. Can be used to create a data source for a repeating group or dropdown. [image] #Javascript to Bubble Call a function from your custom javascript, to trigger a Bubble workflow event, and pass a value to be made available in Bubble. Properties: [image] Published value: [image] Sample HTML element: [image] Result: [image] #Expression Enter an expres…

[Tim_h]

@mishav would there be any chance you could add an example of the bubble_fn_receive_input( $(’#my-input’).val() ); to the Toolbox Plugin examples app? please

[Tim_h]

Doh! me…scratch that you already have

[mikescullion]

@mishav this sounds amazing and something I am desperate for.

Although, my HTML, especially JS knowledge is very very limited. I had someone help me with creating the code that I currently use in my HTML element.

I think I have set it up properly (which I am pretty sure I have oversimplified, or got it wrong completely), but I can’t figure out the function to use in my HTML element for this to work.

Basically, what I am trying to do is, save addresses from my HTML element’s inputs to my DB, as I am unable to use the Bubble inputs for this particular task I am trying to achieve.

I will keep going over your initial post linked above, until something clicks, but if you can steer me in the right direction, I would very much appreciate it.

[mishav]

@mikescullion

save addresses from my HTML element’s inputs to my DB

Hi @mikescullion, you’re on the right track, some minor adjustments.

The function name used in the “Run javascript” needs to match the one defined by “Javascript to Bubble”, so just “bubble_fn_1” instead of “bubble_fn_1_receive_input”.

“Asynchronous” means “continue the workflow, without waiting for the function to finish”, so when retrieving the value in the next workflow action, it might not be ready yet.

Alternative 1: turn off “Asynchronous”, to wait for the function to finish.

Alternative 2: if you find this unreliable, you can leave Asynchronous on, and create a new workflow based on the “Javascript to Bubble” element’s “event”, and pick up the value there.

Good luck!

[mikescullion]

@mishav thank you so much for all your help. Your plugin really has helped me with my project massively, and no doubt saved me a bit of £££ with a sponsorship request I was making.

This plugin really has opened new doors for people like myself (non-programmers), extending our capabilities further with point-and-click programming.

[1danielbaker]

@mishav is collecting this text treated differently if it’s a username and password?

EDIT: It seems there is something within bubble that prevents the UN and PW from being passed to an input as if someone typed it. Anyone know a workaround for this?

[mishav]

@1danielbaker

It seems there is something within bubble that prevents the UN and PW from being passed to an input as if someone typed it

What sort of edit element are you using to collect this info?