Linkbutton with text on image
Hi, I have a linkbutton with an image. <a href="#cancel" data-role="button" id="cancel"><img class="cancelIcon" src="xxx.png")"/></a> css: .cancelIcon { width: 32px; height: 32px; padding-left:15px; padding-right:15px; padding-top: 0; padding-bottom: 0; } Now I would like to set numbers in the center of the button and the image should stay underneath the text. The text should stay separat and should not be included in the image, because the numbers should change by the time
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
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) });
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/
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();
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
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>
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' }); });
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
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
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"
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>
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.
Selects will not open a dialog on only one page
I have a multi-page document in which I have several dynamically populated selects, and although the source appears identical between each of them, only one pages items does not open the <a href="#ddlName" > dialog. The dialog href is properly named and all other items I could check against working examples seem consistent. However for these broken large selects - Instead the dialogs appear over the current page and I can read the text of and interact with the buttons in the page as if
How to align an image left in Header (jQuery Mobile)
Hi all, I'm designing a jQuery Mobile site, and I want an image as a header, but when I insert an image, the image is center aligned, and cut off. How can I set the image to be left aligned to show everything? My coding: <div data-role="header"> <br/> <br/> <br/> <h1><img src="/images/Inligting.jpg" width="202" height="104" style=" overflow:visible; float:left" align="left"/></h1> </div> Please help me! :)
Can you disable the slider keyboard events?
I've put a slider on a page. This page uses the right and left arrow keys for a predefined function. When sliding, the handle is left selected, so when right or left are pressed, the slider moves as well. I've tried using preventDefault() and blurring the handle, but neither work.
Issues with accordion in Internet Explorer 10
I am using jQuery accordion for some sections of my website and recently upgraded my browser to IE 10 and started noticing a weird issue with accordions while they collapse. Please see the attachments when its expanded and collapsed. These lines disappear when we click on that area. Any help would be appreciated. Regards, -SK
transform update
Hi Guys, I have a some dummy css for IE9 like this: -ms-transform: rotate(0deg) skewX(0deg) skewY(0deg); I'm trying to update it with this: var skY = 10; $('.vppersp').css({"-ms-transform": "rotate(-5deg) skewX(-5deg) skewY(-skY + 'deg')", 'letter-spacing': -lsp + 'px'}) The -ms-transform isn't being updated - what am I doing wrong? Thanks, Bill
jQuery Mobile and phonegap Localization
Hello, I have a Jquery Mobile application wrapped in phonegap. I am using JQM 1.3.1 with jquery 1.9.1 and Phonegap 2.1.0. This is a crossplatform application. There is a requirement to implement Localization ( Internationalization or Globalization ) for this application. I will have to have a button that will allow the change in the Language used by the application, say, from English to French or Arabic etc. I found that the datebox plugin can to configured to display date and time in any language.
Script to uncover div
He, I have this example code <div id="leveltwoget"> <div id="TWO-A"><br /><br /> <input type="checkbox" name="a[]" value="a">a<br /><br /> <div class="hide" id="three-TWO-A"> <input type="checkbox" name="a[]" value="b">b<br /> <input type="checkbox" name="a[]" value="c">c<br /> <input type="checkbox" name="a[]" value="d">d<br />
Checkbox Array, checking the checkbox based on the value
I am using a combination of PHP and jQuery on this multipage form. I am storing the variables in the PHP Session, so if the user decides to go back a page, the values are filled in. I can get the Select element and text elements to cooperate, but my checkbox array is causing me difficulty. PHP code to create checkbox array originally on the page: <? $sql2 = 'SELECT s.index, s.date, s.meetName, s.location FROM schedule s
Dragging Multiple Table Rows and Reordering Table
I am new to JQuery and UI. I have a requirement to allow the selection of multiple table rows and the ability to drag and drop them to a different part of the same table. Upon which, the date fields are automatically recalculated. I picked up JQuery rather quickly and have written the recalculation features. Now I must tackle the drag/drop functionality. I've found countless examples using any combination of the following: Draggable, Droppable, Sortable, Selectable. Sortable seems to incorporate
change variable on click (jQuery)
Hello, I'm trying to change the date background color "on-click" This is my function for the buttons. If I check the console.log it is working fine; (datesOne and datesTwo are defined in a sting) var caldates = ""; $('.button-one').click(function () { var caldates = datesOne; console.log(caldates) -------> it is giving me the correct info in my console }); $('.button-two').click(function () { var caldates = datesTwo; console.log(caldates) -------> it is giving me the correct info
Display sharepoint list to preformatted excel sheet when clicked on button using JSON ,javascript or Jquery
I have a sharepoint list which i want to export to preformatted excel sheet when clicked on a button. I want JSON values of list to be converted to Excel sheet.However I tried below mentioned code but in new window page was blank and we were getting tags in URL part. <div id="exportToExcel"> <table> <tr> <th>Col1</th> </tr> <tr> <td>row1</td> </tr> <tr> <td>row2</td> </tr> <tr> <td>row3</td> </tr> </table> </div> <input type="button" id="btnExcel" value="Export to Excel" /> Jquery
Real time input box updater like phpmyadmin table.
Will you please help me how to make the real time table update like the php myadmin Please help.. Like this. Help Guys.
De-serialize a sortable
Hi, anyone know an easy way to deserialize a jQuery sortable? I have serialized a set of div's using sortable's toArray and serialize methods, and now (on page load) need to re-sort the div's according to this array. ~gilbert
Reading this value
I have a div called 'item' that is output dynamically by jQuery. There may be any number of 'item' divs. Each 'item' has a checkbox and a span that has in it the itemID of the item itself. This image will explain it all. In the example above, the div 'searchresults' can have any number of div/item in it. What I'd like do to is have a 'click' function on the checkbox that reads the itemID from the span at the bottom. The click event bit is easy. $('.chkReorder').live('click', setReorderFlag);But once
jQuery Mobile and Phonegap Localization
Hello, I have a Jquery Mobile application wrapped in phonegap. I am using JQM 1.3.1 with jquery 1.9.1 and Phonegap 2.1.0. This is a crossplatform application. There is a requirement to implement Localization ( Internationalization or Globalization ) for this application. I will have to have a button that will allow the change in the Language used by the application, say, from English to French or Arabic etc. I found that the datebox plugin can to configured to display date and time in any language.
Click event is Firing only at first time
I am having problem with jquery-1.9.1.min.js. This is simple task, it dynamically add and remove textboxes using click event, If i use jquery-1.9.1.min.js it only fires at first time see the demo http://demo.smarttutorials.net/check/sample1.html but if i use jquery-1.4.1.min.js the task works fine, http://demo.smarttutorials.net/check/sample.html What's is the problem with my below coding <script src='jquery-1.9.1.min.js'></script> <div id="advice" style="width: 300px; height: auto;"> <p>Advice
live working but not on()
Hi, I am using this line below $('.pagination ul li a').live('click', function (e) { which works fine. But with latest jQuery version, live is not supported, I need to switch to use 'on' event. I tried: $('.pagination').on('click', 'ul li a', function (e) { which didn't work. How to proceed further with this. Can any one explain me ?
multiple ajax success callback defer
In my javascript, I have the following scenario: call_A(success_A) call_B(success_B) fucntion call_A(success){ // make ajax request success(result) } function call_B(success){ //make ajax request success(result) } function success_A(){ //set data to be used by success_B } function success_B(){ ..do some stuff } I want to make both call_A and call_B one after the other so that ajax calls are made (to save time). I do not have the option for changing call_A and call_B function headers,
jquery mobile popup passing query string
I am using jquery mobile. Is it anyway pass querystring to jquery mobile popup. <a data-transition="flip" href="PostingDetails.cshtml/' + item.PostingID + ' <div data-role="popup" id="loginpopupMenu" data-history="false" data-position-to="window" data-history="false" data-ajax="false" class="ui-content"> @RenderPage("~/Account/Login.cshtml?PostingID=") </div>
Changing the text in a hyperlink?
Hi, I am trying to change the text in a link. I have managed it with the following code on a button, $('#sauce .ui-btn-text').text('freestyle'); <a href="#home_page" id="sauce" class="ui-btn-right" data-theme="b">Save</a> but on the second use the button loses it styling? Can anyone help?
submit an image by ajax
Another question for you ... Here there is the code complete: http://jsfiddle.net/LQN43/1/ I need to submit some data by ajax to a file php ... all so ok for the text bu not for the image ... i have this code HTML <label>Name:<label><input class="name" /><br> <label>Surname:<label><input class="surname" /><br> <input type="file" class="selectImage" id="selectedImageFile" /><br> <div style="border:1px solid; width:100px; height:100px"> <img id="uploadPreview" style="width:100%"/> </div> JQUERY
whole form progress bar
Hi Community, I am trying to implement a form with progress bar displaying the processing level I am using the ajaxForm plugin here: http://malsup.com/jquery/form/ This plugin have nice feature that supports progress bar of file upload. While my form have many post process after file upload. I was wondering how to monitor the whole form instead of just file uploading with this plugin? Thanks.
How to show specific banner when the value of the cart changes?
Hello, I am a beginner and have need of a great help. I want to know how I can do this using jquery, a certain banner appears only when the value of the cart is "x". Eg - Banner 5% discount appears when the value of the cart is between $ 1 and $ 999. - Banner 10% discount appears when the value of the cart is between $ 1,000 and $ 1,999 ... I need to know how can I do so that the banner appears only when the value is changed in the cart! obs.: I'm referring to the shopping cart of an e-commerce course!
Next Page