Checkbox limit-with partial id=^ s
I’m having a small problem finding the right Jquery to get this to work. Building (pro-bono) a unique library checkout page for a non-profit. They want books/titles listed under the subject(s) they cover, many titles cover multiple subjects. It’s a camelid org and have many titles that cover for example Training, health, breeding, etc. Building the list using PHP, I create the unique IDs of each title and subject. The ID contains the sequential title number, the number of subjects represented and
jquery changing img src dynamically
Hi Every body, I've a question, in this following script (in WHILE loop), i'm receiving a array (result) containing a image (named process_img) and then I dynamically assigned as follows: $('#process_img').attr('src',result.process_img); While processing I could receive 3 different states (like opened.gif, closing.gif and closed.gif). Everything working fine in Firefox but not in Chrome or even IE. Could you please help me to find out a solution. Best regards Raphy $('#process_img').click(function(){
Using .load and the loaded page uses jQuery
Trying to write my first Mobile app using jQuery. So far I have managed to navigate through several pages, but now I need jQuery to do things on these pages. I merely seek to explore this, but I am unsure the appropriate terms to use when searching.
Making cards match
I am trying to make a matching card game to become better in js in which when you open two cards that match they disappear from the deck. I am populating a ul with the images from an array like so: var masks = ["1.jpg", "2.jpg", "3.jpg", "4.jpg", "6.jpg", "7.jpg", "8.jpg", "1.jpg", "2.jpg", "3.jpg", "4.jpg", "6.jpg", "7.jpg", "8.jpg"]; for (var i = 0; i < masks.length; i++) { $(".deck").append('<div class="card"> <img class="card" src="./' + masks[i] + '"/></div>'); } }) Here is
Defining hidden field variable based on radio button selection
How can I pass a hidden field based on the answer to a radio button question? Client Conditioned Radio Yes Radio No If radio = yes, pass conditionAlert value="current" If radio = no, pass conditionAlert value="standby" <label class="form-check-label" for="clientCondition">Is client conditioned?</label><br> <label><input type="radio" name="clientCondition" value="Yes" required>Yes</label> <label><input type="radio" name="clientCondition" value="No">No</label>
unexpected character at line 1 column 1
I am receiving Player has signed in. jquery.js%20line%202%20%3E%20eval :137:9 SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data in my console log and here is this console.log("Player has signed in."); $("#content").load("pages/play.php"); } else if(data == 0){ $("#content").load("pages/signIn.php"); return false; }
Selectmenu loses initialization after switching tabs
We have an issue with tabs and selectmenu After we switch between tabs it looks like the selectmenu loses its intialization.However if I re-initialize the selectmenu, I get a second menu. All the content is requested via ajax. JQuery: 1.11.1 JQueryUI: 1.12 /Theo
Show hide div based on radio group value
Please someone tell me how to get this working to show/hide div based on radio group value on page load and if changed <script> $(function () { if ($('input[name=assumptions]').val() == 1) { $('.assumptions-row').show(); } else { $('.assumptions-row').hide(); } }); </script> <form> <p> <label> <input type="radio" name="assumptions" value="1" id="assumptions1"> 1</label> <br>
How to make html table input text Resizable using Jquery
Dear All, I had written the sample program where I required to make "Re-sizable" for dynamically created input text control and binded to html table on button click. And I had followed JqueryUI Resizable ,But I am unable to make it. Can any one please help me how can I make it https://jsfiddle.net/spspecalist87/1dkuhrtd/ Srk
The sort on the Jquery Data-table Table Date field appears to be sorting by month and not the entire date
Dear All, I had customized the Jquery data-table based on my requriments ,But I see that Jquery Data-table Start date column is sorting by month not of entire Date. https://jsfiddle.net/spspecalist87/ubmd6yre/1/ Can any one please help me how can I solve it. Srk
Passing a block of html to jQuery function
I am new to jQuery and trying to figure out the sample code below: var taskTemplate = '<li class="task"><input class="complete" type="checkbox" /> <input class="description" type="text" placeholder="Enter task description..." /> <button class="delete-button">Delete</button></li>'; function _renderTask(task) { var $task = $(taskTemplate); if(task.complete) { $task.find(".complete").attr("checked", "checked"); } $task.find(".description").val(task.description); return $task;
Autocomplete pre populate other input
Hi, i'm using autocomplete on one input. Now i like to populate other input with the selection of the first... I'm trying like this, but dosent work... Anybody can give me some help? <script> $(document).ready(function(){ $('#ncm').keyup(function(){ var $this = $(this); var valueSearch = $this.val() $("#ncm").autocomplete("ncm_autocomplete.asp", { selectFirst: true, multiple:
How to convert from RGB to color name?
I'm new with jQuery and I've run into a snag. I have css set up and <divs> to display a circle and two squares on the page. I wanted to have an alert provide the background color as well as a shape name. When I used the following code, I get back the RGB code: $("div").click(function(){ if ($(this).attr("id") == "circle") { alert("You have clicked a " + $(this).css("background-color") + " circle!"); } else { alert("You have clicked a " + $(this).css("background-color") + " square!"); }
Ajax Poll Script showing insecure XMLHttpRequest
I created a new website which ask user to poll. I am using "Ajax Poll Script" by phpkobo. Site is ok on non-ssl but when I install ssl certificate then its showing Mixed content error. I search about it here but didn't got any solution and also tried to fix it myself but failed. I am new to this type of mixed content error. **Exact Mixed Content Error Showing is:** Mixed Content: The page at 'https://onlinevoter.org/site/' was jquery.js:4 loaded over HTTPS, but requested an insecure XMLHttpRequest
Unable to to set the value for colned dropdown
Dear All, In below fiddle URL I am able to colned html drop-down to the html table on button click. https://jsfiddle.net/spspecalist87/yzo4j3ax/1/ And I had added the below piece of code in it to set the value for cloned drop-down . But I am finding no luck with it can any one please help me how can I do it. drbtabletop.attr("Value", "Andrew"); Srk
Friends? Can I make a button that itself will be pressed all the time, after a specified time
Can you plz show how do it with jquery
swipe to animate PNG sprite sequence
Hi The problem I'm having is how to control the width of the area the user swipes (touch move) their iPad or other iOS device and the 'mousemove' on desktop to effectuate a PNG sequence animation. At the moment the user has to swipe the entire width of their iPad to play the entire sequence of a sprite PNG. NO one ever swipes the entire width and so they don't see the full left and right frames which is vital in this particular case.. I would like to decrease the width of the area they need to
Hello! I display pictures in a table from the database.
I display pictures in a table from the database. If I do not use a modular window, display it as it should in each cell. But if I use a modular window, displayed only the last image in each cell . Plz help to change the code or write function <!DOCTYPE html> <html lang="en"> <head><meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="assets/control_styles.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
Mixed Content Warning only when I hit the calender button
Hello There, I get a mixed content warning the moment I hit the calender in my request form. jquery.js:3 Mixed Content: The page at 'https://www.ossiachersee.net/urlaubs-anfrage/' was loaded over HTTPS, but requested an insecure image 'http://code.jquery.com/ui/1.11.4/themes/smoothness/images/ui-icons_222222_256x240.png'. This content should also be served over HTTPS. This is a wordpress site. How do I get this fixed? I am an absolute beginner..... Thank you for your help! Kind Regards, Inge
changePage failure cripple AJAX calls
I have a problem with JQM when a "changePage" failure occurs within an AJAX calls. After JQM reports a "page load failed", all subsequent AJAX calls throws an error. Here's the code: // Event when user click one of the function button $('.page_main_menu_role').on("click", function () { // submit the selected role to server $.ajax({ type: "POST", url: "./SelectRole", data: { RoleID: this.getAttribute("roleid")
Remove display:hidden from an image on click
I am populating a div with images from an array that is inside a div with a black background: var masks = ["1.jpg", "2.jpg", "3.jpg", "4.jpg", "6.jpg", "7.jpg", "8.jpg", "1.jpg", "2.jpg", "3.jpg", "4.jpg", "6.jpg", "7.jpg", "8.jpg"]; $(document).ready(function () { for (var i = 0; i < masks.length; i++) { $(".deck").append('<div onclick="display()" class="card"> <img class="card" src="./' + masks[i] + '"/></div>'); } }); the img tag has a css code added to it display:none so that
Autocomplete with categories and scrollbar
I'm having trouble with using autocomplete with categories and then adding a vertical scrollbar. When the list is shorter than the max-height the scrollbar does not show just like expected. But when the last item in the list is selected the scrollbar appears. JSFiddle example (taken right off the demo page, type "a" in the input) Any clues on how to solve this?
How to duplicate the music tracks of this Jquery player?
I am new here and learning to JQuery and hope I'm not asking in the wrong area. Well, I do not understand almost anything about JQuery yet but I've tried it a lot by myself... I'd like to duplicate the tracks on my player, with its control bar being just one. Explaining better; I wanted the tracks to appear in two places of the site and that by clicking one is like clicking the other as well. When using the controls (play, next etc) also work in both at the same time. In short, the <audio> tag will
$('form').loadJSON(data) and SELECT
I would appreciate some insight here: I am used to drop downs being bound to database fields I have a select drop down on a form used to populate the insert/update query sent to the server. <td><select required id="position" name="position" onChange="changeFlag(1)" > <option value="0">Select <option value="1">Board Member <option value="2">Administration <option value="3">General Member </select></td> When I repopulate the form field with JSON $('form').loadJSON(data); , I expect the data from the
Show the total based on select menu
I have this html below where the user can select how many "registrations" wants for each registration type. Each registration type has a price associated, so if the price of registration type "general" is "10€" and the price of the registration type "plus" is "5$" and the user selects just one of each registration type the total is 15$. But if the user selects one of the registration type "general" and two of the registration type "plus" the total is 20$. Do you know how to properly show the total
validate plugin - error message styling and refocus difficulties
Hi Team, - please be gentle I'm trying to get upto speed all all these technologies :-) I am configuring an enrolment form which is currently built with bootstrap form classes ( we are using latest bootstrap v3 and latest jquery). I have successfully added the validate plugin and have my various rules are all working fine. I even have small glyphicons appearing on successful or unsuccessful validation of the field. However, the message text is very small italics in the default grey font, and I have
How to show the Jquery Data table Total Entries On Top of the header
Dear All, As we all knew that Jquery data table shows the total entries below the data table. Example :Showing 1 to 10 of 100 entries. Can any one please do let me know how can I show at the top the data-table. Becoz I tried showing it using Data table DOM Positioning Also I tried using Multiple table control elements "dom": '<"top"iflp<"clear">>rt<"bottom"iflp<"clear">>' in my fiddle ,But found no luck https://jsfiddle.net/spspecalist87/gufor47z/3/ Srk
jQuery Mobile 1.4.5
Hi everyone, first off may I begin by apologising in advance if I have submitted this query to the wrong area, I am so new to this subject that I have no idea whatsoever if this belongs in "Getting Started" or "Using jQuery" or "Using jQuery Plugins" such is the depth and breadth of my ignorance. I have come to this forum in the hope of getting some assistance with what I suspect is a jquery problem that I have. I say suspect because really have no idea with regards to using jQuery, but when I requested
JSON with Loop
Hi, I have below response from ElasticSearch. URL which i typed in was http://localhost:9200/dummytest/_search?pretty { "took": 0, "timed_out": false, "_shards": { "total": 1, "successful": 1, "skipped": 0, "failed": 0}, "hits": { "total": 10, "max_score": 1, "hits": [ { "_index": "dummytest", "_type": "testusers", "_id": "1", "_score": 1, "_source": { "ndex": 1, "firstnamename": "KC", "lastname": "Park"}}, { "_index": "dummytest", "_type": "testusers", "_id": "2", "_score": 1, "_source": { "ndex": 2,
How to Count Jquery Data-table Individual column (select inputs) total values or options and display at top of Column Header
Dear All, In my jsfiddle there is a code where I am able to display information using Jquery data-table which is perfectly fine .And there is column "Name" having select drop-down on top of that it which is also working fine to filter the data. My client insists me to get the total count of drop-down options or drop-down values for Name column and display the value on top of the column header. https://jsfiddle.net/spspecalist87/339q4957/3/ As we can see in the drop-down of "Name" column there are
Unable to Disabled button , Input and Select control's on button click for html table
Dear All, I had written the below code where I required to disable the input , select and button controls and change the background color on click the submit button. But I am finding no luck to move further.Can any one please let me what's going wrong in my below function. <head> <style> #customers { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; } #customers td, #customers th
Prevent carriage returns
I have a vanilla js function below that prevents any line breaks in a textarea whats the jquery equivalent of this please, covering all bases if users is typing or pasting content.: window.onload = function(){ var short_desc = document.getElementById("short_desc"); short_desc.oninput = function() { document.myForm.short_desc.value = document.myForm.short_desc.value.replace(/\n/g, " ").replace(/ +/g," "); } };
How To upload a Xlsx File to server and wait response of server..
Hi, how to upload a File using jquery+ajax and wait the response of server? Thanks
Switching between to classes
I have (thanks with some help) an input field, where the user can search for words. Now i trying to do something, but cant figure it out, so maybe, some one can help me? A.t.m. the site shows for each word also an symbol. Now i'm trying so that all the symbols are always hidden at the start. Then when the user search for the a word, i want for that specific word that the symbol appears and then the word disappears. [example given: the site shows this: "Hello, how are you?", when the user then search
Autocomplete renderItem: Can you also render input text and clickable buttons
We have an existing code that uses jQuery Autocomplete on one of our search functionality utilizing _renderItem to customize the label. What I need is to also customize the rendered item to have an input field for quantity and a button for updating counts. Is there a way to utilize _renderItem for this functionality? Here is a sample screenshot of what I need to create: I have tried customizing the .append() but it seems to always trigger the select action wherever I click even if the anchor tags
Transferring Data from one web-page to another
Hello, I am pretty new to programming and even newer to jQuery so I apologize if this comes off as a very naive or foolish question. I am trying to figure out how to send information (numerical) from one web page to another web page. The desired end result is that when I load the 2nd web page, it will use the information provided by the 1st web page, within its function and give the result. Normally, the second page would require you to select a button after inserting numerical data/information into
change not working in EDGE
Hi, I have a form running Jquery. When the input field are changed, the data is saved via Ajax. I am doing this via a $('#form_input').change(function() { //do stuff... //save via ajax }); The function is triggered after a tabulation or a loss of the focus when the field is changed. This works perfectly well in Chrome, Firefox and Microsoft Edge 40.15063.674.0 When I run the same code in Edge version 41, it does not work. Any ideas, is this a known issue? Kind Regards Fred
req help on jquery sidedrawer menu
Hi All, I have recently started using Jquery/JS scripts and found an script (sidedrawer) that I am using right now: The script is working fine except for that when I open my page the menu is being shown by default instead of collapsed. The script I am using is as per below, how can I modify my script in such a way that it will collapse and only open once I click the Open button? html: <b class="closebtn js-hide-sidedrawer"><font size=2>Open</font></b> <div id="sidedrawer" class="mui--no-user-select">
convert Date Format from ( Monday, April 30, 2018 ) to DD:MM:YYY (4/30/2018)
Dear All, I had written the below code to convert the data Long date to Short date . Actually I am having the value "Mon Apr 30 10:30:00 UTC+0530 2018" in a var variable .And I am using the method toLocaleDateString() to get the format of DD:MM:YYY( 4/30/2018 ) . But the problem is when I use the same method toLocaleDateString() I am getting the result as Monday, April 30, 2018 . Can any one please help me how can I solve it Srk
Replace youTube height and width
dear sir / madam we have YouTube code <iframe width="560" height="315" src="https://www.youtube.com/embed/MtbxtzufgTM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> we want to replace width by 100% and height by 100% I want to do it using JQUERY in php I am using $copy_date = $rows['detail'];// youtube code $pattern = '/width="\d+"/i' ; $new_style = 'width="280"' ; $detail = preg_replace($pattern, $new_style, $copy_date) ;
Next Page