Wrong caption vertical align in button on android device (nexus 5)
Please see right button in header navbar (screenshot). Vertical align Device Nexus 5 Android version 4.4.4 Chrome 35.0.1916.141 Test page: http://demos.jquerymobile.com/1.4.3/theme-default/ All ok on Windows 7 32bit Chrome Version 35.0.1916.153 Looks like only android problems
Disable the example in Section 1 "Accordion".
Because it is open and the other closed, leaving all closed as soon as the page opens. http://jqueryui.com/accordion/#default
Globalize; how can I extract an array for any culture
Hello Everyone! I am using jquery since one month ago. Yes, I'm a rookie. I've a question about Globalize.js Are there any method to extract the any array from var Globalize? For example... Globalize.culture.name -> "en" How can I extract the array "namesShort"? Thanks in advance
Datepicker issue
Hello I am trying to use DATE PICKER on my site where I succeeded but I had to put it 2 times in the spry tabbed panels where the second one isn't working.How can this be solved?Help asap !!
Dynamic width issue
Hi, I'm checking for the presence on a page of a class in my code called li.fourthstep (it's a button in a menu bar) If that class exists, I want the width of a class called .next (it's a button) to have a margin-left of 660px. If li.fourthstep doesn't exist, I want the margin-left to be 785px. Can't get this to work. Here's my code. $(document).ready(function() { if ($('li.fourthstep').length > 0) { $('.next').css('margin-left','660px'); } else { $('.next').css('margin-left','785px'); } }); Thanks
json, ajax and php. Making it wok together
Hi. I downloaded and adapted an Ajax and PHP based Contact Form, to match my form and my purpose. The downloaded file works the way I want, but the changed file doesn't. I can't find what is wrong. Can some one help me finding the problem? Here is my code index.html <!DOCTYPE html> <html> <head> <title>Formulário de Registo</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#submit_reg_form").click(function()
stopPropagation not working as expected
Hello. I cannot get stopPropagation to stop the bubbling. I don't understand why; isn't this what it;s supposed to do? I am expecting that when I click on the "test" element that it will alert ('test clicked') and then stop ('prop failed') from being alerted. http://jsfiddle.net/E6NS5/7/ <div id="wrapper"> <div id="content"> <div id = "parent"> <div id="test" class="button">Top Button</div> </div> </div> </div> $('#parent').click(function () { alert('prop failed');
displaying a default value in search area of a listview
Hello all, I have a function that dynamically creates a list of timezones using jqm 1.3.2. function tzSearch(tz, sName) { $.post ("/Search", { "type":"tz" }, function(data) { var d = data.timezones; var catList = "<ul id='tzlist' data-role='listview' data-filter='true' data-filter-reveal='true' data-filter-placeholder='search timezone...' data-inset='true'>"; $.each (d, function(i, item) { catList += "<li>"; catList += item.tzone;
jQuery .offset() in jquery 2.1.1 ?
Hi, I just hit to problem while trying to use jQuery .offset() in jQuery 2.1.1 and I just found out that there isn't such a method called offset without any parameters that returns something so my try to get the left and top properties from the offset() method was unsuccessful. Can anybody help me use the .offset() method in jQuery 2.1.1? Or is there any alternative way to do so?
Linkselect plugin format option need help with
I love jQuery Linkselect Plug-in linkselect info linkselect plugin sample files However I need to change font color on each selection ie: if NO selection 1st option font color is red. If anything else is selected then the font color is displayed as green. I tried the format option but my syntax must be crap. I did try the sample but it changed the whole page not just single selection. Help! here is what I have working: <html> <head> <link type="text/css" href="css/jquery.linkselect.css" rel="stylesheet"
Announcing jquery.mobile.simultaneous-transitions, 1.0
I'm pleased to announce the release of jquery.mobile.simultaneous-transitions: https://github.com/watusi/jquery.mobile.simultaneous-transitions It's not exactly a plugin (yet). What it is is a simple set of files that you can drop-in to your head and replace the sequential transitions in jQuery Moblle 1.1.1 with the corresponding simultaneous transitions from jQuery Mobile 1.0.1 The repo also include an optional fix for bug #4340 which has not yet been incorporated in a publc release of jQuery Mobile.
problem in slideDown and slideUp
hello, code of slide.html is as follows : <html> <head> <script src="select.js"></script> <script src="jquery-2.1.1.js"></script> <title>Home page</title> </head> <body bgcolor="#E6EBF5" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <fieldset> <legend>Select A or B</legend> <form id="form_A_B" action="" name="Frm" method="POST"> <table width="100%" border="0" cellspacing="1" cellpadding="1" align="center"> <tr Style="font-size: 1pt"> <td width="50%"> </td>
form refresh, if statement not meeting condition
Hello, this is regarding form submitting without refreshing the page. I think i isolated the problem (i think) but not sure how to go about fix or handle the problem. I highlighted the problem area in red. the msg and "saved" conditions are not being met. after some troubleshooting and searching i learned the value returned is a object and therefore it will never meet the if statement condition. the value returned in msg is "saved" confirmed by the alert stage4 but its not equaling msg == 'saved'.
Form checkbox checked value not activating
I am using a form whereby the value from the selected checkbox is added to a link to define a search across a site. But it is not working. When i manually add "checked" attribute, I am able to get the input value via alert but value returns as undefined when i try to run the form. Example:http://jsfiddle.net/CJFS7/2/
resizable() function on a cell
Hello, I have a little problem. I'm dynamically creatingd DIVs, with a z-index higher than the one of a table, this DIV beeing attached to a cell, and overlaying some cells below. If i use the draggable method all is fine and i can drag and drop my DIVs from one cell to antoher one, keeping the original DIV size. if i use the resisable() method, the cell is immediatly resized to the DIV size. I've modified the containment (taking, for example, the ID of the table) : nothing's better. I don't understand
jQuery Mobile Page Not Resizing (What am I doing wrong?)
Hello, My jQuery Mobile page is not resizing properly. What am I doing wrong? http://geoffdigital.com/nightrides I followed the examples I could find. Seems simple enough, but when I view it on my Android phone the image is not resized to my browser (it hangs off the right side of the screen). Geoff
How to change nouislider slider margin with selected option value?
I am trying to change Margin with selected option value. When i am trying to change, not getting any change in Slider margin. Slider Reference : http://refreshless.com/nouislider/ http://jsfiddle.net/x69Qb/2/ $("#slider-margin").noUiSlider({ start: [20, 80], margin: 30, range: { 'min': 0, 'max': 100 } }); $("#margin").on('change', function () { var marginVal= $(this).val(); $("#slider-margin").noUiSlider({ start: [20, 80], margin: marginVal, range: { 'min': 0, 'max': 100 } }, true); });
how to use javascript template?
This is the code I use to get data from my database.But I want to use jquery templates to give a nice display to my data. <script> function makeTable(data){ var tbl_body = ""; $.each(data, function() { var tbl_row = ""; $.each(this, function(k , v) { tbl_row += "<td>"+v+"</td>"; }) tbl_body += "<tr>"+tbl_row+"</tr>"; }) return tbl_body; } function getEmployeeFilterOptions(){
Jquery Export to excel plugins
Hello Everyone! I am using jquery export to excel plugins in my html page. That is working fine, but the problem I am facing is it is exporting the button (like submit button) also to excel file, which I dont want. Please give me some idea how can I ignore the button from export. Below is my code snippet <div id="dv"> <table class="imagetable" border="1" id="tblExport" > <tbody> <tr> <td><b>Entry Date</b></td> <td><b>Exit Date</b></td>
fast summation of multiple textboxes
hello, i have an html same as mentioned below.it has multiple textboxes and also some span elements. the class name for all the textboxes is textField and id is according to the name of the labels. the calculation is as follows :- Balance1=Value1 + Value2 Balance2=Value3 + Value4 NetBalance=Balance1 - Balance2 Total=Value1of A + Value1of B + Value1of C + Value1of D + Value1of E i have performed the whole logic using on(blur()) function. but i have an issue here. i select a textbox then enters a
Validation for asp.net Formview & Gridview?
I read the documentation for jQuery validation and see that it's centered on the form . However, I would like to use client-side validation of asp.net Formviews and Gridviews, which are tables. I have tried the existing examples, tweaking them in every way I could imagine, without any success. Could the designers consider a spin-off that can be used to validate these types of tables? Sure, I could reinvent the wheel and create my own functions, but I was hoping I could avoid reinventing the wheel.
i have a select box with some integer value, how can i fix to show 1decible number?
HI all, i have a problem to fix one digit decimal no for select values. i am fetching the integer value from database which is going to be in decimal number by the ruby code. but i am facing the problem with decimal number. some option in select list showing so 7-10 decimal number but i want to fix it for one decimal point. please help me for this and give me some code or idea related to this. thank you
ASP.NET jQuery: Trying to select textbox in gridview: edititemtemplate
ASP.NET jQuery: Trying to select textbox in gridview: edititemtemplate I'm trying to run a jQuery function when a key is pressed in that textbox. While the code worked great when I applied this to a formview, it's not working with a gridview. $(document).ready(function () { var MaxLength = 500; $(#'<%=gvViewNotes.FindControl("txtNotes_e").ClientID%>').keypress(function (e) { alert("hi"); }); }); When the page loads, I get a
Where can I find instructions on using jQuery validation with asp.net formviews and gridviews?
Where can I find instructions on using jQuery validation with asp.net formviews and gridviews? I've been hunting around the physical bookstores and Google searches and have not been able to find anything relevant. All the instructions I have been able to find assume that I'm working with simple tables, and not formviews and gridviews, which are a different beast entirely. I've been using asp.net server side validation, but I kept reading about how if I used jQuery validation, I'd never go back. That
persistant toolbars ui-btn-active
Hello, In this demo made with 1.4.0-rc1 version of jqm : http://demos.jquerymobile.com/1.4.3/toolbar-fixed-persistent/ the buttons of the footer stay in active state when changing pages. but in the demo of the official 1.4.3 version : http://demos.jquerymobile.com/1.4.3/toolbar-fixed-persistent/ the buttons loose there active state when changing page. Why the more recent and official version don't work correctly anymore ? Thank Sorry my bad english
Im trying to count Input fields added by a popup
Hello, Im trying to count Input fields added by a popup, but my event isnt getting fired. The input boxes are being added <div id="CC" style="display:block"> $("#CC").change(function(){ $("input[type=text]").each(function(i){ if (i > 8) { alert("Too many addresss have been added to the 'CC'
JQM adds tabindex=0 - what is this for?
In JQM v1.4.2, on line 4410, in $.widget._enhance() there's a line of code: this.element .attr( "tabindex", "0" ) .addClass( "ui-page ui-page-theme-" + this.options.theme ); Can someone explain the reasoning behind adding the tabindex?
Custon Tooltip script creating duplicates
Hi, I have been trying to write my own tooltip script. I have the tooltips being created on mouseenter and a timeout to remove them on mouseleave (using .hover()). I have found that if you move the mouse off of a visible tooltip and back onto it another sub-tooltip is created and the oroginal one never disappears. Can anyone explain what I am doing wrong? My code can be seen here: http://jsfiddle.net/atwright147/YL9mm/ Thank you for your time :)
Jquery choose date from manual slider
Hi every one. I'm beginner in jquery and i need to do something like shown in the image bellow. I want to choose a date from a manual slider with tooltip. Do you have any idea or example to that? Thank you in advance for your help.
IE support for jqm 1.4.2
jquery mobile 1.4.2 not working on windows phone when opened in internet explorer
JQM - how to have more rows in a table?
I am new to JQM. I am trying to display a table that has 5 columns and 36 rows. I am using the column toggle format. Displays fine and the toggle works, but only 17 of the 36 rows display. How do I show more rows?
spell checker
Can anyone recommend a good spell checker?...one that highlight the word as well as a option to chance it?...if possible Thank you
Localstorage not working on android.
I have a weird issue getting localstorage working on JQM. My code works perfectly fine viewed on a web browser, however on my android it will not receive the data from localStorage.getItem('visittime') to detect time and compare for deletion $( document ).on( "pagecreate", function() { var now = new Date().getTime(), storagedate = localStorage.getItem('visittime'); if(storagedate){ var diff = now - storagedate; if(diff > 60000){ localStorage.removeItem('visited');
Get the iframe created in the future
Hi for all, I'd like to perform some procedures using the load event of an iframe (ifr-feature). However, the iframe will be created within another iframe (ifr1). The detail is that the iframe is created from a user action and in that sense it does not already exist. The only information I have is the ID of the iFrame. For that i'm using the 'on' to try to get the iframe created in the future, but this is not working. <iframe id="ifr1"> ... <iframe id="ifr-feature"> -- created in the feature
question on jqueryui.com autocomplete
Cant find the option or cant figure out how to have the clicked autocomplete item append to a search string Probably easy, but not Jquery literate. Also would like to have the list not on the original page, I would like to use a different JSON file or .js file Would like two columns, the string to match, and the string to submit For instance, if someone were to type in FORD it would find FORD, but FORD would actually, behind the scenes be matched to MUSTANG then
Some jQuery and Javascript related questions.
Hi, I have some jQuery and Javascript related questions. I'll be glad if someone can respond me. 1. Is .fn equals .prototype? If so, why is it named as .fn? 2. What does $ mean as a function prefix or function parameter? e.g: $(function() { or (function($) { 3. Why ;(function() or ;$(function() isn't a syntax error? 4. What does ~ symbol do as a prefix to return? ( ~return something) 5. In an object literal, how can I make `this` refer only the literal, and not the object that is being handled by
Capture Same Row HTML Tag Under Table
Hi Guys, Here's what I have so far. As you can see those were generated with this codes: <table class="table_format"> <tr id="header_name"> <th>Status</th> <th>ID</th> <th>Name</th> <th>Job Title</th> <th>Job Code</th> <th>Cost Ctr</th> <th>Country</th> <th>Tower</th> <th>Team</th> <th>Hire Date</th> <th>Email</th> <th>NT ID</th> <th>Sup Name</th> </tr> <?php $query = "SELECT * FROM tb_active WHERE sup_name = '$user_id'"; $result = mysqli_query($con, $query); while($row = mysqli_fetch_assoc($result))
jQuery Mobile Tab Widget Styling
Is it possible to modify the default styling of the jQuery Mobile Tab widget to be more like the jQuery UI Tab widget? More specifically, I'm looking to add a small gap between the tabs and to round out the edges (changing the jQuery Mobile 'Corner Radii' setting through the ThemeRoller had no effect). If this is not something supported out of the box through the current API, does anyone have any insight into how I would go about manually overriding the style? Thanks
Toggle (Show and Hide) a function
Hi I have what I thought was a simple problem but my solution does not work. On click of #FuBuHelp I need to toggle (Show/Hide) the .HelpBox and .HelpInformation, I have tried to simply change this line "$('.HelpBox').text(HelpInformation).show();" to .toggle instead of .show and this works but once toggle is on "Show" the .HelpBox and . HelpInformation flickers and I move the cursor. I'm guessing I'm being blinded by something and the // Co-Ordanties is also toggling .... any help or advice of
Create common scrolls for two iframes
Hi, <div id="divMain"> <div id="divChildOne" style="float: left; width: 50%;"> <asp:Label runat="server" ID="lableOne" Font-Bold="true"></asp:Label> <br /> <iframe id="iFrameOne" runat="server" style="width:100%;" /> </div> <div id="divChildTwo" style="float: right; width: 50%;"> <asp:Label runat="server" ID="labelTwo" Font-Bold="true"></asp:Label> <br /> <iframe id="iFrameTwo" runat="server" style="width:100%;" /> </div> </div> This is the design of my page where i want to show to docs side by side.
Next Page