Counting total post count and generating ranking stars based on it
This is something quite similiar to: https://jsfiddle.net/master412160/u1pcpo8r/2/ I want to count the post count of a user and based on that post count show some star or two in their profile. So the higher their post count they more stars they have shown. In total the max is 6 stars. Please see this fiddle: https://jsfiddle.net/master412160/qsvyea50/7/ The things we need to make happen; Let jquery count the post count and if its higher then x add class or remove class to one of the star boxes. <dd
Validate Birthday Picker
Hi, I am using this birthday picker: http://www.jqueryscript.net/time-clock/Customizable-Dropdown-Birthday-Picker-Plugin-with-jQuery.html so I am adding it like this: <div id="birthday"></div> The birthday itself is not requited but I want to know how can I make the month required is the day was selected / the day required if the month was selected? How can I do this please? Thanks, Jassim
Jquery use when function in for loop
I am try to use when in a for loop , but the counter can not get correctly,always get 11 for(var ti=0;ti<10;ti++){ $.when(ajaxfunction()).done(function(){alert(ti);},500) }
Add class to link if link is external and is anchor text and not plain url
So the idea is that if I type www.example.com nothing happens. But if I type in <a href="example.com">Example.com or example</a> it adds what you see on hover here: https://jsfiddle.net/master412160/pu9aeh6j/1/ the output url. This makes it easier to check were a link goes to. instead of having to look down in your browser you see it presented before you. However I never done anything like this before, The idea is to let js check if the url is internal or external and if its external add a class
Jquery slider value
Hello I'm begginer in Razor code, also in Jquery:) I have a few forms on my page, each of them are in <fieldset> forms, with post method and input submit buttons - this works perfectly. In middle of my page I put jquery slider to let user modificate something by visualization. In html I have got: <div class="sliders" id="sliders"></div>
<div class="slidersview" id="slidersview"></div> Then in jquery I got simply code: <script>
$("#sliders").noUiSlider({
start:
Using Autocomplete: Any way to ignore "space"
I have a long list of web links, and a search field that allows users to search them. The user starts typing into a search field, and the form uses jquery ui autocomplete to instantly display the list of matching links. They can click a result and instantly be taken to the site. The problem is, if they type a "space" first, it renders every single link whose label contains a space in it. Is there any way to construct this so spaces entered are ignored? Example code: $(function() { var availableTags
Is this possible with jQuery? Notifying user of a new theme update in template
So I'm making a style for a forum software platform. What I would like to do is add a script to the theme that when I release it and people download it and install it on their forum I can track the active installs and also notify the admin by showing a content block that is only visible to admin with an IF statement notifying to upgrade to the latest version of the theme. Kinda like Wordpress does with its themes. So I need some sort of version check plugin that can work with SQL or something or
Hard time positioning jquery dialog
Hi guys, I have the following and it positions the dialog at 0,0 of the viewport. Any idea what is incorrect ? $('#GenericDialog').dialog( { position: [500, 500], width: 'auto', collision: 'fit', show: 'fade', hide: 'fade', showAnim: 'slow', title: 'Information de la prise', closeOnEscape: true, dialogClass: 'dialogWithDropShadow' });
Help is needed to complete the code
I have stuck up with some code. Please find code at: http://plnkr.co/scWeFdWd6K4X7QTdIT8T Line no. 56 - 78 are not displaying. With Best Regards, [Swarup Modak]
Hook into submit button
Hey there! I am trying to call an action before submitting, when an order is placed in WooCommerce. I am trying to target the specific submit form like this: jQuery('form[name="checkout"]').submit(function(event) { alert( "Checkout submit!" ); console.log('test'); event.preventDefault(); }); However, it doesn't seem to work. The page just submits the order like it has always done. Can someone please point me in the right direction? Thanks!
Adding form elements to a dynamic created form
All, I'm creating a statistics website for our football team in Laravel (PHP), bootstrap, jQuery .. All is going fine, but I'm struggeling with the following idea ... I have a form, that is being created dynamically. From the start, each player know in the database is shown in the form. This form represents who played the game at what position, how many minutes, ect ... At the end of every player line, there is a button. This button needs te be clicked in order to add an action. Yellow card, red
Charts that I created are not showing in Internet Explorer 7 or 8 ?
I am using Jquery charting library .
Multiple slideshows in a table on one page
I am trying to get a slideshow to fit correctly in a table. I am new to jquery. I want to fit it within cells of the table. I have tried to adjust the slideshow "li" attribute but can't get it to work. Please help me to achieve this. Here is my code, Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>main.html</title>
Check if element does not exist
I'm trying to check if an element doesn't exist & if it doesn't then hide a parent: $('#imagepackwrapper div[id^="packimgdiv"] img.imageStyle').each(function(i) { var ick = $(this).length; console.log('Exists: ' + ick); if ($(this).length == 0) { $(this).closest('div[id^="packimgdiv"]').hide(); } }); The console is only detecting those with a length of 1. How do I detect when the image is not in dom? HTML: <div id="imagepackwrapper"> <div id="packimgdiv0">
Locations Filtering
I am creating a page where I want a user to be able to view a list of locations and select the ones in which he/she is interested in. Below is where I am with the application currently: https://jsfiddle.net/bearcatrunner/3ch3a8ac/2/ What I would like to do is that when a user selects a location (via checkmark box maybe? see my example) I would like it then to go into another list and if possible be removed from the current list. If box is checked it goes into new list and if it is not checked
Uncaught TypeError: Illegal constructor on Chrome -- TypeError: Constructor Document requires 'new' on FF
I'm trying to use jquery to create a fancy box, but i have an issue loading jquery's script. I tried different versions 1.x and 2.x. All return the same error, on chrome it's: Uncaught TypeError: Illegal constructorj => Query.Callbacks.fire @ VM965 jquery.js:3148 jQuery.Callbacks.self.fireWith @ VM965 jquery.js:3260 jQuery.extend.ready @ VM965 jquery.js:3472completed @ VM965 jquery.js:3503 on Firefox: TypeError: Constructor Document requires 'new' This is the method related. for ( ; list && firingIndex
choose only one radio
I have two radio buttons: <label> <input type="radio" name="JType" data-toggle="collapse" data-target="#juridical"> Juridical person </label> <label> <input type="radio" name="PhysType" data-toggle="collapse" data-target="#physical"> Physical person </label> can you please to show how to create jquery function which will allow to choose ONLY ONE radio. thanks.
Uncaught TypeError: $(...).autocomplete is not a function
Hi I am working on ASP.NET project and i want to use autocomplete feature of jquery. Every time it gives same error "Uncaught TypeError: $(...).autocomplete is not a function " i tried hard but i could not fix my problem. I googled lot still facing same problem. Kindly help me Here is my code : <script src="jquery/jquery-1.10.2.js" type="text/javascript"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"/> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js">
Sort table row from data attribute
Hi, I have the following code and despite all my attempts it doesn't sort. I've console.log before and after and it's the same. When I debug the comparison it returns the right value. I'm wondering what I'm doing wrong var Elements = $('#tablecontent tr'); $(Elements).sort(function (a, b) { var contentA = $(a).data(SelectedSORT == 'ROOM' ? 'appartment' : 'fullname'); var contentB = $(b).data(SelectedSORT == 'ROOM' ? 'appartment' : 'fullname'); return (contentA < contentB ? 1 : 0);
Menu control doesn't respond to Enter
Debatable whether the selection should be triggered by Enter, or Space, however for Enter, there is no code hooked up to the case: case $.ui.keyCode.ENTER:
understanding waypoints code
hey guys ! was just going through the code of waypoints.js and came across the following lines of code :: var Waypoint = window.Waypoint function isWindow(element) { return element === element.window } function getWindow(element) { if (isWindow(element)) { return element } return element.defaultView } and I have the following difficulties :: what is element.defaultView doing ??? MDN , does't give much info and here , its mentioned , that it gives a referance to the
Jquery extend VS pure JS extend
hey guys just came across a extend function in a pure js plugin here , have a look below :: NoFrameworkAdapter.extend = function() { var args = Array.prototype.slice.call(arguments) function merge(target, obj) { if (typeof target === 'object' && typeof obj === 'object') { for (var key in obj) { if (obj.hasOwnProperty(key)) { target[key] = obj[key] } } } return target } for (var i = 1, end = args.length; i < end;
why is jquery source code stored in multiple files ??
hey guys , bit of a random question , i was just checking out the jquery project hosted on github here . , and there are so many folders and sub folder and some methods are in one file and the others are in another , now i taught jquery was just going to be one bit js file , the last time i put the CDN link in the browser , i saw a js file that spanned about the size of 10000+ lines of code , so what is this new style of organizing code ? is there any document that makes sense of this style of
A little help needed with a replace function
I am trying to replace a character with all headings but cannot seems to achieve it without also changing styles/href's. Here's my attempt at the function with a following example of the problem. $(document).ready(function() { /////////////////////////////// // find and replace headings // $('h1, h2, h3, h4, h5, h6').html(function (replaceos, osreplaced) { return osreplaced .replace(/o/g, '0') .replace(/O/g, '0'); }); }); <h3>Here is my string, I want t0 make changes here <span style="c0l0r: #4a1e51;">and
JQuery plugin only loads on refresh
I have a plugin TwentyTwenty installed on wordpress and it seem to only be loading on refresh. Any thoughts? If you click into any of these gallery items, you will see what I mean. http://preview.lhkruegerandson.com/before-after-gallery/
Accordion and function parameters
When the HTML page displays with the jQuery code, the accordion always opens with one section open (currently the first). Is there a way for that not to happen, that is, when the page displays, all sections are closed and now the viewer is presented with all the FAQs available for them to browse instead of having the extra step to close the first one and then they can see all the FAQs. Thanks
how to insert multiple rows from a html table and insert to database using jquery
Hi All, In my application ,i want to add multiple rows from a table to database by a single click using jquery. following is sample table <table> <tr><td>EmpId</td><td>Ename</td><td>Dept</td><td>Salary</td></tr> <tr><td>1000</td><td>Arun</td>Civil<td>10000</td></tr> <tr><td>1001</td><td>Kiran</td>Accounts<td>5000</td></tr> </table> when a button is clicked i want to save these 2 records into database. just like fetch values of 2 rows and add in an array and pass that value to another page and executes
Getting google maps latlng Array from JSON
Dear forum-members, I'm new to this forum and pretty new to JQuery and I have an issue that I can't solve by myself even after long research. Currently I'm loading coordinates into an array directly in my html-file: var AreaCoords = [ new google.maps.LatLng(48.250118898964146, 16.542320251464843), new google.maps.LatLng(48.25304504692614, 16.472831717692315), new google.maps.LatLng(48.20913525537747, 16.440147397806868), new google.maps.LatLng(48.190462182620756, 16.468437190633267), new google.maps.LatLng(48.18167250808985,
Select specific days within range in MultiDatePicker
I'm using this MultiDatePicker to allow users on my project to select multiple days on the calendar. My problem is I want to allow them to select specific week days and then select a date range and by doing this select those days within the range. Example: Select all (Monday) and (Wednesday) from (September 10 2014) to (August 10 2014) and when the user clicks a button or something, all Mondays and Wednesday within September 10 and August 10 get automatically selected in the full-year calendar's
reposition div on window resize
Hi there How can I change the right & top position of a div when the browser is being resized. $(window).resize(function() { updateScreen(); mobScreen(); }); function mobScreen(){ screenWidth = $(window).outerWidth(); if(screenWidth < 500){ console.log("screen is smaller: "+screenWidth); $('#player-target').css({ "right": 1070, "top": -220 } ); } if(screenWidth > 500){
someone please reply....how to use jquery in refreshmonkey...for a particular function...
i use refresh monkey to refresh pages in 5 seconds interval... for doing website testing... the page will usually show 1) there is no work or 2)loading... all of a sudden work appears with words like how to use terminal... without any url change... if i don see it it refreshes for 4 more times and says u requested it too often... what command to use please explain it from basic... i'm totally dummy... some one please help me....
what time does this string translate into for someone who is not an engineer?
{"query":{"id":[{"timestamp_usec":"1421117320952355"}],"query_text I would appreciate any help that can be offered. Thank you. Susan
Slider with jQuery UI not working properly in Safari
I created an image slider where I use the jQueryUI draggable function and am experiencing a problem now with Safari. In Safari the following happens: on mousedown on a picture and the mouse is slightly moved the first image is moved in the visible area (doesn't matter which image was visible before) but on mouseup the next/previous image is shown (as is should). I don't really know where it comes from - maybe from jQuery UI draggable? Here is a demo: http://codepen.io/anon/pen/YXVmEm (the problem
Jquery with Servlet 3.0 file upload is not working Boundary is missing
Hi, I am trying to upload file with Servlet 3.0 and Jqueryjquery-1.11.3.min.js version. Its not working, issue is that boundary is missing in request header. Whereas normal form post is working fine. Please help.
Autocomplete Combobox search method not working
I have the following jQuery UI Combobox. When I click on the "show all" button, it searches for the value in the input box, instead of displaying all items. The line input.autocomplete("search", "") is supposed to display all items. However, it seems to ignore it. Any help would be greatly appreciated. (function($) { $.widget("custom.combobox", { _create: function() { this.wrapper = $("<span>") .addClass("custom-combobox")
Using clipboardData.getData for image files
I'm trying to write a jquery script that gets the data out of an image file that's being copied and pasted and then turns it into a DataURL. The getData option here is returning nothing for me when I paste in a file (ex: myfile.jpg). It doesn't seem to matter whether I do this as getData("text") or getData something else. Alternatively, if I can't get the contents of a file this way, is there a way to convert the jQuery event object into a regular Javascript event object. I can use e.clipboardData.items[0].getAsFile()
Jquery paste event doesn't work the first time (but does after)
I have a jquery script which is supposed to capture the paste event in an IFRAME. It works perfectly, but only from the second paste attempt onwards in each session. Any idea how to make it work the first time? I've seen some posts about this problem suggesting that I use a setTimeOut to delay the response, but that hasn't worked for me. $('iframe').each(function () { $(this).contents().find('body').on('paste', function (e) { console.log("paste captured"); }); });
Preload then compress into a dropdown.
Hello, The code below needs to be preload before its compress into the dropdown below. I never used jquery before so any help would be much appreciated. <style type="text/css"> .styled select { background: transparent; width: 236px; font-size: 16px; border: 1px solid #ccc; height: 34px; } .styled{ margin: 0px; width: 236px; height: 34px; border: 1px solid #111; border-radius: 3px; overflow: hidden; background: url(http://rgn.community/fastdl/arrowdown3.png)
Retrieving values from array styled dataset
I have an OPTION tag as such... <option value="478" data-tagset='{"categ": "PayOff", "selector": "checkbox", "tags": ["ARM"]}, {"categ": "Term", "selector": "checkbox", "tags": ["5/1"]}, {"categ": "Type", "selector": "checkbox", "tags": ["FHA"]}, {"categ": "Features", "selector": "checkbox", "tags": ["203k", "Streamline"]}'>FHA 5/1 ARM 203(k) Streamline</option>
Persistent toolbar transition issue
Hello, I'm using persistent toolbars, which seems to work except for a visual issue during transition. Which you can see in the fiddle below. I have tested it in Chrome and IE, in both this seems to occur. My fiddle Is this a bug or am I missing something?
Next Page