Loading html from external file into div
I'm fairly new to jquery so apologies if this is a very simple question with a very simple answer, but I just can't figure out the solution. I have an overlay div, and when I close the overlay I want to remove the html inside it and then re-load it from the specified file. I have already worked out how to empty the div, but what I now want to do is re-populate it with the content from a separate file on my web server. Here is my sample code: onClose: function() { $("#video-popups").empty();
animate (moving) while fadingIn
Hi there, I wonder if its possible to animate an Object while at the same time fading it in. At this moment I am able to do it after each other but not at the same time. Hope you can help me.
Jquery Mobile Panel Stops functioning after first use.
I have a simple Phonegap + Jquery Mobile app ive started developing. Splash screen loads, app starts In the header is a button to open a side panel for my menu. Click it once and the menu opens, click away and the menu closes. but from then on you cannot open the panel again the functionality simply doesn't work :( Here is the entirety of my code to see if someone can see the issue? It should be simple enough and i dont see any problem with the code that could cause the problem. <!DOCTYPE HTML> <html>
how to get Return value of jquery UI dialog Box
$(function () { InitializeDeleteConfirmation(); $("#ctl00_PageContent_btnCreateSub").click(function () { var Rcall var countImgscrp = document.getElementById("<%=hiddenScrapBookImgs.ClientID %>").value; if ((countImgscrp == 10) || (countImgscrp == 20)) { $('#NavBar').css('z-index', '999'); $('#DropDown').css('z-index', '99'); deleteItem(function () { callback1(); // alert(Rcall); }); } // if ends here return false; }); // click function ends here }); // document ready ends here function InitializeDeleteConfirmation()
Superfish Menu text off-screen
Hi. I recently realised that I was a few versions behind on my Superfish menus, so I'm in the process of upgrading and rebuilding the CSS to match the existing layout. Part of a spring clean to update all jQuery across all sites. The old version used to have a supposition plugin support (which if I recall was in beta). Including this would stop drop-down menus from flowing off the screen. The latest version doesn't include this, and doesn't seem to mention it. Does anybody know if there are any
how to do this?
Hello, how can I do this slideshow please?? any ideas? thank you :??? example of what I want to do http://www.mamaye.org/ Houston Web Design
At startup - Uncaught TypeError: Cannot call method '_trigger' of undefined
I can't even start jquery mobile, the only thing I have is my index file, with my includes, yes my linking is right. Keep getting a white page and this error in google chrome Uncaught TypeError: Cannot call method '_trigger' of undefined <!DOCTYPE html> <html> <head> <title>Collect&GO</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.0a3.css" /> <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
Using static jQuery Mobile Panel on all pages
I posted this question in Stackoverflow and thought should post here: jQuery Mobile Panel in static header Say I have a fairly complex menu in the JQM Panel that I need it to be accessible from every pages in the application. One way of implementing it is simply copy and paste the Panel code to each and every sub pages. Approach 1 - The brutal way This worked. However, it is only good for a small application with simple panel. Copying the big chunk of Panel code and applying in every other pages
Different effects on elements inside jQuery cycle
I have a slideshow using the views slideshow module in Drupal which uses the jQuery cycle. Inside the slideshow I have four fields (classes are defined below) - Image (.views-field-field-homepage-slider-image) - More info button (.views-field-field-more-info-link) - Title (.views-field-title) - Text (.views-field-field-homepage-slider-text) I need the image and button to slide and the title and text to fade in and out. All elements need to be in sync. I am looking for the way to define this inside
Dialog closes immediately - only in Firefox, only with autoOpen set to false
Works fine in IE, closes immediately after opening in Firefox: $("#dialog-test").dialog({ autoOpen: false, title: 'User Information', buttons: { 'Accept': function() { document.getElementById("userName").value = document.getElementById("email").value; document.getElementById("userPw").value = document.getElementById("password").value; document.getElementById("userSecret").value = document.getElementById("secret").value; $(this).dialog('close');
Jquery Mobile 1.3 and Input Size issue?
I am using Jquery mobile 1.3. I have an input, <input style="width: 75px" type="text" /> The problem is that it's size is always large. How to make it small, http://jsfiddle.net/2bWfL/163/ <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
jquery dashboard gauge
Hello does anyone know of any jQuery dashboard plug-ins or widgets. I don't want to use Google's because gauges in the visualization api don't work in mobile safari as of yet. Any suggestions. I have seen bindows, but I would like something only in jQuery. Thanks, Brian
jQuery Mobile on Windows 8 RT Surface tablets
What modifications are necessary to get jQuery Mobile apps to run on Windows 8 RT Surface tablets? I have not yet succeeded in getting a jQM + PhoneGap app to run on Windows 8 RT. Would appreciate suggestions from anybody who has succeeded in doing so... How to address Win 8 RT errors about "dynamic injection" of markup? This problem does not exist on Android devices for a jQM+PhoneGap app that works just fine on Android....
Plugin to add emails into a textarea the same as gmail
Hello, please somebody who knows about a plugin to add several emails into a textarea and so to send the same message to several contacts like gmail, I tried out some like this: http://ivaynberg.github.io/select2/ , but I was not able to do it works. Excuse my english and thank you.
custom icon Jquery Mobile
I am developing Custom Icons for Jquery mobile, I see for every icon I develop, Jquery mobile puts round circle and grey background, when I apply it to my code. I don't want a circle around my icon, is there a way not to put circle around and just use it as transparent background. (attached image without circle around) I want this custom Icon Jquery mobile wrapping it to this
how to get jquerymobile styled textarea to shrink back
So, I am trying to respond to an event where the user wants to clear his inputs. If he has typed more than the number of rows, the textarea increases as expected. However, when he hits clear or I need to manually remove all the input (such as when a save occurs), the textarea does not go back to original size. I have tried .attr("rows", "2").. does not work. Is there a way to refresh this UI control? Thanks, TF
forcing fresh content
i've scoured the forum and the code looking for a way to for jq mobile to implement something like this <div data-role='page' data-fetch='always'> the goal is to have certain views always hit the server for new content. also, i want to preserve the history stack and transitions. this is obviously possible since the 1st fetch of a page exhibits all these properties, but every solution (removing the page on hide, forcing a reload on show, and rel=external) lose one or more of the desired behaviors.
What's the proper way to deal with AJAX error because of page reload?
Sometimes, when using jquery.ajax(), the AJAX error callback will be triggered if the user reloads the page and the AJAX request is aborted. Is there something I can check in the jqXHR object that is guaranteed to be that way only when the AJAX error callback has been triggered for this reason? Otherwise I have an error popping up on the page just before it reloads, which looks a bit ugly.
how to remove item in selected list for kendo ui upload
i want to remove an item in "ken-do" upload when file not image format, any any expert advise me? $.each(e.files, function () { //if not image{ alert(this.name + ' is not image. Upload fail.'); //} //remove this item. ???? });
1px gap after footer
Hello, i need a little help with footer. here is my code for footer: <div data-role="footer" data-position="fixed" data-theme="b"> <div class="footer"> <div class="seablue"></div> <div class="red"></div> <div class="gold"></div> <div class="blue"></div> </div> </div> And you can notice the 1px gap after: How to get it out, tried to do this with footer: margin-bottom: -1px padding-bottom: -1px but it seems it doesn't help,...
Linked listview with a split button
I wonder is it possible to create a linked list view with count bubbles having a split button at right?
listview in panels error
Hello, i need insert listview in panel because i need insert custom icon, but wen i try this the lisview sre see wrong brcause the size is standard. can i resize listeview for insert in panel? Another question: why when i use panel only effects overlay works, if i add push or reveal appears double panel. Thanks.
Widget functions within jQuery methods
Hello, I am currently developing a widget and was wondering if someone new a solution to this. Basically I have declared a private method in my widget like so: _mymethod: function(){ //something cool }, I would like to call this method inside something like this: $('#droppable').droppable({ drop: function(event, ui){ //Call method here } }); However everything I try comes back as method is not defined or object has no method. this._mymethod(); _mymethod(); etc Any advice
Trying to submit a post via $.post when page loads
Greetings to everyone. My very first post to these forums. And my sincere thanks in advance for anyone who can help me solve this since I am "days new" to jquery. I am trying to come up with a single sign-on solution for my web site. Thus far I have a php document that verifies the user name and password that gets submitted to it, then passes those credentials to my forum software via the vendors own provided auth method, but the last step eludes me. I am trying to pass the same credentials to
Getting current url on pageinit event
Hi, I would like to know how to get current url on pageinit event properly, since both window.location and history.getActive() returns previous url. It seems that the newest url is applied as the last thing after changing page. I found one way to get it by: $(document).on("pageinit", function(e) { var url = e.target.baseURI; }); Unfortunatly, it does not work on some devices :( I use the newest jQuery Mobile and jQuery.
Tablesorter @ sort image
First of all, sorry for asking this... probably has already been answered, but I can't find a solution. I'm using the tablesorter plugin with this simple table: table @ pastebin I need to sort the second column, using the alt or title parameter. I have to write my own parser? I don't have any knowledge of javascript, so I really don't know how to do it. I'm using jQuery 1.5 and the last tablesorter. Is there a better way to sort tables or another plugin? Thanks in advance PS: Sry for my english.
jQuery Mobile iPhone app stuck - have to reset phone
I have noticed this bug on my iPhone/iOS simulator. If I let the app sit long enough, my screen will dim and then will wake up when I touch the screen again (all normal). If I wait a few minutes and I try to hit the Home button on the iPhone nothing happens. I have to restart my phone in order for it to become functional again. I am using the following versions. Any ideas? <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" media="screen" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
Can't remove cancel buttom from star rating plugin
I'm using the latest version of the star rating plugin from http://www.fyneworks.com/jquery/star-rating/ I have added the following to my document ready function, but the cancel button still shows. What am I doing wrong? $('input').rating('required', false);I'm getting this error in Firebug $.fn.rating[arguments[0]] is undefined
DatePicker Done button onclick
Hi - I have a DatePicker that displays Month/Year drop-down, I want to get the input field updated with mm/yyyy when the user click the "Done" button from the button panel Tried to attach a click event but didn't work: onOpen: function(){ button = $(this).datepicker('widget').find("button:contains('Done')"); button.click(function(){ var month = $("##ui-datepicker-div .ui-datepicker-month :selected").val();
jquery slider stopped working
My slider I had been using with Thesis theme in Wordpress suddenly stopped working on all my sites that use it. Basically the images are there but not cycling through. They are just stacked on top of each other. Here's the site... http://www.bluesguitarinsider.com I'm not a js expert so I'm clueless. The code looks like this... <?php }} add_action('thesis_hook_after_header','slideshow'); function slide_script() { echo "\n\n"; ?> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
Size Effect Confusion
I am new to jQuery/jQuery UI, so I apologize in advance if I am just being particularly dense. I am wanting to use the jQuery UI size effect to shrink an html element and contents. Using the latest version of jQuery UI, I can not get the size effect to "stick". The element will resize, then at the end of the resize, it will return to the original size. If I go back to jQuery UI 1.8, this does not occur. How do I make the size effect stick in the latest version of the jQuery UI? You should be
Does jQuery ui support jQuery 2.0
I am using jQuery 2.0 and jQuery UI 1.10.2 and when I try and create a button I get an error that the data("uiButton") is not created, however it is created correctly when using jQuery 1.9. In all the example I see jQuery UI using jQuery 1.9 is it because that jQuery 2.0 is not supported?
jQuery UI – Single Selectable
Here, we will make the selectable component for jQuery UI “single selectable” First of all, we may disable dragging mouse: Delete "_mouseDrag" function in your jquery-ui.js for “selectable” part. Now we may write the code for our selectable object: var xselect; $(function() { $("#yourselectable").selectable({ selecting: function() { //here we will make unselected the last chosen item if ( xselect && xselect.length > 0 ) { $(xselect[0]).removeClass("ui-selected");
Link after autocomplete
I follow this : http://jqueryui.com/autocomplete/#folding it works fine but i want to add 2 "options" 1- When the data is selected it must go to a link defined by value, like : select: function( event, ui ) { window.location.href = ui.item.value; } 2- The user can't do anything else than choose the selection proposed
dynamic page urls not working in 1.3.1?
I have an application currently using jQM 1.1.1 and I am in the process of updating to 1.3.1. This application uses AJAX to get data and dynamically populates ui-page contents, based on the example at http://jquerymobile.com/demos/1.1.1/docs/pages/page-dynamic.html (which is also present in the 1.2.0 docs). However, in 1.3.1, the search portion of the hash (after the ?) is stripped out when the url is updated during $.mobile.changePage() - this appears to be intentional based on comments in the code.
jquery tubular: execute some code after video playback
Hello there, I'm using a wordpress theme which has a fullscreen video background (using tubular for this feature) or an optional fullscreen slideshow. The client wants the fullscreen video, BUT when the video is over he wants to continue with the slideshow. So....I would need to detect in some way when the video has finished playing and then execute some php code to setup the new background....anyone has a solution for this? I'm pulling my hair off....
I created an app using jquery mobile and dreamweaver....Im having problems with it loading (takes to long)
Good Afternoon everyone. I have created an android app that consists of the study material for a boat mechanic. i went to school to be a marine tech and I decided to take the content of the class and design an app. As the app size grew so has the problem with loading this app on devices. There is a tun of content and I was wondering if there is a way to break up the content so that It does not take forever to load. See the long load time makes the app quit and I get an error message. my app is on
Jquery Validation Engine custom messages issues
Hi, I am using the jQuery validation engine plugin from posabsolute. (https://github.com/posabsolute/jQuery-Validation-Engine). I am running the following code: <script type="text/javascript"> jQuery("#frmuserdata").validationEngine({'custom_error_messages' : { '#cemailconfirm' : {'equals': {'message': "Emails do not match."}}, '#cpasswordconfirm': {'equals': {'message': "Passwords do not match."}}, } }; </script> <script type="text/javascript"> $(document).ready(function(){ $("#frmuserdata").validationEngine('attach',
ListView with alphabetical index
Hello! Is there any facility to create alphabetical indexes on a long listview? The effect I'm talking about is shown on iOS here: http://i.imgur.com/8BlkG.jpg I didn't know if anybody else had tried to create this functionality, of if there is a recommended way to allow users to jump to specific sections of a large list view. Thanks!
jQuery Tabs load page inside tab when URL has query parameters
I have jQuery tabs with 2 tabs on a page. They are both local (no remote content.)When the URL does not contain a question mark, the jQuery tabs work fine. But when the URL has a question mark, it will load the whole page inside the tab (page "INCEPTION.") Tracing the code that loads the page, I found this function in jquery-ui.js: function isLocal( anchor ) { return anchor.hash.length > 1 && decodeURIComponent( anchor.href.replace( rhash, "" ) ) === decodeURIComponent( location.href.replace( rhash,
Next Page