Executing callback function before .fadeIn effect starts.
The .fadeIn effect has a "done" callback option that allows you to complete the animation before executing the callback function. But there does not appear to be an option that allows you to execute the callback function before the fadeIn starts. Basically, I'm looking to execute and complete a code segment before the .fadeIn effect starts. Is there a way to do this? thanks.
Using Theme Roller
Hello all, first and foremost, I am extremely "wet behind the ears" when it comes to using JQuery UI but, I am trying to learn and figured this may be a good start. I am simply attempting to utilize a custom theme that I designed in Theme Roller. I'm not exactly sure how to go upon this. I created the theme and downloaded the .zip file. From there I do see the "jquery-ui.theme.css" file, however, when I open it, all I am seeing is the actual CSS code from the theme. I can't seem to locate the "http://code.jquery.com/ui/1.10.2/themes/dark-hive/jquery-ui.css"
how to refresh a jquery Datatable after an operation ?
Hi, I have a datatable, the first column show agencies assigned to this row, in another column I have a button that when clicked show a form to assign new agencies to this row, everything work well, but for the new agencies added I have to refresh the page to see them, is there any way to add them as soon as I click the button "Assign" ? here is an image showing what I am talking about : http://s18.postimg.org/9xtvp7w6x/rr_Agency.png Thanks. $("#divPopUp").dialog({ resizable: true,
Hide and Show an element by clicking the same button?
Hi, Please take a look at my code here: http://codepen.io/itsthomas/pen/vEKezr I want that when I click the button the text below it disappears and at the next click appears again. It works but just from the second click. The first click on the button doese nothing. Why ? What is wrong with my code ? Thank You
jQm has grid layout system like Bootstrap's 12 columns?
jQm has grid layout system like Bootstrap's 12 columns?
Dialog Confirm
I installed my first JQuery plugin the dialog confirm box and it works only it doesn't look quite te same. I can't figure out how to adjust the height of the box. In the sample they use a style.css but there is no example: http://jqueryui.com/dialog/#modal-confirmation This is the box after I installed it: http://i1301.photobucket.com/albums/ag106/DanTheMan-NL/Capture_zps3579e5b7.jpg And I guess you already know now what I think is wrong. ;-) Any suggestions?
tablesorter saveSort exception
Hi I have tablesorter working okay on a .aspx page. My table is being created as an HTML stream and is being added to the innerHTML of a div during page load. I am attempting to use the widget to remember sortOrder on page refresh. (saveSort) This causes an error in the widget source. Unable to get property '$table' at the last line below $table = c.$table Assuming this is due to the table not existing before the sortwidget is trying to update it, I have attempted to move the location of tablesorter
jquery dialog show and disappear when page load
Hi, I am using a jquery dialog, that is supposed to be hided until the open even, but noticed when the first time the page load I can see the dialog appears and hides quickly , is there any thing to fix this ? thanks.
Changes to DOM not visible to jquery plugin after JSON .append()?
I've scanned various DOM and JSON related posts here but nothing really hits on this specific issue yet. First, I'm using this great plugin called BookBlock: http://goo.gl/Zgvir Here's the situation: I load a page with an empty div I get a JSON call from Flickr with some photos I .append() the photos as <image> tags to the page I then call the .bookblock() plugin in the JSON success callback I can see all the images in the HTML at this point ... but the .bookblock() plugin/function only process the
why pagecreate be executed more than once on mobile device?
i use: http://stackoverflow.com/questions/26673106/how-to-make-jquery-mobile-tab-header-as-fixed/27774056#27774056 code is: http://jsfiddle.net/ezanker/k8jhLzks/ this pagecreate function is invoked several times on mobile device(yet only once on desktop browsers such as firefox). any fixes?
Documentation of QUnit.load()
I try to build an run through various Qunit-tests in various pages generated by a CMS.. After a page with its unit-tests worked out, the browser should load via AJAX the next testpage with other Qunit-Tests. I choose that way of testing, because I can develop the tests in small portions for special situations. I missed the documentation of QUit.load(), because I need that function to restart the Unittest after loading a new Page with new tests. I used the following sequence to restart the QUnit-tests
Jquery Dialog Height Isuues
please I need help on this: jquery dialog box not at the center when the page height is bigger than the window (the system screen)
In the forms plugin: How to access formData array by name?
I have a form which I am validating in the beforeSubmit function. Can the formData array be accessed by name? That is, is there something like formData[name='foobar'] that I can write (to access the form element named foobar, or is it necessary to traverse the array looking for the item with a given name? Thanks.
code donation (colResizable)
Hello, My name is Alvaro Prieto, I developed a small jquery plugin which can be used to allow html table columns resizing, (similar to the resizable() method but applied to tables). It is compatible with touch and mouse devices, it is cross-browser and compatible with previous versions of jQuery. If you like it, I would be happy to donate it to the jQuery UI project. If you are interested please let me know. http://www.bacubacu.com/colresizable/ Kind regards.
Problem with double row fixed in table dynamic / Problema con doble fila fija en tabla dinámica
Hello friends. I continue developing this beautiful dynamic table, thanks to Sμßhrånil∂ and other partners could progress: http://jsfiddle.net/gxon5o4L/13/ The problem now is the double row arose in fixed columns. <thead> <tr> <th rowspan="2" scope="col">AÑO</th> <th colspan="2" scope="col">DATES</th> <th rowspan="2" scope="col">AÑO</th> <th colspan="4" scope="col">Expansión de ventas</th>
Help with Message Widget
Got a Div being refreshed every 5 seconds. The div has scrolling set to scroll so that user can scroll. I know how I can keep the scroll position after the div is refreshed ? $("#bottom").on("scroll", function()
{
$("#bottomv").html($("#bottom")[0].scrollTop);
});
$(function()
{
$("#bottom")[0].scrollTop = $("#bottom")[0].scrollHeight - $("#bottom").height();
}); Scenario 1) There is a textArea on this page, I want it that when a user clicks on the textbox, the scroll bar should automatically
getting status of django celery task from redis server with jquery
hello all, since days I try to find a solution to the following scenario - unfortunately I am not successful so far: I start a task with celery and I am able to receive the status with the following url: http://localhost:8000/task/status/b9901301-9bdb-4420-a6a2-c4e6c0963258/ what i get back when sending this url via my browser is: {"task": {"id": "b9901301-9bdb-4420-a6a2-c4e6c0963258", "status": "SUCCESS", "result": [[[0, 21.1], "OK"]}} this is fine so far. Now, I would like to check permanently
Move in - Move out ??
Here is the example I am working on: silkegaeng.com/working On the right-top corner you can see the Audio Icon. That should simply move the div "audioplayer" in on hover. And of course it should disappear on mouseout... What is happening is a strange effect, that it sometimes "shakes", moves quickly in and out, even when i dont move the mouse... whats wrong? jQuery(document).ready(function($) {
$('#audioplayer').mouseenter(function(){
$('#audioplayer').animate({right: '-20px'}, 200),
strange swipe behaviour in JQM 1.4.5
I have the following behaviour: (it is reproducible, and I tried different ways of implementation with the same results): I have implemented two very basic functions recognizing leftswipe and rightswipe. both functions simple do an output to the console for now. The behaviour I have is that only every second swipe in the same direction produces an output. So I added functions for the events tap, taphold, vmouseup, vmousedown, vmouseout, vmousecancel. Everything seems to be behaving normal but for
How to show value of checked checkbox?
<html> <input type="checkbox" class="check"> Smart Survical<br> <input type="checkbox" class="check"> Smart Survical<br> <input type="checkbox" class="check"> Smart Survical<br> <input type="checkbox" class="check"> Smart Survical<br> <li><input type="text" name="WIS" value="0">Cart</li> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".check").click(function(){
bxSlider text message now on multiple lines
Hello, I'm using bxSlider to alternate between two text messages, each message over three lines. Just yesterday I've modified the first message, and now the line length is almost doubled in size. The problem now is, when I first load the page with an empty browser cache or with Ctrl+F5, that the first line of the first message is divided on three lines, whit the rest of the content not visible. If I load the page with the browser cache NOT empty or without Ctrl+F5, I see the whole content on three
How to get comma separated decimals to get calculated?
Hi I have a form with a field called "Areal" where I want to be able to enter comma separated decimals values to be calculated but I have no clue as to where or what to enter in the following piece of code in order to do so ... and at the same time get the result with comma separated values. I thought it was straight forward and easy to google, but I guess not :-S ... and with no jquery coding experience I am lost. <?php $user =& JFactory::getUser(); if($user->id) { echo '<script>jQuery(document).ready(function(){
Jquerymobile pages are not fit in Windowsphone screen
Hi, I have developed the application in Jquery Mobile and the version is 1.4.5.Built the xap file using build.phonegap.com.The application working well in android.But in windows phone 8.1,pages are not fitted well.If we scroll up or down the page, the extra space over the header and footer occurring.And if we landscape the screen,the footer is not fitted well.Attached screen shots. index.html: Head: <head> <meta charset="utf-8" /> <meta name="format-detection" content="telephone=no"
Dialogs cross refreshing, how do I avoid that?
Hi all, Noob with a (possibly) noob question. I have a page that has several Dialog forms on the screen...when I drag the one, the other refreshes to its start state, while it should remain in it's present state... Basically, each frame is a div that holds an iFrame, that frame points to a PHP page/file that has a collection of panes overlapping, the first being the start pane to set some filters... When I'd drag the info pane, the page makes a connection to the server and thus refreshes the dialogs
AJAX: intriguing problem passing special character...
I did solve the problem, but I found it so intriguing I wanted some opinions: I send a string to server with AJAX in classic way: queryStr = "?namePicked=" + names[0]; $.ajax({ url:"string.jsp" + queryStr, type:"POST", success:function(data){ $("#outputString").html( data ); }, error: function() { $("#outputString").html("fail"); } }); sometimes that name will include a special character, for example René this special char gets lost
How to create multiple instances of a Jquery widget in a page?
I have created a widget. I want to create multiple instances of the widget in the same page. On doing so, i am getting a problem, What are all the values, in the first instance are same in the subsequent instances. $.widget('srgtech.logicbuilder', { config: { MetaData: {}, WizJSON: '', PageJSON: [], // an array of object contains pageid and its title. ex: { id: 1, title: 'Home Page' } SectionJSON: [], // an array of object
how to find the ppi of an image using jquery
Maintain the below size or resolution for the images while uploading. splash screen sizes: 1242 x 2208 (@3x) for portrait 750 x 1334 (@2x) for portrait
Reusable multiple dependent dropdowns on same page
Hi jQuery Community, I am trying to create multiple dependent dropdowns on the same page I have been able to follow the following article http://wecamefrommars.tumblr.com/post/48854835407/codeigniter-how-to-make-mysql-cascade-dropdowns successfully and have been able to get one set of dependent dropdowns work on a page however I wish to have multiple dependent dropdowns on the same page. Currently when I have multiple dependent dropdowns on the same page when I change the first dropdown all the dependent
Making Listview Transparent
Hey, I set a background image for the page, and I want the listview to be transparent. What should I change in the css to make the listview transparent?
Time In Time Out Application
Hi everyone, I just want to create a Time In Time Out Application using PHP, AJAX and jQuery. This page will automatically refresh its content everytime the database is updated. Can you help me out of this or give me some sample codes. I have a hard time dealing with AJAX and jQuery but I'm well-versed in PHP. Thanks.
jQuery Wrapper/Plugin for ZingChart charting lib API
HTML5 charts based in JavaScript are a great way to add interactive data visualizations to your apps and sites. But what if vanilla JavaScript isn’t your jam? Now there is a way to use ZingChart with jQuery syntax -- https://github.com/zingchart/ZingChart-jQuery
Debugging techniques for JQuery
I am still a novice with javascript and jquery. I am developing code for a web site and the code is mildly complex, using HTML5, JSP, Javascript and Jquery. I have run into several problems when using JQuery so far. Some have been fairly easy to fix. Some not so easy. I find the debugging process to be fairly lengthy in time and was wondering if there are some techniques available that I am not aware of. My current techniques that I use, some more that others are: 1) Read the code 2) use alerts method
Using jQuery to make it work with a form
hello, can you help me to put this form in wp page? THX </div> <div id="trade_fancybox_form" class="fancybox_form"> <?php if(!isset($lwp_options['tradein_form_shortcode']) || empty($lwp_options['tradein_form_shortcode'])){ ?> <h3><?php _e("Trade-In", "listings"); ?></h3> <form name="trade_in" method="post" class="ajax_form"> <table class="left_table"> <tr> <td colspan="2"><h4><?php _e("Contact Information", "listings"); ?></h4></td>
Fieldset of buttons - corners only rounded at the top?
Hi, is it possible on a row of radio buttons so that the bottom left and bottom right corners of the control group buttons are square and not rounded? http://jsfiddle.net/a4poster/fLbza2e7/12/ Thanks A4.
combination of popup and tabs not working on page refresh
Hi, I think I have found a problem when I have a popup and tabs on the same form. If the popup is displayed, and the page is refreshed The page constantly refreshes itself. Please see simple mockup code below which demonstrates Does anyone know how I can work around this? <!DOCTYPE html> <html class="index"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes" /> <link rel="stylesheet" href="jquery/mobilelatest/jquery.mobile-1.4.5.min.css"
Simple jQuery accordion with Expand and Collapse option
Hi friends, I am here to share a Experience with jQuery with out additional plugin a simple accordion with Expand and Collapse option. Note : a Little hick up is while expand / collapse heading height variant will fix and update the post /*slide toggle funtion*/ $('.accHeader h2').each(function () { $(this).parent().find('.container').hide(); $(this).addClass('open close'); }); $('.accHeader li:first').find('.container').slideDown(); $('.accHeader li:first').find('h2').removeClass('close');
jQuery ajax request returning nothing
function getSessionData(callback) { $.ajax({ url: 'URL Value', "type": "GET", dataType: "json", async: true, success: function (data) { callback(data); }, error: function (xhr, textStatus, error) { alert(xhr.statusText); alert(textStatus); alert(error); }, }); } I am making an android legacy android application, on the emulator the application works fine and the request goes through
JQuery (JavaScript) Syntax Error on line 1.
I have a user running Windows XP, with IE8, and I'm to trying to optimize his web site using JQuery. I have successfully implemented the following code that sorts a column of data by clicking on the specific column header (LN). Everything works fine and the data in the column is sorted and posted to the column in the correct order and "THEN" I get an error POPUP box that states I have a syntax error on line 1. Sample code: $("#LN").click( {parm:0},sortTable ); function sortTable(event)
scrollTop() is not working
I just want to calculate the scrollTop value in chrome.But i am getting value as 0. Please help me to solve this issue.My google chrome version is Version 39.0.2171.95.Below is the my code: j(document).ready(function(){ if(navigator.userAgent.toLowerCase().indexOf('chrome') > -1) { var scrollHeight = j("body").scrollTop(); j("#resultPageMenuBar").hide(); //Hide the result page menu bar alert("***************we are inside the google chrome browser***********"); j("body").scroll(function(){
how to fadein text and fadeout video after video ends
Hi, I'm trying to fadein the text, which is a link, and fadeout the fullscreen video at the end of the video. You can checkout my code here: http://codepen.io/dl157/pen/azBvRE. Can someone please take a look and recommend how I can change it to make it work? I really appreciate the help. Thanks
Next Page