Problem with using a linked list in a collapsible button.
Jqm version: 1.2.0 Desired Result: Upon setting a collapsible button, links to data-mini="true", wish to have buttons should use data-mini="true" Problem: No matter what I do, I can not get the buttons to be minimize. I have been to the docs several times and tried every combination. I am providing the code snippet and a picture of the un-collapsed output. hope this helps. <!-- pasta dishes --> <div data-role="collapsible"> <h3><div data-iconpos="top">Pasta Dishes</div></h3> <h3 align="center">Great
web service problem
i had another problrem ... my jquery mobile app running on emulator or device but not in web browser.... if app is not with web services it running both on web browser and emulator fine .. but when i work with web services with the help of .net its running on emulator but not working on browser... please help me.. and explain why it is happining like that...
Problem with different jQuery versions for multiple jQuery PlugIns
Hey! Introducktion: I am new to jQuery, and I don't really know much about JavaScript. But I am creating a Website, and I relly like the things you can do with jQuery. Motivation: For my Projekt I want a Slide Menu and a Scrollbar. I've found some Demos and wanted to embedd them. The Problem is, they don't use the same jQuery version (i guess). They work fine single but if I add <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> to my HTML-Code,
How to loop using php array
I'm using a jquery color picker that adds a block of code for each color. I have changed it so it uses a predefined value from php code so it looks like this $("#<?php echo $colorsArray[0]; ?>").spectrum({ showInitial: true, showInput: true, showPalette: true, showSelectionPalette: true, palette: [ ['black', 'white', 'blanchedalmond'], ['rgb(255, 128, 0);', 'hsv 100 70 50', 'lightyellow'] ], localStorageKey: "my_colors", });
How to create a jquery poup box?
Please help me.
Applying CSS style to checked and unchecked checkbox using JQuery
Hi.. I have a group of checkboxes and I want to apply a style to checked checkbox and remove the style of all other boxes.Here only one checkbox should be cheked at a time. The code I used as follows <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $(".item").click(function(e) { //$(".item").each( function() { $(".subscribe").attr('checked', false); var checkbox = $(this).find(":checkbox"),
concept of class in jquery
I want to know that what is the concept of class in jquery. How to declare them and add properties and methods to our class. and after adding how to access them, how to instantiate a class in jquery
fullcalendar - Looping through event objects
I can see alot of event objects when I use the alert after the ajax post success in my jquery below. Can someone please tell me how I can access details for each event and change them accordingly? eventSources: [ { url: 'json-events.php', type: 'POST', error: function(data) { alert('there was an error while fetching events!' + data.msge); }, success: function(data) { // I see lots of event objects using this alert
Dialog box not opening in IE8
I am using jQuery v1.8.1 with jQuery UI v1.8.23. I am trying to open a dialog box on load of the screen. I am having the following div in my JSP. <div id="error-message1" title="This is the title!"> This is a test error message. </div> and I am invoking the dialog box like below $("#error-message1").dialog({ autoOpen: true, modal: true, height: 300, width: 300 }); The dialog box is opening in Firefox 16.0.2 but not in IE8. My entire screen is masked since I have
I can't download - I get this on my screen -
/*! jQuery v1.8.2 jquery.com | jquery.org/license */ (function(a,b){function G(a){var b=F[a]={};return p.each(a.split(s),function(a,c){b[c]=!0}),b}function J(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(I,"-$1").toLowerCase() I am having problems with my website after I upgraded to Word Press 3.5 , I can not edit the text of my pages - - text & pictures etc - oddly a few of my pages I can edit. Anyways the Gurus at Word Press said I needed the latest version of Jquery I have been trying
Problem with jquery validation and form plugin ajaxSubmit(): Invalid JSON primitive
Hi. I'm combining the jquery validation and the form plugin to use the ajaxSubmit() method. I'm using this to call a WebMethod in my ASPX page. I'm passing two parameters to my WebMethod, but the problem is that I always get the error "Invalid JSON primitive". After a lot of reviewing I've seen that the data is not being sent in JSON format, but as a querystring. Even worst, the data is being URLEncoded. Why is this? How do I make the form plugin to not convert the data into a querystring but to
Using sortable() on AJAX-generated results
Hi all, I have been playing around with the sortable() functionality and I have got it working fine on static DB results, however I have noticed that I can't get it to work on AJAX-generated DB results. I feel it has something to do with how I call the sortable() function within the $(document).ready(function() however I am not 100% sure. I have searched this forum and other forums to see if anyone else has this problem but I haven't found anything similar yet, so here's my attempt to describe my
is possible to end session when close the browser?
dear all, if user close the browser, then the session will be end. is it possible by using JQuery and PHP script? please give me solution. thanks.
Theme displaying themes
Version JGM: 1,2.0 URL: http://mobilehost.me/MP/ Problem: Adding a ThemeRoller Theme to my project, does not display. Steps : 1. Created themes A, B, C 2. Down loaded to my download folder 3. Moved the theme folder from download folder to my project. 4. Wrote the Link to the themes folder to get theme. My Code:: <link rel="stylesheet" href="themes/marrisPizza.min.css" /> <link rel="stylesheet" href="styles/myStyles.css"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"
More efficient toggle
Hi all, newb questio, I know, but as I'm not very familiar with JQuery yet, can someone tell me if there is a more efficient way of writing the following code? jQuery(document).ready(function($) { $('.toggler').click(function(){ $(this).parent().children().toggle(); //swaps the display:none between the two spans $(this).parent().parent().find('.toggled_content').slideToggle(); //swap the display of the main content with slide action }); }); <div class='toggle_parent'><div
Is there a listner to check if the GPS signal is back/available
Dear All, I am searching since a while how check is GPS is available after having lost the signal. I am using that code to watch my position if($('#googleAPI').length != 0){ //var track_id = "me"; if (Tracking.watch_id == null) { Tracking.watch_id = navigator.geolocation.watchPosition( // Success function(position){ var lat = position.coords.latitude; var long = position.coords.longitude;
Trying to streamline image gallery data input
in my little homemade picture gallery i find it difficult to accurately put the information about each picture into the correct place in the HTML doc. each image is contained within a div, and i have dozens of them. each picture has data associated with it (title, finename, item #, caption, availability and cost), and each item has to go in the right place in the div. and i go bug-eyed trying to keep track of where i am while scrolling around. it would be nice if i could set up a table or an array
ui menu: how to use focus method
I'm trying to use the ui-menu focus() method to set focus on a specific menu item on page load. I'm getting the following error: Uncaught TypeError: Object #<HTMLDivElement> has no method 'find' Maybe it would help if someone can confirm for me whether I understand the method syntax correctly. Here's the example from the API: $( ".selector" ).menu( "focus", null, menu.find( ".ui-menu-item:last" ) ); If I understand correctly, I should replace ".selector" with the list container I wish to render
jQuery css does not correctly apply
Dear Community I'm facing a problem with the css of the smoothness style. In the section of the Component containers I found the following piece of css: /* Component containers LN: 229 ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } Obviously, a ui-widget of the
How to refresh just one side of the page
See http://myownmealplanner.com/mealplans/add/5 for the example If you drag a meal tile to the right side of the page then it should stay there after you click on <a href="/mealplans/add">Go back to list of meal tiles</a> but of course it doesn't because the entire page gets refreshed. I tried adding an anchor for just the mealplan tiles (like a back to top button) but still the entire page gets refreshed. I can't think of any way to do this with jquery, javascript or php. Any ideas? You're supposed
Flexible Grid
Hi Everyone, This is my first post on forum.jquery. I know this is the best place to discuss and start. Recently I have been assigned a project in which I require a Grid with the following function. 1. It should be selectable 2. It's background gets changed automatically (on the basis of database values) 3. The cell(s) should have contiguous selection and fire an event when selection stops. and likewise, So I wanted to know is there inbuilt grids api (Plugins) or do I have to start in a scratch???
Changed code around to allow options but wont work?
I decided to format my code to a more "standard" and friendly version so I could create options that could be called up at anytime within the HTML documents. Check this JS Fiddle document. You'll see it won't work, but for the effort of my life, can't figure out why. Depending on jQuery only. Working before hand using just Variables: http://jsfiddle.net/ScwbP/5/ Re-written but not working: http://jsfiddle.net/FxKFG/2/ Many thanks if anyone can clear this up. Totally lost in the code right now. Also,
Disable Initial scroll to top
Is there any way to disable the Initial scroll to top when jquery loads ? It's fine most of the time but other times it is unwanted.
I could not see the 'date/event of submission'
Why I could not see the 'date/event of submission' message when I submitted my order in i.e? (The problem appears when I choose Hebrew date/event. In English I could see the date/event that I chose. webeedesignstudio.com
How to pass mouse events to an iframe
I am needing to use jQuery UI in a child iframe of my host page. My issue is that drag operations work poorly if the users mouse travels outside the child iframe and into the parent. If this happens the mousemove events or mouseup event are no longer sent to the UI control. I have solved this with my own GUI functions by simply having the parent pass these events to the child for processing but with jQuery UI I do not know how to pass these events through properly. In the sample below I show my failed
Where/What is _refresh()
Actually this is a Problem for me. I need to control values in a Spinner. I created a table, populated it with <input> and converted the inputs to spinners. I also set min and max values. So far, so good. When one clicks the Up & Down icons, everything works just fine. When there is keyboard input things start to fall apart. The Max value does nothing, I am also using a step size of 5. I get the value and subtract the mod 5 (% 5) value then put it back, it doesn't go back. Both clamping to max and
jQuery Button Slide Down Animation is pushing the other set of buttons??
the buttons in the homepage are pushing the other buttons, any one has an idea on how to make the buttons slide over the other ones and not push them see my website file at my google drive https://docs.google.com/folder/d/0B-C0T_-acxRqeDBEOWpSdWZYYUU/edit
Database to use with JQM and Phonegap
I am building an app using Phonegap and JQuery Mobile. However, I am confused to which database plays well with both of them... Any suggestions...
Sorry, a duplicate topic (can be removed).
Sorry, a duplicate topic.
image drop down -> select -> new image appears with additional text drop downs
i'm in the process of creating my photography website, and i want the option to have an image drop down, which i've seen many of, but once an image is selected, i want a large image to appear in the middle of the page, and drop down options to appear next to it so a customer can order a print. my question is, is there a simple modification i can make to an existing jquery image drop down, or is this an entirely new thing? this has most likely been made, so a link would be appreciated to the code
jquery gallery image replacement question
perhaps i should be in the beginners section, i am not sure. i'm making some progress with jq, and have set up a little image gallery. i have thumbnails on the left, and when one is picked, a larger image of it appears at the right. i am using show and hide divs, and with 1 exception it works fine. i have set up the code so that when a new thumb is picked, the old large image fades out (hide slow) while the new large image fades in (show slow). it is neat simultaneous effect. the only problem is
Swapping DIV class, not working
I am trying to build a simple FAQ type of list with a twirl down arrow on each main item. I got the data for each item to hide/unhide but am having trouble getting the arrow to twirl. Any ideas? My HTML <div class="comparison-content"> <div class="item"> <div class="title"> <div class="arrow-right"></div> <a class="link">First Item on the list.</a> </div> <ul class="data"> <li class="subitem">First information</li>
Trying to access JASON object
Below is a somewhat complex JASON string. I am having problem accessing the data within the object. function tryThis(){ var test= { "term0" : { "PrincipalTranslations" : { "0" :{ "OriginalTerm" : { "term" : "grin", "POS" : "vi", "sense" : "smile", "usage" : ""}, "FirstTranslation" : {"term" : "faire un large sourire, arborer un large sourire, sourire de toutes ses dents", "POS" : "vi", "sense" : "en montrant les dents"}, "Note" : ""}, "1" :{ "OriginalTerm" : { "term" : "grin", "POS" : "n", "sense"
toggle wrong?
The docs for toggle appear to be the wrong way round.. .toggle( handler(eventObject), handler(eventObject) [, handler(eventObject)] ) handler(eventObject)A function to execute every even time the element is clicked. handler(eventObject)A function to execute every odd time the element is clicked. .. or perhaps I've had too many mince pies..?
Can't call refresh on listview prior to initialization
I'm stepping through the examples in Pro JQuery. The content appears to be good, although there are numerous listings with small syntax errors. I've gotten to one that has more than a syntax problem. The following is a small excerpt from the example: <script type="text/javascript"> $(document).ready(function() { $.getJSON("data.json", function(data) { $('#flowerTmpl').tmpl(data).appendTo("body"); $('ul').append($('#liTmpl').tmpl(data)).listview("refresh") }) }) </script> If you have the book, or
Set cursor to pointer on all rows in a particular table
I'd like to change the mouse cursor to a pointer for the rows in a particular table but I'm not having any luck getting it to work. Here are some of the things I have tried, but the cursor resolutely refuses to change for me: $("#firmtable tr").hover(function() { $(this).css("cursor","pointer"); }, function() { $(this).css("cursor","default"); }); $("#firmtable tr").css("cursor","pointer"); Nothing I have tried
Jquery for mobile devices disable
Hello, I use jQuery UI components. Through the use of jquery UI unfortunately the website is on mobile devices no longer possible. Is there a way to disable jQuery for mobile devices. Thanks for advice. Regards Silvio
Dynamic Page in 1.2.0 refresh change page start
http://jquerymobile.com/demos/1.1.1/docs/pages/dynamic-samples/sample-reuse-page.html http://jquerymobile.com/demos/1.2.0/docs/pages/dynamic-samples/sample-reuse-page.html Click listview (Animals or Colors or Vehicles) and refresh page (F5) 1.1.1 no change 1.2.0 change page start I need not change page start in 1.2.0
Change Multiple DIV's content on Single drop down value
Hi, Am trying to change the content of Multiple DIV's based on drop down values .I did it for single DIV , it work for me But for Multiple, am not getting solution for this. Here Actually am passing different XML Data based on Drop down values. This is for Graphs. Below is link what I tried , Js Fiddle Thank You
how to create the notification for android with SDK PhoneGap
Hy, Please i want to create the notification dynamically in my application android , I develop with SDK phoneGap, how can I do? Thank's
Next Page