Trying to make my own expand collapse script for each div content
So I found out that the plugin I tried to get to work isn't really meant for my end goals. Its mean to translate a series of blocks into an accordion you can expand and collapse each section of. This I do not want. I do not want blocks stacked against each other. Instead I want seperate divs that I can click a link for to hide and show with cookie. I tried making it but failed I think: http://jsfiddle.net/master412160/xrxsw1ht/2/ 1) The font awesome is loaded and I tried adding an icon in the html
callback and no navigation using submit.
I am using JQM 1.4.4. I am trying to submit a form using the default ajax call and I need to do two things that I can't figure out. First I need to stop all navigation and second I need to have a callback so I can notify the user if the save was successful or not. I know I can do this using ajaxSubmit ( options ) in the jquery form plugin but I was hoping I can do this with JQM. The last part of the action "savesharefees" is used to call a php save function that returns success of failure. Thanks.
sortable plugin's "scroll" functionality and iScroll
Hi, I absolutely love the .sortable(...) plugin. However, I can't get its "scroll" functionality to work if I'm using iScroll. Are there any known ways of getting these two technologies to work with each other?
throttledresize demo
The throttledresize demo found at: https://api.jquerymobile.com/throttledresize/ For me, it seems to work on Android and not iPhone. Is it best to just use orientationchange event since it falls back to throttledsize as a backup? Is this a known device difference that we just have to keep in mind? I don't think there's any other way to resize the screen other than an orientation change on iOS, is there?
AutoComplete writes search result to input and at bottom of page
Hi guys I'm new to jQuery UI and I'm seeing a strange result. For some reason the autocomplete works exactly as expected, except that in addition to populating the appropriate text box with search results, I also get the selected line at the bottom of the page. I end up with this appended (red rectangle bottom left): Here's my code. Any ideas? $( document ).ready(function() { console.log("loaded"); var myData = []; var requestHeaders = { "accept": "application/json;odata=verbose" } $.support.cors
Replace some HTML
I am brand new to Jquery and not finding exactly what I want. (don't know what to search for) So I thought I'd try here. I have this code... <strong id="cups" class="styleColor" data-to="11244">11244</strong> I want to replace 11244 for the data-to to be a new calculated number. This is a count-to plugin in a template we purchased. I want the count-to number to ever be changing depending on some calculations I make on the fly when the page loads. So I will do the calculations in a script then
Strange behaviorwith iframes, title-cased CSS, and Chrome/Webkit
This may be the oddest issue I've seen in my entire life and it took me ages to narrow down the problem, but long story short - I'm working on a project that is using jQuery to write DOM nodes to an iframe and I found some odd behavior with CSS classes containing capitalized characters. I've narrowed it down to what seems to be an issue with jQuery's "append()" function for "$()"-wrapped HTML, and it affects all versions of jQuery 1.x and 2.x, Chromium/Webkit-based browsers only. See the following
How to do Automated Mobile Testing
We want to set up some regression functional testing on our sites for iOS and Android cell phones and tablets. This seems to be a hard to solve issue on Selenium or other platforms. Has anyone accomplished this at a less than enterprise line item budget?
jQuery UI 1.11.2 draggable and connect to sortable issue
Please see below examples - using jQuery UI 1.11.1 I am able to define draggables that connect to multiple sortables and all works fine: $('#list .item').draggable({ helper: 'clone', connectToSortable: '.table-cell' }); $('.table-cell').sortable({ connectWith: '.table-cell', items: '.item' }); http://jsfiddle.net/9syhdnzm/1/ However when using jQuery UI 1.11.2 the draggable clone loses it's style and moves away from the cursor when entering sortable areas: http://jsfiddle.net/9syhdnzm/2/ Is this
How to get Visible column data from Datatable
Hi, I want the datatable data with with visible column only. Can any one help for the same. I m binding data like: ('#myTable').DataTable({ .......
How to get the date back from datepicker into Code.gs in google apps script for spreadsheet
Thanks to contributors on google+ and stackoverflow I now have a google spreadsheet with a script and a form attached, with which the club's newsletter editor can export items from the club's calendar and get them nicely formatted in the spreadsheet, ready for further editing and printing to a PDF file for distribution to the club members. The editor can fill in the form to specify the starting and ending dates, and the script does the rest. But I would rather use datepicker so s/he can select the
How to custom data text value in autocomplete ?
Hello guys. I have try show data and get value using autocomplete jquery. Textbox will show data choose and label will get value .But it's error Uncaught TypeError: Cannot read property 'DEPARTMENT_ID' of undefined . This is data JSON when i see console.log Object {d: "[{"DEPARTMENT_ID":"D00000000001","DEPARTMENT_NAME"…"2015-05-05T00:00:00","EDIT_BY":"","FLAG":false}]"} d: "[{"DEPARTMENT_ID":"D00000000001","DEPARTMENT_NAME":"HR","DEPARTMENT_DES":"HR","EDIT_DATE":"2015-05-05T00:00:00","EDIT_BY":"","FLAG":false},
How to make jQuery accordion menus slide back up?
I'm having a hell of a time with a jQuery project I am working on here: http://jsfiddle.net/digitalsky/undjdrg8/9/ First off, let me start by saying I AM a newbie to this, I'm learning as a I go as my experience is mostly all front end stuff (HTML, CSS, etc.). Anyways, what I am trying to accomplish here seems simple, but it's driving me up the wall! I want the 'Course Schedule' tab to open it's sub-menu when clicked (which it currently does if you see my fiddle above. Okay, so great, half of it
Saving .css and .js files and using them on blogger
Hey guys, i created a blog on blogger/blogspot and made an FAQ using the accordion from jquery. In the html you can see where the code comes from: ... <head> <title>jQuery UI Accordion - Collapse content</title> <link href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet"></link> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
iOS7 Network Activity Indicator keeps spinning after an $.ajax request
I'm developing a webapp with jQuery Mobile 1.4.2 and jQuery 1.11.1 and run into an issue with Safari in iOS7. Whenever I perform an $.ajax request (see general example below) the iPhone/iPad Network Activity Indicator starts spinning and does not stop until I close the webpage. The problem does not occur on my old iPad1 with iOS 5.1, and Chrome also runs the web app without any issues on an iPhone/iPad with iOS7. I would like to allow users to run the web app from the Home Page, and that is causing
Opening custom jquery tab with anchor link
I really need some help for jquery tabs. I would like to get to a specific tab via external anchor link (http://www.url.com#content2), the navigation link becomes activated and the correct tab is shown. Other HTML Page <a href = "#b" > B Title </a> | <a href = "#bb" > B Title </a> HTML Page <div class = "tabs-container" > <ul class = "tabs" > <li class = "current" ><h4><a href = "javascript:void();" data-tab = "tab1" title = "Title 1" > Title 1 </a></h4></li> <li><h4><a href = "javascript:void();"
Is blockUI.js will work synchronous Ajax calls ? (i.e async : false)
Is blockui will work if I call an ajax call with async:false property? Example: $.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...</h1>' }); $.ajax({ type: "POST", cache: false, async: false, url: Util.func.GetHostName("Public/GetStatesById"), contentType: "application/json; charset=utf-8", data: JSON.stringify({ CountryId: id }), dataType: "json",
Show and hide navigation
I am trying to figure out how to toggle aspects on my pages. I have a navigation bar at the top of my page and when I click one of the options I want a dropdown with the different options. I have made all the html and css, just I have no idea how to toggle back and forth from everything. I have read alot of information for the last few days and cant find anything that is working or helping. This is the default code when you load the page: <div id="main-menu-links"> <ul> <li> <a
addClass whithout events or commands
I have a div that needs to be hidden or not as returned value from the database , suppose when logging into the system is loaded in the user session index.html < html> < head> <title > test < / title> < ? php $ admin = 1; if ($ admin == 1 ) { ? > <script type = "text / javascript" > $ ("# divMeu " ).show () ; // << == How to run this event without using .click events </ script> < ? php} else { ? > <script type = "text / javascript" > $ ("# divMenu " ).hide () ; // << == How to run this event without
jQuery AJAX succeeded, but $_POST is empty
index.php: <script> var image = canvas.toDataURL('image/png'); $.ajax({ type: 'POST', data: image, success: function() { alert('Ok.'); } }); </script> <?php var_dump($_POST); ?> This returns "Ok." alert and array(0) { }. How can I get jQuery image variable?
incorrect form serialization with jquery
On my CMS, I use marked to public posts, and on form marked put generated html into textarea, when I submit for first time (creating of the new post) form is serialized correctly. My CMS after creation append's one input (type text) with some specific info and button's to edit and delete, the process is the same but when I try to serialize form: $(e).serialize() // e ----> '#form' I see the old value (original) of my textarea, and only after submitting (editing) I get the correct serialized info.
top.location.href doesn't send the full URL
Hey I want to write a function which reads out an entered URL from a input field and sends this URL as query string to the next site. Here is my jQuery Code: $(document).ready(function() { $("#myform").on('submit',(function() { var url = $("#user-url").val(); url = encodeURIComponent(url); top.location.href = "index.php?application.php&url="+url; })); }); and the HTML Part: <form form id="myform"> <input type="text" id="user-url"/> <button type="submit" class="grey">Submit</button>
Base theme?
When I download the latest release of jQueryUI, it no longer includes the base theme. Was it taken out or moved? How can I get a copy?
Building a plugin , what to plan first Jquery or CSS ??
Hey guys , I have a total noob question , but i still got to ask . when you build a JS plugin that also has alot of CSS involved , what do you do ? - Plan out the CSS first ? or the JS/Jquery 1st or both simultaniously ? for example , if your building a simple carasoul , would you first define - how to hide the slides ? - speed of transition etc ? - what size the carasoul sould be etc in the CSS and then move on to the Jquery part of it ? Ex. below is how the bootstrap carasoul CSS is built
Are "Nested Accordian" & "Expand" by Adi Palaz now obsolete plugins?
Hello... A large professional website I inherited relies on two plugins by Adi Palaz ('Nested Accordian' and 'Expand') which I'm searching for detailed API documentation on beyond the abbreviated comments in the code itself. Adi's Nested Accordian is ranked #2 out of 20 on this recently-updated survey. (Unforunately, the link provided for Adi's website appears to be obsolete -- with no alternative website I can find. The two questions I have at this time are: Does anyone happen to know if/where detailed
Add delay between sliding divs in jquery
I am thinking to add a delay, but I could be wrong. Maybe there is another solution. Here is a new updated fiddle. I have the slide direction correct now. Now the slide doesn't look so good. When the colored box slides out to the left, it reveals the gray main menu box. I need it NOT to reveal the gray box but to have the gray box slide in. Maybe it is a problem with the timing. There might need to be a delay before the gray box slides in to make it look good. The gray box text should have space
Help with coding different types of jQuery sliders
Hi, I have 3 different sliders to code. I am using bootstrap. I coded another jQuery content slider which was fairly simple using bootstrap's own javascript and some CSS. But I am stuck with these three. Any help or plugins that look like any one of these (kudos if more) will be appreciated. No. 1: Content Slider with one image each and content below it for each slide description. On the active state the image moves a bit forward as can be seen in this image: No. 2: Image gallery. Active Image is
loading data from database accordion
I have an accordion that I want to create the tabs from a database loop. so each will have a unique id. when a tab is opened with the id, i want a call to the database to load appropriate data from the database and populate the accordion.
Add div class onclick andstore user choice
I thought of giving it a shot myself, it isn't that hard but I'm stuck with a syntax error and probably am not doing the most effect method of achieving the goal. demo here of what it is like on an other site: http://forum.jquery.com/topic/how-to-use-this-switcheroo-plugin-but-not-for-displaying-product My fiddle: http://jsfiddle.net/master412160/wxx1379w/ To do: Build cookie function with https://github.com/carhartl/jquery-cookie that stores the option selected, default is desktop view. Fix the
Best practise to embedd video external source
Hi, I'm trying to build an app with phonegap. As frameweork I'm using jQuery mobile. In my app there are several pages (it's a multipage layout) with a video in it. I'm want to use vimeo for this. When I embedd the iframe it plays well, acts fast. But when I leave the page to go to the next one, the audio keeps playing. Because of this I'm using pagebeforehide, in that I'm clearing the source of the iframe. This works great, the audio stops also when leaving the page. But there is another problem
Problem with animate elements with for loop using next()
I want to change background-color (whatever) for each of test_div when test_div_main is clicked. I want to do this in loop because in future i want to set color depended on i value in to loop. This is clear html code: <div class="test_div_main">1</div> <div class="test_div">2</div> <div class="test_div">3</div> <div class="test_div">4</div> <div class="test_div">5</div> <div class="test_div">6</div> <div class="test_div">7</div> and this is jQ code: $(document).ready(function(){
Bug #8464 reappear in latest version of datepicker
This bug seems to reappear in latest version of jqueryUI - DatePicker http://bugs.jqueryui.com/ticket/8464 https://github.com/jquery/jquery-ui/pull/706
Select data from empty and in span
hello .. i use a Ajax file to populate a jquery pulldown. everything works perfect .. but i can ONLY select a item if i click beside the text (outside the span) does anyone know how i can change the .live to have it run if clicked on the full div id=results script: $(document).ready(function() { $(".search").keyup(function() { var searchid = $(this).val(); var dataString = 'search='+ searchid; if(searchid!='') { $.ajax({ type: "POST", url: "<?=$Site['paths']['url']?>lib/ajax/locationinlinesearch.php?country=<?=$basecountry?>&bplace="
A Good Birthday Plugin
Hi, Can anyone recommend a good birthday plugin which also allows to enable and disable Year in case user don't want to enter the year? Thanks, Jassim
Linking internal .html pages in navbar with JQuery mobile 1.4.5
Is it a bad idea to link 4 different internal pages within your index.html navbar as .html files when your main data role has say for example 3 button links to other pages. I basically want 4 different pages in the navbar than whats on the main first page, but can't do it as # in navbar, they just won't link? what am i doing wrong here? also, when i refresh the width of the 3 buttons on main area go full width but I've set them to 60% in the css, sometimes it does that. Thanks! <div data-role="page"
SelectMenu Customized and Refresh
Hi, I try to develop a selectMenu with image? I take exemple on jquery ui site and modify to add possibility to keep picture visible when you selected item with picture. Here My code My problem is on reset. Sometimes I need to put it in initial state. I try refresh, but there is an automatic add of With on Span result and my select change size. I correct it on create event widget.css({ 'width': '' }); But don't Work in select event... and when I click on reset my select become smaller. Then I try
Would like to place draggable div inside the droppable in Jquery UI Drag N Drop with revert with close button
I am developing a questionnaire, where I need to drag the answers in droppable div with close button & after closing this will goes to it's parent position. I don't want to do duplication. but when I place inside the droppable div its just change its position not showing inside that div. please help me for this. here is similar code : http://jsfiddle.net/d9BVF/2/
regular expression for accepting alphabets & tab key spacekey
What is regular expression for acvepting alphabets , tab key , space key
Why jquery functions not work on jquery response ?
Hello, I create a function of jquery ajax it's returns html there are some jquery functions which trigger on class like modal box and other but they not work for html elements which comes from my jquery ajax html so what i need to do for this ?
Best GIS Icon to use?
Looking at the Icon set, I really don't see a good Icon for a GIS button, basically a "find my address" or invoke the Mobile GIS or a web-based GIS to find my address. Google uses the Pin button to "pin your current location". Another good GIS icon might be a "compass", or maybe a "a pair of binnoculars", or a "little antenna dish". Am I missing these icons? What are people using for an icon to institute a GIS search or to locate their address via the satellite so to speak? The location Icon doesn't
Next Page