jQuery POST vs GET (problem) in Apache Cordova
Hi to all, Firstly I´d like to apologize for my English if it is not correct. I have a problem passing variable from jQuery POST method to my PHP file. I am coding in Apache Cordova for Android. I have this function in JS file: //.....deletes clicked invitation .......... // function invitation_delete() { $(document.body).on( 'tap', '.events_pinned_invitations_button_delete', function () { console.log("ok"); var invitation_id = ($(this)).data("invitation_id"); console.log(invitation_id);
link to specific tabs from link on a different page of site
Hello there, I have a set of tabs here: http://thetalbotcuckfield.co.uk/menus/ but I'm having issues linking to s specific tab using a link from another page... http://thetalbotcuckfield.co.uk/menus/#tab-5 on its own doesn't seem to be working. Any solution greatly appreciated. Damien
jQuery Capture Paste Event to Paste the String to a Particular DOM
I saw this solution but I'm not sure if this will work. $("#textareaid").bind("paste", function(e){ // access the clipboard using the api var pastedData = e.originalEvent.clipboardData.getData('text'); alert(pastedData); } ); What I'm trying to do is for example I have this string "Thanks 091215" in my clipboard copied from a different source. How when I hit press CTRL + V or clicked Paste on a particular page "Thanks" will be pasted to an Input Box, and "091215" will be pasted in a Textarea. More
I-Frame and JQuery - help please
Hi All, I have an I-frame and a JQuery code. The problem is I don't know how to put them both together in an html code for a word press site. Here is the I-Frame: <iframe frameborder="0" scrolling="no" src="https://www.turk.travel/frameSale.aspx?agent=75562d3d-c6c0-4173-b590-7f01dc75f4d2&frameSaleType=123&width=960&height=371&langID=1055" style="width:977px;height:525px;" ></iframe> Here is the JQuery code - <script type="text/javascript"> $(function() { var search = window.location.search;
parsing json using jsonparse gives [object, Object]
Hi Everyone trying to learn how to use API data but running into the following problem. I am using: $.each(outputDUPCount, function( key, value){ console.log(key + ": " + value ); }); but my output code gives me: 0: [object Object] jsonParse.js:12 1: [object Object] jsonParse.js:12 2: [object Object] jsonParse.js:12 3: [object Object] jsonParse.js:12 4: [object Object] Can someone tell me how do i parse the actual json object to show me the info
wordpress cycle banner loads very small size sometimes
Hello, in this site http://edson.darkstarmedia.net/ the home page banner sometimes (jquery cycle) loads very small and breaks the page, please see screen shot. how can I guarentee it loads full size (100% of device width, max 1200px) every single time, im almost thinking i need to got back to the days of preloaders Also, it does not respond very well Safari is the worst, but all tested browsers are wonky and inconsistant
wijgrid not defined
Hi All, I have a table in my aspx file and I am trying to populate it using json and an ajax call. This works perfectly in another web project but I get wijgrid not defined when I have copied the same code in a different project. Here is my ajax code :- function GetCICData() { $.ajax({ type: "post" , async: false , url: "CICSequence.aspx/GetCICs" , contentType: "application/json; charset=utf-8" , dataType: "json" , success: function (r) { cicdata = r.d; cicdata = jQuery.parseJSON(cicdata) $( "#grdCICs"
how to store a web component , thats dynamic in nature.
Hey guys , I just have a really important question to ask , i am really found of design and everytime i see a great design , i can't help but press the print screen button , so suppose i like a navbar or say even a button , i would just take a screen shot and save it . But now what if that element is a dynamic element , like THIS (see the last item , the facebook button) , now the essence of that element is in the fact that it flips , so if i just take a screenshot its really hard for me to recollect
how to retain inline styles when swapped within the list
Hi , Please find the below fiddle where i am swapping within the list and everything is working fine, but i see when the texts are swapped the inline styles are being deleted. Can anyone help me how can i retain the inline styles even after swapping . Any help will be appreciated. http://jsfiddle.net/raving/so2fdqjs/8/ Thanks in Advance, Ravindra
fill in 3 fields from autocomplete
I have autocomplete setup on my site. It uses some ajax functionality to supply the drop downs that is fed back in json in that my selected data is city,state abbr, zip. What I end up getting is the city field, state field fill in properly, however the zip field is the whole data string. How do I modify the data that is selected. Here is my code. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Autocomplete - Remote JSONP datasource</title> <link rel="stylesheet"
Passing data to Hidden Field Jquery Autocomplete with multiple values
I am have Implemented Jquery Autocomplete which works. But I want when the user click submit a hidden field is updated with the userId so I can save it in the database. I cannot get the hidden field updated. Below is my code. $(function() { function split( val ) { return val.split( /;\s*/ ); } function extractLast( term ) { return split( term ).pop(); } $("#SearchString") // don't navigate away from the field on tab when selecting
Popup with Dropdown
Dear sir, I WORK ON POPUP AND DROP DOWN SO MY QUERY IS I USE SELECT IN POPUP AND AFTER CLICK ON SELECT THAT IS NOT POP UP I USE DATA-NATIVE-MENU=FALSE BUT STILL MY DROP DOWN EFFECT NOT WORK IT WORK LIKE SIMPLE DROP DOWN PLEASE GIVE ME SUGGEST ABOUT IT
Combine the sourcecode of jquery to the clipcut in javascript
Goal: Copy the data when you press the button for instance if you press button named "a", you should make a copy of the value inside of id="a1" and then you paste the value by right clicking or ctrl + v. Questions: How are you enable to connect with the code from http://jsbin.com/wenuxupayo/edit?html,output to the http://jsbin.com/gobohejone/edit?html,output? Info: *I'm using the http://clipboardjs.com/ in order to make a copy. Thanks!
SPA best practices with adding and removing content
I've developing an MVC SPA site with handlebars. Is it common to remove pages from the DOM when a user navigates to another page, or is it better to just hide the page? All the templates are loaded and cached in single-file. The cache contains all the raw templates. When a template is requested, the element is built and appended to the DOM. From then I can either hide and show the page when navigated to or I can cache the built pages, where I would add and remove the pages from the DOM. I'm
HELP! I NEED TO HAVE IT READY FOR THURSDAY
I have to connect html with jquery. In my html page i have a combobox in which you select a drink, a textbox which you complete with a number, a button called BtnMas. When you click the button the idea is to get the values from the txtbox and the combobox and save them on a variable. After this the cmb and the txtbox are cleared and you can add new values into them, which you will save adding them to the same string we used before.
Tabs from XML display array content
Hi, I'm a bit blocked with my XML content. When I try to display the content of my array in a each loop I cannot get the text. A little help will be welcome http://jsfiddle.net/psylion/eh89p8eL/17/ thanks in advance
Adding my own X to input fields to clear like chrome
Can someone help me with this? http://jsfiddle.net/master412160/ajbzx8tg/8/
how to check if all radio box groups have a selection checked
What i am trying to do is go through a web page and check if all radio groups have a selection made , to complicate matters there are some text fields that I do not need check ...at least not yet I have been fiddling with it over the weekend with no luck http://jsfiddle.net/merrittr/t4akzLL2/4/
What am I missing? Linking image to page.
Hey! Okay, so I'm using jQuery and VERY new to it all. If you look at this test page , you won't get confused... Try to stay with me, here! I want those images to pop up exactly like they are, however, I want to be able to click on the image again once it pops up and it bring me to another page. What code would I need and where would I need to put it? I was trying to test the last image and as you can see, failed miserably!
Help please.... Javascript (Jquery) -> TypeError: $(...).offset(...) is undefined
I'm from Brazil. My english isn't very good rsrs Error in my console Javascript error in Firefox -> TypeError: $(...).offset(...) is undefined error in Chrome -> Uncaught TypeError: Cannot read property 'top' of undefined This work was not that I did. I just maintenance. Can anyone help me, I'll send the error code excerpt $(document).ready(function(){ $(window).scroll(function() { clearTimeout($.data(this, 'scrollTimer')); $.data(this, 'scrollTimer', setTimeout(function() {
Basic user authentication works on Android, does not on iOS.
I'm building an app that gets data from a server using basic user authentication. This works fine on Android, but on iOS nothing happens. In safari it also works fine. This is the code I'm using: $.ajax({ url: main_url+'api-cache/'+slug+'.json?r='+random_number(), dataType: 'json', headers: { 'Authorization': "Basic " + btoa(localStorage.getItem('email') + ":" + localStorage.getItem('password')) } }) .done(function(result) { main_url is a link to an https website. I have als tried username and passwork
Lifetime of $._data
I'm currently working on a tool that examines accessibility issues pertaining to client websites and would like to add jQuery event handling as part of our automatic analysis. One of our rules accounts for having a tabIndex property associated with elements on the page that have an assigned click handler in order to ensure that the elements are also keyboard accessible. Given an HTMLElement, you can use the $._data method to access the event handlers that are associated with said element, which allows
close speedo popup programmatically
Hi, I am using below code to view SpeedPopup and it's working fine. On address.php, I have a button and I want to close the popup when button is clicked using jquery. I tried: var speedoInstance = $(this).speedoPopup(); speedoInstance.hidePopup(); but did not work. How can I do his please? this is how I am viewing the popup. <a href="address.php" class="speedo-popup" data-speedo-options='{"caption": "Delivery Address", "effectIn": "fade", "effectOut": "none", "width": 450, "height": 450, "theme":
files onload
hey guys i'm having a little trouble when it comes to firing a onload function when selecting files on local drive. if i select multiple files to upload it can take a few up to 5 seconds for anything to happen due to how many images i upload and their size. i'm trying to use: this.files.onload = function(){ console.log('started'); }; but i'm not getting any response. ideally i'd like to know when files have loaded and finished...is and how is this possible please? thank
jqueryui autocomplete remove message "results are available, use up and..."
Hi, How i can remove message "results are available, use up and down arrow keys to navigate." from autocomplete function? Thanks Alexandre
AjaxForm JSON ColdFusion data undefined
I am testing with a very simple form. I am new to js. The returned data is not outputting to my test alert box. The alert result: it worked [object Object] rather than showing the data in the alert. The response: {"COLUMNS":["CONTACTID"],"DATA":[[903]]} My end goal is to populate another form field with the returned contactid. Any help is appreciated. Thank you. <!DOCTYPE html> <html lang="en"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script
Using JQuery UI for auto-completing form in WordPress
Hi everyone, I've been trying to embed jQuery and jQuery UI for my WordPress site, but the UI isn't loading at the moment. But first, I thought it would be a good idea to describe in detail what is it exactly that I'm trying to do. At the moment, I've created a request form where as soon as you enter a number into a field, it will grab the data from a PHP file and the form will autocomplete. I've created a file called autofill.js; jQuery(function(){ var ac_config = { source: "record.php", select:
Return a value from a function using getJSON
Hi, I have a json file (detailing file extensions and their mime types) I want to pass a function a file extension e.g. docx, return its associated mime type and to stop further searching through the json file This is what I have so far but I'm getting undefined for mType in my function var fileExt = "docx"; var mimeType = getMimeType(fileExt); function getMimeType(fileExt) { var mType; $.getJSON('json/mimeTypes.json', function(data) { $.each(data,function(key, value) { if(key == fileExt) { mType
How can I break, stop, each loop when return false is not working?
My code is supposed to place a banner between a content, but it is looping the banner. I need it to display a single banner only. I have tried using `return false;`, like the example fiddle, but it didn't work: JS FIDDLE: https://jsfiddle.net/714Lmgfu/3/ The fiddle is an example. This code is running on a web page where the html is generated dynamically, so I need the .contents() part, can't remove it. $(".newsitem_text").contents().each(function () { if (this.nodeType != 3) {
Add class to selectable start and stop element
Hi, i need a availability calendar. This is what i have now: https://jsfiddle.net/6wfjm939/4/ So now i need to add a class "first" to the first selected day and a class "last" to the last selected day. For axample: I select 10, 11, 12, 13 then the on 10th should be added class "first" and on 13th "last. If i select only 10, then 10th got "first" and 11th "last". With this i want to mark check-in and check-out date. UPDATE: Because its a multiselect i need the class "first" and "last" at evary range
Targeting an element by only knowing the ID/Class of an element 2 levels down
Im trying to fire off an event of an element, but I need to target the element by only knowing the ID or class of an element thats 2 levels down. Example: If the DOM src is: <table> <tr /* Target THIS */> <td> <span id="test">Click me</span> </td> </tr> </table> Then I would want to target the <tr> element by only knowing the span#test element.. Heres some stuff i've been trying, obviously none of it works.. Any help would be appreciated! Thanks
receive data from a socket to jquery
Hi, I have a python program that send from server side random numbers to be displayed in an html page : $(document).ready(function(){ //connect to the socket server. var socket = io.connect('http://' + document.domain + ':' + location.port + '/test'); var numbers_received = []; //receive details from server socket.on('newnumber', function(msg) { console.log("Received number" + msg.number); //maintain a list of ten numbers if (numbers_received.length >=
marks calculation
here is fiddle http://jsfiddle.net/8r5s7knf/ i want marks calculation. i have attached image for better understanding
jQuery Validation - Multiple Clone Submissions
Using this plugin: http://jqueryvalidation.org Users submit forms on my site. Some of those form submissions register once (as desired) and everything is fine. However, every once in a while, I receive a submission that seems to clone itself and submit itself like 8 times. This seems like the result of something like a user browser timeout, or something on the form-user side of the picture, since it's not happening for every user. I haven't been able to isolate the browser used for these submissions.
jquery Drag/Sortable and drop list items scrolling issue
Hi, I am facing one issue in the Jquery drag-able functionality. Previously, I have created the dragable functionality with the jquery version v1.3.2. which working as expected. Currently, we have upgraded the Application which have jquery reference to jQuery version v1.8.2. The problem is scrolling/Dragging not working as expected with the jQuery version v1.8.2.. When we drag the record from the list and scrolling it to downward/Upward direction the list is not scrolling automatically. Refer screenshot
Problem with jQuery UI sortable in grid mode
Hi, I have found a very weird behaviour of jQuery UI sortable in grid mode. Initially I thought it has something to do with our implementation, but then I have found it on your example as well. It is using tollerance intersect. And a small modification regarding the size of the drop zone is added (the bug is present even without that) The moving of the placeholder is supposed to happen after you reach at 50% of the next item. However, even if you in the very beginning of the next/previous item and
Activating rear Android camera
Hi I use the code below to activate the camera and scan qr codes! n.webkitGetUserMedia({video: true, audio: false}, success, error); But when I try to force using the rear camera, it fails (it doesn't activate the camera at all): n.webkitGetUserMedia({video: { mandatory: { facingMode: "environment" } }, audio: false}, success, error); How can I force using the rear camera? Thanks
how to hide the fixed header when keypad is active in mobile devices?
how to hide the fixed header when keypad is active in mobile devices?
Trying to validate a form, canned error message is displaying behind the text, making it difficult to read..
Hi, This is my first post to this forum, but I've been banging my head against the wall for a couple of days on something I'm guessing is a pretty simple fix. Building a app in node, using validate.js to validate some form entry. I can get the form question to error if there is no input, no problem, but the error message displays under the text of the question, making it nearly impossible to see. Pic of current error: In this pic, you can see that question 1 is not been filled out but question
Chosen Plug validation
I have a page with two Selects using Chosen plugin. They work great, but I need to do something special and can't seem to come up with the right way to validate this option. I want to have users only be able to select an option from one dropdown or the other, but not both. My first thought was to disable one select if something was selected on the other. Then if they selected the first item(0 index) it would re-enable the other one. and then same with the other select. They are required to select
Next Page