Filtering HTML5 data-attribute elements via checkboxes using JQuery
In my listing wrapper each product has multiple data-attributes like data-baths="3", data-beds="4", data-halfbath="12", data-garages="2", data-stories="2", data-price="2", data-sqft="2567". I have checkboxes that has a category corresponding to the data-category="value" here value may be baths/ beds/ halfbath/ garages/ stories/ price/ sqft like <input type='checkbox' class='filter' data-filter='baths' value='1'> 1 Bathroom <input type='checkbox' class='filter' data-filter='beds' value='2'> 2 Bedrooms
Display Magnific Popup using AJAX on Page Load
Dear Sir/Madam I found a solution to display an Image on pageload http://stackoverflow.com/questions/18726419/how-to-load-magnific-popup-on-page-load and used it successfully in following program http://www.prajaktasoftware.com/great/indexajaxmfp.php Code to display image on page load (function($) { $(window).load(function () { // retrieved this line of code from http://dimsemenov.com/plugins/magnific-popup/documentation.html#api $.magnificPopup.open({ items: {
.val(value) does not work on checkboxes if value is not an array
The documentation states that .val(value) should accept, and work with, String, Number, or Array. However, with checkboxes it doesn't work with String, but it does work with an Array of Strings. As a work-around, I am wrapping my String with [] (brackets), which appears to be working. Here is an example of what doesn't work:
$("#LabelEditModalForm-AdminUseOnly").val($data.data("adminuseonly"));
and this does work:
$("#LabelEditModalForm-AdminUseOnly").val([ $data.data("adminuseonly") ]);
Can't get tablesorter to work
I'm trying to use the jQuery tablesorter plugin to sort a table. I have this in the head section of the page: <script type="text/javascript" src="tablesorter/jquery.tablesorter.js"></script> <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha256-/SIrNqv8h6QGKDuNoLGA4iret+kyesCkHGzVUUV0shc=" crossorigin="anonymous"></script> <script> $(document).ready(function() { $("#Library").tablesorter(); }
Changing iframe url values with variable from text file
I am trying to read urls from a text file into a common video iFrame command using jquery and wordpress. Here is the example for the code as an example of what I am trying to do. I just want the video on refresh to change as does the line below which is what needs to change to play different videos with different stop and start points. http://aaaad.com/jquery-forum-post/ The video at the top of the above page is a static example iframe command I am trying to use. The randomized variable is displaying
Modal not clickable on tablet
I have a modal on my web site and it doesn't work on a tablet. When I double-click the modal it justs zooms in and doesn't display the modal. How do I make my modal work on a tablet?
JQuery 2.X support timeline?
I am doing some research for my job and I would like to know if there is a timeline to end support for JQuery 2.X? Thank you.
I have a problem with JavaScript inputting 2 more fields
Guys, I am started in programing, Would you be kind to help with this: I have subscription script, and beside email I want to input 2 more fields where people will put their name and country, and all that to be submitted into subscription file. self.$container.on("click", ".ssCountdownSubscribeSelector", function(e){ if (e && e.preventDefault) { e.preventDefault(); } var $this = $(this), $form = $this.closest('form'), $emailAddress = $form.find("input[name='email_address']"), $errorContainer = $form.find(".ss-error-container");
adding css to make divs equal
I have this ecommerce store and it displays each product in a box with equal heights using jQuery. I tried to apply the same code to another display of products and cannot get it to set the height on the divs. It is supposed to append the style min-height to the divs. I examined it in firebug. Do you see anything below that may be written a better way? var make_equal_height = function (element) { var $within = jQuery(element), selector = $within.attr('data-equal-height'),
Information about Change path in Jquery.
Hello everybody. I have a function that calls a particular file .pdf however need to be able to change this file access path, it is possible? <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript"> $(function () { window.onload = function abrirPdf() { var iframe = $("#LoteSlips"); iframe.attr("src", '<%=arquivo%>_ERRO.pdf#zoom=200&page=<%=i%>');
How To Create this code for a ticket machine
Hello all member! I am researching a number of applications on JQuery. I am creating this code for a ticket machine. The dialog comes up for the user saying how much they want to pay. I want them to pay more than or equal to 60. Which works as I want it. However, how can I execute that piece of code again inside the while loop? because I want if they enter less than 60 the same dialog box appears again. public class TicketMachine2 { public int money(int getprice ) {
Problem about create a small Cordova app
Hello everybody. I am not really sure if I am posting this question in the right place but please bare with me. I am planning to create a small Cordova app with the ultimate intention of submitting it. What I would like to know is the following: If on load I create a variable, in this case myName which will be used across a number of pages. On page1, myName is 'Andrew' but if you navigate to page2 it is changed to 'Agatha' what happens when the app is placed in to the background? For example when
Hidding and showing divs based on radial button choice
Hello, Quick question please. If I have 2 radial buttons <div class="form-group"> <div class="radio"> <label for="stock"> <input type="radio" id="stock_disabled" name="stock" value="stock_disabled" checked><b>Disable</b> Stock Feature for this product <br> <input type="radio" id="stock_enabled" name="stock" value="stock_enabled"><b>Enable</b> Stock Feature for this product </label> </div> </div> and an input field which I want to hide when the
Jquery mobile - fitlerable listview set code in focus event/show items on click
We have multiple filterable inputs on a page, looking to show list when a filterable listview has focus. What we want to achieve is: 1. when user clicks the listview search, shows a small set of choices (5 or 10) 2. when the user starts entering text in the search box, we use the filertablebeforefilter event to narrow down the choices and refresh the li entries. HTML: <input type="hidden" id="jobtemp" name="jobtemp" value="" /> <input type="hidden" id="jobcode" name="jobcode" /> <ul id="jobautocomplete"
What's wrong with this ajax call?
CODE: <script> function ckID(taid, callback) { return $.ajax({ url: 'myscriptfile.cfm?taid='+taid, /* data : { // Sorry I missed the colon ! id: id }, */ success: callback }); } ckID('',function(rtn) { console.log(rtn); if (rtn > 0) { // record already exists // alert document.getElementById('custNoDupe').innerHTML = "<font color='red'>This ID already exists in the database</font>"; // reset current input to nothing document.getElementById('taid').value = ""; } }); </script> </head> <body>
Uncaught TypeError: $(...).gridviewScroll is not a function
Hi there, I'm new to the forum and am in quite a bind. Been stuck on this for a few days and have been searching for a solution. I'll spare you the sob story. What I am trying is create a table that can scroll where the first column can be frozen so that it always remains in place. I am doing this with a Gridview. I found this demo: http://gridviewscroll.aspcity.idv.tw/Demo.aspx Which is exactly what I'm looking for (Freeze Column, just the first one) and went to Github to bring in the necessary
fetch data from table to text box
I am creating a table through jQuery and in this table I concatenate 3 columns in 1 column: Before concatenate: if (re.length > 0) { $("#services_schdulue").append $('#services_schdulue thead').append("<tr><th>Service ID</th><th>Service Type</th><th>frequency</th><th>Freq_Duration</th><th>Freq_Mileage</th></tr>"); for (var i = 0; i < re.length; i++) { if (re[i] !== null) { $('#services_schdulue tbody').append('<tr><td>' + re[i][0] + '</td><td>' + re[i][1] + '</td><td>' + re[i][2] + '</td><td>' +
Find children with text
Sometimes my helpers make nodes like this: <div class="col-md-2 col-md-offset-1"> <span class="control-label required">First name</span> <input type='text' class="form-control" value="" > </div> And sometimes they make nodes like this: <div class="col-md-2 col-md-offset-1"> <span class="control-label required">Date of birth</span> <div class="input-group date"> <input type='text' class="form-control class_date_input" placeholder="mm/dd/yyyy"
Hide/show video player buttons .mouseenter() .mouseleave()
Hello, As I am new to jquery, does anyone have ideas how to show video player buttons when mouse enters the video container and hide buttons when mouse leaves the container? Only the progress bar should remain on the screen, when mouse leaves. Have tried it with CSS and javascript, but nothing seems to work. I have managed to get to hide/show buttons when mouse is directly at them or leaves, but not when mouse enters the video container. HTML: <div id="video_container"> <video id="video"> <source
jQuery Autocomplete Duplicate Remove event listener
While trying to determine what was slowing down my autocomplete text box, I noticed that every time the user types in the target text box the number of event listeners would go up. It looks like autocomplete is adding duplicate "remove" events to the target. This can be reproduced by adding the following line to the default autocomplete example at https://jqueryui.com/autocomplete/ . response: function (e, ui) { console.log( jQuery._data( $("#tags")[0], "events" ) ); } When looking
Problem with scroll position
Hi masters :) I try to use jquery but i have problem with scroll. My problem is if i click button page scroll go auto to top of page but i dont want it :( ! Someone who have one min to tell me how to fix it. I give you my source here . $("#div").click(function() { // another div element // element.slideToggle(); });
Question about use a single page and navigate by DOM In Jquery.
I used jquery mobile 1.3.2 i've the following situation: <div data-role="page" id="page1"> <div data-role="panel" id="mypanel"> <a href="#page-href" class="ui-link-inherit"> </div> <div data-role="header">...</div> <div data-role="content">...</div> <div data-role="footer">...</div> </div> <div data-role="page" id="page2"> <div data-role="header">...</div> <div data-role="content">...</div> <div data-role="footer">...</div> </div> the question is: i want to use a single page and navigate
Need help with jquery UI Draggable/Droppable
Hi, I'm having trouble with some drag and drop fundamentals. I want to have 2 tables, the first has source cells, the second table has target cells. I can drag a div from table 1 to 2 and I've got that working. However, once the div is in the 'target' table, If I go to drag it to a different cell in the target table, I don't see anything move under the cursor. Yet when I release the cursor, the item does in fact move. I've got a codepen illustrating this behavior at http://codepen.io/basementjack/pen/EgZWqQ (I'm
jquery ui: checkboxradio CheckBox
Hi. I am using several jquery ui widgets successfully, however I am having trouble getting the Checkbox feature of the checkboxradio widget to work. I can get the Radio button feature to work fine by specifying $("input[type='radio']").checkboxradio();. The docs show using just this statement without the [type='radio']. Do I need to specify a different type instead of radio? (I tried checkbox and that didn't work) The examples also show an additional CSS file called /resources/demos/style.css
How To used double effects In JQuery?
Hello everybody. Can anybody tell me how to use double effects on a dialog show? The first effect I would like to use is scale and the second effect is that it comes from a corner of the page, where the button is located that launches the modal dialog. The same for the hide function. I would like to hide it with scale, which is pretty nice effect, but while scaling it should move out of the page or towards the button. I appreciate the really easy dialog effect definition, but I would like to get
$.ajax is not a function
Hi I just started using jQuery JavaScript Library v3.1.1 and i get 2 errors jQuery.Deferred exception: $.ajax is not a function (15:41:01:532 | warning) at Files/Web_UI/js/jQuery-3.1.1.js:3688 Uncaught TypeError: $.ajax is not a function (15:41:01:535 | error, javascript) at Files/Web_UI/js/jQuery-3.1.1.js:3697 I get it when I run $.post("ajax.php", {action: "InitLoad"}, function (data) { alert(data); }, "json"); in script type="text/javascript"
How to parse variable return back in setInterval
The code below will get every second a price from a .json file. What i need is the result to be parsed back into the updateRate function in order to compare the previous price with the newly updated one... I've googling a lot lot, and some say to use .bind or an anonymous function but i am stuck. What's the way to go here? $(document).ready(function () { function updateRate(type, price) { $.ajax({ url: './json/get_price.php', datatype: "json", data: { t: type, c: price
scripts.js:201 Uncaught TypeError: jQuery(...).vide is not a function & scripts.js:580 Uncaught TypeError: jQuery(...).unveil is not a function
scripts.js:201 Uncaught TypeError: jQuery(...).vide is not a function (anonymous function) @ scripts.js:201 j @ jquery.min.js:2 fireWith @ jquery.min.js:2 ready @ jquery.min.js:2 I @ jquery.min.js:2 scripts.js:580 Uncaught TypeError: jQuery(...).unveil is not a function (anonymous function) @ scripts.js:580 dispatch @ jquery.min.js:3 r.handle @ jquery.min.js:3
Refactoring JQM based app: Backbone vs. React
In order to be prepared for a future framework switch (see https://forum.jquery.com/topic/1-5-timeline) I decided to refactor my project by introducing a clean model view separation before adding any new features. While there are many articles about combining JQM with Backbone (see http://demos.jquerymobile.com/1.3.0-rc.1/docs/pages/Backbone-Require/index.html), to my surprise, even React seems to be an option (jQuery Mobile React Example). Has anyone experiences with either approach (or even both)?
Removing class from element and disabling CSS statements for class
The problem seems to be simple. Assume we have a definition like <p class="aaaclass bbbclass">........</p> Now I want to remove in all elements <p ...> on the web page which have an assigned class "aaaclass" exactly this class so that afterwards the code look like: <p class="bbbclass">........</p> How does that work? Next question: How do I have to modify your suggested jQuery statement if I want to remove BOTH or ALL classes (see above) so that afterwards the code looks like: <p>........</p> And
Semra Beckham-What is arguments object in JavaScript?
Hello, My name is Semra Beckham, What is arguments object in JavaScript? Thanks, Semra Beckham
parseXML explained
All examples show pretty much the same code but without much explanation, could someone explain what each line is doing? I put in the comments my own interpretation but I would really like a confirmation: var xml = "<rss version='2.0'><channel><title>RSS Title</title></channel></rss>"; // parseXML will parse the string to an Object, or as the docs put it: // "parseXMLuses the native parsing function of the browser to create a valid XML Document." // from what I cam see, this is already an object
Information about Slide() with sliding effect
Hello all member. I have weird problem and i have followed many tutorials and got slide() to work, my side menu is fading out and doing up and left sliding effect. The problem is that i only want it to slide left. When i add direction like so: .hide( 'slide', {direction:'right'). script stops working, nothing happens but style gets attribute overflow:hidden. When the script works, it does display:hidden and some numbers quickly run by, viewed in firefox inspect element tool. So, slide works but
jqueryUI example fails on Edge browser
I have implemented the jqueryui tab feature on a key page of my web site and it has worked in the past when I developed the page. I needed to make a minor revision and see now in my testing that it fails with the Edge browser. I went back and copied the sample code to see if there was something in my implementation that was causing it to fail, but the sample also fails now. I am testing on Apache 24, Windows 10 (Anniversary update + more updates) which has Microsoft Edge 38.14393.0.0 & Microsoft
Understanding jQuery Ui Clones
I am a little confused, I thought that once the clone's ID is changed to something different, it is no longer the same as the original. To my surprise the clone id is the same as the original draggable object's id although the clone's id had been changed. Please look at my code below. var uiNewId = "test1"; $("#obj1").draggable({ helper:'clone' }); $("#dropzone").droppable({ drop: function(event,ui){ ui.helper.attr('id', uiNewId); alert((ui.draggable[0]).id); }
Question about JQuery Plugin ?
Hello everybody. can you help me with the jQuery Plugin. here is my problem... I have an autocomplete field on a form.. i want to search for certain fullname for example i typed in John Doe or Doe John it will suggest me the name having john and doe on their names. currently when i search John it works fine but when i use space after John it closes the suggestions the same thing when i typed in Doe{space}John. so basically i want to search for fullname having the terms with spaces in any order.
Problem about catch those values In JQuery.
My remote PHP function return two values. 1 and 2. How can i catch those values and put in to separate error messages. $coupon_code = $fw->xss()->safe($_REQUEST['coupon_code']); $coupon_code = $fw->voucher()->getByCodeStatus($coupon_code); console.log($coupon_code); //return 2 means no value in the credit card // if($coupon_code == 1) // { echo("false"); }else if($coupon_code == 2){ echo("false"); }else{ echo("true"); } -----------------------------------------------------------------------
Wow Slider Transition Effects
Hi, I am trying to use different transition effects on my slides using WOW slider. If I choose Shift effect, it shows correct effect on the WOW demo window, but when I uploaded to my website it always show Basic effect. No matter what transition effect I chose during Design Setting, once it's uploaded it always shows Basic effect. I uploads new 2 folders (Data0 and Engine0) together that enable the slideshow possible every time I change the transition effect, but it still always show nothing but
Dual Scrolling - How to scroll to an element on a page AFTER the page goes to another element when loading.
I'm using CodeIgniter, if it makes any difference, to create a page with a calendar list of events. The calendar list consists of a title, and two tables: the first table shows fixed table headings for a second table that contains rows that can scrolled when there are more rows than will fit into the fixed length of the second table. Each of the rows in the second table has an id, which brings that row into view when the URL of the page ends with a hash and the row's id. Amazingly, this all works
Javascript Image-Show Not Continually Looping
I am trying to make a fading image-show for one of my webpages. To this point of time I have the show working to a point: the array of images cycles through once, however, after the first interval, the loop breaks: after the last image runs its course, the show cycles to a broken image; now, while I was checking what could be causing this occurance, I checked the activity of this element, in my Firefox Inspect Element tool, and there, it shows that there is activity in relation to the show's
Next Page