[Plugin] Change/Replace CSS ID of input form objects

Post reply

❤Follow Topic(2)

Email subscribe

0 favourites

2 posts

Thndr
- Joined 15 Oct, 2012
- 44 topics • 333 posts
1

28 Dec, 2017
Quote

In order to solve an issue with selecting an <input> object (button, filechooser, etc.) based off from it's HTML CSS ID I created a simple plugin that would allow me to do so.

Since I've received some requests for the plugin itself I'll release it here

https://github.com/Thndr/c2-ChangeCSSID

All it is, is a function with an Action to find the first instance of a field with the CSS ID of 'oldID_' and then replaces it with 'newID_'

   Acts.prototype.changeID = function (oldID_, newID_)
   {
      var file_ = $("#" + oldID_);
      file_.attr('id', newID_);
   };[/code:27qsytfr]

[img="https://i.imgur.com/KDNavBP.png"]

Due to the timing on how it works you have to have a fake delay/skip 1 step before the function if you are using it on complete.
I have not tested this plugin when you already have <inputs> and you mass change them, but if you change them when they spawn there should be no conflicts of it attributing the value to the wrong object.

Also make sure the page you embed the project doesn't use the same CSS IDs or there might be an issue as well, as I have no tested that.
If anyone has a suggestion on how I can target specifically the object's HTML element without needing the old CSS ID then I could remove one line out of the two needed for this function, and it will provide better assurance the wrong element isn't selected.

Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- Kyatric Construct Team Support
- Moderator
- - Joined 18 Aug, 2010
  - 279 topics • 8,154 posts
- 1
- 31 Dec, 2017
- Quote
Due to the timing on how it works you have to have a fake delay/skip 1 step before the function if you are using it on complete.

Then you can simply use the wait action with a value of 0 (no need for 0.00001).

Wait 0 will execute the following actions on the next tick of execution.