Search jQuery

jQuery Forum

Screen name:
Todd

Todd's Profile

12 Posts

43 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

api fire
[6Replies]
- 26-Oct-2017 10:31 PM
- Forum: Getting Started
Hi,

How would you get an api to fire not when the page loads but when the dropdown form element (including its little downward arrow) is clicked on?

My current working script is

Thanks in advance
1.     <script>
          var blah= $('#BlahID');
          var blah_api_url = 'https://xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
          jQuery.get(blah_api_url, function (data) {
              $(data).each(function (key, val) {
                  console.log(key);
                  blah($("<option>").attr('value', val[0]).text(val[1]));
              });
          }, 'json');
2. </script>

trouble getting tablesorter filter and reset working
[4Replies]
- 21-Oct-2017 11:01 PM
- Forum: Using jQuery Plugins
Hi,

have the following button
1. <div class="bootstrap_buttons">
  Reset filter : <button type="button" class="reset btn btn-primary" data-column="0" data-filter="">Reset filters</button>
  </div>
with following script in the head
1. <script>
  $(function () {
2.                // filter button demo code
                 $('button.filter').click(function () {
                     var col = $(this).data('column'),
                         txt = $(this).data('filter');
                     $('table').find('.tablesorter-filter').val('').eq(col).val(txt);
                     $('table').trigger('search', false);
                     return false;
                 });
             });
      </script>
Tablesorter filter button working fine but I cant get it to add a full sort reset to the button. Ive tried adding
1. .trigger('sortReset');
to various parts of the script but it wont work as per http://jsfiddle.net/Mottie/856bzzeL/1005/

as well as adding as per the sortreset example
1. ```
$('button').click(function(){
    $('table').trigger('sortReset');
    return false;
  });
```
but nothing seems to work.

Thanks in advance for any tips on getting this going.

Cheers

Todd

Multi dropdowns populated from api's
[2Replies]
- 17-Oct-2017 04:38 AM
- Forum: Using jQuery
Hi,

I have a basic form that has a dropdown which is populated from an api with the following function
1. 
      <script>
          var sel = $('#Categories');
          var api_url = 'https://xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx;
          jQuery.get(api_url, function (data) {
              $(data).each(function (key, val) {
                  console.log(key);
                  sel.append($("<option>").attr('value', val[1]).text(val[1]));
          });
          }, 'json');
The form is working perfectly.

Question is, what would I need to change if I wanted to add a second dropdown populating from a different api?

Ive tried this
1.     
      <script>
          var sel = $('#SubCategories');
          var api_url = 'https://xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
          jQuery.get(api_url, function (data) {
              $(data).each(function (key, val) {
                  console.log(key);
                  sel.append($("<option>").attr('value', val[1]).text(val[1]));
              });
          }, 'json');
2. </script>
but 1st dropdown is not populating with anything & 2nd dropdown now has list items for both api's

Form code is
1. <form>
                      <div class="form-group">
                          <label for="exampleFormControlSelect1">Category</label>
                          <select class="form-control" id="Categories">
                              <option>Select Category</option>
                          </select>
                      </div>
                      <div class="form-group">
                          <label for="exampleFormControlSelect2">Sub Category</label>
                          <select class="form-control" id="SubCategories">
                              <option>Select Sub Category</option>
                          </select>
                      </div>
                  </form>
Any idea where I might be going wrong please.

Thanks in advance

Todd

tablesorter filter wont work
[17Replies]
- 07-Oct-2017 06:40 AM
- Forum: Using jQuery Plugins
Hi,

I am trying to tablesorter filter in a table where sorting (with reset button) is working as well as paging & zebra.

When I type a character into the search field of a column, nothing happens.

Ive added the css for .tablesorter-filter.disabled {display:none;}

Ive also added "filter" to widgets

Was hoping to get any other ideas where I might be going wrong?

Thanks in advance

Todd

Newbie trying to understand how Tablesorter column headings work
[0Replies]
- 14-Feb-2017 06:49 PM
- Forum: Using jQuery Plugins
Hi,

I am trying to work out how tablesorter column headings work & where to add some code to hide or deactivate a heading.

I can see from inspector what code I need to add but I cant work out where to put it.

Its like the search row is not recognising there is 10 columns

Code for head is
1. <thead>
    <tr>
        <th class="sorter-false filter-false"></th>
     <th style="text-align: center; vertical-align: middle">ColumnB</th>
              <th style="text-align: center; vertical-align: middle">ColumnC</th>
              <th style="text-align: center; vertical-align: middle">ColumnD</th>
          <th style="text-align: center; vertical-align: middle">ColumnE</th>
        <th style="text-align: center; vertical-align: middle">ColumnF</th>
     <th style="text-align: center; vertical-align: middle" class="filter-select filter-exact" data-placeholder="Select">Category</th>
     <th style="text-align: center; vertical-align: middle">ColumnH</th>
     <th style="text-align: center; vertical-align: middle">ColumnI</th>
     <th style="text-align: center; vertical-align: middle">ColumnJ</th>
          <th class="sorter-false filter-false"></th>
          </tr>
  </thead>
<td data-column="10"><input type="search" placeholder="" class="tablesorter-filter form-control disabled" data-column="0" disabled="" data-lastsearchtime="1487115846159"></td>

