Prolem to "slide" animation
I would like to submit to this problem ... The complete example can be found on http://jsfiddle.net/LyxFP/1/ I don't know why te button "fade" work and the button "slide" don't work ??? Any suggestion is welcome. I put here the code also HTML <table> <tr> <td>a</td> <td>b</td> <td>c</td> <td>d</td> </tr> <tr id="divHidden" style="display: none; background-color:red;"> <td colspan="4"> <table> <tr>
jquery mobile Navbar persistent state
Been working on a Phonegap + JQM app for iOS (with multi-page document structure, and persistent header, and footer/navbar) for sometimes now. The recent jqm framework upgrade from 1.2 to 1.3 gave rise to a new issue that I am now trying to fix. The issue of button not retaining its active state (when you are already at the page where the button/anchor is pointing to and you clicked/tapped it) seems to exist on jqm documentation/demo pages as well: http://jquerymobile.com/demos/1.2.0/docs/toolbars/footer-persist-a.html
Best way to implement a jquery mobile 1xN grid layout with horizontal scrolling
Hi all. I would like to implement a 1xN grid layout in jquery mobile. The idea is that the single row is free to expand to any length horizontally to the right. All the content is drawn dynamically from the server. Each column is actually a grid in itself. Have attached an image to indicate how the page layout should look like. The first grid serves as an index grid column. So, when u click a tile in the first grid column, the page should scroll to the particular column horizontally. Not
tap fires twice with live("tap")
On mobile safari with live("tap"), tap event fires twice. And this causes kinds of bugs such as opening dialog twice, sending ajax request twice, etc... The most notable one is, when you tap a text field, safari sometimes focuses nowhere. The following is a minimum code that reproduces it. <!DOCTYPE html> <html> <head> <title>tap twice</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes"
Range slider - using right handle
When the left and right handles on my range slider overlap (i.e. have the same value), I want the user to be able to slide either the left or the right handle, depending on the one that has been selected. However, the default behaviour appears to be that only the left handle can be moved. How can I specify the right handle as the active handle?
How to load message to show it as running line?
Hello, I am new in jquery maybe somebody can help me a little with that issue. I have 2 files, one is just message text (msg.txt) that I would like to show on another my page in that place <div id="marquee"> ... </div> If I load message as: function show(){ $('#marquee').load('msg.txt'); }; and trigger it: $(document).ready(function(){ show(); msgrun(); setInterval('show()', 1000); }); Its just display message as static but not running. for running line I am using this code: function msgrun()
Why my plugin is not updated?
Hi, I have a problem with my plugin -> http://plugins.jquery.com/jocode_slideshow/. I send a tag version with git as stated in the documentation, but nothing is refreshed on the jquery plugin page. I work with netbeans, i create a tag named 0.9.2, and then I make a push, with the git menu. Is that I forgot something? Thanks
add/Remove columns in grid dynamically by drag and drop
Hi, Below is my project requirment details. Kindly request you to suggest the best ways of implementing in ASP .NET. Table columns are displayed in Treeview, with drag and drop, dynamically column can be added to the Grid along with data from DB. From grid, column can be removed using drag and drop. Grid also should support reordering of columns, sorting and filtering. Thanks in advance for the support.
Touch IE10
Hello All I just wanted to share how to add touch support for draggable in ie10 desktop and mobile. Currently draggable will work with a pen or mouse in IE but not touch. To add touch -ms-touch-action needs to be added to the css like below: body{ -ms-touch-action: none; } #draggable { width: 150px; height: 150px; padding: 0.5em; -ms-touch-action: manipulation; } I added a link to the demo below http://helixten.com/jqueryui.html
Why refresh ajax after result success on mobile browser?
I have face some problem when ajax success then browser automatically refresh but i dont do that and i dont want to reload page after success my code as follows $.ajax({ url:'ajax.php?word='+arrString, cache: false, type: "GET", dataType: "json", success:function(data, textStatus){ if(textStatus=="success") { $("#menu-l").load(location.href + " #menu-l>*",""); } } });
Why is the graph so funky looking? (Highstocks)
Hi everyone, I am trying to figure out why the graph in this example looks so funky: http://jsfiddle.net/83SET/ I can't seem to figure it out. I am thinking it must be the way I provide the data. The data is : [[1362919200,38867.69],[1363003200,38996.34],[1363090680,39119.47]...] where the first value in each array is a Unix time stamp and the second is the data. Also the date does not seem to be read in properly. Thank you for any tips and help in advance!
traverse the row to get the appended itemid
I want to get the rowid so I can do the delete from MySQL after the AJAX. but from my alert('itemid') I get "rowid is undefined"? $(document).on('click','.circle',function(){ var rowid = $(this).closest('td').attr('itemid'); alert("the row id"+rowid); $(this).closest("tr").remove(); return rowid; }); I don't understand this because the AJAX function works and does append the item.id to the end before the closing</tr> So I must be traversing the row wrong ? In other words something
Adding/Removing column Dynamically to grid by drag and drop
requirement is:On left hand side i have treeview ;when we drag and drop the treeview Node On grid it will become column in grid ..and same way when i drag and drop the grid column on tree view grid column to be deleted/Removed
Unable to close panel from anchor tag inside listview
Hi, I have a page with a panel where there is a listview inside the panel. To close the open panel I tried to add the data-rel=close attribute to the anchor tags inside the listview, but this does not have any effect. If I just add a anchor tag at the panel itself, the panel closes just fine. I'm not sure if this is a bug or ? <ul id="tasklist" data-role="listview" data-icon="arrow-l" class="ui-icon-alt" data-inset="true" > <li ng-repeat="task in tasks" >
how to add columns dynamically for Kendo Ui Grid in c# asp.net 3.5
Hai to all... here My requirement is adding columns dynamically for kendo ui grid 2013 version .. I took one Html table ,i added columns and binding html table to kendo ui grid...but when iam adding new column by drag and drop from kendo ui treeview iam not getting the columns properties of kendo ui grid like sorting,remapping etc...
Form not submitted when some required fields cloned but not actually touched
Hi, I am very new to jQuery but getting addicted pretty quickly. I have an small app used to test one of our APIs and provide the ability to clone a section of input fields to be passed to our api, think line items. Below is the script I am using to clone, append and rename the field ids. As the subject stated - if I don't mark the fields as 'required' in the html, then the form will be get posted just fine. The problem is that if I don't actually type in the input fields that are required,
mouseenter bubbling
HTML: <ul> <li>First</li> <li>Second</li> </ul> JS: $("ul").on("mouseenter", "li", function() { var t = $(this).text(); console.log(t); }); Why does this work? "mouseenter" should not bubble!
Can Jquery Detect How Many Lines of Text within a Div or A tag?
Can Jquery Detect How Many Lines of Text within a Div or A tag? I am attempting to have different backgrounds depending on how many lines the left navigation takes up. For example if the item in the left nav only takes up one line it will have backgroundA. If the item in the left nav only takes up 2 lines it will have backgroundB etc.. Currently I have everything with backgroundA but there are a few that are taking up two lines or three lines and I can't shorten them as that is what the customer
Jquery Problems With The Navigation of Moleskine NoteBook Plugin
Hi Guys,I have problems with the buttons of this Plugin(Moleski NoteBook with Jquery).I stay using the normal code http://tympanus.net/Tutorials/MoleskineNotebook/MoleskineNotebook.zip?84cd58 of the demo,but I like modify the buttons for create a menu with the effect of Moleski NoteBook with Jquery in the firts page.So I like create buttons for change of each page,I believed that I can change of page of this mode <div id="page01"></div> and on the <a href="#page01">1</a> , but this is not true. My
dynamically populating div="role=page" from json
I am trying to sort out with the folliowing issue. I have a system in which the user selects a record to edit in a listview. this listview links to another In the PageBeforechange event, (on the 1st call when toPage is a string) tehre is a json call to the server to get the data entry page definition. I use this data to build teh data entry form (header, content & footer) everything works and is rendered as I intended. Then the user does what he/she needs to do, clik on the save button the data
JQM listview before filter: query data?
I am trying to get the ListView before filter function working. I can get the demo to work successfully on my project but when I try to query my own url, it fails. I suspect it has something to do with the data. The example code uses: data: { q: $input.val() } 'q' did not work for me, so I tried the field name from my table instead "OrgName" data: { OrgName: $input.val() } That did not work either. My list comes from a single column table. I also changed the datatype to 'json' (from 'jsonp'
scrolling in tablet and iphone
What solutions are there for getting a scroll to show up on an iphone and a tablet? overflow:scroll css doesn't seem to do the trick All suggestions welcome. Ziska
[jQuery] Can you improve my Bring-to-Front code?
Hi :) Fed up trying to figure out why my wonderful drag layers don't work in IE, I decided to get on with some more pretty stuff :) As we have layers fading in & out, and draggable, I reckon users will expect that clicking on a partially visible layer will bring it to front - like in desktop windows. So - well, I partially achieved it ;) You can bring a couple of layers to front, but my snippet doesn't handle the changed order well so it can't bring a previously-promoted layer further forwards. I'm
firstChild and hasAttribute
I'm starting to learn jQuery by doing examples in a book. IE 9 jquery-1.9.1.min.js I have this in my Site.master <script type="text/javascript" src="Scripts/jquery-1.9.1.min.js"></script> The jquery file is in the Scripts folder. I'm fairly sure that the jquery file is found b/c if I change it to anything but the above it will not run and have a $ is not defined. Here is my code that is not working. When I click the button on the page it hits my break point inside the click function.
REST POST call is giving 400 with JQuery ajax call
I am trying to call my spring MVC REST service and it works with a JQuery $.post but not $.ajax. The javascript shows this 400 error; 1. Failed to load resource: the server responded with a status of 400 (Bad Request) https://s3.amazonaws.com/codiqa-cdn/jquery-1.7.2.min.js 1. sendjquery-1.7.2.min.js:4 2. f.extend.ajaxjquery-1.7.2.min.js:4 3. logIntoCMS:8080/coco/:124 4. onclick And in spring it gives this error; DEBUG: org.springframework.web.servlet.mvc.method.annotat ion.ExceptionHandlerExceptionResolver
I want to run<div id="ab_c"></div> it via JavaScript HOW???
i have <head> <meta charset="utf-8"/> <title>Varis Creative Templtate</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <script src="main.js"></script> $(document).ready(function() { jg_gallery_init("#ab_c"); }); </head> <body> <div id="ab_c"> </div> </body> I want to run<div id="ab_c"></div> it via JavaScript HOW??? BODY EMPTY.
firstChild is undefined
jQuery: jquery-1.9.1.min.js IE: 9 Visual Studio 2010 I'm starting out with jQuery and am walking through a book's example but am having problems with firstChild being undefined. Here's the code: SiteMaster: <% @ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="SiteMaster" %> <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> < html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> < head runat="server">
jquery mobile on app engine
Hi have created a basic scaffold page with a list elements as per this tutorial: http://www.elated.com/articles/jquery-mobile-what-can-it-do-for-you/ the jquery links go back to the jquery site, I know they are a little old but they show upok when browsed on my iphone looking at the tutorial demo page. now, I have a test site on app engine, i copy the source of the above to my basic index.html and it shows, problem is that the touch features are not there and the page is scaled down as per viewing
cofig file in phonegap
hello, where is the config.xml file in phonegap or (gapappstarter) else how add it in project.
Hide Text Only
I'm trying to hide the time on the display form of a SharePoint Calendar. The date and time are displayed in 1 td together. <tr> <td>Start Date</td> <td>1/1/2013 12:00 AM</td> </tr> I just need to hide the text 12:00 AM. I can find help on hiding the TR and the TD but nothing on just text. Please help!
Send form and replace form with response within div on existing/loaded page
I'm trying to send a form to a server and want to replace the form in a div with the response from the server. Are there any good tutorials or examples? Thanks Teddy
last has funny meanings (I think)
New to jQuery, I don't quite understand some things (OK, a lot of things). I have a bunch of <a>s within a <div id="myDiv"> and want to throw away the last one. My code is: try { $("#myDiv a").last().remove(); } catch (e) { alert(e); }I get an error saying that last() is not a function. So, I change line 2 to: $("#myDiv a:last").remove(); I get no error but nothing was removed. Checking out the forum, I then try this version of line 2: $("#myDiv
Div not showing in chrome
Hello, I have a div that I initially display as display:none in the html. On the first time load. But when I click a button Im trying to display the div. It only works in FF. $("#ret").click(function () { $("#loading").show(); <div align="center" id="loading" style="display:none"> <img alt="Loading..." src="/ship/ajax-loader.gif" border="0"> </div>
How can I pass parameters using JSON, Ajax and JSP?
Hi, I'm trying to use JSON to get some values from a database using Ajax, I'm working with JSP, this is what I'm doing: $.ajax({ type: "POST", url: "cutDateEvents.jsp", //data: "{cCardDropDown: document.getElementById('cCardDropDown').value, selection: 'FCDT'}", success: function(data){ var output = $.parseJSON(data); $("#cutDateTable").append(output.table); alert(output.table);
Problems with printing a webpage, contact with stylesheet gets lost?
Hi! Would somebody please help me with a printing problem? I've made a webpage in jquery (responsive, if that matters), with some css- and js-files. On any type of screen it's perfect, but when i choose to print one of the pages, either via the internet print-button or via a print-button on the page itself, the printout result looks the same as if a link to a stylesheet is broken. The results gets the same via both IE and Firefox. I'd really, really appreciate some good advice! Best regards,
Jquery fancybox and rollovers
Hello guys, I'm new with Jquery and I was doing my website and using fancybox plugin to show my work but the thing is that I really want to make rollover images in the gallery but I can't figure it out how. Any ideas? Thank you!
Best way to load table from JSON
Hello, I would like to know what is the best solution in jQuery to load a table from a JSON response. (My table can be read or edit, with sorting, etc...) I have tried DTHMLX Grid solution, but I don't really like it. Do you know an equivalent in jQuery ? Thanks for your response. Julien.
retrieve value from a slider range
Hello ! I think it's not difficult but i don't found the solution on google.. Or my search is bad. I have un slider range like that : <div data-role="rangeslider" data-mini="true" orientation="vertical" id="slider-range"> <label for="range-10a">Rangeslider:</label> <input type="range" name="range-10a" id="range-10a" min="9.5" max="18.5" step=".5" value="9"> <label for="range-10b">Rangeslider:</label> <input type="range" name="range-10b" id="range-10b" min="10" max="18.5"
jQuery Validate + UK Date Format + Chrome
Hi all I have an issue with date validation in jQuery validate. It's the issue with the UK date in Chrome, I've created a test in JSFiddle and using the DateITA validation from the addition-methods.js works OK, but when I reflect this update on my actual page I get the following (note the error occurs in all browsers): Error: TypeError: e.validator.methods[o] is undefined Page with the error: http://37.220.92.92:81/Apply-for-finance-online.asp (The date of birth is the field that the dateITA validation
Two instances on one page (conflict).
Below is the related script within the HTML. I'm trying to include no conflict within the script but I can't get it to work. One instance always loses it's function. Any help is much appreciated. <head> <script src="respond.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="mootools.svn.js"></script> <link rel="stylesheet"
Next Page