Search jQuery

jQuery Forum

Screen name:
Smith

Smith's Profile

6 Posts

25 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

How to compare and highlight difference between two HTML tables using jQuery/JavaScript
[8Replies]
- 28-Mar-2019 11:30 AM
- Forum: Using jQuery Plugins
Hi, I have a requirement to compare two HTML DIV differences. I am trying to figure out a way to see if i can compare the HTML table cells and highlight the difference in the second div, comparing with data from from first Div. I'm not sure if there is plug-in to achieve this.
I have tried with a sample code on jsFiddle to compare First and Second Div content with Default Div content. But failed. Please assist. (It should highlight differences like shown here: http://jsfiddle.net/01pfcy2s/) but this applies to strings.
The cells in the First and Second Div that are different from Default Div must highlight.
The structure of the HTML is consistent but the data is being bound from WebAPI response.
http://jsfiddle.net/stgh1c8u/

Issue with multiple simultaneous Ajax Requests
[2Replies]
- 20-Feb-2017 08:27 PM
- Forum: Using jQuery
Hello,

I'm trying to load html into the div's (which ever is empty) but the following code fails to work properly. Instead, it loads html in the same (div1) everytime, overriding previously loaded html.
2. <div id="Div1" Class="col-sm-3 hidden"></div>
3. <div id="Div2" Class="col-sm-3 hidden"></div>
4. <div id="Div3" Class="col-sm-3 hidden"></div>
2. $.each(chkUnivIDs, function (index, value) {
3. DisplayUnivInfo(univID);
4. });
7. var univID;
8. function DisplayUnivInfo(tID) {
9. var chkDiv = ""; univID=tID;
11. if ($('#Div1').html() == "" && chkDiv == "") {
12. DisplayIn($("#Div1"));
13. $('#Div1').removeClass('hidden');
14. chkDiv = "Not Empty";
15. }
16. else if ($('#Div2').html() == "" && chkDiv == "") {
17. DisplayIn($("#Div2"));
18. $('#Div2').removeClass('hidden');
19. chkDiv = "Not Empty";
20. }
21. else if ($('#Div3').html() == "" && chkDiv == "") {
22. DisplayIn($("#Div3"));
23. $('#Div3').removeClass('hidden');
24. chkDiv = "Not Empty";
25. }
26. }
30. function DisplayIn(ele1) {
31. $.ajax({
32. url: '@Url.Action("Action", "Controller")',
33. cache: false,
34. async: false,
35. data: { id: univID},
36. success: function (r) {
37. $(ele1).html(r);
38. //$(ele1).append(r);
39. },
40. error: function (r) {
41. alert("Ajax Error: failed to load");
42. }
43. });
44. }

Issue with multiple simultaneous ajax requests with one call back
[15Replies]
- 10-Feb-2017 12:46 PM
- Forum: Using jQuery
Hi,

I'm having issue populating the html responses in 4 separate div's. All the responses are getting populated in the same div and overriding previous ones. Please assist.

Sample here

Thank you!

How to open multiple modals in the same window
[3Replies]
- 02-Nov-2016 03:09 PM
- Forum: Using jQuery UI
Hello,

I'm working on an MVC application with jQuery and Bootstrap plug-in's. I'm stuck with a scenario where I need to show multiple views inside same page(side by side). I was thinking of a modal but I'm not sure how to load two popup windows/modal side by side.
Below is the link to HTML (which in practice is loaded pro-grammatically using jQuery) where I need to select checkbox's and when "Submit" is clicked, respective links (google/bing) should open inside same window as pop-up (side by side). I need to have ability to close these modals. The max number of windows is 3.

jsFiddle

Please assist.

Append checked checkbox values to another Table
[1Reply]
- 26-Oct-2016 09:34 PM
- Forum: Using jQuery
Hello,

I have a modal popup that populates the following html shown in the link below.
When I select the checkbox(s), it's respective row/column values need to be appended to another table inside div ("ResultTable"). Currently, only one row gets appended. Please assist.
2. <table id="mytable">
3. <tr>
4. <th>FileName</th>
5. <th>Period</th>
6. <th>Select</th>
7. </tr>
8. <tr>
9. <td>Ginger Ale</td>
10. <td>2015</td>
11. <td><input type="checkbox" name="case[]"/></td>
12. </tr>
13. <tr>
14. <td>Mocha White</td>
15. <td>2012</td>
16. <td><input type="checkbox" name="case[]"/></td>
17. </tr>
18. <tr>
19. <td>Fanta Cola</td>
20. <td>2016</td>
21. <td><input type="checkbox" name="case[]"/></td>
22. </tr>
23. <tr>
24. <td>Laughing Therapy</td>
25. <td>2008</td>
26. <td><input type="checkbox" name="case[]"/></td>
27. </tr>
28. <tr>
29. <td>Build Page</td>
30. <td>2014</td>
31. <td><input type="checkbox" name="case[]"/></td>
32. </tr>
33. </table>
34. <button id="btnGetCheckedboxes">Get Result</button>
35. <div id="ResultTable">
37. </div>
Script:
2. $(document).ready(function($) {
3. $('#btnGetCheckedboxes').click(function () {
4. $("#ResultTable").empty();
5. /* $('#mytable').find('tr').each(function () {
6. var row = $(this);
7. // if (row.find('input[type="checkbox"]').is(':checked')) {
8. if (row.find('input[name="case[]"]').is(':checked')) {
9. $('#ResultTable').append('<table><tr data-for="'
10. +'"><td>'
11. +row.closest("td")
12. +'</td>'
13. +'<td>'
14. +"TEST334"
15. +'</td>'
16. +'</tr></table>');
17. }
18. });*/
20. var values = new Array();
21. $.each($("input[name='case[]']:checked").closest("td").siblings("td"),
22. function () {
23. values.push($(this).text());
25. });
26. //alert(values);
27. $('#ResultTable').append('<tr data-for="'
28. +'"><td>'
29. +values[0]
30. +'</td>'
31. +'<td>'
32. +values[1]
33. +'</td>'
34. +'</tr>');
36. //alert("val---" + values.join (", "));
38. });
39. });

TableSorting Issue
[28Replies]
- 05-May-2016 04:39 PM
- Forum: Using jQuery Plugins
Hello, I'm using a jQuery TableSorter plug-in to sort a Gridview. One of the column (Dev ID) contains data in the following format and is failing to sort in ASC order on Load: 17-143,17-162,17-45, 18-12,17-65,18-2
This above data should be sort by default as: 17-45,17-65,17-143,17-162,18-2,18-12
Please assist.
Thanks,
Smith

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend