Search jQuery

jQuery Forum

Screen name:
Mat11

Mat11's Profile

6 Posts

11 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

A little problem with toggleClass
[3Replies]
- 24-Mar-2021 04:15 PM
- Forum: Using jQuery
I'm having a little problem with toggle class here: https://jsfiddle.net/sxnk6jwr/13/
if you click 1 and 3, the first td cell's highlight will switch from orange to gray.

I'd appreciate a little help to solve this issue, please. thanks.

here is jquery:
1. $(function(){
2. $('#btn1').on('click', function() {
3. $('#tb1 td').slice(0, 3)
4. .toggleClass('orange');
5. });
6. $('#btn2').on('click', function() {
7. $('#tb1 td').slice(3, 6)
8. .toggleClass('orange');
9. });
11. $('#btn3').on('click', function() {
12. $("#tb1 tr:gt(-7):lt(3) td:nth-child(1)").toggleClass('orange');
13. });
15. $('#btn4').on('click', function() {
16. $("#tb1 tr:gt(2):lt(6) td:nth-child(1)").toggleClass('orange');
17. });
19. });
22. $(".button").click(function(){
23. $(this).toggleClass("active");
24. });

Counting the selectedCell class
[2Replies]
- 16-Jul-2019 05:42 PM
- Forum: Using jQuery
I'm trying to count the number of selected cells with class="selectedCell" for each row in the following code.
1. $(function(){
2. var output = $('table').find('td.selectedCell').length + ' selected cells';
3. $(".tdoutput").html(output);
4. });
I have a working example here, but the count shows the same for each row, and instead it shows the total count for the table.

http://jsfiddle.net/tbeup691/

Highlighting between two data points on a scale
[1Reply]
- 05-Jul-2019 10:39 AM
- Forum: Using jQuery
I have a php generated scale table from 1 to 14. I highlight the min and max values given by the checkbox form on the table with the following jquery code.

This is the jquery code I'm using to highlight two points on the scale table.
1. $("#checkAll").click(function() {
2. $('input:checkbox').not(this).prop('checked', this.checked)
3. .trigger("change");
4. });
6. $(".selector").on("change", function() {
7. var parent = $(this).closest("form");
9. $("#" + parent.data("checktable"))
10. .find('[dbval="' + this.name + '"]')
11. .toggleClass("highlight", $(this).is(":checked"));
12. parent
13. .find(".all")
14. .prop(
15. "checked",
16. parent.find(".selector:checked").length === parent.find(".selector").length
17. );
18. });
20. $(".all").on("change", function() {
21. $(this).closest("form").find(".selector")
22. .prop("checked", $(this).is(":checked"))
23. .trigger("change");
24. });
26. $(".all:checked").each(function() {
27. $(this).closest("form").find(".selector").prop("checked", true).trigger("change");
28. });
30. $(".selector").trigger("change");
Normally I mostly have two values (min and max), but sometimes there happens to be a single value (either min or max) to be highlighted, or no values at all (no highlight). I need to highlight not only the min and max values but all the values between the minimum and maximum values.

For example if (min,max) is (2,8), then 2,3,4,5,6,7, and 8 should be highlighted. How can I get this result? Thanks.

Highlighting the cell on character (.) input only
[2Replies]
- 13-Mar-2019 06:06 AM
- Forum: Using jQuery
I have this jquery code to highlight the table cell when a number is entered. I need highlighting only when a dot (.) is entered in the cell only. So when a dot (.) is entered in the cell, the highlight will take place, other times not. here is a fiddle example. http://jsfiddle.net/k6p3ecL5/

thank you for your help.

html:
1. <table>
2. <tr>
3. <td>
4. <input type="text" class="number" />
5. </td>
6. <td>
7. <input type="text" class="number" />
8. </td>
9. </tr>
10. </table>
the jquery code is like this:
1. $('.number').keyup(function() {
2. var number = $(this).val();
4. try {
5. number = parseInt(number, 10);
6. if (number > 0) {
7. $(this).closest('td').addClass('highlight');
8. } else {
9. $(this).closest('td').removeClass('highlight');
10. }
12. } catch (e) {}
13. });
css:
1. td { border: 1px solid black; padding: 10px; }
3. td.highlight { background-color: red; }

Highlighting works for some cells, but not others
[11Replies]
- 24-Oct-2018 06:18 PM
- Forum: Getting Started
I'm dealing with this script for a while now, I couldn't fix this. Some cells are highlighted some are not. When you make a selection from the select box, the matching value's supposed to be highlighted. it only works for some cells. Can I get some help, please?
For example, if you select 1, it works. but it doesn't work for 2,3

This is my pen. https://codepen.io/Mattix/pen/QZJxrb
.
1. $("select").change(function () {
3. var selectIndex = $(this).parent().index();
4. var value = $(this).val();
6. $('th', '.table2').each(function() {
8. if($(this).index() === selectIndex) {
10. if($(this).attr('value') == value) {
11. $(this).css('background-color', 'yellow');
12. }
13. else {
14. $(this).css('background-color', '');
15. }
16. }
18. })
19. });

Conflicting form ids
[2Replies]
- 13-Jul-2018 04:58 AM
- Forum: Getting Started
I have the following example where I can highlight the select values of a specific column. Sometimes I need to use two forms for the same column (hence the same form id), but it doesn't work when I try this. Is there another solution for this?

My jsfiddle example: https://jsfiddle.net/1mt7ojL0/ As you can see in the example, Values.II form doesn't work.

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend