Question about JQuery UI Theme Roller
The following pertains to the datepicker. I've found the theme roller to be very useful, but I have a question about implementing a theme. The downloaded theme folder contains folders named "external" and "images". "external" has a subfolder named "jquery", which contains a file, "jquery.js", which seems to contain a copy of jquery v1.10.2. I've figured out that "images" needs to be a subfolder of whatever folder that contains the CSS. But where does the "external" folder go? Not including it anywhere
jQuery (validate) using latest jQuery 2.14 & validate 1.13.1, validate.settings undefined
I have a simple form no HTML rules using latest bootstrap. Tested on jQ 2.14 and 1.11.3 min and not minimized, Validate 1.13.0, form is fully loaded when this executes. .valid() says true even if required fields are missing Error appears when I type on field, or exit a field, not when initiating validate instantiated with: myvalidator=$('#areas_Create_modal').validate({ rules: { area_name_EN: {required: true},area_name_ES: {required: true}} }); myvalidator on console shows: myvalidator.settings
How To rotate arrows onclick in menu?
hello, based on this topic (https://forum.jquery.com/topic/creating-a-jquery-mobile-menu-with-toggle-submenus ) I create my menu, but I don’t know how to change arrow from ▼ to ► when its clicked. can someone tell me? edit: online demo added: http://jsfiddle.net/sabeti05/4cp9f056/2/
data-rel="back" not working after upgrading JQM from 1.2.1 to 1.4.5
Hi, We are in process of upgrading our project from JQM 1.2.1 to JQM 1.4.5. After upgrading, navigating to back page stopped working. Our project is in MVC and Back button is added as below in Layout page. <a href="#" data-rel="back" data-role="button" data-inline="true">back</a> data-rel=back supposed to ignore href value, and navigate back to previous page, right? It's not behaving in this way in JQM 1.4.5, it was working in JQM 1.2.1. What am I missing here? Please someone help me to fix this...
Excel like column filter to data table is not working in firefox(Working in IE)
Hi, I m using JQuery data table to display data and applying excel like filter to data table header using jquery.dataTables.columnFilter.js. It is working in IE but not working in Firefox browser.
How to use Ajax DataType "JSONP XML"
Hello my friend, I'm a newbie in Jquery. I have a project that use Ajax to read XML from another domain (cross domain). I tried to read by normal way but no luck. And i discover DataType in Jquery 1.5 is "JSONP XML". But i can't use it. This is my code: $(document).ready( function () { var ok, ok1, ok2, ok3, ok4, ok5, ok6, ok7, ok8 setInterval(function () { $.ajax({ crossDomain: true,
Why is event parameter forgotten after recursion?
Consider the following code: <html> <head> <meta charset="UTF-8"> <title>title...</title> <link type="text/css" rel="stylesheet" href="jquery-ui-1.10.4.custom.css" /> <script type="text/javascript" src="jquery-1.10.2.js"></script> <script type="text/javascript" src="jquery-ui-1.10.4.custom.min.js"></script> </head> <body> <div id="dialog1" style="display: none"> <p>some text</p> </div> <input id="but1" type="button" value="clickme" /> </body> <script> $("#but1").on ('click', {valu: 1}, f); $("#dialog1").dialog({
rich text field with image
Hello, i wanted to know how to determine rich text fields state (null / not null) if it contains only an image.
jquery animation
How to animate an element in jquery
Creating a jQuery mobile menu with toggle submenus
Hi I would love to create a vertical menu for mobile devices. As we know, mobile devices don’t yet support hovers used for the display of sub menus. I would love to give mobile users the ability to click on the main portion of the parent menu item to link to the item page. To toggle down (and up) submenus the user has to click on the arrow area on the right of the button where I appended a transparent <span> area. This process is very important in mobile web design as it gives mobile users the ability
Timing and speed of multiple sliding divs
Please see this fiddle I have set up. You are first confronted by three links. Each link triggers divs to slide out. The link 'john smith' slides out and in at the speed we want. When it slides out the first line slides out then when that is completed the second line slides down as though coming from the first. When it slides back it does the same motion at the same speed but reverse i.e.. the second line slide back up first and then when that is completed the first line slides back to the left.
move the contents of a div to another div
I have a div structure such that: <div id="MainDiv"> <div id="fromDiv"> <div id="NewContents"> </div> </div> <div id="toDiv"> <div id="ExisitngContents"> </div> </div> </div> Now i want the jquery to move(append) the NewContents from fromDiv to toDiv such that the new structure will be <div id="MainDiv"> <div id="fromDiv"> </div> <div id="toDiv"> <div id="ExisitngContents"> </div> <div id="NewContents"> </div> </div> </div>
Draggable "connectToSortable" option, not working in ember.js
Hello everyone. I am a Ruby on Rails developer and recently I started working with ember.js. I tried to use draggable and sortable, and everything works fine besides the "connectToSortable" feature of draggable. I have a sortable list that works as any sortable should, I have a set of draggable items that do everything they should de, except that they cannot be added to the sortable list, despite the fact that I have given the option "connectToSortable". I have no typos and the given element is
How do I insert when a given in the search field and if it does not aperecer type a select ...
How do I insert when a given in the search field and it does not exist aperecer type a select with a button where I can add that given in the table where did the research , as shown.
Note : The search filter longer works.
Using Lazy Load for loading Divs?
Hi, All tutorials bout using Lazyload are talking about loading images. Is there any Lazyload plugin that can be used for loading Divs? Thanks
By first Click; hide an element immediately and by second click show it again after 3 seconds
Hi, I want to achieve that when I click on a button the caption of my slider hides immediately and a second click on the button shows the slider caption after 3 seconds delay. I tries this code: <style>.hide: display:none;</style> ("#hamburger-menu").click(function() { $(".slider .caption").each(function() { var kir = $(this); if( kir.hasClass("hide") ) { setTimeout( "kir.removeClass('hide');",3000 ); } else { kir.addClass("hide"); }
Need collapsible widget only but custom package not working
I just want to use the collapsible feature of jQuery mobile. Using the custom download interface I selected that widget, downloaded the code (two css and one js), and installed. It's not working, tho, so I'm wondering if I'm missing another step? Another file(s)? It looks like the "picker" selects the necessary dependencies, so I assume everything I need is included in the download? http://farbest.com.s200192.gridserver.com/ingredients TIA
slide show cycle.js
I am trying to create a slide show similar to http://www.lazinc.com/ but I need the spritemap.png for the next and previous images. Where on earth can I download it from? I can't find it anywhere. Thanks
Mozilla firefox issue with keyboard events
Yesterday, I posted this and was told that I should use event.which instead of event.keyCode for keyboard events, and that was good. But even after switching to using 'which', there is still an issue, and it is only with Mozilla Firefox 38.0.1 -- the backspace key isn't working. If you try the following code on IE, Chrome, and Opera, you will be able to type in letters and backspacing as well, but not with Mozilla Firefox: <!DOCTYPE html> <html> <head> <title></title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
Accessing Id's created by s:iterator
Hi, I have Id's like below: id =" Test_List_0_test1 " id="Test_List_1_test1" id="Test_List_2_test1" Which are generated when I use s:iterator with the List. I want to loop through these Id's in Jquery.. How can I get the handle to these objects/ value. I need to do some validation based on the values
Mozilla Firefox 38.0.1 not compatible with jQuery???
This is weird. The following code snippet works fine with the latest versions of IE, Chrome, and Opera, but will not work with the latest Mozilla Firefox ver. 38.0.1. Can someone please tell me why?? Could this be a jQuery issue?? The code snippet is right below. <!DOCTYPE html> <html> <head> <title></title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script> $(function() { var sAllowableCharacters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
Click not working on dynamic div
Dear jQuery Forum, I'm trying to perform a click function inside a dynamically loaded div. I've looked and implemented many of the tactics I've run into and none of them are working The code that I'm running to load the div: $ ( window ). load ( function (){ function showitusers () { $ ( "#creatorsettingsdiv" ). load ( 'http://XX.XX.XX.XX/quizzes/js/creatorusersdiv.php' ); } $ ( "#creatorsettingsusersbutton" ). click ( function () { var usersvar = showitusers (); }); }); This loads creatorusersdiv.php
How to avoid the scroll lock?
Hello everyone . I'm trying to create an analogue of this or this plugin. Here is my code : $(window).scroll(function() { if($(this).scrollTop() >= $("#Page_1").offset().top/2){ var scroll_page_2 = $('#Page_2').offset().top; $(document).scrollTop(scroll_page_2); } if($(this).scrollTop() <= $("#Page_1").offset().top/2){ var scroll_page_1 = $('#Page_1').offset().top; $(document).scrollTop(scroll_page_1); } }); I have blocked scrolling . An example is here . Well with my code so everything
Change touch area for slider control?
I'm looking to increase the touch area of the slider control knob. More exactly, I want to add a padding of 10px around the knob. Is there a way to do that? Thanks!
How to combine jquery choosen and jquery multiselect plugin ?
I need to combine jquery choosen and jquery multiselect plugin. Because i need to search as well as multiselect inside a dropdownlist or listbox in asp.net . Kindly help. If there is any other plugin of the combination of these two then kindly share it.
appendTo in 2 directions not working
I set up this jsbin so you can see my problem. My appendTo is working going to the right, but I need it to go to the left as well. If I add the first 2 items to the right, clicking on those elements should bring them back to the left. What am I doing wrong here? http://output.jsbin.com/fukegiweta Edit: Another question: Is there an easier/better way to do this?
Span Class String Replace On Click?
I'm hoping someone might be able to shed some light on how I can replace a span class identifier using JQuery. The current code which does not work is as follows: $('#my-navicons a span class').text(function(index,text){ if (this.nextSibling.nodeValue = my-menu-openicon' { this.nextSibling.nodeValue = this.nextSibling.nodeValue.replace('my-menu-openicon', 'my-menu-closeicon'); } else { this.nextSibling.nodeValue = this.nextSibling.nodeValue.replace('my-menu-closeicon', 'my-menu-openicon'); } });
Dropdown menu problem
Hii, I am trying to make a navigation bar with bootstrap classes but unable to do this, I want a dropdown menu where I want a sub menu under a button. please help me below is my entire code.. <nav class="navbar navbar-inverse" role="banner"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle
Search one object from array comming from ajax result ?
Hi, I'm trying to figure out which method of jQuery is used to find an object based on a property value of an object in a collection that comes from an Ajax call. Here's what the collection looks like :
Responsive mobile menu with jquery mobile
hello, After a lot of hours, I don`t know what to do anymore. I created a simple html page with a RMM menu. I want to use this with jquery mobile navigation. Still after a lot of tries and searching on google, i cannot find the perfect solution. //REPLACED THE CODE WITH JS FIDDLE https://jsfiddle.net/tk7kvr8d/ Can someone please tell me why after clicking on Upload foto button, the menu disappear?(I think it is a problem with the CSS)
Created jQuery-Mobile site and it works great, but my desktop version is no longer visible
I created jQuery-Mobile site with Dreamweaver and it worked great, but my desktop version is no longer visible. Is there something I need to add to the code? This is the mobile site I created: http://hendrickscountysso.com/mobile.html This is the regular site: http://hendrickscountysso.com/home.html I had to put my regular page back out there because I cannot afford to not have the desktop version unavailable. What do I need to add so my desktop site will show up??? Below is the code for my index.html
Sub Navigation in jquery ui
Hello all, I need help. I'm looking to add sub-menu bars to my navigation in jquery ui. The only problem I'm left having, is that my text in my sub-menu is gold when the "about" tab is clicked. I would like for it to be the dark brown like the rest of my body, and how it is when another tab is selected. Here is my jsfiddle. http://jsfiddle.net/gretcbkq/ This is using jquery ui Thanks for any and all help.
Issues in safari iOS 8.3 loading scripts.
Hello and Thank you in advance for your help. Here is the issue that we are having: We are having issues 50% of the time loading jQuery ONLY in Safari on iPhone and iPad with iOS 8+. Also everything works just fine in PRIVATE BROWSING WINDOW in safari. Same issues in iPad and in addition to that ipad used cannot add items to the cart. Also CSS styles are not loading properly 50% of the time. In Chrome... orepa... firefox etc everything WORKS FINE with zero issues. we have tested in iOS 7 and everything
Need help selecting an element from a jquery response
Hey Guys, I am trying to get the value of a hidden input element from a jquery ajax response. The default value for the hidden element is 0. But after the jquery post has been completed the hidden input value attribute gets changed to a different number(by php) For some reason when I select the element from the data var (the response variable) and pass it into the html() function, it shows the value as 0 for the hidden input Below is my code... any help would be really appreciated!
what have i missed
What have i done wrong here http://n9mfk.info/newidea/mynow3.html Thanks Beau window.onload = function() { var updateTimer; var cp = ['N', 'NNE', 'NE', 'ENE', 'E', 'ESE', 'SE', 'SSE', 'S', 'SSW', 'SW', 'WSW', 'W', 'WNW', 'NW', 'NNW']; $('[id$=Table]').DataTable({ 'paging': false, 'searching': false, 'info': false, 'ordering': false }); function updateTimeout() { // Change the icon on the last update to show that there has been no update
jquery function for getting div inside row Table
I have two jquery functions. They both should produce same result: showing a div. <script type="text/javascript"> jQuery(function ($) { $('a.lnk_showCheck').click(function (e) { e.preventDefault(); $('div', $(this).closest("td").next()).show(); }); }); </script> <script type="text/javascript"> function ShowCheck() { $('div', $(this).closest("td").next()).show(); }; </script> Basically, both functions find div inside a row of DataList and show it when LinkButton is clicked. <asp:DataList ID="MyDataList"
Header Buttons
Hi, all, I am new to jQuery Mobile and I just started today. I am building a "mobile friendly" version of my desktop site and getting there very fast. However, I am not sure how to combat an issue I am having. I built my theme using the Theme Builder and I have a button in my header. All is working so far; however, the button is not centered vertically in the header and would like to know how I can get this to happen. I was considering adding some padding via CSS, but I am sure there is a quicker
How can I check if a select dropdown changed
Hi. I am new in jQuery so here it is my question: How can I check if a select dropdown field changed. In a form I have some select dropdown fields, and I need to check if they were changed or not. I think I should use selectedIndex and defaultSelected but don't know exactly how. Could someone give me some tips? Thanks a lot.
jQuery UI Autocomplete Combobox _renderItem returns “TypeError: Item is undefined”
When attempting to use a custom _renderItem, I keep receiving the error TypeError: item is undefined at .append(item.label) . This is using jQueryUI 1.11.4. I'm not sure why this is happening. From everything I've searched and read, this should work. Any help would be greatly appreciated. (function($) { $.widget("custom.combobox", { _create: function() { this.wrapper = $("<span>") .addClass("custom-combobox")
Add option depending on :visible items
Hello!!! I'm asking for your help one more time I put a jsfiddle http://jsfiddle.net/ladobonline/ybu4axhy/10/ I'd like to add <option> in each <select> depending on the visible items. I mean: If I have categories: 1 and 2 and provinces: 1 I would like to offer just those options in <option> tags. Would you please give me a clue? (note I'm using 'data-*' to determinate which element belong to each category or province.... Jake!!! ;) THANK YOUUUU
Next Page