jQuery Forum

The problem is that this method only works for one table.

But how can I store the sort order for more than one table?

How can I close it and maintain the scroll position?

For some reason and occasionally it keeps the scroll position.

I'm trying to figuring out why this sometime works, but I don't seem to find a reason.

The result ends up like this:

But I'm getting the error message:
"Failed to execute 'serializeToString' on 'XMLSerializer': parameter 1 is not of type 'Node'.".

The error message doesn't show very well in JSFiddle because of the text almost has the same color as the background.

So what could be wrong? Is there more to it than what is already in the code?

Am I missing something?

For example on this site there is the button "Click me!":
https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_button_test

Would it be possible to access that site and click the button?

And if so, how would that be done?

So is there a way I could sort each value within each group, so that I end up with this result:

//Group A

1

2

3

4

So far I only know the simple way of doing this, by sorting without taking each class (group) into account.

Here is a fiddle: https://jsfiddle.net/nykswcxL/2/

I'm trying to repeat the each function for all the UL's, as long as condition is not meet, but nothing happens and the browser gets locked. 

What can be wrong?

On the other hand this works, but is only repeated once for each UL. That is when changing the while to an if-statement:

2. if (getStakeAmount() <= maxAmount){
3.   $('#tabs-' + active + ' .connectedSortable').each(function () { // For each UL
4. $(this).children().each(function () { // For each LI
5.              // Do stuff
6.         });//End li            
7.   });//End UL
8. }

There's 7 UL's and when the condition is not meet I would need to go through all the UL's a second round or more.

So all the letters is shown one by one but only but only one round. I need the each loop to continue until I press button "Stop". Then when pressing "Start", then I would want the each function to continue again.

How can I do this?

Is it possible to set a default zoom out on a div? I use a dialog window to show the div and I want the elements inside to be about 50% smaller then full size.

Output ==> second-name

So if the first class name has hyphens then the second class name can't be found.

How come this happens?

Is there a way to get the second class name if the first one has hyphens?

How can I sort them so they end up like:

Is it possible to reorder elements in list nr 1 and have the changes also reflected in list nr 2. So the purpose is to only touch the elements in list nr 1, and have the changes automatically reflected in list nr 2.

Also list nr 2 can be reordered, but the changes would be isolated, and NOT be reflected in list nr 1.

10 9 8 11

I need to reorder them so they are in order like this:

8 9 10 11

So I'm using this function:

That works but the problem is that the string comes out like this:

891011

How can I reorder and still keep the spaces between the numbers?

8 9 10 11

I thought that "strToAppend" would be an array. If that would be the case I could loop through the numbers and add space, but when I'm trying to access one number using strToAppend[0] I get nothing.

I need to perform different tasks depending on which tab is selected.

How can I check which one is selected?

So how can I just hide the outer table called table-main and not all the tables within?

How do I reorder the list so that 1, 3, 6 and 7 always ends up first?
Also the order of the rest of the elements needs to be preserved. So the result would be:

How do I access the text inside tables first row and second cell?

So if if I leave textbox 1 and click anywhere outside besides clicking any other textbox this code fires once.

But if I click textbox 1 and then textbox 2 the focusout goes on repeatedly:

"Hello", "Hello", "Hello"...etc.

Why does it gets triggered several times when I enter another textbox?

How can this be solved?

It kinda works but not as I would like.

If I have this values: 1, 2, 3, 4, 7, 8, 8...

then 8 is the largest but the problem is that only one is highlighted. I would like every one that has largest value to be highlighted: 1, 2, 3, 4, 7, 8, 8...

Could the function be modified to solve this? And if so, how?

So I have some tables within list elements, that I can move around and reorder, and also I select them by changing background color. The order of the tables or rather the order of the list elements are saved in Local Storage:

So I end up with this in Local Storage:

Then to save the higlighted tables in Local Storage I'm using this code:

Then I end up with this in Local Storage:

So the poblem is this:

If I select and highlight Table 1 (change background color) then I end up with this in Local Storage:

Then if I decide to move Table1 to another position (or rather the <li> is moving and the table happens to be in it):

And deselect Table 1 and and instead select/highlighting Table 2 then in Local Storage I would still have:

And Table1 will still be selected after reloading the page. So I would need Local Storage to "understand" that the new selected table are Table 2. It's looks like my function that retreiving the selection is considering the previous first table to be the first one, even if it has change position. Maybe because the list element (holding the table) has ID 0-0 even if it no longer are in the first position:

Could there be a way to make use of the same function that keeps track of the order in Local Storage, something like this:

? So that there would be no mistake on which table are highlighted. So when retrieving finding the right table, connected to that list element, and adding the class that highlights the table.

I need to click the table and change the backgound which would be pretty simple:

But the thing is that I also need to change the background of all tables that are within previous <li> as well. They are all lined up horizontally (well I guess it doesn't matter if it's vertical or horizontally as far as the solution goes).

So let's say I have this:

<li>[1]</li> <li>[2]</li> <li>[3]</li> <li>[4]</li> <li>[5]</li>

So when I click on table 4 and change background I also need all the previous once to do the same. That would be changing bg color for 1, 2 and 3 also.

Also I would need a sort of opposite functionallity as well. So when I click on table 2 all the tables placed after table 2 will be be "deselected" and turn back to default color, which in this case is white. The clicked table will remain it's bg color (yellow or something) and the same goes for table 1 of course.

<li>[1]</li> <li>[2]</li> <li>[3]</li> <li>[4]</li> <li>[5]</li>

Also when clicking table 1 the remaining tables will be "deselected":

<li>[1]</li> <li>[2]</li> <li>[3]</li> <li>[4]</li> <li>[5]</li>

This would mean that there could be no way to "deselect" table 1, but at least one needs to be selected anyway.

So what could be the solution for doing this? My JQuary knowledge is to limited to figure this out. I've seen that there is a function called prevAll(), and maybe that is something to use in this case.

This approach doesn't work. So how could this be done?

How do I do the same for the TD Cell next to IMG?

The next cell has only text in it.

After doing this, the row is still included. How come this happens?

Do I need to do any adjustments to the plugin?

I need to last row to always have the same position, and stay at the bottom.