PageContainer "ChangeHash: false" updates browser history
As a newbie to JQM Page Container, I am wondering if my understanding of this feature is incorrect. Please help. I am using the foll code in JQM 1.4.5 with Apache Cordova: $(":mobile-pagecontainer").pagecontainer("change", CurentPageUrlWithSuitableQueryString, { allowSamePageTransition: true, changeHash: false, transition: "slide", type: "post" } ); In my code, On clicking any collapsible Divider on the displayed page, I go to JQuery (and via above code ), I go again to the current page with a suitable
How to select an option of a combobox from ajax that has different option values?
(Note: although I mentioned Magento, this is NOT a Magento question, it's about jquery). I have a form and I've used a jquery script to autocomplete address based on zip code. The problem is that Magento brings a state/region list which values are different than I got from ajax result (webservice). For example: the value returned for state is "SP" (Sao Paulo) and the value that should match in select is "508" instead of "SP". How to populate that select correctly? See the select here (Magento generates
jQuery Dialog - scrollbar positioned at top of dialog after scrollTop()
Using: //ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js //ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js I launch a jQuery UI modal Dialog containing an iframe. The contained document has anchors with corresponding navigational links. When a link is clicked I use: $(window).scrollTop(anAnchor.position().top); This brings the content identified by anAnchor into view however the dialog's scrollbar is positioned at the top of the dialog making it impossible to then use the
jQuery install errors on two windows 8.1 PCs
Hello, I am trying to download jQuery from jQuery.com. I have downloaded the uncompressed version and the compressed version and get different errors for both installs. I tried it on two windows computers and get the same errors. Second problem I have screenshots in a word document as an attachment to show you but get an error when I try to upload it from my desktop Please advise it says to contact the portal admin. I think I need more space to upload it. I tried sending the screenshot ias a zip
The explode effect needs some serious performance improvement
It works really slowly, especially when requestAnimationFrame isn't supported, or when on a mobile device, or when you set the pieces parameter to 25 or more. Here's a live demo: jQuery Explode VS pure JS Explode (performance comparison). Try it! Try setting the pieces option to 10 (10x10 = 100 pieces). Depending on the device and browser, either the animation will be very jumpy, or there will be no animation at all. There are two problems with the jQuery effect: 1) As far as I know, most jQuery
Security bug report
Hi! where i can privately report security issues in jquery libraries?
Jquery conflict
Hello friends. I have a critical issue with my last project. I am using template wt_boss with helix framework. On mouse hover on calendars these fields disappear. Please check at http://mykonosrna.com Also, take a look at bottom of this page http://mykonosrna.com/apartmnts-and-rooms-in-mykonos/2-apartments-rania.html on fields "arrive" "departure" Any suggestion will be helpful. Thank you in advance.
Executing event functions on load
New to jQuery and have some issues with the code below, guess it is simple but I fail to see why slideToggle() and xhttp request is executed on load without click- or selectionchange-event. Why? <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name=viewport content="width=device-width,initial-scale=1"> <title>Title</title> <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
jsfiddle code need help jq mobile pages css codes
heres my code i created compulsory to use multipage method jquery mobile i can not get the css code to work on my ui-login and ui-signup pages. my input box and buttons are showing up large on the andriod emulator and no colour.,etc . can some one help fix this problem. i spent days trying everything with no success. i still need to connect other pages to this index file also I have the same issue button etc are showing up wide.. so first i need to fix issue with css thank you www.https://jsfiddle.net/daisys77/s4b6hv2m/3/
select data with datatables plugin
Hello, I want to show data with the DataTable plugin. I use a mysql database for save the data. But now I get the error: No data found. But I want select the data from the php file. My question is: How can I select the data from the mysql with the DataTable plugin? Can someone help me what is going wrong? thanks in advance index.php: <!DOCTYPE html> <html> <title></title> <head> <link rel="stylesheet" type="text/css" href="css/jquery.dataTables.css"> <script src="js/jquery.js"></script>
Hello! I found BUG
Sorry, I bad speak English. I wrote the script /* Generator <?php $ucode = rand(1000,10000); $password = rand(100000,1000000); ?> /* Form <form method="post" action="form.php" id="Checker"> <input type="text" name="ucode" value="DF<?=$ucode?>" /> <input type="text" name="password" value="<?=$password?>" /> <input type="submit" name="send" value="SEND" /> </form> /* Handler form.php if(($_POST["click"])){ $ucode = clear_string($_POST['ucode']); $password = clear_string($_POST['password']); $test =
jQuery UI memory leaks
Need some information on jQuery UI memory leaks fixes. Are there any memory leaks in jQuery UI 1.10.0 which are fixed in later versions? especially in jquery-ui-custome.js components like resizable selectable,etc.., on chrome Can you provide details on in which version they are fixed? I want to upgrade to that version
jQuery grid layout - newbie questions
hey volks, sorry for disturbing you i see you rolling with your eyes about my stupid questions. i am totally new to javascript and jquery but i have to solve a challenge but i dont know how to start i bought a wordpress template and installed it. Thats the link: http://panm.formkoalition.de Everything is fine i did some css but: I want to manipulate the grid in a style you can see in this link: http://cargocollective.com/titusandronicus This cargo site grid is absolutely beautiful. I want now to
sortable - need more examples
page: https://api.jqueryui.com/sortable/ Sortable need more examples, better examples. Typical, you need move items and send all ids to server. I not found good example. Not full example. Not for methods. Good example i found on https://codepen.io/Sinetheta/pen/qvbCr Code: HTML <ul id="image-list1" class="sortable-list"> <li id="a">A</li> <li id="b">B</li> <li id="c">C</li> </ul> <ul id="image-list2" class="sortable-list"> <li id="1">1</li> <li id="2">2</li> <li id="3">3</li> </ul> JS:
is correct how i used .prepend() ?
Hello, I made a page using jQuery That adds elements at the click of another element using .prepend (); It works fine. in html we have this element: <label>Motivo del Reso / Guasto * <span id="charNum1">(200 Caratteri disponibili)</span></label> <textarea class="difetto" id="difetto1" name="difetto1" cols="50" rows="2" maxlength="200" required="required" aria-required="true" placeholder=""></textarea> and at the end of body i use jquery for count number of chars in textarea: jQuery('#difetto1').keyup(function
How to make a tab active when a page is loaded in PHP/jquery
i have used the following code <script> $(function() { $('#tabs').tabs({active:1}); }); </script> <div id="tabs"> <ul> <li><a href="myprofile.php?option=mp">My Profile</a></li> <li><a href="myprofile.php?option=mbm">More about me</a></li> <li><a href="myprofile.php?option=cop">Checkout your peers</a></li> <li><a href="myprofile.php?option=tr">Test Results</a></li> </ul> </div> <?php @$opt = $_GET['option']; if($opt=="") { //error_reporting(1); } else{ switch($opt) { case 'tr':
what's the proper way to select a nested div with jquery?
What's the proper way to select a nested div with jquery? My specific example looks like this: <div id="reportTitle"> <div id="line1"> <div id="line2"> </div> I need to set the values of line1 and line2 of reportTitle. I want to make sure that I don't set the value of some other line1 and line2 elements on the page. So I'm looking for something like this: $('#reportTitle > line1').text('test1') $('#reportTitle > line2').text('test2') What's the proper way to do this?
jquery mobile css.index
https://codepen.io/mathdotrandom/pen/crfCD login template https://codepen.io/ehermanson/pen/KwKWEv Signup template My issue is using jquery mobile creating app that will have many pages inside. My problem is the css files from these two pages where do I place in my css.index. I have tried that putting both codes on to that css.index then nothing is happpening just plain layout. Can someone show me example layout how css should be with these examples templates.
jqurey library
There are tons and tons of functions that jquery provides her uses to use but when i try to understand what each one does its kinda complicated from the way they describe it here. ok fine i know what .hide() or .fadeIn() does but other more complicated ones i cant really get what they do do you have any suggestion on sources where i can understand easier what jquery functions do?
Angular JS
Dear All I am new in AngularJS anyone can tell me how to achieve this task. When i select something from dropdown menu the related information in the readonly fields through JSON file. The below is the image .... Thank you in advance
Load form after all JavaScript loads
I have a form where a variable is dependent upon an external resource. When the form loads prior to the JS running, it displays blank fields from the record in the db. How can I delay the form from loading until after all JS loads?
jQuery UI Tooltip with AJAX loaded content
The title says it all. I tried to bind tooltip using $( document ).tooltip(); - but my website freaks out and starts loading a blank page instead of showing the tooltip as soon as I hover the element O.o. If I use $( '.tooltip' ).tooltip(); - everything works fine. Except that with AJAX loaded content, the tooltip is not working (of course, because the plugin is initialized upon document.ready). Any hints? Thanks. Paddelboot
Hide all elements but the first 12
Hi, The else if part of this code is not working. Does any one know why? HTML <div class="row tile-list-wrapper tile-person-list"> <div class="js-reveal-target"> <!--#include file="tile-person.html" --> </div> <div class="js-reveal-target"> <!--#include file="tile-person.html" --> </div> <div class="js-reveal-target"> <!--#include file="tile-person.html" --> </div> <div class="js-reveal-target"> <!--#include file="tile-person.html" --> </div> <div class="js-reveal-target"> <!--#include file="tile-person.html"
Autopopulate datepicker fields based on another datepicker field
I have form with multiple datepicker fields. Monday through Sunday. I would like to populate Tuesday through Sunday's dates based on Monday's selection. Here's where I have gotten with no luck: $(document).ready(function () { if ($('#form_44084').length) { var DAYS = ['#element_2_datepick', '#element_3_datepick', '#element_4_datepick', '#element_5_datepick', '#element_6_datepick', '#element_7_datepick']; $('#element_1_datepick').datepick({ onDate: function(date) { return {selectable: date.getDay()
Sortable list saving the last state
Hello Im trying to create a sortable list but I need to save the last state of the list, I have been trying but didnt succeed. here an example of my code finddle I hope any one could help me. thanks in advance
Advanced Autosuggest Box
I wonder if you can recommend a paid script which will create an advanced autosuggest box at my website? I need it to allow rich CSS styling. It should also group results by categories. The best two examples of such autosuggest box are BLOOMBERG TEMINAL and REUTER EIKON. I have attached links to images which show the search bars of both. http://s3.amazonaws.com/libapps/accounts/10680/images/Bloomberg.jpg https://blogs.thomsonreuters.com/financial-risk/wp-content/uploads/sites/12/2016/09/eikon-data-visualization-screenshot2.png
Adding Cattegories to MultiColumn Autocomplete
Hello Friends!) I wonder if you can help me add the categories (https://jqueryui.com/autocomplete/#categories) to this MultiColumn Autocomplete widget (https://jsfiddle.net/MrSnrub/pk0kf0hn) which I am looking to employ at my website ? Or maybe you can suggest a working autocomplete script which allows to look for multiple terms in multiple columns and which also combines the results by categories? Glad to be at this wonderful place! Dim
Datetimepicker Disabling Day and Time
Hello experts, I'm using bootstrap-datetimepicker : https://eonasdan.github.io/bootstrap-datetimepicker/#inline and I got a situation. I have three conditions before enable a date and time: 1 - Full day disable, like holiday, which is already done at the propriety: disabledDates 2 - Shop Closed - disabledHours: [0, 1, 2, 3, 4, 5, 6, 20, 21, 22, 23, 24] 3 - Already busy date and time On the third condition is the issue, How can I disable only the exactly time on the selected day? Example of
add avatar image in a container
i would like to add an avatar image to my page in a container. how would i go about doing this. <img src="img/j.jpg/" alt="Avatar" class="avatar">
plugin doesn't work with newer jQuery
Turn.js is great and does exactly what I want it to do ... on my computer. But when I upload it to WordPress, it doesn't work. I downloaded the version of jQuery that WordPress is using (1.11) and tested using that and it did not work. Reverting back to the version that comes with the samples (1.7), it works again. My conclusion: something changed between 1.7 and 1.11. It comes with a min version of 1.7, but I don't know what that means, just thought I'd mention it, if it helps. Turn.js is available
Help me Out - Function and Array
Hello experts, can you help me out with these functions, I would like to get the list os holidays: var oHoliday = []; oHoliday = holidayList(); $('#datetimepicker12').datetimepicker({ inline: true, sideBySide: true, minDate:new Date(), disabledDates: oHoliday //The holidays llist will be insert here }); function holidayList(){ var days =""; $.get('/holidays/ajax/', function(oHoliday){ $.each(oHoliday, function(i, getHoliday) {
Issue with duplicate fields and autocomplete
Hello, I have a form with duplicate fields including autocomplete input. The issue is : when i duplicate the fields, the autocomplete doesn't work on the new fields. I spent time googling my issue and often it's a clone('true') issue, which i don't use already and still have the problem. Can you help me please ? I made a JSFiddle : https://jsfiddle.net/vqnaedvx/ Try with the letter j or s HTML : <div id="projects" class="content"> <button type="button" id="btnAdd" class="btn btn-primary
Custom download - which files?
I just did a custom download and I am wonder just which files I need to use? I can see full and minified versions of .css .js structure.css and theme.css as well as two folders. I guess I need the min.js and min.css but I am not sure about the structure and theme files.
jQueryUI draggable fails at least with <input> element
I have problems to set elements draggable using jQueryUI 1.12.1. There is no problem, when draggable element is <div>, but when I switched it to the <input ... >, it does not move from place. I tried to disable element too in order to make it more "stiff", but it makes no difference. The similarly pitiful outcomes I had with resizing <label> for <input>. I could move it on the screen, but I was unable to resize it. Here is code I just copied from the page and made minor changes: <!doctype html> <html
A message is required in alert when all radio groups are selected
I have the following "radio buttons group" in a form, A message is required in alert when all radio groups are selected. <fieldset style="display: block;" class="frt"> <div class="hd"> <h4>What is your age?</h4> <div class="form-group"> <div class="col-sm-4"> <div class="input-radio">
multipages jquery mobile background image help
i have jquery mobile index.html that conatins many pages page1,2,3,4,5 etc. my problem is i cant get different background image on each page. hi can you please tell me what i am doing wrong.thank you this is the code i have used. it oesnt work no background on the page i decide to put it in. some of my code <!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css"> <script
How to use SelectMenu in WordPress with plugin jquery ui
Trying to use SelectMenu with background image option. can anyone provide information on how to use? Place code for item in WordPress Page How do I link page code to JQuery UI Where do I put the images
Online straming application: Uncaught (in promise) DOMException
On urbansunsets.com, I have implemented radio streaming in HTML5 and JavaScipt (jQuery). There is an error on iPhones. The code: HTML <div class="col-lg-12 col-sm-12"> <div id="radio_player"> <div class="default-player"> <audio width="320" height="240" controls playsinline id="audio_player"> <source id="player_source" src="http://public.radio.co/stations/sedf8bacc9/m3u" type="audio/mpeg"> </audio> </div> <div id="audioplayer"> <button id="pButton" class="pause"></button> <div class="live">Livee</div>
Click on button to Show Data
Hello I am very very new to Jquery and JS. I made a form, where I have names in selection. I want that When I select a Name for example John Cena , all my desired text data will show under it. and when select othe rname for example Kane then Kane's data show. how can we do it ? Here is my HTML <!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> <meta http-equiv="Content-Type" content="text/html;
Doesn't work
I have an odd problem when I'm trying to use jquery. When I download it and reference it from my webpage it doesn't work. When I reference it from google it doesn't work. But when I put references to both google and the downloaded version it works. Please could somebody help. Maybe I'm being a bit stupid as I'm new at this. But it is doing my head in. Thanks. My code: <html> <head> <title>J Query</title <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
Next Page