How can I perform a search into a group of "accordion" buttons?
I have this static HTML code: <form> <input data-role = "filter" type = "search" id = "searchField" placeholder = "Search Entries" data-filter="true"></input> <!--Devider Goes Here --> <ul data-role = "listview"> <li data-role = "devider" data-theme = "b"><h4>Browse by category:</h4></li> </ul> <div data-role = "content"> <div data-role="collapsible-set"
jQ Modal and ASP Custom Validator not firing
I'm new to using jQueryUI (and most Dev work in general) I'm creating an intranet ASP forms site for work, and wanted to use jQuery modals for quite a few applications, most of which involve user input and therefore validation...but for the life of me I can't get my ASP Customer validator to work when the DIV is a modal. Everything works fine if I have the Modal div visible and use it in the page, but even with everything visible if I then use the below to create a modal using it whether I use the
Responsive Desgin use of px and pt settings
Noticed that JQMobile 1.3 CSS uses fixed px sizes for various text components ... does this not conflict with the responsive design approach?
jquery mobile footers slight gap in landscape/portrait
So I have a web page that when i got the math out, including the header, footer, and content, is about 680px in height. Now considering that when on an ipad, the workable area is 746px landscape, everything should fit with out having to scroll. Yet for some reason, it shows that there more area to scroll to. Now this even happens when in portrait mode as well, even though the working are is about 1004px. Any idea when this is happening?
reported spam
My first post here is reported as spam, I know quotes can do it but I dont see anything in there that would triggered it this time. https://forum.jquery.com/topic/updating-text-with-inner-html-returning-cannot-read-undefined Also, if a post is marked as spam, can it be seen by anyone else? Dave Not my site but well said: http://mattgemmell.com/2008/12/08/what-have-you-tried/
Trying to Use filter with Regular Expression
I'm trying to use the filter method to filter out unwanted anchor elements that I'm trying to manipulate on a page. My selector looks like this: jq('a${esc.h}id').filter(/\D{3}\d{3}\D{5}/).each(function() { ........ }); I have tried to create a regular expression to use in the filter, but it must wrong because when I try and display the page without the filter and regular expression it works fine. But it doesn't work when I add them to the existing selector.
jstemplates.com
I recently developed an online template builder (www.jstemplates.com) for which I used quite some JQuery modules. I used the JQuery UI accordions, slider, buttons and dialog. I also used the superfish menus and spectrum, a colorpicker. I would never have been able to build this thing in only 3 weeks without the power of JQuery. Thanks to all developers making this JQuery framework an excellent starting point for web developments. I believe JQuery should be built-in into browsers :) Give www.jstemplates.com
Updating jquerymobile data role pages with specific scrollbar location
I need to update the scrollbar location on a table of contents div within a series of jquery mobile data role pages. So I have a table of contents with 11 links on the left that link to different data role pages. When each new data role page is loaded, I can update the active state of each link with css, but I can't scroll down the table of contents list as the user clicks through the table of contents. Is there any way to do this dynamically? My header: <script src="js/jquery-1.6.4.min.js"></script>
Sequence of effects in a Backbone.js application
Hi All, I have a question related to chaining effect on elements in a Backbone.js application and how to achieve that. I have a Backbone.js application which has multiple Backbone.View's. Each of the views is tied to a <div> element on the page and the view controls/owns that element with all it's children. My design choice is that other views don't know or care what children are in each of the views and what effects are applied to them. All other views how is that each view has a show() and a hide()
Autocomplete Json from url Please help
hy, guys i have a problem i am trying to get autocomplet to show relevant information from an URL and i dont know how ... please help me. here is the code ... Any info that could help me is important thank you very much <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Autocomplet</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
Is it possible to develop in MS Visual Studio ASP.NET then package the application for Android Phones
Hello, Is it possible to develop in MS Visual Studio ASP.NET then package the application for Android Phones? IF not, what are the easiest ways to develop Jquery applications with database tables like Gridview asp.net? Also, is there a way to compile JQuery code and just copy it to the device to make it work? Thank you!
Why this is not acting well? and even more Why it goes wrong in different way depending on the browser?
Hi there, I've put a post 2 days ago about this, but I have found other way to get the same and this one is about that way. I'm searching for a solution to cover/discover some DIV's. (All divs ar floating left) 1.- When you click a DIV, it change its width to 200px by adding a class and the following DIV's gets other CSS class with an animation which move them from -100px to 0. With this, we obtain the effect of "discovering" the clicked DIV. 2.- If there is an open DIV, the following of it,
Need some help with toggleClass
I'm very new to jquery, and I appreciate any input. I'm trying to get over my fear and distrust of all things javascript! I'm updating some documentation in a Rails app. I have a sidebar with navigation links. Each link connects to an anchor in the documentation. I'm trying to use toggleClass to change the styling on the sidebar links when they are clicked, without changing all of the links in the sidebar and without changing the styling of links in the documentation. :javascript $(document).ready(function(){
.load() with beforeSend action
This works fine: $.ajax({ url: "http://myurl.com", dataType: "text", beforeSend: function(xhr) { xhr.setRequestHeader("Ajax-Request", "true"); } });However I need to return the results in a div. The only way I've found to do this is to use the load() function. $("#div1").load("http://myurl.com");The above also works but I need to set the request header to preform some different logic. Is there a way to set the request header using the load function?
s40(nokia) not recognizing jquerymobile package .js file
the web development environment of s40 platform is showing error in the .js file of jquerymobile 1.2.0 package. this in turn is preventing me to build the application since the commands like data-role and data-mini are not recognized. please help.
JSON parse unexpected character
I am getting a valid JSON object from the form handler. The problem is I get this error on the AJAX result: I get the 200 status then I get Syntax ERror: JSON parse: unexpected charACTER. This is part of the JSON object: Success... Localhost via UNIX socket [{"todo":"","date":"0000-00-00","name":"","id":"609"},{"todo":"","date":"0000-00-00","name":"","id":"608"},{"todo":"","date":"0000-00-00","name":"","id":"607"},{"todo":"ff","date":"0000-00-00","name":"ff","id":"611"},{"todo":"wash car","date":"0000-00-00","name":"Janis
What is the difference between installing JQuery application on a device using Google Play Store and using PhoneGap
Hello, What is the difference between installing JQuery application on a device using Google Play Store and using PhoneGap? IS there a way to compile the code and just copy it to the device (Phone/tablet)? Thank you!!!
Passing dynamic data into a function
Hi all, is there someone how can help me? I am definitely stuck within this problem I am quite used now (as beginner yet) to use e.data with my functions but now I want to go a step further as I have dynamic data to pass to a function. I am working with Jquerys cookbook and there is the chapter „Passing Dynamic Data to Event Handlers“. Yet, it seems I am too stupid to understand this :-( I have in my case the following code (part of a simple (not for me;-) slider): $("#arrowForward") .click(function(e)
need to iterate thru json
hi.. in the below json i need to get the value of the id==8, but some better way. not thru data[1].children [ { "id" : 1, "name" : "a", "children" : [ { "id" : 2, "name" : "b", "children" : [ { "id" : 3, "name" : "c", "children" : [ { "id" : 4, "name" : "d", "children" : [ { "id" : 5, "name" : "e", "children" : [ {} ] } ] } ] } ] } ] }, { "id" : 6, "name" : "f", "children" : [
Table TD value gets me the TH value also why?
Hi , I was working on the 1.3 jqm table to get TD values, but strangely, I am getting TH along with it? Can you please check on this. // sample table <div id="checkonme" style="display:none;"> <table data-role="table" id="debug" class="table-stripe ui-responsive table-stroke"> <thead style="font-size:small;font-weight:bold"> <tr> <th>NickName</th> </tr> </thead> <tbody class="mytbody"> <tr style="font-size:small;" class="myrow"> <td class="mynickname">Hey
3,000+ jQuery Mobile Pages
This past weekend I released a beta version of a jQuery Mobile Page Builder. It includes a catalog of over 3,000 pages that are ready to use. http://appcropolis.com/jqm-builder/ Does anyone have a couple of minutes to take a look at it? I am sure everybody is busy, but I would like to hear some feedback from some of the expert in this forum. Thanks in advance, --appcropolis
Jquery Load() a url in a div tag from resource located on a different Server
Hi, I am trying to open a url in a div tag with click of an anchor tag hyperlink. my code works fine for the resource located in same directory structure, but it fails to load the url located in other server(e.g www.google.com) Following is my code which is working for local resource. <div id="divlink"><a id="anchorid" href="/About.aspx">Click Div me</a><br /> $('a#anchorid').bind('click', function (e) { var url = $(this).attr('href'); $('div#divlink').load(url);
Why isn't Qunit namespaced?
I'm curious why Qunit sticks all it's functions in the global namespace instead of behind a namespace, e.g. "qunit.ok", "qunit.test", etc.?
jquery dialog - multiple use on one page?
Hello, I'm not looking for the code (the only way I'll learn is if I search and experiment first) but I do have a question just to make sure I'm not over complicating the issue. I have a page that lists multiple (15) projects. Can I have a link in every project to a jquery dialog pop up? So there would be 15 jquery dialog pop up links on one page. I tried yesterday and was not successful, so I am assuming the answer is no. If anyone could could confirm, I would greatly appreciate it. If this is
need help traversing/retrieving info
trying to create left right image traversing gallery, but i can't figure out what I'm doing wrong. No matter what I do I can't get the left and right buttons to bring up the previous or next image. main page: <div class="blackout"></div> <div class="view_comic"> <div class="close_view"></div> <div class="comic_navl" ></div> <div class="comic_navr"></div> <div class="comic_img"> </div> </div> <?php echo '<p>', $comic_data['name'], '</p>';
Access a SOAP Web service using XMLhttprequest
Hello, I am new to JS and jquery. I want to access a SOAP web service to access GPS information of our commuter buses. I am able to do so using a .Net program on the sever side but I want to do the same on the client side. I want to access the Web service using XMLhttprequest and plot the data on a map. I followed an article(http://openlandscape.net/2009/09/25/call-soap-xm-web-services-with-jquery-ajax/#comment-478) and wrote my code but it is giving an 'undefined error' I am not sure where I am
Making a Dynamic Form
Hello, I am very new to jquery, I'm more familiar with html and php; I've only used jquery before for menu animations, and now I need to make form with dynamic inputs, the second option on the form will depend on the input from the first option; the best example is probably eBay or second hand car websites; an example of what I am trying to achieve can be found on the Autotrader website: http://www4.autotrader.co.uk/ As seen in my attached picture the "Buy a car" form features a 'make' field that
Dynamic Context Menu
Hi everyone, i'm searching for a solution to extend jQuery menu widget. The menu entries has to updated and changed before open the menu depending on table cell. It opens on mouse click on the table cell. Have i create/ rebuild the menu every time? How i derive the menu class and implement a function for "beforeOpen"? Thank you very much. Best Regards, Tino
A typo in datepicker documentation
http://api.jqueryui.com/datepicker: an example for parseDate() says "shortYearCuroff" instead of "shortYearCutoff".
Radio Buttons - Working Only After Page Refresh (F5)
Hello, i am am jquery newbie. i try to showing module methods with radio buttons and hidden div´s. ( for Prestashop ) I have this little Script: <script type="text/javascript"> {literal} $(document).ready(function() { $("#payment").change(function() { if ($("#bankwire").attr("checked")) { $("#payment_bankwire").show(); } else { $("#payment_bankwire").hide(); } if ($("#paypal").attr("checked")) { $("#payment_paypal").show(); } else { $("#payment_paypal").hide(); } if ($("#nachnahme").attr("checked"))
Adding radio buttons
I want to be able to have a yes or a no selection option for each question and then I will use c# to get that selected value. Not sure how to do modify jquery code to work with more radio buttons...Anyone guide me please? Thanks! <label class="label_radio r_on" for="radio-01"><input name="sample-radio" id="radio-01" value="1" type="radio"checked="" />Yes.</label> <label class="label_radio" for="radio-02"><input name="sample-radio" id="radio-02" value="2" type="radio" /> No.</label> <script>
drop styling
The droppable box in the code below accepts two different draggables. As you can see when one of them is dropped only the #draggable changes colour. What could i do so that when one draggable is dropped it changes colour and not the other one. Something like $(this) would work but that would change the drop styling not the drags. Im guessing an if statement would work but I'm not sure how to set it up. Thanks Craig $( "#droppable" ).droppable({ accept: '#draggable, #draggable3', drop: function(
vclick fires up twice
I'm trying to understand vclick event. Why does vclick fires up twice per click on this page? http://api.jquerymobile.com/vclick/
Disable button dynamically
Hi,I am using JqueryMobile-1.3.0 and cordova-2.1.0 for iOS app.I want to disable the button on pageshow event.I am doing like this $('#clearButton').attr('disabled', "") and button is <input type='button' data-role="button" data-inline="true" id="clearButton" value="Clear" onclick='resetLogin();'/> Its disabling the buttons onclick event but the style of button remains as it is.
Not accepting a drag
<html lang="en"> <head> <meta charset="utf-8" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> <script src="https://raw.github.com/furf/jquery-ui-touch-punch/master/jquery.ui.touch-punch.min.js"></script> <style> #draggable1 {color:grey; font-family:HelveticaNeue; font-weight:900; font-size:40px; } #drop{ border-bottom:2px solid #ccc; width:330px; margin:240px 20px 0px 440px; float:left; } #text1
jquery.visualNav.js not working
Hi , I am using jquery.visualNav.js for one pega sliding and jquery-1.6.3.min.js for slider effect. But when i use both , the one page slider effect is not working like should. Can you please help me ? www.lew1s.com
Simple splitview with query mobile 1.3
Hi, I want to make an application with "persistent panel" on my page (and if it was possible with navbar at bottom of the screen !) The most common plugins fork jquery mobile code but Simple splitview no ! It seems to me a very good plugin to do this. But it is not compatible with the latest versions of jquery / jquery mobile. I did not arrive to contact the authors Has anyone tried to update the source code ? Thanks Frederik
JqueryMobile and asp.net master pages refresh footer
Hi all, I'm new to jquery mobile and I started to build mobile app that uses asp.net web forms and jquery mobile. This is my master page file: <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterMobile2.master.cs" Inherits="MasterMobile2" %> <!DOCTYPE html> <html> <head runat="server"> <meta charset="utf-8"> <title></title> <asp:ContentPlaceHolder ID="head" runat="server"> </asp:ContentPlaceHolder> <meta name="viewport" content="width=device-width, initial-scale=1">
How to move Jquery code from a cshtml file to it's own .js file
I'm new to jQuery and have been working with a plug-in called jTable. The plug-in works fine as long as the scripting code is in my .cshtml file loaded by the view that retrieves its table data form a database. When I move the code to its own somename.js file I'm receiving an error stating "An error occurred while communicating to the server" when the page tries to fill the table. The script is loading into the browser fine but I'm missing something that's causing the browser to throw an exception
Jquery Drag,drop,clone with resizable and rotatable
Hello I am doing a project in that I need drag images from drop down list to container after dropping on to div the image should be selected at the same time it have to show anchors for re sizable and rotatable. I have done till drag,drop and clone of images (in that the image is going out of container don't known why still working on it) it is working if we use without drop down's but i don't know how to show anchors for re sizable,rotatable and selectable.I have searched for sample code couldn't
Next Page