Will there be a JQM 1.5?
Hi there I'm a big fan of JQM and have used it in various Projects until now, although i'm not sure if it's that wise to start a new project with JQM since the roadmap is outdated and there are not that much infos from the creators how the whole thing will be continued (if it will be continued)! what a pitty because it is a very efficient framework with a lot of features you don't have in other frameworks! best andy
Jquery not running
Dear Sir/Madam http://www.prajaktasoftware.com/sce/exhibitorsetpassword.php?id=79 I found following error using development tool exhibitorsetpassword.php?id=79:637 GET http://www.prajaktasoftware.com/sce/css/shortcodes.css exhibitorsetpassword.php?id=79:637 GET http://www.prajaktasoftware.com/sce/css/settings-panel.css 404 (Not Found) responsee.js:8 Uncaught ReferenceError: jQuery is not defined(anonymous function) @ responsee.js:8 jquery.magnific-popup.js:49 Uncaught TypeError: $ is not a function(anonymous
Show multiple table rows on radio button click
Hi, how do I make multiple row showing per radio button check( When user click Other, two rows will be showing row for Country Dropdown and row for State Dropdown), it is not working when I do it like the code below as I cannot use the same ID more than one time(country-2 used twice) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> </title> <script type="text/javascript"
Build HTML document with jQuery to set it in iframe
am receiving from server full HTML code of different pages as string: $.post($form.attr("action"), $form.serialize(), function(responseText) { console.log("text received"); //Setting dynamic content to iframe method * }).error(function(p1, p2, p3){ alert("error!"); console.log(p1 + p2 + p3); }) ; Setting dynamic content to iframe method 1: var s = $(responseText); $('#FileFrame').contents().find('html').html(s); Setting dynamic content to iframe method 2: var $frame = $('#FileFrame'); var doc =
Jquery Autocomplete Deleting Problem
Hello! I've a problem with my Jquery Autocomplete script. Basically it show a city list and if does not match any element it shows a popup with toggle function. I have a problem with wrong names. If I'm typing "ROMERRRR" it shows my error popup correctly. I'm using this script that works properly in chrome browser but not from mobile browser. Infact from Chrome DESKTOP, after the first time, i can use backspace again and again and nothing happen correctly but in my mobile Chrome browser when i press
more.. after 50 chars
I have a field which has a lot of content. I want to apply a logic where i would extract out content with 50 chars and will be aadded by (more..). However, i want to apply it in such a way that the content can be less than 50 chars but should involve all the full words. So that "This is a test" should not become This is a t(more..). rather it should be This is a (more...) How do i achieve this in Jquery or javascript. thanks
Stop scrolling page if menu item not contain a function into link
Hi at all in my web site www.iomla.net I have an accordion menu animated by this script: www.iomla.net/acc.js. It work very well but clickin into an item not containing final link the page scroll to top instead of staying steady waiting for next choice. It'ld can scroll the page to top only clicking last choice containing link to page that is a function. Thank you very much
MultiSelect Autocomplete enable
Hi, I have a code for autocomplete in asp.net with ajax have shared the code for same But i require multiselect with autocomplete in the same code Can anyone help for the changes which may be required Thanx in advance Below is the code : (function ($) { $.widget("custom.combobox", { _create: function () { this.wrapper = $("<span>") .addClass("custom-combobox") .insertAfter(this.element); this.element.hide(); this._createAutocomplete();
scroll with fixed header/footer
Hi everyone I used fixed headers and footers for my jquery-mobile based site ( http://www.dollsofindia.com ). If you open this site in any mobile browser and try to scroll up, you will find it gets stuck on the first swipe upwards. After this, this the header occupies the top position over the address bar and only then, when you scroll up again, does the page scroll below the header. The same happens when you scroll back down. When the header and footer are made non-fixed, this problem goes away
Roll Your Own - Tabbed Menu issue
Hi All, I am working on a clients website which is very information heavy. Trying to make tabbed areas to limited the amount of space taken up. I went on themeroller and got this: http://jqueryui.com/themeroller/#!zThemeParams=5d00000100c005000000000000003d8888d844329a8dfe02723de3e5701fa198449035fc060c60d90ab42a9576967ec2e17f4e216009e15891758c06c64cfd470466d5dc37c164a68069267698161defb8ccc57ef0ebca1830333d6f5c5acbd6934454d5f9785ae2a775f6be5172ccdcb8da273a83ebccb477d1c743421206752b6db33bfbf508417ce75c229797b8417ab7b3e52916122b8f795259f0d87f33752259b97ac68499319a295cab4b3a86e6c38ea1aa16ab081209d200dcd64850c77f2a750ae17fd69b4e486df479038d2a5907296038dc6340dae3fca7fd3cb4c8cb8638cd4871dc0753d8d5cd713d9130584ac8cda1adedd53bf2eabdd77b1303ad395766ff4672a3978dba42571fae4f82ade505babf85ca568763a4635b18414dc24bc3b5f8fdfe24d8e11240c65f92a354574f067c2d66e171d10f784388e7775a1c7ca44d73ffc3ee602710bf126a07da14f270cfff02fc07c67dce5466ef1fe97d23d51db71c04ff5e208a55feead406c0ceca7900c7bc1ab1de92acb7e55bc4d97258ece083938555a455ba3da7cbc5e2a8dd281eda01c61a3c2be61307b533049c1f12ffc2a8de3341aa2bfeb224f56420d2e8bdb699654f53dd20ffb570ee8248ecffd6c1269e
I get much space between 1st and 2nd column using 1.4.5 ... what to do???
<div class="ui-grid-a" id="entry"> <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="width:120px;">TYPE:</div></div> <div class="ui-block-b" id="entryTYPE"><div class="ui-bar ui-bar-a">Block 1,2</div></div> <div class="ui-block-a"><div class="ui-bar ui-bar-a" style="width:120px;">DESCRIPTION:</div></div> <div class="ui-block-b" id="entryDESCRIPTION"><div class="ui-bar ui-bar-a">Block 2,2</div></div> <div class="ui-block-a"><div class="ui-bar
Auto play Youtube Video when loaded in a div
Dear Sir I am embeding following code using javascript when i load following code (say) using database this information being in database, this varied based on the link clicked by the user. <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/zNWHsYsht9E?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe> I want to auto play the youTube video when loaded My jquery code to display the youtube video $.getJSON("sampleyoutubevideojsonfill.php", {id:
Access to nested JSON
Hi, I tried to to access the following json: var data = [{"nodes":[{"id":"node_id_1","label":"node_label_1","title":"","group":"0","content":"","x":"-305.451","y":"-173.162"},{"id":"node_id_2","label":"node_label_2","title":"","group":"0","content":"","x":"-234.961","y":"-98.5864"}]},{"edges":[{"id":"6","from":"node_id_8","to":"node_id_5","label":"6","title":"6","group":"node_id_8","content":"node_id_5"},{"id":"undefined","from":"node_id_8","to":"node_id_5","label":"undefined","title":"undefined","group":"node_id_8","content":"node_id_5"}]}]
AJAX -> storing result in variable using callback (undefined)
I have a question to a very common problem. Probably dozens of question have been asked with regard to this. But unfortunately, I am not able to solve my problem anyway. Maybe you can help me! I have the following code: function get_network_from_database(callback) { $.ajax({ type: "POST", url: "load_network.php", data: "json", success: callback }); } function myCallback(result) { return result; } var matrix = get_network_from_database(myCallback); Now, when I alert matrix then it says undefined but
my checkboxradio font color did not change after clicked
my checkboxradio font color did not change after clicked. how to change the font color after clicked? Can you please help? UI theme stylesheet (Base) is included. the label should change to white after clicked. i copied the demo code to my work and still same
when using online version appear icons when local version Not appear icons ... what to do???
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> <!-- <link rel="stylesheet" href="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.css" /> <script src="jquery.mobile-1.3.2/jquery-1.9.1.min.js"></script> <script src="jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.js"></script> --> when using online version
Tablesorter Re-initialize after destroy
On page load I initialize the tablesorter like so: $('#tableId').tablesorter({ // sort on the first column, order asc sortList: [[5,1]], cssDesc: "headerSortDownFan", cssAsc: "headerSortUpFan", cssInfoBlock : "tablesorter-no-sort", headers: { ".sortingDisabled": { sorter: false } }, // apply custom widget widgets: ['numbering'] });
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
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
Next Page