jQeury SlideToggle no longer working
I have a WordPress page that uses the jQuery slideToggle(). I have a link that closes a content block, and another link that opens the content block. The close function is working fine, but the open function is no longer working. It used to work but I really don't know why it is not now. Other functions on the site are working fine, so I know the path to the jQuery is OK. Any help would be greatly appreciate. Here are the two jQuery functions: // toggle function for the NAT actions content
Help required formatting a Jquery form?
I am using some JavaScript code which I have copied which created a book now button for booking a hotel room. When I add to my Joomla website template the form is not displaying as it should. It should display in just one line but it is currently displaying with line returns and over several lines. I have found some of the base code in the JS file but I cant work out how to get it to display correctly in just a single line. What it is displaying like can be seen at the following WEBLINK you need
Removing Web Referrer
Hello, I advertised a website. Problem is visitors coming from that site with "Web Referrer" . I want to remove "Web Referrer" . I think referrer showing because that website have frame. Anybody can give me a solution for removing web referrer ? Regards...
How does Twitter shows data - How does the logic behind works?
Hello, Today I wanted to show users comments on my website in a twitter way, no refresh, new comments showing up on all the user browsers. My first question is, what kind of logic would you use to show comments: 1)Use Jquery in a way that it detects when the user is not touching the screen or using the keyboard and send an ajax call after a given amount of time(let's say every 10 seconds when the user does not touch his screen or keyboard). 2)Check time of comments insertion in the database and add
Return value to parent function, how to wait for asynchronous function
I have Following code, I am checking height and width of image. this is a part of script. Please help me for this. Thanks in advance _filesCheck: function() { var result = false; if(n.ftype=='image') { var reader = new FileReader(); //Read the contents of Image File. reader.readAsDataURL(f.files[0]); reader.onload = function (e) { //Initiate the JavaScript Image object. var image = new Image(); //Set the Base64 string return from FileReader as source. image.src = e.target.result; //Validate the File
Multiple arguments on a .net web service
I wrote a web service in C#. It's quite simple. public string SetProduct(int id, string name, string category, decimal price) { products[id].Name = name; products[id].Category = category; products[id].Price = price; return "test"; } I can't figure out how to call the web service and get the parameters there. function change() { var id = $('#SetProduct').val(); var category_var = $('#category').val(); var price = $('#price').val(); $.getJSON(uri + '/'
"dialog" and the back stack
Prior to JQM 1.4, I created dialogues using data-role="dialog" and those pages were not added to the back stack, so navigating off one and then pressing back would bring you to the page before the dialog. Now with 1.4.5, dialogues are defined as data-role="page" with data-dialog="true". Using this method, the dialog is added to the back stack, so if I navigate off the dialog and then tap back I am returned to the dialog. This is not the behavior I want. Is there a way, when the dialog opens, to tell
Update Stock Input Value for each Same Item Selected
I have a problem, I need to update the stock value (real-time) for each select box that has the same Item, for example on the image attached, there are two select input that has the same item. I want the stock quantity on the second row to be updated depending on the difference of stock quantity and quantity input. Example: 1st Row: QTY: 3000 , STOCK : 6000 2nd Row: QTY: 5000 , STOCK : 3000 (3000 because on the 1st row the stock has been deducted by 3000) Hope you can help. Here's my code below,
UI dialog widget
Is it possible to make maintaining aspect ratio on resizing? if yes, how? I tried to set in this way: <div id="dial01" title="NAME">CONTENT</div> <script> $( "#dial01" ).dialog({modal:true, minHeight:100}); $("div[aria-describedby='dial01']").resizable({aspectRatio:true}); </script> However, no debug mistake and no result in maintaining aspect ratio.
Why is my jQuery button handler not being fired?
I have this jQuery to respond to a button being clicked and call an AJAX method: $(document).ready(function() { $("#btnGetData").click(function() { alert("The button was clicked."); var unitval = _unit; var begdateval = _beginDate; var enddateval = _endDate; var model = JSON.stringify({ unit: unitval, begdate: begdateval, enddate: enddateval }); $.ajax({ type:
How to hide keyboard when element is on focus is a dropdown
I am trying to stop mobile keyboard from showing when the element on focus is a drop-down but it still does not work. My code looks like below. Any ideas how I can achieve this. The problem is only on mobile. Please note that the HTML is structured the by author of the plugin that I am using. It is the "marital status field" on this page. // jQuery $("#s2id_autogen1").attr("readonly", "readonly"); // HTML <div style="width: 100%; max-width: 1903px; display: block;" id="s2id_marital_status" class="select2-container
show or hide div based on mysql count value without reloading page
good day everyone. I am newbie to programming and trying to build a web site. In this site, i want to show or hide a div based on the row count returned by mysql table without reloading the page. If the row count is 0, the div should be hidden. If it is greater than 0, the div should be shown without reloading the page instantly. Any help would be greatly appreciated. Thanks in advance. Good for all.
Input field validate required at least one field
Hello I have a form with 5 input fields, user has an option to enter any field, so can you please provide simple code here how we can make user to enter at least one field, if not just show an alert message. Thanks
autocomplete doesn't 'refresh' properly
Today I encountered a issue with the autocomplete script from jqueryui.com/autocomplete/ I'm extending my limesurvey survey with the plugin, so the user can select a string from a pretty big list of entries. In limesurvey you can add conditions, so a question will only be shown if something particular is entered. I added the text field with the plugin to a condition for another question. If a certain string is entered a new questions appears. If I scroll through the suggestions provided by the script
blueimp gallery plugin not operating correctly
I have just finished developing a new website lyracus,co,uk and the blueimp gallery operates correctly in dreamweaver and when servered locally on win 10 iis server. When I upload it to the simplereg.com webserver rather than a single image being replaced one by one with the 4 images in the carousel, it displays as 4 image slots down the page and each image appears in its respective slot one by one at the end of the 4 second time interval. This one has me baffled as it works locally fine - any help
inport jquery in html
im trying to use jquery in html. this is what i got so far but it doesnt work: is it the code or am i inporting it wrong? screenshots in attachments
Drag and replace on drop reordering with ID reassignment
Hi, I have a group of divs that I would like to convert to drag and drop for reordering. Note: I haven't implemented this ever. Here's what I have: ASP.net application that reads the sharepoint list (contains user preferred applications) on page load and for each item in the list it creates a div with content (icon + checkbox + link). What I was thinking of doing is during my "for each" loop to also assign an ID (or another custom attribute) to the items according to their order in the list. What
Dynamic Flipster CSS not rendering
I am using flipster carousel card in my application. When i bind the card values statically my card view is coming fine . When i dynamically get the values carousal classes are not getting generated. i am just getting a plane and spread cards. When giving the data manually to the tag , then the flipster is working fine. When passing the data dynamically to the using AJAX then the Flipster is not showing up. Is it possible to create the flipster dynamically? function getcard() { $.ajax({ type :
Is there a way to count video playback views after 30 seconds?
Hello, I am going to host a video website with Vimeo players, I would like to know if there is a way for Jquery to actually detect the play button being pressed, then counts to 30 seconds and finally sends an ajax call to a PHP script to insert +1 view in a video_view table? I can manage all the php and mysql part but I am unsure on how to detect a click on a "play button" and then starts a counter that works on any devices that kick start an ajax call 30 seconds later. Any help would be more than
open menu on map jquery
check this js fiddle I try to show menu .. menu is display but also display immediately whereas i want menu display and when click anywhere then want to hide and now when i display map then menu not display check jsfiddle please https://jsfiddle.net/kcpppzmf/2/ like this
struggling to combine jquery with asp.net
Hi firstly i am not an experienced programer or web developer so my code is basic. I have a simple carousel which works however when i try to add a text box or any other asp control i cannot seem to recognise the control so that i can add code to an event like click a cmd button. ultimately i want to select the an image in the carousel and trigger an event that will update the text box with a value relating to the image. can someone please give me some code that either shows me how its done
Move from 2.1.0 jQuery version to jQuery 3.1.0, I'm getting following error "angular.min.js:107 Error: Syntax error, unrecognized expression: #"
We are switching to 3.1.0 jQeury recent version. It was everything working fine earlier version of jQuery 2.1.0. The version of jQuery 3.1.0 I'm getting issue of selector (#) Error: Syntax error, unrecognized expression: # at Function.ga.error (jquery-3.1.0.min.js:2) at ga.tokenize (jquery-3.1.0.min.js:2) at ga.select (jquery-3.1.0.min.js:2) at Function.ga [as find] (jquery-3.1.0.min.js:2) at r.find (jquery-3.1.0.min.js:2) at r.fn.init (jquery-3.1.0.min.js:2) at r (jquery-3.1.0.min.js:2)
Script Question
I came across this script: <script> $( "<div/>", { "class": "test", text: "Click me!", click: function() { $(this).toggleClass( "test" ); } }) .appendTo( "body" ); </script> Is the script above, setting up a function for the newly added "Click me!", in that it is supposed to disappear from the page it is on, when someone clicks on it? if not, what should be expected from this script; I "tried this code out"; and "Click me!" is unfunctional.
Sorting plug-in problem in FF 48.0
Sorting plug-in If placed inside the element <li> <select> it does not open when you click. The chrome is no such problem. translation from Russian translate.google.ru
Avoid code pausing/freezing on javascript error in jQuery blockUI
Let me try to make some sense... We're blocking the UI using jQuery block UI plugin $(document).ajaxStart(function() { $.blockUI({ message: '<h4><i class="fa fa-circle-o-notch fa-spin fa-fw"></i> loading...</h4>' }) }).ajaxStop($.unblockUI); Sometimes, when the code throws some error: The loading message on the freezed screen doesn't vanishes: The reason is: When the ajaxStart() starts, the $.blockUI() gets invoked. And before the ajaxStart() could successfully finish executing, it encounters an
Classic Jquery scroll with Flexslider
Hi, I have a index.php with very menu items. When i click on my menu anchor link, the page scrolls to it's own anchor name attribute and, WITHOUT FLEXSLIDER everythings works fine. With flexslider fullscreen activated i can't scroll down slowly anymore. It seems like anchor tags on my menu items are disabled by flexslider. Is there a way to fix it? In the Flexslider folder I have found slider.css files and at this row: body, html {margin:0; padding:0;width:100%;height:100%!important; overflow-x:
jquery trigger
I am using jquery 1.8.3.I have to populate two dropdown based on the value from another dropdown.I did it but the problem what i facing is the dropdown working great in chrome it is not working perfect in firefox.Here is my code <script type="text/javascript"> $(document).ready(function(){ $editid = '<?php echo $addid ?>'; //$pages.trigger("change"); var $pages = $('select[name=adPages]'), $positions = $('select[name=adPositions]'), $dimensions = $('select[name=adDimensions');
JQuery Progress bar
Hello, I am new to Jquery and task is given to me to "make a progress bar for task completion " . For example: there are 4 Sections and all those 4 section have different youtube videos . After the user clicks the section and watch the video of that particular section the progress bar should be increased to 25% completed. I am searching for this kind of tool available on internet but i haven't got any apart from that bootstrap file upload progress bar. Can anybody help me out and make me understand
what properties can we make animate on?
In addition to style properties, some non-style properties such as scrollTop and scrollLeft, as well as custom properties, can be animated. that is from the documentary i want to ask,beside scrollTop,is there other properties can we make animate on?
Capturing a URL with a specific pattern associated with diferent buttons
Hi, I want to capture a URL generating dynamically with a specific string inside associated with different buttons. For example I associated an AJAX url with a button whose url is having the pattern ****xyz=1**** . Associated an 'a' tag with another URL having a pattern ****xyz=2***. Depending on the type of element clicked .... I want to capture the url it is associated with it. For the 'a' tag it is pretty easy .... used this.href but how to capture for the button that is firing ajax??? Nil
Adding scripts to Adobe Muse lander - Possible?
Hi guys I hope it's the write place to ask this question, I'm new here and new to coding. I'm trying to use scripts that call the user's browser or location. Is there a way to do it in Muse? I have this small one line website for the test. Hoping for some help. Thank you guys :) Download the file If this is the wrong forum please point me in the right direction... thank you
How can I use i18n files of jquery-ui/datepicker through npm?
I'm converting all the depencies of my projects from bower to npm, but I'm not finding how to set the i18 for datepicker when using npm. Back to bower I just used to link "bower_components/jquery.ui/ui/i18n/datepicker-pt-BR.js". Is there any way to do it by npm or I will have to download and versioning it?
Problem with $(window).resize() event
why slideToggle() function shoots many times after implementing in $(window).resize() event?
Product listing sorting and paging
Guys, I wanted to check with you if you have a jquery e plugin or example for a specific function I need to create in my ecommerce site I am creating a page, which a list products followed by their photos in a grid view. I need paging in this page and sort products by A-Z or A-Z or lowest and highest prices, for example. Here is an example of that: http://www.ebay.com/sch/TShirts-/15687/i.html Thanks in advance
Javascript cannot be loaded in another html file
Hello guys, I'm new at using jquery. And now I'm facing a problem. Let me use picture to explain it. Why are <span id="id_1"></span> <span id="id_2"></span> <span id="id_3"></span> cannot be loaded in display.html? and here is display.html as you know that I got that input field from input button at the sidebar. Somebody help me. Thank you.
mousemove not triggered. JQuery 2.2.1
Hi, Is there something I do wrong for not having my event trigerred ? I have the following script at the top of my cshtml and there's effectively a div with class name starting with "ResidentItem" In debug I see that it gets in the ready function and apply the mousemove but it never gets inside the function when moving the mouse on the item with class starting with ResidentItem <script type="text/javascript"> $(document).ready(function () { $('div[class^="ResidentItem"]').mousemove(function
simple frame contents() example doesn't work
Hi all, i created an example page regarding the contents() method to access a frame content but i can't get it work HOME.HTML <!DOCTYPE html> <html> <head> <title>Myhome</title> <script type="text/javascript" src="jquery-1.12.4.js"></script> (tried also 3.1.0) </head> <body> <iframe src="mycom.html" name="main" id="myframe"></iframe> <script type="text/javascript"> $("#myframe").contents().find("div").css( "background-color", "#BADA55" ); </script> </body> </head> </html> MYCOM.HTML <!DOCTYPE
Upgrade jQuery UI to v.1.12.0, draggable and droppable are not function stable as with older jQuery version.
Hi, I have an organization chart builder. After upgrade to jQuery 1.11.4, and jQuery UI 1.12.0. it doesn't drag and drop li and ul as stable as when I am using 1.7.2. Maybe I need to change code to accommondate jQuery 1.11.4, and jQuery UI 1.12.0. The code looks like below. Do I need to change the code? $(".myOrgDiv li").draggable({ revert: "invalid", containment: "document", cursor: "move" }); $(".myOrgDiv ul").droppable({ accept: "li,ul", activeClass: "ui-state-highlight",
ajax anti-cache issue in 3.X.X
Given a url (that was, for example, returned from a server after a prior ajax nocache request): /myapp/?_=1111&nextPage=2 and issuing a new jquery.ajax call with that url and cache=false will cause the request url to be changed to something like: /myapp/&nextPage=2?_=1112 which causes the request to be unrecognized. In jquery 3.0.0-alpha1 and prior versions, the ajax anti-cache code did an in-place setting of the anti-cache parameter and updated the url with something like: /myapp/?_1112&nextPage=2
Jquery pop up is showing all children instead of one
Hi, I wonder if anyone can help? I am displaying some advanced custom fields on my wordpress site. When the title button of each post is clicked, I need the content to appear in a pop up box. I have managed to code it, my issue is that ALL boxes are popping up when any title button is clicked, instead of just the single pop up box that is related. I did try wordpress forums as this is a wordpress site, but the button to add a new question in the forum isn't working :( I wonder if anyone can help
Next Page