Select menus wont open on android
I have this problem with select menus They wont open on android (95% of the time) but work fine in iOS. I have tried all the fixes out there (webkit-backface-visibility, removing absolute/relative positions from buttons) but for no avail. Does anyone have a solution for this?
HTML links and some jQuery functions stopped working when I downloaded an updated and minified jQuery
I need to clarify which jQuery files to include in order for jQuery UI and widgets/plugins to work. I recently downloaded a more recent and minified version of jQuery and most of the basic site functions stopped working inside a Dialog Modal (including text boxes, radio buttons, checkboxes and html links), and it has stopped reading some of the options that I've defined for jQuery functions (i.e. validation and placeholders). I'm including these files in my header: jQuery core and UI jquery-1.7.2.min.js
jSupportChecker: checks $.support elements for Jquery (version > 1.8)
I Just programmed a piece of codes to loop all the elements $.support for Jquery 1.8.0. It can checks Browser supporting items. Please check IE,Firefox, chrome to see which browser supporting items for each browser. http://www.caoglish.info/jSupportChecker/
Showing an initially hidden element as inline instead of block
Let's say I have an element that's initially hidden (I used display:none in my css file). I would like to show it using slideToggle, fadeIn, or another similar method. What's the best way to go about this if I want it to be shown as display:inline rather than display:block? Can I specify this with jQuery? I know I can "trick" jQuery using css specificity or inline styles, but is there a clearer way? An example of "tricking" jQuery into using display:inline initially: http://jsfiddle.net/JYsnd/
Problem with ifs statements, slider and select
Building an app with jquery mobile (and jquery), I try to use a unique slider in conjunction with a select element to modify different div values. The principe is the following: the user select first a category using the selector (which is defined with the class poolattribute). His selection is registered and depending on the option selected, it should trigger the appropriate function with the slider value as input. My code is the following: function attribute(){ $('select[class="poolattribute"]').change(function(){
Multiple Sliders - Different Highlight Fill
I have 4 sliders on one page and would like the "highlight fill on the track up to the slider handle position" be a different color for each slider. I have not been able to figure out how to make this work. Any help would be appreciated. Thanks, Dieter
Tablesorter header
Hi, I want to sort a column with tablesorter plugin but I want to disabled the header so user cannot sort it manually. For example I have this data: <table class='tablesorter'> <tr> <th>Name</th> <th>Age</th> </tr> <tr> <td>Peter</td> <td>32</td> </tr> <tr> <td>Brian</td> <td>28</td> </tr> </table> From that data, I want to automatically sort the "age" column ascending but I don't want user can sort it manually. Can I do this with tablesorter plugin? Regards,
jQuery too big for embedded device
Hi, I'm using jQuery on a webserver of an embedded device. However, the embedded webserver will not serve files that are over 64 kb. Can I split the minified jQuery file into 2 or 3 files? Please point me into the right direction.
connexion forms
Hi all, beginner, I try to create a login form. I installed a JQuery plugin with a sliding panel hung on the top edge with the forms: http://web-kreation.com/demos/Sliding_login_panel_jquery/# "> web-kreation.com The best result I could get so far is the display of query results in the panel above the form, but I can not seem to find the error that prevents the script to interpret the response (1 or 0) It always display the error text input: Form: <div class="left"> <div class="errorlog"></div>
Loop through input/select to check for class
Hi all. In the 'else' section of my code below I am having an issue. What I am trying to do, is to find if each of the input, or selects in the div has a class of 'hidden'. If it does add the class 'required' and remove the class 'hidden'. The problem is, because one has hidden, it adds required to all. How can I loop through each input/select to check each individually? $('#order_shipping_same_as_billing').change(function() { if ($(this).is(':checked')) { $('#shipping_details').css({
The code doesn't work properly
When I test it, it appears the tournament bracket but also some code in the web, can anyone help me? <script type="text/javascript" src="http://www.aropupu.fi/bracket/site/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="http://www.aropupu.fi/bracket/site/jquery-ui-1.8.16/jquery-ui-1.8.16.custom.min.js"></script> <script type="text/javascript" src="http://www.aropupu.fi/bracket/site/jquery.json-2.2.min.js"></script> <script type="text/javascript" src="http://www.aropupu.fi/bracket/site/syntaxhighlighter_3.0.83/scripts/shCore.js"></script>
how can i assign checkbox id to database?
<input type="checkbox" id="checkAddress" onclick="checkAddress(this)"/> function checkAddress(checkbox) { if (checkbox.checked) alert("a"); } } here i have checked the checkbox,if it is checked i want to update the checkbox result to databaseso i want to update the checkbox id or value to database..how can i do this??
Ajax and fancybox, ajax with update only one div(not all page).
Dear ajax developers,help me please. Have a block with a basket status and the table of goods with an one of column with a form ADD2BASKET,wich adds a good without page update(ajax using). The quetion: How to update only basket informer when add2basket event done? 2nd quetion: This goods table using fancybox library to view good's images,after adding to basket stops working too. Thanks for any help.
Select icon for multiple labels
Hi, I am new to newbie to jquery. I have already done when selecting arrow icon,the drop down will come(second fig)(Code is attached with this).Now I want to do when I click more than one arrow icon, drop down should come for different arrow icons(like second fig).For the above functionality I got the code from JSFIDDLE.So please help me regarding this. $(document).ready(function() { $(".dropdownarrowIcon").click(function() { var X=$(this).attr('id');
modifying cloned select box makes it unresponsive in IE
This feels like a bug to me, but I don't have much experience with jQuery so I'm posting here first. In short: if I clone a select list, and then remove an option from the cloned list, it becomes unresponsive in IE (so far I've tried IE versions 8.0.6, 8.0.7, and 9.0.8). Here's a jsbin snippet, because I couldn't reproduce it in jsfiddle: http://jsbin.com/otawoc/5/quiet And the code: http://jsbin.com/otawoc/5/edit The second select list has been cloned from the first one. When you press the button,
Jquery 1.4 to 1.7+
I have the following code taken from JQuery in action. <!DOCTYPE html> <html> <head> <title>DVD Ambassador — Disc Locator</title> <link rel="stylesheet" type="text/css" href="dvds.css"> <script type="text/javascript" src="../../scripts/jquery-1.4.js"></script> <script type="text/javascript"> var filterCount = 0; $(function() { $('#addFilterButton').click(function(){ var filterItem = $('<div>') .addClass('filterItem') .appendTo('#filterPane')
fadeOut removes the table cell completely
Hi everyone, I have been struck at a point where i want to edit a table cell using jeditable plugin. It's working fine and update the cell content perfectly. I want to change the table background to red(for few seconds) for error update and green(for few seconds) for successful update. So i use fadeOut property and it works but the cell is removed after fade out. Below is my code snippet : success(function (response) { $("tr:eq("+ row_index +") td:eq("+ col_index +")").css('backgroundColor', 'green').fadeOut("slow");
Jquery Countdown - weekly recurring time
Hi there, I am using a jquery countdown script by keith wood: http://keith-wood.name/countdown.html I'm trying to work out how to make it countdown to a fixed time every week (monday 8pm GMT). the script is too big to add here but can be seen on the site and this is what I have from the example from the site: <script type="text/javascript"> $(function () { var austDay = new Date(); austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26); $('#defaultCountdown').countdown({until: austDay}); $('#year').text(austDay.getFullYear());
on click hide n show div
i want when click on div its display property should become block byt when clicked 2 time change dispplay to none plz help
how can i update checkbox id to database?
<input type="checkbox" id="checkAddress" onclick="checkAddress(this)"/> function checkAddress(checkbox) { if (checkbox.checked) { //here i have checked the checkbox,if it is checked i want to update the checkbox result to database alert("a"); } } so i want to update the checkbox id or value to database..how can i do this??
List scroll issue
I have a list where each item is clickable. When I scroll the list the pressed item is being clicked. How can I prevent it from being clicked when scrolling?
Simple snippet copied and pasted from here, why not working?
Hello, I am replacing the whole stuff by something that I (finally) managed it to make it work. Yet, I have some doubts about this. My problem is that I am not loading that document value that you see, which is the index of the first dropdown list to a controller (I am working in an MVC env). So I introduced this extra callback function to see what happened, but, actually, I think this callback is not telling me anything, or is it? when I move the select box it does get executed, but why am I not
White screen blink with fixed footer
Hi guys, I am testing jQuery Mobile 1.2.0 alpha on a Samsung Galaxy S2 running Android 4.0.4. I have noticed there is the white screen blink between transitions when I have a fixed (data-position="fixed") footer. When I remove the data-position="fixed" from the footer, the transitions look great with no blinking in between so it certainly looks like a problem when we specify fixed positioning. Here's my footer code <div class="footerBar" data-role="footer" data-theme="a" data-id="mob_footer" data-position="fixed">
download window state
I want to send to user two files in series and I use setTimeout("__doPostBack('Button2', 'OnClick')", 3000) to initialize a postback for download a second file 3 second after first. If I have time to handle first file, it's working great, but if I'm doing nothing first file is being lost. The window (that little window where are displayed a file for download and those buttons like open, save and close) is still there, but file is absent so I want to synchronize that postback with that window
How to convert addEventListener function in JQuery?
Hello, I am new in JQuery. I want to convert following javascript code in JQuery. document.addEventListener("DOMSubtreeModified", throttle( function() { //code }, 50 ), false ); I have tried it using bind method but it is not working. Please help me.
Flip Toggle switch trigger event when flip is started
Hi all, I'm quite new in jquery mobile and for now I have some problems using the Flip Toggle Switch. In my setup the flip toggle switch is refreshed every second with the server state. So when the server value is changing the flip toggle switch is changing too. So far so good. But when I try to flip the switch slowly from on to off it could happen that the flip toggle switch is refreshed and the flip is going back to its starting position. Now I'm looking for a event like slidestart and slidestop
q about bubbling
why would anyone want to have event bubbling occur?
reg- data security in jquery with RESTfull webservice
I want to know the security of the data, when data sending from client to server and vice versa. How to implement and also tell me the authentication, etc...
rewrite of earlier question of jquery plugin validation with twitter bootstrap
Hi everyone, I am rewriting this question to hopefully crystallize my question better: I am new to jquery and JS. I have a form which I am building with twitter bootstrap and trying to validate using the plugin validate at jquery.validate.js. You can see the live page at: http://optionhomes.net/index.php/test1/index I have a row with 3 input fields. If any of the inputs fail validation I want an error class to be added to the parent .control-group class.i figured I would iterate through the input
Spinner issue
I have some problem with the spinner plugin: here is the link to it : spin.js here is the code i' am using (i don't stop the spinning to see the result) <script src="../plugin/spin/spin.js" type="text/javascript"></script> <script type="text/javascript"> var target = document.getElementById('testers'); var spinner = new Spinner(); spinner.spin(target); </script> there are no errors in the Chrome Console review. please HELP
Making JavaScript/jQuery available in dynamically loaded content
Hi guys, is there a way / what is the best way to make JavaScript/jQuery available in content that has been dynamically loaded using jQuery's "load" function? Of course I can just put JS Code in there, but it will be run first, so any objects (like functions or the Facebook API Connection) will not be known to code in there. Any ideas? Thanks in advance
jQuery.prepend changes specified tag all to lowercase...?
Does anyone know why the line below results in the following line in HTML (note the case of "clipPath") $('#designCanvas > defs').prepend('<clipPath id="clippingPath"></clipPath>'); <clippath id="clippingPath"> <use x="0" y="0" width="300" height="300" xlink:href="#clip1"></use> <use x="0" y="0" width="100" height="100" xlink:href="#clip2"></use> </clippath>
How do I show/hide div tags with jQuery?
Objective: Have 2 links, when one is click the corresponding div is opened. When the other link is clicked, the new div opens and the old one closes. When clickign a link to open the div, clickign again should close it. I have the following code, allowing one or the other div to be displayed, however I cannot get the div to close again once opened. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript" language="javascript">
slideshow callback
Hello! im working with a slideshow on my page and have a problem with some things. I want to be able to change the body class depending on img class. on this site http://dimsemenov.com/plugins/royal-slider/documentation/ is the api for this slider. i think it is possible to use the sliderinstance variabel and then use one callback event and then use my own code in this function. Ive tried this one. But it is not working. var sliderInstance = $(”.royalSlider”).data(‘royalSlider’);
A problem with Jquery gallery
Hi, I made a JavaScript gallery for my friends site and it looks great except when changing images, the preview image disappears for a split second and the layout gets messed up. http://hisakoando.lolipop.jp/picturebook1.html Any ideas? Thanks in advance
AJAX JSONP WebService call not working on IPad or IPhone
Hi Guys, Hope you can help, I have a simple Ajax web service call to a WCP JSONP enabled service. On all browsers except for safari on IPhone and IPad, the call works just fine, but on the IOS devices the web call is made but it never returns. I have turned on browser debugging and it reports no errors. All of my other JQuery code is working just fine, it's just the call that is never returning. Is this a security issue or bug on these devices? Both are running IOS 5. I have tried restarting them
[jQuery] Form plugin - success callback not executed ?
Hi, it seems that my success callback is not getting executed, however, the Ajax post seems to be ok (200) with the correct text output ... The other params have effect, e.g. the ajax calls will be synchronous (option async to false) $('td[id^=order]').each(function(i) { var tdId = $(this).attr('id').substring(5, $(this).attr('id').length); var options = { target: '#dummy', beforeSubmit: function(formData, jqForm, options) { return true; }, success: function(responseText,
Select SQLite3 offline
I am having trouble finding the info I need... Here is generally what I am trying to do. SQLite3 (I am new to this but have extensive MySQL/PHP experience). The database will hold about 1400 rows and be nearly entirely used as selects. This is for mobile access and trying to figure out how to select the data w/o access to PHP. I found some code online I am trying to work with on a test db, but I am not getting anywhere. var selectAll = "SELECT * FROM mobile_page_history"; function createDatabase(){
Dynamic listview from JSON not showing until manual page refresh (data issue, not css!)
I am pleading for any help on the following issue I have as I have not seen anything else on the web like it! I am building an app with seperate pages, no multipage pages, and I am loading items dynamically into a fieldset and into a listview using 2 JSON formatted strings. The JSON data is 100% correct and the syntax is perfect as I have tested it on numerous validation websites. The 2 JSON strings are around 100kb each. What happens is I click a link on the first page which then laods the 2nd
$(document).ready but js file is not loaded yet
I am using jquery from google cnd, https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js, so should be the lastest version. I have a asp.net webservice, it creates a jsdebug js file dynamically, <script src="../app_ws/linkdataservice.asmx/jsdebug" type="text/javascript"> </script> the first line of the file is Type.registerNamespace('LinkLibrary'); .. in $(document).ready, I call the LinkLibrary class, it worked fine, but recently, I always got LinkLibrary is not defined error, After
Next Page