How to return multiple JSONs?
Hi, I am using below PHP and jquery to generate json in order to read it using jquery: PHP: $mysql_query = $mysql_connection->prepare('CALL sp_get_request_processing_period(:param_request_category)'); $mysql_query->bindParam(':param_request_category', $request_category, PDO::PARAM_STR); $mysql_query->execute(); while($mysql_row = $mysql_query->fetch()) { $processing_days[]=array('days'=>$mysql_row['processing_period_in_days']); } $mysql_query = $mysql_connection->prepare("CALL sp_populate_request_purpose(:param_request_category)");
Emoticon in textarea
On every bottom of a news article I have a textarea so people can post a comment. Underneath this textarea there are some emoticons people can click on and the bbcode is placed in the textarea. This works fine only when someone clicks an emoticon the page scrolls to the top. Does anyone know how to prevent this? $('#emoticonbox a').click(function(){ var smiley = $(this).attr('title'); $('#reactiearea').val($('#reactiearea').val()+" "+smiley+" "); });
combine all js in one file
how do i combine all my .js files into one js and add only 1 js to my page??? there are the same variables and functions names in those files!
How to add a class when my fixed logo overlaps a certain div?
Hello all, Thanks in advance for any help! So I have a fixed header and I need to add a class to my logo when the logo overlaps a certain div. So the whole time the logo is over top a certain div, a class is added to the logo. Anyone help?
problems with jquer 1.6.2 - "ixquery not defined"
An application i am working now uses jquery 1.4.2. i upgraded it and now i use 1.6.3. but after that i an facing some issue like dropdowns not working , cannot access the menu (ribbon) etc. it is showing 'ixquery' not defined. can any one pls help me, so that i could move with jquery 1.6.2.
How to uppercase for my Array list word only
i've two textarea if user type something first textarea my array list check if this word in array list so uppercase those word else word as it lowercase for eg var arr[]=['CRATE','TABLE','PRIMARY','IDENTITY'] <textarea id="txta" style="width:600px;height:500px"></textarea> <button type="button" value="Sumit" id="btn" >Submit</button> <textarea id="txta1" style="width:600px;height:500px"></textarea> if user type create table info( int id primary key identity(1,1) ) output below as CREATE TABLE info
JQuery not parsing the json_encode's output properly
Hi, I am trying to populate a SELECT from PHP and JQuery but the output from PHP is adding a backslash to the closing </option> tag and removing the <option> opening tag like this: Bank Facilities<\/option> Embassy<\/option> Government<\/option> here is my code: $( "#cboRequest" ).change(function() { if (!$("#cboRequest").val()) { $("#divPeriod").hide(); $("#divPurpose").hide(); return false; }; $.ajax({ type: 'GET', url: "get_request_processing_period.php", dataType: "json", cache: false, data:
Sortable with limitation of elements or number of characters ?
For a certain number of rows and/or number of characters, it is not possible for me to insert elements between the first elements. Therefore, exist limitations for the number of characters or the number of elements for the sortable functionality? For my application are sortable implemented within sortable. Or perhaps is this not allowed? An example I have realized in jsFiddle .
Click on Submenu not working , so is the menu click on mobile
Dear Sir/Madam I am trying to run http://prajaktasoftware.com/tiltedtulips/index.php# getting following error As guided by JACK, i tried to debug using Developer tool However grtting folloing errors jquery-ui.min.js:9 Uncaught TypeError: Cannot read property 'mozilla' of undefined(anonymous function) @ jquery-ui.min.js:9(anonymous function) @ jquery-ui.min.js:9 cssmenuscript.js:13 Uncaught TypeError: Cannot read property 'left' of undefined(anonymous function) @ cssmenuscript.js:13j @ jquery-1.11.3.min.js:2k.fireWith
get/view TCP hop count from packet header
hello one and all, when i use jQuery.ajax, is there a way to read/get/view the TCP hop counts through all of the packets received when ajax is .done? if so, how is that done? thank you in advance, lucas
need help in jquery auto complete feature
I am new to jquery and javascript. I am trying to develope a text box which will have autocomplete feature displaying data from database. After looking into several solutions over internet and tried them with no success I came over here. I have created a HTML file autocomplete_demo.html as below, <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>autocomplete demo</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script
basic workfllow question.
So i just descovered the power of grunt.js , just one question i have , a very basic one. ofcourse , grunt creates a folder node_modules and also you have the package.json file and the gruntjs file ,so now when i see git repositories , i see the grunt and package.json files uploaded ,but the node_module folder is excluded , WHY ? see how its been ignored HERE . So when uploading to the server , should i exclude the node_modules folder too ? also when uploading to the server should i keep the package.JSON
Having Issues with Responsive Image Gallery
Hey guys. I'm super new to jQuery and am having some severe difficulties using the "Elastislide" image gallery on my website. (directions here ). All my browser is pulling up is the black nav bar but without any thumbnails or anything. Any idea whats going on?
Recommend a fixed grid gallery plugin?
A lot of the image gallery plugins I've seen online are both responsive and try to optimize placement of images that have differing width/height so they all fit neatly. This is not what I'm looking for. Instead I'm trying to find a traditional layout with fixed height/width (like Youtube's video layout). I'll be displaying both image and text pulled from a database. I've seen Masonry but that one has variable height. Can you recommend a plugin?
Using .animate with :lt() Selector
Hi all, I have the following working code which is executed onclick: $waste.append($stock .children('.container:lt(3)') .css( 'left', function(i) {return ['0rem', '2rem', '4rem'][i];}) ); It shows 3 div's positioned 0, 2 and 4 rem from a left div border. This all shows up correct. BUT....I don't want these 3 DIVs just to appear on their given location, I want to move them to that location. How to do this? I've tried things like: $waste.append($stock .children('.container:lt(3)') .animate(
Simple Animation not Working
Hi guys I am using a simple jquery fadeIn and slideDown effect on a click event but for some reason it doesn't work here's my code <form id="Form1" method="POST" action=""> <p> <label for="moneyInAccount">Enter the amount you have in your account</label> <input type="number" step="any" name="moneyInAccount" placeholder="0.00" > <input type="submit" name="moneyInAccountBtn" value="Submit"> </p> </form> <p id="moneyInAccountParagraph"></p><br> the jquery code is as follows $("moneyInAccountParagraph").hide();
Datepicker how to disable tooltips
How to disable all tool tips in any datepicker used throughout a web app. I would think that an afterRender or afterShow event could be used to remove the titles from the Datepicker structure elements that have titles once it exists on the page. However, a configuration property to avoid adding the titles in the first place would be better. Can either of those be added to the datepicker widget? If so how to do it?
QUnit.config.collapse, small bug?
I find that QUnit.config.collapse does not work exactly as documented. When 'false' all failed tests collapse. When 'true', the first failed test is not collapsed. v. 1.20.0 This is the statement at the top of my js testing unit: QUnit.config.collapse = true;
Is there in jQuery a method like load but for submitting a form?
I am looking for a way to submit a form, just like I clicked a submit button, but without refreshing the page. I am ok with using ajax to do this. But I am wondering if there is some simple way to just submit a form. If I did plain JS, it would be document.getElementById("myForm").submit(); But this causes a refresh because it's just like clicking the submit button. SO I am new to Jquery. Load works great for getting data. Is there something like Load for submitting data that just submits the
How to make photo gallery change position of images when mouse is over image?
Hi, I have a photo gallery. I have a custom scroll. So, the photo gallery is first a small strip that goes up and down only. So, with my custom scroll you can scroll thru the images. The images are small and the div holding them is a small strip rectangle box. What I want to do is when a mouse goes over a image I want to increase it's height and width to make it bigger but will make the div be as big as the webpage. The mouse needs to stay over the image. If it goes out there's a timer which
jQueryMobile Header Rendering / Background failed while Page Transition
im just working with JQM 1.4.3 / 1.4.4. With Chrome, Firefox and so on it all works fine (Desktops) - but if i "emulate" a mobile phone with Chrome Developer Tools or try the site on a real mobile the fixed header of my Site fails to render WHILE Page-Transition is going on. I googled so long but the generally known "Flickering Issues" - Solves didnt clear my Problem. To make it more visible to you there are 2 Screenshots - the first one shows the Page-Header as it should be. The second One shows
The background color of checkbox changes irregularly.(ver.jqm 1.4.2)
I am having a problem on using checkbox of jquerymobile.This problem can be discribed as the following steps. 1.Make a page that shows some checkboxes.And load this page into webview of Android. Javascrpit source: <input id="1" type="checkbox" value="1" data-mini="true" class="custom-checkbox"> <label for="1">one</label> <input id="2" type="checkbox" value="1" data-mini="true" class="custom-checkbox"> <label for="2">two</label> <input id="3" type="checkbox" value="1" data-mini="true" class="custom-checkbox">
Jquery Mobile Fixed Position(Transparent, during transition)
Hi I encounter a problem, Whenever I apply a fixed position to the footer, I get a transparent looking navbar, where it disappears, then reloads afterwards. Attached is a screenshot of what I am referring to, also can someone kindly help me. I know it maybe something simple, but help me please, it is driving me crazy. Here is my code: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1"> <title>jQuery Mobile Web
jqm 1.4.5 background image in header/toolbar
hallo i can't make visible in the android browser a background image. is it possible? couldn't find infos about. it seems not to be possible. perhaps its no problem but i dont get it. can anyone post a simple example??? thx burro
Problem with 2 Datepickers On Same Page
I'm new to Datepicker and cannot seem to get 2 Datepickers on one page to work using your example. The first one works but not the second one. This should be simple! Here's the code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
New to jquery have a question
To have jquery work on each page must the link to the script be palced on each page? or just on the sites index page.
ajax POST being sent as GET
I am sending an ajax POST request like this: $.ajax({ url: url, method: 'POST', dataType: "json", data: { recipe: recpie } }) But the request is being sent as a GET: Request URL: http://127.0.0.1/api/update_measbox?recipe=MALBHDPOR Request Method: GET Status Code: 200 OK Remote Address: 127.0.0.1:80 Any ideas as to why this is happening and how I can get it sent it as a POST?
Issue: Traverse nested tables on client
I have nested checkboxes when I select a checkbox it should select all the checkboxes below as well and same when I deselect top most checkbox. However this isn't happening. I have the following code. This is returning length 0 v ar matches = $("#" + childId + " input[type='checkbox']"); I am using telerik to create the grid. HTML: IL-7797 1/22/2015 -329 1 PIN Address County Owner Service Date Expiring Days Until Expired Times Extended Extension Available Command item
$('. ').is(":focus") Works Differently in Safari, Firefox and Chrome
I have a piece of code that creates a popup with a textbox and two buttons. The code tracks which item has focus to trigger proper events. The problem is that the method ($('.').is(":focus")) does not seem to work for <input type=submit>. It works for <input type=text>. Is there a reason for this? Alternatively, is there a better way to track if a button was pressed in this case? I still want to retain the ability to hide the popup if the user clicks off outside the content box with inputs. Here
Popping a busy indicator over JQuery UI Dialog
Hi Jake :), Sorry if I can't provide a JSFiddle but it doesn't accept HTML injection in the document and that's the point here. I show a JQuery UI Dialog and in this dialog I have a button to seek data on the server but I have to show a busy indicator which I create dynamically and inject into the dom which in theory goes at the end of the stack. The problem is that this busy indicator is shown behind the dialog. Now here's what I already tried. 1) Set zIndex of the JQuery dialog ...}).zIndex(100);
Comparing the dates between from date and to date not working as expected
I need to compare the from date and to date in cloned rows. For example: If I select from date as 12/01/2007 and to date as 12/01/2005 an alert should come your from date is greater than to date. If the user click add row button in the from date if the user gave 12/11/2004 and the to date as12/17/2015 it should say from date is greater than previous to date. If both dates are correct for example 12/01/2000 to 12/12/2002 I should get the total no of exp in the top label (this was working with my current
Setting div to empty and more...
Something new to me. I have <div id="div1"></div> Using jQuery ajax, I populate the div. Part of that population includes <button ID="Close" value="Close">Close</button> The script for the page includes: <script> $(document).ready(function(){ $("#Close").click(function(){ $("#div1").empty(); }); }); </script> The idea of this was to set the contents of div1 to empty. I need the contents of div1 to disappear from the page. But when I click the close button, nothing happens. It's
<canvas> ??
if you scroll to the contact section of this website HERE , and inspect element on the heading , u'll see stuff like : <cufon class="cufon cufon-canvas" alt="CONTACT " style="width: 297px; height: 70px;"><canvas width="386" height="89" style="width: 386px; height: 89px; top: -11px; left: -15px;"></canvas><cufontext>CONTACT </cufontext></cufon> whats all that for ?
_renderItem for jquery Autocomplete doesn´t work -> undefined
Hello i would made an Autocomplete function for an intern order form. Now i would format it a little bit. I found this function _renderItem, but don´t get working. It displays undefined for itemnumber, name and image (../images/undefined). The choose is correct. Jquery Version: jquery-1.11.3. autocomplete.js: $(document).ready(function() { var products = $(".products").clone(); $('#search-box').autocomplete({ minLength: 1, source: function(request, response){ $.ajax({ url:"../ajax-search.php",
datepicker takes the whole page width
Hi, I just started with this framework and I'm trying to have a datepicker the width I want, the position I want but anything I'm trying to do isn't working. The datepicker is taking the whole page width. I really don't understand what makes it this large since I even tried !important to my width <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="/Content/jquery.mobile-1.4.5.min.css"
vmousedown and vmouseup Not Working on mobile
I need some help implementing the jquery.mobile-1.4.5.js in my code. I'm trying to find a set of events that will work the same on mobile and desktop, touch and mouse. All I am trying to do is change the background color of button elements when touched. Here is the code: Is this correct? <script src="js/jquery-1.11.3.min.js"></script> <script src="js/jquery.mobile-1.4.5.min.js"></script> <script src="js/jquery-ui.min.js"></script> And, $('#clockin, #clockout').vmousedown(function() { $(this).css('background-color',
Clone auto complete not working as expected
Hi all, Currently working on jquery clone and auto complete hre is my detail code for jquery clone var num = $('.cloned-row1').length; var newnum = num + 1; $(document).on("click", ".edu_add_button", function() { var $clone = $('.cloned-row1:eq(0)').clone(true, true).attr('id', "cloned-row" + newnum); $clone.find('[id]').each(function() { $(this).removeClass("errRed"); if ($(this).hasClass("required_Field")) { $(this).prevAll('label').find('span.required-star').removeClass('text-error-red');
Select Image Name
Hi I have a table that show some images. I add an Icon to delete the image when the icon is clicked. the problem is select the correct namefile of image to use with ajax <td> <div> <img class="deleteimage" src="' . $image . '" />'; <a href'' class='trash2'> <i class='glyphicon glyphicon-trash'></i> </a> </div> </td>
Hide Ipad Cut Copy Paste menu
Hi All, I am developing an application using jQuery. It also supports Ipad - 2. 1) I want to hide (not disable) 'Cut Copy Paste' menu on ipad. 2) How show only numeric IOS keyboard? Thanks in advance. Ketan
Can't get a fancybox to load on page load
Hello, new to this forum - seems like a great resource! I've trying to create a 'how did you hear about my site' pop up with Fancybox, but right now, I can only get the fancybox to load when a link is clicked, rather than on page load. http://jsfiddle.net/nvxq9ahd/ There are suggestions in the fancy box documentation but I must be doing something wrong. Would really appreciate to know where I went wrong. Thanks in advance!
Next Page