Automatic save when changing an element

Question

I'm trying to implement an automatic save using javascript/jQuery.

I have several (hundreds) of overlay-rotation-bounding-box-id elements. For example, overlay-rotation-bounding-box-968 would be the 968th element on my list. I want to auto save every time I change one of these elements. I'm kinda new to this so I tried to make it really simple and I used this snippet:

var autosaveOn = false;
        console.log(autosaveOn)
        function myAutosavedTextbox_onTextChanged() {
            console.log(autosaveOn);
            if (!autosaveOn) {
                autosaveOn = true;

                $('#overlay-rotation-bounding-box').everyTime("30", function () {
                    $.ajax({
                        type: "POST",
                        url: "autosavecallbackurl",
                        data: "id=1",
                        success: function (msg) {
                            $('#autosavenotify').text(msg);
                        }
                    });
                }); //closing tag
            }
        }

However, it does nothing. I guess I'm selecting the element in the wrong way. What is the correct way to develop a auto save function for an element that appears more than once and the id is based on its index?

Kind regards

Give them all the same class and use `this` inside the event handler. `$(".list-input").on("change", function() { autoSave(this); });` — freedomn-m, Sep 24 '19 at 13:57
I can't give the same class to all of the elements since I need to select them individually. That's the tough part, I guess — vftw, Sep 24 '19 at 14:03
It comes from the selector you're using. You don't have a selector called: overlay-rotation-bounding-box — Med.ZAIRI, Sep 24 '19 at 14:08
Why do you need to "select them individually" - there's no evidence of that in your question. Adding a class doesn't equate to removing the id. — freedomn-m, Sep 24 '19 at 14:11

Himanshu Upadhyay · Answer 1 · 2019-09-24T14:08:58.107

0

Try to change selector like this:

$('[id^=overlay-rotation-bounding-box]').everyTime.......

edited Sep 24 '19 at 14:08

answered Sep 24 '19 at 14:05

Himanshu Upadhyay

6,558
1
20
33

It's not triggering anything – vftw Sep 24 '19 at 14:07
This should select all the `IDs` starting with `overlay-rotation-bounding-box` no matter what number is in the end of the ID attribute. – Himanshu Upadhyay Sep 24 '19 at 14:09
When/Where this `myAutosavedTextbox_onTextChanged()` is called? – Med.ZAIRI Sep 24 '19 at 14:11
That is not shown in the code but OP has problem inside the function so we can consider that it would be called. – Himanshu Upadhyay Sep 24 '19 at 14:12
Do you have any suggestion where it should be added, regarding this problem? This could be the problem, indeed. – vftw Sep 24 '19 at 14:16
`myAutosavedTextbox_onTextChanged()` this function should be called after it had been defined. please add a called at the end of your script – Med.ZAIRI Sep 24 '19 at 14:26
Yes, I did it and I'm getting `$(...).everyTime is not a function` – vftw Sep 24 '19 at 14:30
That's good, go ahead and see how to use everyTime here: [link](https://stackoverflow.com/questions/3860349/jquery-everytime-function) – Med.ZAIRI Sep 24 '19 at 14:43
"*it does nothing*" could also imply that OP is not calling the function (now there's an error within, safe to assume it's being called) – freedomn-m Sep 24 '19 at 15:08

Automatic save when changing an element

1 Answers1