1st & last columns are supposed to be the same but as per the pic, the second row last column is not the same as the 2nd row 1st column (not in the pic)

I'm using DNN so its not in the traditional spot. Thanks to my mate Jake, Ive played with this in the past to disable the first column (0) but I can remember how I did it.

Thank in advance for any hints that might lead me to the right location or formatting of the head to get it going.

Todd

Tablesorter Zebra widget not working on deleting a row
[5Replies]
- 01-Nov-2016 05:37 AM
- Forum: Using jQuery Plugins
Hi,

Please go easy on this newbie :)

Im using Tablesorter 2.0.5 to sort & filter data that comes from a DNN Module. Ive also implemented some reset sort & reset filters which also works. Everything is working perfectly with 1 exception. When I delete a row (via the module), tablesorter disappears. (Header, table / field borders) A manual refresh & its back to normal with all features & formatting back.

Im told that the table is like a panel that updates when items are added or deleted but the page doesn't refresh. Ive tried using similar approach as the reset button .trigger('applyWidgets') both inside & outside tablesorter but that hasn't done anything. Im also told that this wont work as the delete link also has a "Are you sure" so that needs to be answered before anything else happens.

Spent a fair bit of time trying to get this going & would really appreciate an assistance on getting this going.

Thanks in advance.

Todd

Getting Tablesorter going (process confirmation for a newbie)
[17Replies]
- 15-Sep-2016 11:59 PM
- Forum: Using jQuery Plugins
Hi,

I am trying to get the Tablesorter JQuery UITheme Widget (Bootstrap v3.x) going https://mottie.github.io/tablesorter/docs/example-widget-bootstrap-theme.html & just wanted to confirm the process.

Is it just a point of
1. download code & place on website
2. reference code in head
3. give your table an id
4. copy javascript to page & change the tableid in the $("table").tablesorter({

For some reason, nothing is happening on any of the features (sort, page or filter)

I did try the most basic tablesorter & it worked fine.

Thanks in advance for any assistance

Trying to print an image from Magnific popup using PrintArea
[0Replies]
- 12-Sep-2016 03:59 AM
- Forum: Using jQuery Plugins
Hi,

Is there anything to look out for when using PrintArea to print an image that is displayed from a Magnific Lightbox popup.

My code is

$(document).ready(function(){
    $("#printButton").click(function(){
        var mode = 'iframe'; //popup
        var close = mode == "popup";
        var options = { mode : mode, popClose : close};
        $("mfp-content").printArea( options );
    });
});

When executing, print window appears but only header & footer information is appearing in the preview.

Thanks in advance from this newbie for any assistance.

Todd

How do you get Jquery to run with cascading dropdown lists?
[7Replies]
- 07-Aug-2016 08:11 PM
- Forum: Using jQuery
Hi,

Have a cascading dropdown list (DDLB) that refreshes with results from after a selection is made from DDLA.

It also appends another list item with a value of -2 with text of not listed. The default value is -1 with text of make a selection

I finally have some working jquery that shows/hides a separate textbox column.

My question is, how do you make the JQuery load/run after the list has been received from user making a selection in DDLA?

The process would need to also run if the user changes their mind & makes a different selection in DDLA

Thanks in advance

Todd

Selected Option assistance
[24Replies]
- 28-Jul-2016 02:38 AM
- Forum: Using jQuery
Hi,
Im trying to format a particular row based on the option selected from a dropdown list (that has a value of -2).

Ive got the formatting working previously before introducing the rest of the code.

Thanks to Jakecigar its been established that my environment plays with the code but after mucking around with this query for a while now, I was hoping to just check the format & eliminate any issues there before troubleshooting id issues.

Code below, thanks in advance
1. $(function(){
  
  $("#CategoryID").change(function(){
      var SelectedOption = $("CategoryID:selected");
      if(SelectedOption.val() == -2){
  $("#unknowncategoryrow").css({display: 'block'})
  
  
  })
Todd

getting my 1st query to work
[8Replies]
- 27-Jul-2016 09:14 PM
- Forum: Using jQuery
Hi,
Trying to work out why this query wont work. Some background is that the site is a DNN site with a specific forms module. Its common practice for knowledgeable users to insert jquery but I just cant seem to get mine going.

As a starting point, I just want to hide a field & label that sit in their own row.

Thanks to a member I have determined that the page is running 1.9.1

Code I have used is (I think the system puts in (jQuery);). Below that is the row that is being referred to.
1. </script>
2. <script type="text/javascript">
3. (function($){
4. $(document).ready(function(){
5. $("#UnknownCategory").hide;
6. });
7. })
  (jQuery);
  </script>
<div class="xmp-form-row-jquery"><Label CssClass="xmp-form-label" For="UnknownCategory">Unknown Category</Label><TextBox Id="UnknownCategory" Width="200" Nullable="True" MaxLength="50" DataField="UnknownCategory" DataType="string"></TextBox></div>

Troubleshooting approach for my 1st script
[2Replies]
- 27-Jul-2016 08:33 PM
- Forum: Getting Started
Hi,
I'm trying to get my 1st ever script going inside a page that I suspect already has Jquery loaded.

1st question before trying to work whit it wont work is how can I be sure that Jquery is in fact loaded to the page?

Firebug shows JQuery under script tag in the watch section. There is no errors on the Console tab. (javascript errors enabled)

Thank in advance

Todd

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend