Uncaught Reference Error : jQuery is not defined in jquery-3.1.1
I got a message Error in my project "Uncaught Reference Error: jQuery is not defined" I need help to fix that. my project link: https://ufile.io/3vbk1
Block UI
Hi, I have the following, although the screen locks it does not seem to show the image, is there something I am missing. Also: 1. Is it possible to hook in to the DOM busy processing, such as scrolling a nested treeview? 2. Is it possible to add a delay prior to unlocking? $.extend({
initializeUiBlocking: function () {
if (typeof ($.blockUI) != 'undefined') {
$.blockUI.defaults.css = { border: 'none', backgroundColor: 'transparent' }
$.blockUI.defaults.message = '<img src="Images/ajax-loader.gif" />';
autocomplete (sending an additional parametr to server request)
Hello! I'm trying to use autocomplete with data source from php. I need to make the request to my script with the 2 parametrs. getset.php?get=table&term=some But still don't understand how. I need to do something like this: $( "#autocomplete" ).autocomplete({ sourcel:'/getset.php', params: { 'get': 'table' }; }); But there is no params option in http://api.jqueryui.com/autocomplete/#option-source Could you help me to solve this problem?
ajax return is null
I'm trying to get back confirmation that a file has been written to using php. Here's a php code snippet: // Check that write has been successful if ($fwrite !== false) { $output = json_encode(array( // create JSON data 'type'=>'success', 'text' => 'Congratulations ! The key has been successfully created.' )); return ($output); die($output); // exit script outputting son data } This is my ajax sending stuff: // upload text to file $.ajax({ method: 'POST',
Exporting string to file w/ double quotes
I'm trying to write a string to variable & then write that to a file, but the quotes are coming in as " I've tried several things & not having success. Currently have this: var keystring = "$easydb->key="" + usersalt + "";"; Which yields the following string in the file: $easydb->key="GN86rI4pZ5ggGGjp"; I want it to end up as: $easydb->key="GN86rI4pZ5ggGGjp"; So how do I write it to get those double quote to actually show in the file?
How to scroll in inactive page from code?
I have multipage jQuery Mobile app. First page contains container div with number of child divs, which can be scrolled programmatically using .scrollLeft(...). Now when user navigates to second page and want to go back to first page, I need to scroll container programmatically before he can see first page. This doesn't happen, because container scrollWidth is 0, while the page with that container is not an active page. Question - how to scroll divs in inactive page from code? This is sample code
What are the steps to install unslider for WordPress?
Hello everyone, I'm troubleshooting how to install a jQuery plugin called unslider. Unslider is a plugin that displays a slide show on your website. I never use jQuery before and after following the 4 steps on Unslider's website, I am unable to add the plugin to my website. Can you please provide me the complete steps (and pre-steps) to safely install this plugin to my WordPress website? Please click the "troubleshooting" link to see my previous steps. Cheers Brody James
Help with slider installation
I am a newbie I need to install this slider (link below) into my lightbox urgently. The codes are available in the links. http://www.jqueryscript.net/demo/Clean-Flexible-jQuery-Content-Slider-Plugin-unslider/ http://www.jqueryscript.net/slider/Clean-Flexible-jQuery-Content-Slider-Plugin-unslider.html I contacted the lightbox and they told me to add the slider inside the <div class="wpb_wl_images"> How can this be done? Thank you!
Not Enough arguments error
I'm getting a Not enough arguments error. This script basically collects key/value pairs & gets them ready to be ajax'd to a .php handler file. var obj_data = {}; obj_data['key'] = keystring; // Ex. Keystring: $easydb->key="x2nrdIpAmdorqMj4"; var textData = new FormData(); $.each(obj_data, function(k, v) { // apply object key/values to formData console.log(['Key, Value: ', k, v]); textData.append(k, v); }); $.ajax({ method: 'POST', url: 'assetPath/easydbkeysetup.php', data:
upload a file using jquery ajax function
Hello again, I am trying to create a possibility for users to 1) select an image using an input field --> the image is displayed in a preview box by the function readURL --> that works fine 2) upload that image to process sever side wise by clicking a div calling a function uploadImage --> HERE IS THE PROBLEM The html code: <input type="file" id="imgInput" /> <div id="submitAddImage" class="messageBoxSubmitButton">Bild hinzufügen</div> No <form> tag around used. Also functions are called on
can see other pages at startup
I have a single html file with lots of pages. At startup I can see for a about a second the other pages in an unformatted layout then it shows the first page just fine. how do I prevent it from showing content from the other pages (that one second at startup). I tried adding display:none to all pages but that messes up the way jquery mobile works. doing that will make page changes always hidden. any suggestions. thanks, Peter
AJAX sub-menu not working in DIV tab
After I added the div tab, the AJAX sub-menu is not working anymore. I am stuck here for whole day. <div class="tab"> <button class="tablinks" onclick="openProgram(event, 'add_item')" id="defaultOpen">Add Item</button> <button class="tablinks" onclick="openProgram(event, 'list_item')">List Items</button> </div> <!--------------------------------------------------------------------------------------------------------------------------------> <div id="add_item" class="tabcontent"> <div id="list_item"
jQuery not working properly
0down votefavorite Hello I have problem regarding jquery. Well the problem is, the input text value stays the same everytime. Instance: I click on the edit button and the customer details are populated using ajax. and then when I try to change for example the name of the customer, it submits the old value. it does not change. Here's my code. $(document).on('click','#editcustomer-btn-save',function(e) { var params = { id: $('#editcustomerform .customerid').val(), name : $('#fuck').val(), address :
Why different behaviors on Safari desktop / iphone and when application is added on Iphone desktop?
Hello ! Could someone tell me why I have different behaviors on Safari desktop / iphone and when application is added on Iphone desktop? In my application I perform a calculation to adapt one value to be displayed: var Cal = 101; /* (value normally retrieved from my db) */ var G_DepEnerg = 2938.52 ; var PcCal = (Cal / (G_DepEnerg / 100)); var NumPCal = Math.round10(PcCal, -1); /* Using https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Math/round#Utiliser_Math.round()*/
How to remove <br>?
Assume the following code <a class="foobar" ....>.....</a> <br> How do I remove the <br> tag following (all) <a> elements with class="foobar"? The following does not work: $("a.foobar").next().remove(); Why not? Peter
Autocomplete match beginning
This is more a tip than anything else for someone like myself who has next to zero experience with the jQueryUI. In using the Autocomplete widget I noticed that the first letter entered matched against ANY letter in the associated list of words. I thought this to be unconventional behavior. I think most users would want to see only the words that BEGIN with the letter(s) they typed. At the very bottom of the jQueryUI API page on Autocomplete is an example for matching only the beginning of terms.
How to show, hide, or disable one header in a jQuery UI accordion widget?
I'm building my first page using ANY jQuery UI. I have set up an Accordion Widget, and I would like to be able to hide or disable one of the lower headers in it based on some actions in an upper one. Also, to re-enable based on the same sort of thing. I know how to detect the action that should trigger this to fire a function, but I don't know how, within the jQuery UI system, to hide (with animation would be nice) or disable (with dimming or something would be nice, but not expandable in any case)
Open Menu after append NOT WORKING
Hello guys I have this <a href="#menu-toggle" class="btn btn-default" id="menu-toggle"></a> It is opening a side menu. But when i remove this code from html and append it with jquery like this: $('.vertical-center').append('<a href="#menu-toggle" class="btn btn-default" id="menu-toggle"></a>'); it it not working. Can someone please help me ? It is urgent. I dont really understand why this happends.
Auto-complete with pre-populated data in an input box
Hi, How do we go about doing jQuery UI autocomplete with an input box with some populated data? See below <input type="text" name="myField" value="Some prepopulated data here," class="vest"> Notes: (1) The "Some prepopulated data here" is retrieved from a database via a query (2) The autocomplete list is supposed to show up when a user moves cursor into this field Outcome for the field would be: Some prepopulated data here, An Unmarried Woman if "An Unmarried Woman" is selected. $(function() { var
Help with jQuery Function needed
I have a list view created using a 3rd party module in DNN called XMOD Pro. I want to update a single field in each row using AJAX and a "feed" so that I can refesh the value of "STATUS" from the database without the user having to refresh the entire page. (cant use ajax for full listing as need the links and edit facility in each row) I have created dynamic IDs on the elements I need to read from and write to. I have managed to create a function that iterates through the list and using alerts at
Tooltip positioning collision: flipfit not doing it's thing
OK. So here's the deal. I'm pulling my hair out trying to figure this one out. When the user hovers over images, the tooltip sometimes shows up properly positioned and sometimes does this thing where half of it disappears beneath the boundary of the browser window: Then, as if to mock me, when the cursor leaves and re-hovers, the tooltip shows up properly on the exact same element. It should at least be consistently wrong don't you think? First hover: maybe shows up properly Second hover: always
Change the attribute of a dyanamic element if it passes a condition
I've a function 'refreshDisplay' which will help me create dynamic elements. Now, I've a small condition there. In the 'src' attribute of the image, I'm going to check if the obj.picture.thumbnail starts with '/content' then append '.jpg' to the end of the obj.picture.thumbnail's value , else just use obj.picture.thumbnails' value! Please check the image with class '.myLink' in the code. How do I achieve this? Here's the code. function refreshDisplay() { $('.container').html(''); savedData.forEach(function
How to make datepicker screen disappear upon selection?
Intention: After a user selects a date via datepicker he/she continue to type something after the date. Thus, it's very desirable to make the datepicker date selection screen disappear upon selection. Doable? The doc is not obvious on this. If so, how? Thanks. <input type="text" name="myField" size="115" class="gdateComma"> (function() { var d = new Date(); var maxD = new Date(d.setDate(d.getDate())); $('.gdateComma').datepicker({changeMonth: true,changeYear: true,yearRange: "-31:+0",maxDate:maxD,dateFormat:
jQuery CSRF issue on jQuery.get(...)
HPE Fortify Static code analysis flags the below lines as a CSRF issue in all versions of jQuery. return jQuery.get( url, undefined, callback, "script" ); return jQuery.get( url, data, callback, "json" ); Ref: 1 & 2 Fortify issue description: The HTTP request at jquery-3.2.1.js line 9307 must contain a user-specific secret in order to prevent an attacker from making unauthorized requests. Are there solutions to mitigate this issue?
Setting heigh size for a sidebar which matches the main content heigh size
Hey there guys. For several hours I'm trying to set the heigh my private wiki's sidebar so it matches the main content's size. Sadly I can only handle with CSS and HTML and I'm trying how to handle with JS, PHP and jQuery. What's why I am here to ask you guys to help me. We're using a Wordpress-like skin, which can be downloaded on mediawiki.org. I modified our skin called "Dusktodawn", fixed several table issues within the wiki (made by the skin) and I'm nearly done with my work. Like I said in
Modal / Pop up using Jquery
I am working on a modal / pop up. On clicking an anchor tag I need to Open a modal/pop up. In the modal/pop up, Prompt the user to enter a start date, add 1 year to the start date entered by the user to display an end date, match that end date to the current date and display a message whether the end date is expired or is still active. Can I get a working example for this.
LightBox
By using any free jQuery framework. I need that on clicking an anchor tag Open a gallery of images in a lightbox . Use a modern lightbox which has swipe functionality on mobile.
Can datepicker return just year?
If so, and then I'd like to get a list of the values of the past 5 years. Thanks.
Disable the previous button in the first page
I've a pop-up to display the user list which would display 10 results per page, which is working fine. I'm getting the page nos. from the java servlet in the JSON. How do I disable the previous button, when it is the first page? Likewise, how do I disable the last button, when it is the last page? Here's my code. function UserList(pageNo) { var resType="userList"; getResults(resType,pageNo); $(document).on('click', '.next-btn', function(){ var next = 10+pageNo; UserList(next); }); $(document).on('click',
How to adjust datepicker settings from inside a on('change') function?
I have the following function: $("#mySelect").on('change', function() { var mySelectValue = $('#mySelect').val(); var promise = getAvailableDates(mySelectValue); promise.done( function(data) { var array = data; $('#a_date').datepicker({ dateFormat: "yy-mm-dd", beforeShowDay: function (date) { var string = jQuery.datepicker.formatDate('yy-mm-dd', date); return [array.indexOf(string)
Jquery tooltip plugin is detecting hover event only for 1st row in datatable
I'm using Tooltipster Plugin to create a tooltip everytime i hover over a <td> element in a datatable. To do so, i have looped over each row in the datatable and then selected the <td> element using childnode, and applied the .tooltipster() function. However, the tooltip works only for the 1st row <td> element. Any idea how to get it working for all rows ? $('#mytable tbody tr').each(function(){ //childNode[7] is the <td> element on which i want the tooltip $(this.childNodes[7]).tooltipster({
Can I user jQuery UI in vue.js
Can I user jQuery UI in vue.js? var $ = require('jquery'); var Vue = require('vue'); require('jquery-ui');
detecting screen size when resizing browser
Hi, I would like to prepend an element on my screen when the bowser is resized. my code works if I refresh my browser less than 500px but it doesn't work if I resize the browser please help $(window).resize(function() { if ($(window).width() < 500) { $(".last-col").prependTo(".celeb-quote"); } });
Datepicker - mutiple instances, disable buttons or readonly help
Hi, I have a gridview with a date column. Each row in this column shows it's date value with the datepicker. This is working great except for one thing. I don't want the date displayed by the datepicker to change - it should only show the value of the date which is in the column, even if a button is clicked. Oddly enough it is only the top datepicker in the first row which lets the input buttons change the date displayed. The rest of the datepickers do not change their value when clicking
Add external object to an existing array through a form
I've a table which gets updated based on JSON data. Each row in the table has a checkbox which holds the value of the corresponding JSON object, which is basically the information about any of the users. On selecting any of the rows, and saving to display the selected user profile, I'm also storing the selected JSON object in an array 'savedData'. I also have an option of adding the user externally through a form which pops up on clicking 'Open External form' button. Now, I'm trying to create an
Meu slide não funciona nem a pau.
Olá amigos. Estou estudando para depois colocar um site no ar mas estou desanimando. Fiz tudo como funciona o vídeo, mas as images estão paradas e o slide não gira. O que deve estar faltando? tem algum outro segredo? <! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitório // PT" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <Html xmlns = "http://www.w3.org/1999/xhtml"> <Head> <Title> htmlCSS </ title> <Meta http-equiv = "conteúdo-tipo" content = "text / html; charset = UTF-8" />
Getting the last enable radio button bar the last.
Hi, is it possible to get the last enabled radio button prior to the last item? https://jsfiddle.net/gb3f7v8k/108/ For example, I want it to ignore the fifth radio button, so instead of returning the value 5 it would return the value 2 as this is the last enabled button prior to the two that are disabled. Thanks, A4.
Help getting asp labels to toggle
So basically I have an update panel and inside that updatepanel I have a checkbox(Which i have set to autopostback because I need the page to reload for something else). When I click the checkbox I would like it to toggle off and when the checkbox is uncheck I want it to toggle on. These labels are outside of the updatepanel. my code is below.. $(function () { $(".kk").change(function () { $(".ff").toggle(1000); }); });
Resized portlet will not collapse
Hi, I have multiple collapsible/expandable portlets that can be resized. But when I resize one of them (vertically) that particular portlet is not collapsing afterwards. The other portlets are collapsing just fine. But the one that were used for resizing will not collapse properly after resize. I have a working JS FIDDLE with the issue My code: $( function() { $( ".portlet" ) .addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" ) .find( ".portlet-header" )
Why doesn't the setInterval's function get invoked?
Hi, I am trying to develop a number selector widget. It has a minus div on the left, a plus div on the right and a number div in the middle. My goal is to allow the user to press the minus (or plus) div continuously and while the element is pressed, the numeric value should change accordingly. Due to a technical problem, I cannot get my setInterval's function to be invoked. I tried to base my solution on this code sample: http://jsfiddle.net/8FmRd/ which works nicely. However, in my code (http://jsfiddle.net/Lcp52t7L/2/),
Next Page