jquery mobile, requirejs, backbone demo not behaving. css styling is delayed
Hi, I've recreated the jquery mobile example here: http://jquerymobile.com/demos/1.3.0-rc.1/docs/pages/Backbone-Require/index.html At first I used the latest everything, jquery(1.9.1), jquery mobile(1.3.0), backbone(1.0.0), lodash(1.1.0), requireJS(2.1.5) to build the same example on my local machine(windows8, nginx1.3.15) It's functional except that on page load and refreshing the css styling is delayed by a fraction of a second. It's even worse on less powerful mobile devices like an iPod touch
Datepicker icon trigger problem
Hi guys I am having problem displaying the icon trigger of the datepicker on my xhtml page my xhtml is using Primefaces and only the datepicker is jQuery my code is <p:inputText id="date" name="date" value="#{indexBean.searchCriteria.date}" label="Date" validator="#{indexBean.validateDate}"> <p:watermark value="eg: 01/01/2013" for="date" /> </p:inputText> <script type="text/javascript" > jQuery(function() { jQuery("#date").datepicker( { minDate : "#{indexBean.searchCriteria.mindate}", maxDate :
Dynamic select list not posting value
JQuery 1.9.1 jQueryMobile 1.3.0 I am creating a mobile site for a Web site already in place. I am only very slightly familiar with jQuery, and I'm not a real slick JavaScript programmer either. As much as possible, I am writing this mobile site to utilize the server-side PHP code I have created on the main site. One of those routines processes freight delivery quotes. The user must enter an Origin and Destination zip code. When that zip code covers more than one city, the input changes, through an
Matching exactly option and optgroup
First all, I like to thanks kbwood for this awesome script, however, I got an issue with this script when my select-options become long: This is kbwood's solution with few options http://jsfiddle.net/hsQjh/5/ This is long options with issue: http://jsfiddle.net/hsQjh/6/ My first select-box option is up to 40+ of options, thus the second select-box would be up to 40+ of optgroup as well, when I picked option '2' on first box, second box are populated all optgroup that is numbered started with 2, which
Smooth glow for image on hover?
Is there a jQuery plugin that animates a smooth glow on the image itself (not a border/outer glow!) when mouse hovers over it? I've only found a CSS trick that animates a border glow, as well as Pixastic which does have an image glow but does not have a smooth animation that fades it in. Thanks.
.css("top") is returning "undefined"
Hi, I am trying to set the property of a DIV element using the .css(...) method, but it keeps returning "undefined" both before and after I set the value. Here is the code snippet: var isense = { $dialog: $('#isense'), $box: null, // gets set before call to ShowDialog ... ShowDialog: function (data) { var height = this.$box.height() + 9; var $offset = this.$box.offset(); var content = $('<div />').append($('#isensetemplate').tmpl(data)).html();
How to cancel click and hover actions?
I use the following statements: $("#icon09").hover(hoverYes, hoverNo); $("#iconimg09").click(intzorg); where iconimg09 is part of icon09. This works fine, but I want to retract the "hover" and "click" later on. Can anyone tell me how to do this?
Link in jquery mobile
Hi guys, I have this resource <div data-role="footer" data-position="fixed" data-theme="b"> <a href="listingresults.html" data-role="button" data-theme="b" data-icon="search" id="results"> <span class="ui-btn-text">Results</span> </a> </div>in listingsresults.html i have an alert message but this message isn't works, I must refresh the page for the alert shows. $(document).on('pageinit', function(){ alert('test'); });Thanks
jQueryMobile Facebook AJAX login
Hi All, Been at this for several days. Basically I'm getting a 'page load error' when the Facebook callback with token gets hit. Yes, i've read a number of Posts which say to set AJAX to false. So, I do that and the Login works I get my Token, however this causes the web-site to reload but not all the Pages - so I start to get Javascript run time exceptions because certain Javascript functions in other pages which are called in the .Ready function are not found because they're not loaded. I'm
$.mobile.changePage with panel
Hi every body. So for begin very very good job for all people who have work over JQuery, and thanks a lot. I have an little probleme with this function : $.mobile.changePage When is use with panel. the first loading so without use '$.mobile.changePage' panel work fine. but juste when I reload my page with $.mobile.changePage panel is dead. If you wan't I can post for you an link for see in live the bugs. only if you ask, I hate work for nothing. I use : Jquery 1.9.1 Jquery Mobile 1.3.0 Thanks. And
$.ajax timeout, next request is err: "abc was not called"
Basically what I'm trying to do is: 1) make 1st a jsonp get request to a url This call may get 404 2) if the first call fails, make a jsonp get request to a different url If the first call fails due to timeout (404 error) then the second call fails with an error that the first call jsonpCallback ("abc") was not called. I don't understand how the first call could be effecting the second call. Here's some example code (it's more code than necessary but for clarity sake): var
JQuery-ui/AJAX/POST question
I'm sure someone has answered this before, but I have been searching for several hours and haven't come up with the right search terms. I have a page that is using the JQuery-UI tabs. The issue is there are 10 tabs and several of them have complex dynamic content and forms, so I don't want to be loading all the content of all the tabs every time a user submits a form. So I switched to using the AJAX Mode method described http://ui-dev.jquery.com/demos/tabs/#Ajax_mode I have two issues that crept
getting a combobox value from database with json
hi mates!!! im a begginer in jquery and i have a big problem for me... i have a static combobox and i do a query to the database for get the genre and compare this value with the values of the combobox but the json value replace me the first value of the combobox an then the list of the combobox show me the same two values for example; my combobox look like that: <select name="sexoAlumno" id="sexoAlumno" > <option value="1">Masculino</option> <option value="2">Femenino</option>
Customizing number of errors in validation plugin
I am working on a good sized form with several fields that require validation. I am using the wonderful Validation plugin created by Jörn. I have most of it working correctly. Now I need to validate a group of checkboxes, ensuring that at least one is checked. Figured out how to do that from the fiddle here: http://jsfiddle.net/TCHYJ/ Now, my invalidHandler is not correctly reporting the number of errors. I have 12 checkboxes of which at least one needs checking and it says "You missed 12 fields.
In my application jquery autocomplete control is not working ? when iam debugging time the Breakpoint not highlited why ?
In Materpage.master <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery.ui.autocomplete.js" type="text/javascript"></script> Signup.aspx
Need help converting a table
This may not look long but I promise this is not for the lighthearted I have the following table I am trying to modify via jquery... <table id="mtable" cellspacing="0" cellpadding="0" border="0" style="width:100%;border-collapse:collapse;"> <tbody><tr> <td> <span id="mspan" class="merror"></span> <table width="100%"> <tbody><tr> <td nowrap="nowrap">User name:</td> <td width="100%"><input name="mname" type="text" id="mname" autocomplete="off"
jCarouselLite beforeStart .stop ?
I am using http://www.gmarwaha.com/jquery/jcarousellite/ with Non-image Content with 1 visible item to make a survey. In the beforeStart, I do some validation, and I would like to abort the animation if it fails validation. A sweet "return false" from beforeStart was what I was expecting in the hopes to not even execute afterEnd. I initialize with anyClass $(".anyClass").jCarouselLite({ ... beforeStart: function(b, direction){ ... If .stop( [clearQueue ] [, jumpToEnd ] ) is the way, how do I use
How to call a .cfc using jQuery?
I'm trying to create and call a cold fusion component(.cfc) file and use jquery to pass my query info. Am i doing this correctly in Coldfusion7. Everytime i click the Finalize button nothing happens and I'm not sure what I'm doing wrong. How do I fix this? The following is in form.cfm: <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script> <script language="javascript" type="text/javascript"> function aalidateFunding(awardTotals){
Order of CSS files generated by themeroller
The themeroller application suggests that I include the CSS files in this order: <link rel="stylesheet" href="/themeroller/generated/custom-theme.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile.structure-1.3.0.min.css" /> I want to know if: - Is is OK to include the structure file first and the custom file later? - Is it OK to include the default CSS file first (http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css) and then (optionally) include the
Weird iOS bug for html() first time only?
Hi, I am currently working on an iOS app using phonegap to build. My pages are loaded via AJAX into a #wrapper_block div, which is where I hold the contents. I have the following code in my function, which seems to break in iOS 5 (not sure about iOS6); alert("test 5?"); $('#wrapper_block').html(new_data); // this breaks alert("test 6?"); "test 6" doesn't show up, but when you press the same link again - it works perfectly! (and gets there fine) If I change the html() part
Themeroller Less-Support
Hello, I would like to have LESS-Support in Themeroller. I think that would be a great idea. Maybe it would also be easiert to build the themes. Might you could use the Bootstrap-Server-Sources. Thomas131
Jquery not working in Chrome and Internet Explorer
I'm working on a Wordpress theme. On the header I check if this is the first visit (the user just entered the website). If this is the first visit, an animation appears. Animation = a sidebar appears in the middle of the page, in some miliseconds it opens and the page appears. In the code, ub_sb_closed_on_hp is an option that sets only the sidebar to appear for the home page. It works under Mozilla, but it doesn't work under Internet Explorer and Chrome. On IE and Chrome the animation appears on
The Boilerplate ?
starting with an empty boilerplate like this one above, I want to call this plugin on one specific div : <div id="BoilerplateEntryPoint">BoilerplateEntryPoint</div>thus that is may code, first the text BoilerplateEntryPoint is set to pink color (OK), then I check that no data exist with "plugin_defaultPluginName" (OK -> alert box tells me "undefined"), then I call the plugin defaultPluginName on that specific div $('#BoilerplateEntryPoint'), and to check that the code is well execute, I start the
Disable droppable on sortable
Hello, Im kind of in a quandry. I have a div that Im dropping items into. When I do, Im creating a child div for each item dropped. I also have that parent div section as sortable. But it is firing the droppable when I do a sortable on it. How can I disable the droppable, when Im doing sortable? I cant believe I wrote that where it makes any kind of sense.
(function($, window, undefined) {...})(jQuery, window);
Hi, using and having a look at jquery.ascensor.js plugin, I can see that the code for this plugin is structured like that : (function($, window, undefined) { ... $.fn[pluginName] = function(options) { return this.each(function() { ... }) } })(jQuery, window); So far, I only know this notation (function($) { $.fn.myPlugIn=function(parameters) { ... }; })(jQuery);Anyone to explain to me the first structure ? Or point to a tutorial ?
Comparison: JQXtree Or Dynatree.
Hi, I wan to use jquery to build a tree as per client requirement, But I am very confused which one is better: JQXtree Or Dynatree. Can you please list out imporatant features for Dynatree then jqxTree, since I want to integrate with MVC and Ajax. Thanks…
Conflict with lightbox, grey box and bg stretcher code
I got a no conflict fix ... the images are where they are supposed to be but the background animation does not work. If I take out the no conflict there is a white background where the background is supposed to be. I also tried it with the nivo slider and having the same issue. The images don't animate... here is the page with the mess I created! http://kbwdesigns.com/index.php the just e it link opens fine with the grey box, but the background is not animating... thank you for any help!
populating a list - lost jq format
http://jsbin.com/ebutub/6/edit it does populate but loses list's quality. could you correcr?
Dialog Buttons
Is there a way to individually style buttons I add to the dialog?
Passing jQuery "OK" button click to code behind
Hi There! I have created a jQuery "confirm" type dialog which is called from a button click event in VB code behind. So far, so good. However, I now need to be able to do something (in VB) when the "OK" button is clicked by the user. So, to put in context, I will have a page with some textbox controls to gather information, then the user clicks a "Submit" (asp:button) to save the information to an SQL table. When the user clicks the asp:button, the VB code behind launchs a nice jQuery "Are you sure?"
how to set tinyscrollbar to scroll:false in overlay
Invoking an overlay within a scrollable area. Using tinyscrollbar plugin ( http://www.baijs.nl/tinyscrollbar/ ) and, when the overlay is invoked, I want to set the scroll option in tinyscrollbar to false. This is the script in the header: <script type="text/javascript"> $(document).ready(function () { $('#scrollbar2').tinyscrollbar({ scroll: true }); }); </script> This is the overlay script: $(document).ready(function () { $("img[rel]").overlay({ onBeforeLoad:
Need a solution for a problem urgently
function initiateMadness() { var sparta = { name : "Sparta" }; function madness() { alert("THIS. IS. " + this.name.toUpperCase() + "."); } document.onclick = makeAMessenger(madness, sparta); } initiateMadness(); Write a makeAMessenger function in the global scope so that when the user clicks the document, "THIS. IS. SPARTA." is alerted.
Sortable offset when scrolling
Hello Everyone: I have a problem with a sortable table when I attempt to put scroll bars on it. The offset is off and it makes the use of it very bad. Everything works fine without the scroll bars. And with the scroll bars it works fine using FireFox. My problem is with IE8. I've attached a simple zip file with an easy example. I'm using jquery ui /*! jQuery UI - v1.8.24 - 2012-09-28 and jquery jQuery v1.8.3 jquery.com so they are pretty new releases. I see there have been some reported
Adding values together
I have the code below and having a brain fart. Looking to add the values together in the txtgrandtotal if the dropdown is set to "yes"... Any help would be great thanks!! <body> <div id="onewindow"> <label for="txtoneside" class="editor-label"><strong>1 Side </strong></label> <div align="right"> <input type="text" name="txtoneside" id="txtoneside" value = "" /> <select name="txtoneside_slider" id="txtoneside_slider" data-role="slider"
closing one overlay and opening another
I've seen posts about similar things, and tried to make them work for my case, but am clearly doing something wrong. I have a page where an overlay is invoked by clicking on an image. In the code behind, some links are added to the overlay that's created such that if you click them, I want another overlay to be created and the first one to disappear. The layout of the first and second overlays are the same, though the "child" overlays don't have further "links" embedded. What's happening is that
Animating an image on a static background help
I am trying to create an animation on top of a static background image. I have the animation working properly and correctly but i can't seem to wrap my head around how to get it where i need it to be. I want the image to be placed document.image[4].src as its animating in order to be in the correct position on the webpage. Any input would be greatly appreciated, rather new to this. Animating Code portion in <head> <script type="text/javascript"> function slideSwitch() { var $active = $('#slideshow
Tabs Widget 1.10: How do I retrieve tab index of selected tab?
How can I retrieve the index of the currently selected tab in the current version of Tabs Widget? ---- Another jQuery API browser: http://www.dashop.de/?hf=blog_f.html&if=blog/en/dev/JavaScript/content/JavaScript-jQuery-API-Documentation-Viewer.html
Can I make an if statement that is variable?
I have the following lines of code: $(".ErrorCode").click(function () { ErrorCode = $(this).val(); if ( $(this).attr('id') == 'e1' ) { $('.error1').show();} else if ( $(this).attr('id') == 'e2' ) { $('.error2').show();}It goes on to like 300 errors. Can I make one simple code that says something like if ( $(this).attr('id') == 'e(whatever number)' ) { $('.error(whatever number)').show();}So it's not like 600 lines?
JQuery UI Dialog not zIndex after update to 1.10
I updated the jQuery UI to 1.10.2. I found the dialog hasn't the option zIndex. How will I set up the zIndex?
Using jQuery for Database operations
Hi I have searched similar posts and came to know that jQuery Mobile cannot connect to database like a typical server side language. I wanted to develop a jQuery Mobile application that performs some basic database operations (login, fetch some data and show it in different controls (text boxes/lists/menus etc) Now I know that we can use jQuery (not jQuery mobile) for database operations but first I have never tried it, secondly, I dont know if I can use jQuery Mobile and jQuery to achieve my requirement.
Next Page