Ajax in a function, how return result?
Hi, I make an ajax call from a function and want to return the result (if success). What is the best way to do it? If I do async ajax call, my function returns nothing (well, not the result of ajax call). If I do sync ajax call, Firefox says we should not use sync calls any more.
Where is the source codes of jQRangeSlider demos
Dear Friends: I would appreciate it, if you will send me where is the source codes of the page: jQRangeSlider demos The URL is http://ghusse.github.io/jQRangeSlider/stable/demo/ Thank you; Adam
Restyling jQuery
Hello! I'm using the Tap Widget from jQuery, and im trying to mess around with the design. But my code doesnt seem to do anything, I just simply can't figure out how to adress the right locations, even after inspecting them with Grome. So for example, I want to change the border from the Tap-panel on this page: https://www.brandlangers.com/portfolio-grit2#tabs-1 This is how far i got, but it doesn't seem to work. I'm placing this in the general custem CSS page on squarespace, should be allright.
Sharepoint 2013- Customization of OOOB Picture Library Slideshow Webpart
Hi I have created OOOB slider webpart as below in picture 1 , how to customize it same as in picture 2 with below options 1-previous image icon 2-next image icon 3-image pager in center Picture 1 Picture 2
Add jQuery tokenInput to an element in the parent window from a child window (IFrame)
I need to pass some selected contacts from a child window (IFrame) to the parent window. But in the parent window, the selected contacts need to be shown using jQuery token input. From the parent page, it can be done by following: From parent: $("#parentTokenInputId").tokenInput("add",{id: contactsArray[index], name: contactsArray[index]}); Now, I need to do the same from the child window. I tried the following but it doesn't work. From child: $("#parentTokenInputId", top.document).tokenInput("add",{id:
Date Picker for dymically added row not working
Dear Sir please refer http://prajaktasoftware.com/srm/indentadd.php Trying to add rows dynamically. using following code $('#addRow').click(function () { addItem(); }); function addItem() { var rowcount=$('#rowcount').val(); var itemRow = '<tr>' + '<td><?php echo fillDropDownselect("rawmaterial","name","id",$rawmaterialid," 1 ","rawmaterialid".$_POST["rowcount"],"name","Select raw Material");?></td>' + '<td><input type="text" class="form-control update row-quantity
jQuery is cutting out stuff
Hi, i have a problem that is hard (for me) to debug. I got a page 'a.html': <!DOCTYPE html> <html lang="de"> <head> <title>das regt mich so auf</title> <script src="jquery.min.js"></script> <script>window.jQuery || document.write('<script src="jquery.min.js"><\/script>')</script> <script> function updateHTML(){ $.get("/b.html", function(data, status){ console.log(data); $("#ajaxBody").html(data); }); } $(document).ready(function(){ updateHTML(); setInterval(function(){ updateHTML(); }, 30000); });
Tap widget question
Hello there! I'm using jQuery Tap codes for my squarespace website, and I was wondering if there was a way to display the content not below but above the header? This is the page on which im working on: https://www.brandlangers.com/portfolio-grit2#tabs-3 Hope anyone could help me! If I have to be more specific I can try. All the best, Gido Gil
jQuery Mobile, HTML to PDF generator through the mobile app
Hi, I am new to jQuery mobile and i am working for HTML to PDF generator through the mobile app, I have already used couple of plugins like HTML2PDF, here I am getting iText issue. Please help me.
Ajax and how to select nodes via JSON
Hi all, I got an success call back from an API in this way, everthing's fine so far. $.ajax({ crossOrigin: true, url: url, success: function(data) { console.log(data.result); } }); The API dont support JSONP, but i using http://www.ajax-cross-origin.com/ and store the proxy at google. Fine, but I can only get data back using data.result If I use Postman, to me it looks that I should use for example data.result.ResponseData.Metros[0].DisplayTime to be able to get "Nu" as the image shows. How
Visible list view length from another page.
Hi, is it possible to do the following? I have two pages, on the first one is a list view with four items but on the second page I want to find out how may items (the length) from this list view are visible from page-2. (initially 4). https://jsfiddle.net/vs2jfqaa/119/ Then if I hide one in page two and repeat the process it will give me the length of 3; Thanks in advance.
Using jQuery-based Audioplayer-Widget in Adobe Muse
Hi all, I'm encountering a strange behaviour of a adobe-muse created website, that contains a jQuery-based Audioplayer-Plugin. I cannot exactly reproduce the error, the only thing i definitely observed is, that it only occurs at first page load (empty cache). In some, few cases, of the first page load the following error occurs (also see the attachement) Uncaught TypeError: Cannot read property 'event' of undefined at: XYZ.html ... at: jquery-1.8.3.min.js: 2 Has someone an idea
Datepicker by week/year?
I am creating a report in which I need to use START WEEK and END WEEK as criteria. I'm not even sure if the datepicker is the right way to go with this, but if it is, how can this be done? I'm hoping for example code, as I am not super comfortable in jQuery yet... Thanks in advance!
Alert only once after the execution of all the functions in JS
I have update(), delete(), addRow() in my Javascript, I need to update the input text field to Y if all of these functions executes. I have written the JS and HTML code as below Flag Change:<input type="text" id="FLAG_CHANGE" name="FLAG_CHANGE" value="N" onchange="updateFlag()"> function updateFlag() { $('[name=FLAG_CHANGE]').val('Y'); alert('alert sent to tech') } function delete(){ if(confirm("Are you sure you want to delete this data")) { var URL = 'deleteNotes&inspec_id='+inspec_id+'&OWNER='+OWNER;
Plugin to circle items in a photograph?
I'm trying to build a web app which allows users to tag items in a photograph. The items are seldom rectangular, so plugins like imgAreaSelect aren't quite right. I'd prefer something that feels like smoothly dragging your finger around the items on an ipad, rather than a "click on points of a polygon" like polyclip.js. I want to be able to show the tags when the user mouses over the "circled" area, so I need to be able to save the select path in some form. Any suggestions? Thanks! Chris
combining 'toggle' and 'animate' ?
Hi folks, Can't get the syntax right : the idea is to, on a first click, fade an element out, then move it, and then fade it in: <p onclick="$('#myelement').fadeOut(2400, function() { $('#myelement').animate({left:'+=120', top:'-=30'},100, function() { $('#myelement').fadeIn(2400); }); });">click</p> And then, to reverse this process on the second click. I've tried several combinations using 'toggle'. I think it's not possible? as there
Proper Value to Return to success function from program
This is the ajax function I've been working with - it works fine, all data is being sent back, parsed and written into the correct databases <script type="text/javascript"> $(function() { $('#submitButton').click(function(){ var reservations = $("#main_table table input[name=name]:checked").map(function() { row = $(this).closest("tr"); return { recordid : $(row).find('input[name=record_id]').val(),
Hiding a ul
OK this should be pretty easy (or so I thought!) I just want to hide the ul that follows the span with the text 'AIRS' in the following html. I can find the span that contains 'AIRS' with this code ... $('span:contains("AIRS")').css('background-color', 'red'); But then I try the following and I can't get it to work... var AIRSsubList = $('span:contains("AIRS")').find('ul'); AIRSsubList.hide(); Any help appreciated Thanks P <div id="zz14_V4QuickLaunchMenu" class=" noindex ms-core-listMenu-verticalBox">
Highlight only those dropdowns where the value is not selected.
Hi, I have multiple dropdowns in one of the page, when the user doesn't select the dropdown value, I should highlight those dropdowns only on save. I am using coldfusion, Javascript and Jquery. I have defined the same class name to all the dropdown fields and there are different id's for all of them. Highlighting the text field works but not the dropdowns. I'm using the below code for text fields $('.MandatoryVTxt,.MandatoryVDD').each(function(){ if(this.value.length==0 || this.value==0){ t=t+1;
How to pass single column values to jquery builder dynamic drop down?
we are having requirement to pass column values to jquery builder for filter drop down ,instead of actual column names. Like FieldName City CompanyName CountryofBirth instead of City | CompanyName | CountryofBirth On the basis of that column values need to build the operator drop down list. We are able to pass the column name as field to the jquery builder. but facing problem to pass column values to QeryBuider Could you please help me? Any help will be helpful.
Help
How to make jquery mobile compatible with Meteor?
Targeting data value
I'm trying to target a particular col w/ specific data-index. Here's the html: <div class="header"> <div class="col " style="display: inline-block; min-width: 40px; width: 1px; height: 30px;" data-index="0"> <div class="col " style="display: inline-block; min-width: 40px; height: 30px;" data-index="1"> </div> <div class="tableHolder"> <div class="table"> <div class="row"> <div class="cell " style="text-align: left; display: inline-block; width: 40px; height: 30px;"
Error using json.stringify to send array to php
Now that I have my map function working properly, I need to send the array to php - here is my script <script type="text/javascript"> $(function() { $('#submitButton').click(function(){ var reservations = $("#main_table table input[name=name]:checked").map(function() { row = $(this).closest("tr"); return { recordid : $(row).find('input[name=record_id]').val(), firstname : $(row).find('input[name=firstname]').val(),
How to get browser screen width\height size?
Hi, I would like to know how to get browser screen width\height size using jQuery? Is it possible?
Jquerry chosen dropdown dissable when checkbox is enabled
Greetings I'm really new in jquerry and i'm having difficulties figuring out how to disable a drop down list by id when a checkbox is checked. The logic would look like this. 1) If a checkbox is enabled (checked) then disable drop down 2) If a checkbox is disabled (unchecked) then enable the drop down The checkbox id for example is Trivial_Order and the Dropdown id is manager_search http://jsfiddle.net/eirc/v2es7L8o/ I just can't figure out how to implement this checkbox logic in this code. Could
How to insert simple text after element?
Assume I have a html code like: <div class=someclass"> ....</div> How do I insert a simple text (=without a wrapping element) after the <div> element? $("sometext").text().insertAfter($(".someclass")); does not work.
Trying to return a value from a single cell using the map function
Not sure this is the correct forum, this is my first time posting, here. I apologize if it's not. In my program, I place data into a cell in a table from a popup <script> function updateValue(driver_name, value){ var which_driver = value; //alert("Driver Is " + value); //alert("Row Is " + whichRow); reservations.rows[whichRow].cells[7].innerHTML = which_driver;// //reservations.rows[whichRow].cells[7].textContent = which_driver; //'#reservations tr:eq(whichRow) td:eq(8)'.text('Test'); //console.log(testelements);
$.getJSON example on callback function
I want to access data from a $.getJSON call, and return it as an array. My data is transferred correctly to my callback function, but is still undefined when I call my function. Where did I get it wrong? Can anyone please show me an example using $.getJSON? My code: function countTypes( resource ) { $.getJSON( resource, otherFunction ); } function otherFunction( data ) { var types = []; $.each(data, function( i, item ) { types.push( item['id'] );
How to select first row of a table?
Hi, I am trying to select the first or last row of a table, how can I do it with Jquery? I found this script below which deselects a row, but I need to do it the other way round, possible? <script type="text/javascript">
$(document).ready(function()
{
$("[title='DeselectRows']").click(function()
{
$(".highlighted").attr('class', '');
$(".selected").attr('class', '');
}); })
</script> Thanks
find the latest version of jquery programatically
Hi! I was wondering if there was a clean way to get the latest version of jQuery programatically. I simply want to get the latest version number to compare against my present version so I can implement and test the new version for stability across my clients without needing to F5 https://jquery.com/download/ to check for new versions. I write in PHP primarily, and a simple cron script to ping a server each day to check for new version is ideal. Maybe a jQuery call already exists for similar purposes,
Bootstrap carousel has white space between each images on iPhone 6s
When I view my carousel on the iPhone in portrait orientation only, it has white space between each image. I've tried answers from other similar questions on stackoverflow, but none have worked. Here is my site where I am having the problem: https://prominentweb.com
Adding "step" attribute to input field
Hi, I'm trying to add the "step" attribute to a already generated html number input field. jQuery(document).ready(function($){ $( "#fieldname" ).attr( "step", "0.1" ); }); But for some reason its not working. This is what the fields looks like on page load <input id="fieldname" name="fieldname" class="class" type="number" value="">And i would like to change it to: <input id="fieldname" name="fieldname" class="class" type="number" step="0.1" value="">I'm also using Wordpress.
Create a class with metho events
Hi all! I don't know if this is a pure question of jquery or is a navite javascript language skill, but I'd like to implement a class in javascript with events that works as follows: function myClass() { //Private properties var priv1; var priv2; ... //A public method that performs an ajax call: this.asycnCall = function() { $.ajax(..... ).done(function(res) { // This makes something that ensures that the data will be ready
Collapsible Navigation
I have this HTML <li class="parent"><a href="#"><i class="fa fa-cog"></i> <span>Message Streams</span></a> <ul class="children"> <li class="parent1"><a href="#"><i class="fa fa-cog"></i> <span>sean k</span></a> <ul class="children1"> <li class="parent2"><a href="#"><i class="fa fa-cog"></i> <span>TEST 2 TEST 3</span></a>
Hover event handler may be conflicting with CSS hover
Hi all, I'm using a mix of both jQuery and CSS hover states on the same class that's assigned to a list item. The jQuery is replacing text on hover. The CSS is hiding a div and show an image on hover. My problem is that the jQuery hover event is causing the CSS hover to not work and I'm not quite sure why. https://codepen.io/jordan_miguel/pen/qmypNW Have a look at the code and hover over the first and second list items to understand it better. Thanks
Input or textbox mask not working. JQuery test works but mask will not.. Please help.
Hello, I am new to JQuery but not new to ASP or HTML. I need to get an input or asp:textbox mask to work. My test page jquery works as I am able to get a simple alert("hello"); to fire off with no problem. But I have been chasing the masking issue now for days. Can someone look at what I have and see if you can spot a problem? I am using the most current versions. This is my test page. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Using jQuery UI from the CDN</title>
TypeErrors with Yoast, jQuery in conflict?
The version 4.6 was perfect. The update to version 4.7 of Yoast have created a big problem. It not works and I can't "Rolleback" for prior versions. Only until to version 2.3.5 works. Here the errors in the browser console: https://i.stack.imgur.com/53zcb.jpg It looks like a jQuery conflict. In the page with the errors (wp-admin/post.php) are loaded jQuery 1.12.4 and jQuery 1.11.3 jQuery conflict: https://i.stack.imgur.com/iNI2u.png Suggestions?
regarding adding new button with function
hello everyone, i am working on a laravel project in which i have a button which has to be changed dynamically like waiting for approval if the user approves then button change dynamically i have a ajax function but do not know how to change button dynamically $(document).on('click', '.waiting', function(){ var id = $('.waiting').val(); $.ajax({ url:"{{route('eventbudget.status')}}", data:{'id':id}, success:function(response) {
How do I do this?
I have the following code jQuery + Bootstrap: https://jsfiddle.net/a27rffb2/2/ Problem Statement: The toggle switch should be checked only if all option panels are shown (When you click on option panel to open individually) Thanks for reviewing!!
Plugin to cut image (rectangular and circular ) and add text on real time
HI , sorry for english .Ther'is a plugin or more plugin to cut image in various format and apply a text over the image with many font ?
Next Page