pixelated rounded corners on buttons
the button on the left is the default jqm button: <a data-role = 'button' ... >. the button on the right has been modified : <a data-role = 'button' style = 'background-clip: border-box;' ... >. In firebug I found that these classes, .ui-corner-all, .ui-btn-corner-all, are affecting the <a>'s, and that the classes include a style background-clip:padding-box;. QUESTION A - is my solution the right solution? QUESTION B - what is the best way to implement the style over-ride? ... I
jQuery mobile listview with element wrappers
Hi all, Currently we are facing a problem when we use jQuery Mobile in combination with some wrappers for SEO purposes. For example we are trying to create a nice nested list for the navigation. However the first nested <ul> element has two <div> wrappers around it. Somehow it seems jQuery mobile doesn't really like those two wrappers. Check: http://jsfiddle.net/4PAUv/ for live example As you can see I removed the two wrappers from the second nested <ul> and it works, but now the html is incorrect
Trying to get attribute and store it, need help...
Heya, I need to find multiple elements on a page, get the value of the HTML "name" attribute, and then store it in a session (or something) so I can use it elsewhere on my page. Does anyone know how/if I can achieve this? I'm familiar with the find() jQuery function, so I don't need an explanation about how to find the desired elements, rather I need to understand how I get get and store the value of a specific attribute. Thank you for taking the time to read this!
I want all "accordion widget" closed
Hi guys, i want to do something in my web page. I want all "accordion widget" closed when my web page is opening. The accordion is starting "open" but i want it "closed" How can i do this? Pleas help me..
Help subsequent page requests do no make new ajax calls
I've done some reading and looking around but can't seem to find an answer to this. I have a multipage layout with 3 page sections I am trying to make a mobile app out of for phonegap. I have an index page, a memberlist page, and a membersdetail page. On the homepage is just a button that shows the memberlist page. This page makes an ajax call out to a web server and fetches html code which I then insert into the page div. This works fine. Then there is a link for each listing to view that members
.click not working in IE
Hello I reload a page in a div. In that div I use the code below to submit forms. It works everywhere but not in IE! No Jqueries work in the reloaded div when using IE. I think it is because it reloading in a div and for some reason no JQUERY works there. What am I doing wrong? Demo: It is here http://hotels2go.com.au/index2.php if you type in the destination box and click on a destination it submits the form, well not in IE. Thanks $(document).ready(function() { $('.submit_form').click(function()
How do I get the form response to load into a different div?
I am testing out my first jqm + jquery app and I can get this form to submit fine, but when it gets submitted, I want the page to change to the descriptions div. It's not doing that right now. I tried to add action="#descriptions" in the form but that didn't work either. <script> $(document).ready(function() { $("#testForm").submit(sendForm) }); function sendForm() { $.post('http://www.myurl.com/mobile_test.cfm', $("#testForm").serialize(), function(data,status){ $("#descriptions").html(data) });
Working with multiple same elements jQuery
I don't know if the title describes the problem correctly so the problem is as follows. If I have multiple elements with same classes or the elements are same like: <a href="Link"><img class="slider_image" src="url"></a> <a href="Link"><img class="slider_image" src="url"></a> <a href="Link"><img class="slider_image" src="url"></a> <a href="Link"><img class="slider_image" src="url"></a> These are slider images. What I want to do is get the the link of image and attribute both differently and I want
Looking for a component akin to a simple mind map
I've jQuery just a few times and am hoping there's a component which functions as you can see in the screenshots below - click the '+' to expand the sub-topics, click '-' to collapse them, etc. Can anyone point me to such a component, please; or is there some plain HTML and CSS solution I could use? I've looked at these possibilities but they seem over-engineered for my simple needs: http://philogb.github.io/jit/demos.html http://jsplumbtoolkit.com/jquery/demo.html http://kenneth.kufluk.com/google/js-mindmap/
jQuery call not setting control
I have the following JavaScript/JQuery code... I have been asked to pick this up from a developer who left. I am stumped as there are two DatePicker controls and one of the controls is set while the other one is not set. The results display in a grid and then show in a panel with the datepicker controls. The event, clicking on the 'Edit' link in the grid populates two fields: Here is the code: DISREGARD it was an issue with a variable.
Need help to figure out why my endDateCtrl is not updating.
I have the following JavaScript/JQuery code... I have been asked to pick this up from a developer who left. I am stumped as there are two DatePicker controls and one of the controls is set while the other one is not set. The results display in a grid and then show in a panel with the datepicker controls. The event, clicking on the 'Edit' link in the grid populates two fields: Here is the code: return { init: function (ctrl_IDs) { _benefitPlans.pop(); _categories.pop();
nested draggable not working anymore in 1.10.3 ?
Hi it seems I can't make a draggable inside another draggable, this was possible in 1.10.1 have a look at this fiddle http://jsfiddle.net/HztHj/ dragging the red little square correctly rotates the large green square in 1.10.1, while linking 1.10.2 and 1.10.3 it only drags everything but not rotate...is it a bug or am I missing something?
hide and show mutiple text boxes when radio button is selected.
Hi, i am new to jquery. I have the form with only have 3 radio boxes, nothing else. 1. When i click on the first radio, i want txt1 and txt2 display on the form. 2. When i click on the second radio, i want txt3 display and txt1, txt2 are hide. 3. When i click on the third radio, all of them need to hide. Can you help with this? There are tons of example code out there related to this topic with jquery. However, they only have the html form code with the called but wha'ts about the rest
Different behavior in Chrome and IE9
I am fairly new to jQuery and am attempting to catch the click event to close a menu launched by a button. I have the following code that works on Chrome but fails on the if( $target.is($search_button) ) line in IE9 and therefore falls through to always hide the control in question. In other words, the menus attached to the buttons never open in IE. I would appreciate any comments on my code as well as any suggestions as to why Chrome works but IE doesn't(no Microsoft jokes please) There are actually two
PowerPoint Presentation in JQuery Mobile
Got a PowerPoint presentation in a regular webpage: http://gmjones.org/accountantsinadr_hmrc.php I can convert each of the slides into image files or pdf files easily. How do I set up an equivalent presentation in JQuery Mobile?
JCrop - posting a cropped image
Hello, This is the first time i'm using the JCrop plug-in and i have a couple of questions. I am trying to create a pop-up where you can upload an image and crop it. The full image gets posted to a folder where the real image stays so you can edit the crop after the uploading. (this works) The pop-up has a save button which should submit the cropped image to another folder where the cropped images are saved. How do i submit an cropped image to a folder? I have 4 rows in my database which are to store
How? JQuery finding document elements in another file?
I have this jQuery function I made, that I would like to be reusable. I have placed it by itself in a file called jqDialogs.js: //--------------------------------------------------------------------
function jqConfirm(msg, okLabel,cancelLabel,okCallBack,cancelCallBack){
$("#jqConfirmDialog").text(msg);
$("#jqConfirmDialog").dialog({
resizable: false,
modal: true,
draggable: false,
buttons:[
my jQuery not working
I'm a newbie , but have been following some video tutorials. i tried some jquery code to change the background color of my textboxes when it receives focus, but nothing happens. i downloaded the latest version of jQuery, using the latest version of Firefox, Chrome, IE and also using windows 7 64bit OS. below is my code. HTML FILE: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>
Showing html in dropdown
I am using www.applicationcraft.com. Is it possible to get a dropdown to render some formatted html. I can get it to display in a radiogroup. Cheers SteveW
How to hide the next button after getting all the pages ?
Hi,how to hide the next button if page is last page then not need to show next as this is last page.can anyone help me. My code : // Next page $('.next').on('click', function () { var next = '#' + $.mobile.activePage.next('[data-role=page]')[0].id; $.mobile.changePage(next, { transition: 'slide' }); });
replacing content
070809101112131415161718192021 : 000510152025303540455055 I have the above. What I need, is if you click on the first radio, 2,3,4 are replaced with a select box with the same index id (a incremental number added to the text and radio boxes. everytime one is added it is called with a new index). And a reset button to put the original radio buttons back. There will be a few rows of these each with a different id, eg hours1,mins1,clintype1 (x4) & clinstatus1 (x2) hours2,mins2,clintype2 (x4)
Consomer un web service distant via jquery (ajax)
Bonjour, J'ai un problème qui persiste depuis quelques jours. J'ai une solution qui contient deux projets(web service, et une application web) Je veux appeler le web service depuis l'application web et ce via jquery(ajax) je peux voir dans les traces de fiddler les données retournées par le web service, le problème et que la variable data de la méthode onSeccess est vide !!!! une idée ??? function Detail(clientId) { $.ajax({ type: "POST", cache: false, //crossDomain:
Querying different web pages at once
Hello!! First of all, congratulations for everything! Well, I would like to ask one brief question. I have a script that collects, by JQuery selectors, specific information from one web page, and it accomplishes its purpose. But the problem is that I would like to get the same specific information (using exactly the same script) but from a list of web pages, and not only one web page. The information got by the first only-applied-to-one-web-page script returns the specific information by the Javascript's
How to get data from different web pages
My question is how could I pick up information (by using JQuery selectors) from more than one web page, and put all of them in the same place, for example, another window with a blank document. For example, I want to apply this JQuery selector from 3 different pages, but I would want to load only one script that puts all of them in the same document, which is placed in another window (this last part is no relevant, I don't mind if they are finally placed in a new window or simply in a string): var
Panel open problem
Hello, I have put a button into the header to open a panel <a id="shownavbutton" href="#" class="jqm-navmenu-link" data-icon="bars" data-iconpos="notext">Navigation</a> And that's how it is called $("#shownavbutton").on("click", function() { $("#mainnavpanel").panel("open"); });This works fine, but when I click a link inside the panel (it is the navigation panel), the panel is closing, the new site is loading through Ajax - and after that the panel won't open again by clicking the "bars"-button.
New loaded page with its own script
Hello everyone, I have a dynamic page that depends on the previous one. This page is loaded into the dom by jquery after a form submit. I need some jquery code to handle the second page but i don't know how to organize it: putting the js code in a separated file with its own $(document).ready didn't work cause also the previous page had its own js file with a $(document).ready function associated. On the other hand, putting all the code in only one js file doesn't work either cause the elements that
How to make the content of a table cell selectable in horizontal way ?
I have sample table it contains 2 rows . i have to make the selection horizontal way . first i select the first row cells. next time i am trying to select the second row cells. table id="selectable"> <tr id="selectable2"> <td class="ui-widget-content">Item 1</td> <td class="ui-widget-content">Item 2</td> <td class="ui-widget-content">Item 3</td> <td class="ui-widget-content">Item 4</td> <td class="ui-widget-content">Item 5</td> <td class="ui-widget-content">Item 6</td> <td class="ui-widget-content">Item
Flexslider2 responsive Images?
Hi everybody, I´m using the Flexslider on my responsive webside with the carousel-view: http://flexslider.woothemes.com/basic-carousel.html It works fine, but is there a solution to avoid that images didn´t get cropped? So only images apears fullsize. Maybe some dynamic margin between the pictures depending on displaysize?
Assign/Initialize dragging on dynamic element at the same time
I am creating a table that allows the user to **drag** cells into a new location. It works like this: I clone the element on mousedown, append it, make it draggable, and position it exactly over the original element (mouse is still down at this point). After that happens, I want the user to be able to start dragging the cloned item right away. Currently, the item can only be dragged once the user releases the mouse and mouses down on it again. How do I streamline the process? As soon as the element
JQuery Mobile - Problems with aligning in listview using absolute and relative positioning..
Hi there.. and thanks for reading my post.. The problem is quite simple actually, and VERY easy to describe.. but.. i just dont get it right ! In the listview, i have one block which spans the whole listview item like this : .jqm-listview-container { position: relative; } and inside i have one block to the left : .jqm-listview-box-left { margin-right: 105px; } and one to the right : .jqm-listview-box-right { position: absolute; right: 0;top:0; width: 70px; text-align: right; } ... which gives a very
Firefox 21.0 and .each function broken
I am having problems with some javascript using the jQuery.each() function with Firefox 21.0 update. I found this, https://developer.mozilla.org/en-US/docs/Site_Compatibility_for_Firefox_20 Which says : JavaScript The for each...in loop has been virtually removed Bug 804834 – Hide "for each" from content While E4X has been deprecated and disabled from Firefox 17, the for each...in statement, standardized as a part of that, has been left for backward compatibility. In Firefox 20, a change has been
I want to call different variables on availableTags like this:
var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme"
how do I managed to drag the image to the side?
put an image in my application, but I can only move it up and down. I can not move it to the side.
[Dialog] How can I use a timout to close the dialog
Dear All, I am usinf jQueryUI in order to have a dialog. But I am suprise to not see an option to auto close the dialog after a desired time Here are the option: http://api.jqueryui.com/dialog/ I saw the option hide(), but I could not get it. Could you help me? Cheers
What I'm I doing wrong when trying to send data to an external database via jquery / ajax
I'm building a phonegap android app and trying to send data via the phone to an external database. I know the php side of things works as I wrote to the database and tested the variable etc but I think it's something wrong with the javascript side of thing but I have know idea what. Please help This is my index.html form that I want to send: (Clientside) <div id="sendInfomation" sendInfomation="1"> <form id="form"> <label for="phoneNumber"> <b>Phone Number</b>
How to Delete Account?
How do I delete my account
Slider event in v1.3 not working as it did in v1.1
Hi, In JQM v1.1 I use the $('selector').slider('refresh') to update my slider value dynamically and listen for the slider change event like, $('selector').on('change', function(){ console.log( this.value; )}. In v1.3 I can update the slider visually but in the this version there is no 'change' event, only 'slidestart' and 'slidestop'. How can I fire the correct event when I dynamically update the slider? Thanks.
Do the timer reset in the masterpage in the each event call in the childpage, how?
Hello friends, this is my first post here, sorry for my bad grammar in English. I made this timer "defaultCountdown.js" shown in this below: $(function () { shortly = new Date(); shortly.setSeconds(shortly.getSeconds() + 1800); //since: new Date(2011, 12-1, 11), $('#defaultCountdown').countdown({ until: shortly, onExpiry: TempoAcabou, onTick: watchCountdown, onTick: highlightLast5, format: 'MS' }); function highlightLast5(periods) { if ($.countdown.periodsToSeconds(periods)
Jquery gallery using Flickr as base - using sets - with preloader - does it exist?
I'm trying to find a Jquery solution to display my Flickr hosted photos on my website. Here are my requirements: * Filmstrip + display layout (similar to Gallerrific - http://www.twospy.com/galleriffic/example-5.html) * Load entire Flickr set that I specify - not individual photos, and not entire photostream * DIsplay photo title & description "Would be nice" features: * Repositionable controls / filmstrip (above / below image) * Display # of photos in set, and counter (i.e. "Image 13 of 54") * Option
draggable only with 45 angle
i want to drag a div with only 45 angle is it possible?
Next Page