Recommended Price Format
I'm looking for a recommended jQuery price format that has support for different countries from Dollar throughout Europe. Any recommendation? Thanks!
Recommended Price Format
I'm looking for a recommended jQuery price format that has support for different countries from Dollar throughout Europe. Any recommendation? Thanks!
preserve object type data to the next session
I try to preserve loaclStorage to the next session but its an jquery object so I use JSON.stringify(object) for that. I get "Uncaught TypeError: Converting circular structure to JSON(…)". Is there any way to overcome it? Regards I. Lesher
download csv In safari not working any solution.
<script> var convertedCsv = "name,Designation,City,State,email,mobileNumber,roleType,signUpDate+\n" + "A,B,C,D,F,G,I,J \n" + "A1,B1,C1,D1,F1,G1,I1,J1"; var data = new Blob([convertedCsv], {type: 'text/csv'}); var csvFile = window.URL.createObjectURL(data); window.open(csvFile, "amit"); </script>
JQuery Mobile does not work on Android 5.0（lollipop）
Hi, Since I can not speak English , I use google translation. I am using JQuery mobile to my web site. It works normally in Iphone(ios8.3). However , it does not work properly in Android5.0.2(lollpop). I was a test by creating a simple web site. screenshots: ios8.3 Android5.0.2 It will also be displayed in the same manner other web page you are using JqueryMobile In Android5.0.2. My web page is using JQuery1.3.2. However , trouble in Android happens even JQuery1.4.5. code: <!DOCTYPE html> <html>
IE9 - FormData undefinted in jquery-1.8.0.min.js
Hi, I am using swagger api for webservices and I get this error: SCRIPT5009: 'FormData' is undefined jquery-1.8.0.min.js, line 2 character 37889 But when I see the code for jquert-1.8.0.min.js, I do not find any formdata variable. How do I fix this error?
Retrieve data from Html Table
Hi there, I hava a form with some input and a table, like this <form id='form'> <label >City</label> <input type='text'> <table> <th>Link</th> <th>Description</> <tboby> <tr> <td>Link1</td> <td>Description 1</td> </tr> <tr> <td>Link2</td> <td>Description 2</td> </tr> <tr> <td>Link3</td> <td>Description 3</td>
getting title atribute value from <th>
how can the title be selected from the below example There is 1 caveat this is a grid with a grid and the <th> can occur multiple time on the page an I would want the <th> of the actual grid the click event occurred <th class='grid-header' title='Name'>
input inside cell
Hi there How can I select a input value inside a cell? <table id='mytalbe'> <tr> <td><input class='link' type ='text'></td> <td><input class='description' type ='text'></td> </tr> I have a undefinited number of row. $('#mytable tbody tr').each(function(){ var link = $(this).find("td").find("input").val(); //first test var description = $(this).closest("tr").find('description').text(); //second test
$.mobile.changePage or $.ajax
Hi, I have just started using the JQM and would like to ask should I continue using $.ajax to ajax post my data or it will all be replaced by $.mobile.changePage? and if I have to use $.mobile.changePage then how can I do the beforeSend, success and error? Thanks, Jassim
ugly border displayed
Hi, my logo image in the header displayes an ugly border ( see picture) , I use the following code: <div data-role="header" data-position="fixed" style = "background: #000066"> <A href="./index.php"> <img style="border:0 !important;" src="http://www.mondkalender-online.de/mobil/images/Sichel-dunkel_40px.jpg" alt="Logo" style="float:left;display:inline"/></A> <div style="text-align: center"> <h3 > Mondkalender-online mobil</h3> </div> </div><!-- header--> Not even the !important
Trying to Limit Radio Labels to 2 lines max. running into issues
Hi I'm trying to find out how to solve this issue. I'm trying to limit the number of lines inside a Radio Labels to 2 lines max. So far I can only come up to this far. It looks like it almost made it to two lines but the 3rd line keep on showing. Do anyone know how to hide the last line of text in the second Radio button? https://jsfiddle.net/qf0shm3r/ Also after that is solve how do I figure out if the second radio button has text that has been overflowed. Thank You.
UI dialog modal form with tabs - Problem to use tabs
Hi, I have a problem using dialog modal form combined with tabs and I dont find solution. Each tab is a form, i have to fill inputs form with a consult to the DB and user can edit it but form appears with blank inputs. Console show consult to DB its ok. I dont know if html form loads before or other tab is over tab with data. //Function edit used to obtain data from DB and open dialog form. Called click tr table function edit(Id) { var Id="Id="+Id; $.ajax({
Datepicker - specific days of the week
Hi, is it possible with Datepicker to only have all upcomming saturdays (for example) to be selectable dates? Best regards, Jos
jquery keyup problem subtotal and total
if i input qty and price, the second subtotal doesn't want to count. it's count, but it same like the first field.
Refresh page after posting data to server via Ajax
I am sending information over to an external server which updates some content on the database at that server. The update is working but the updated information is not shown on my application. I need to close the application and re-open to view the updated content. Is there anyway I can make the refresh occur without having to restart application. I was trying to make the refresh occur after a successful POST but it doesn't happen. The POST occurs from a page with the ID of #update. I want to just
Hide and show depending on media queries
This may be a super.easy solution for you guys but how am I able to set input to always show in greater than 500px width after hiding input in less than 500px width? Edit: Got it http://jsfiddle.net/eLf5688x/2/
Dropdown menu with javascript disabled
Hi, I have a dropdown menu that opens only if javascript is abled. I would need to be able to open it even when JavaScript is disabled . The html code is as follow: <div class="collapse navbar-collapse" id="navbar-collapse-1" style="margin-top:5px; padding-right:15px;"> <!-- main-menu --> <ul class="nav navbar-nav "> <li class="dropdown mega-menu narrow">
Selection of <td> cell
I want to select cell value of first td on row on which click event is performed. My table structure is below: <table id="commission_view"> <tr class="comm_row"> <td><span class="hidemyrow">my value1</span></td> <td>my value2</td> <td>my value3</td> <td>my value4</td> <td>my value5</td> </tr> $('.comm_row').on('click', function() { var hideme=$(this).next('.hidemyrow').text(); alert('text='+hideme); }); }); It shows empty, i also tried with .html() but it still shows
Scroll to bottom when mobile device accses
Hello guys, thanks for some help Quick question, here is demo Please click button on that form will show another div in the right My question is how can when users accsess by mobile can scroll down, already google and got idea about width to detect how big screen but don't know how to applicated it ? Thanks
Disable draggable for each element using :lt(3) Selector
Hi, I have the following working code: $stock.click(function () { $waste.append($stock.children('.container:lt(3)').card('upturn').droppable('disable').css( "left", function(i) {return ["0rem", "2rem", "4rem"][i];}) ); //3 divs }); This code adds several classes to 3 div's, except the for the css. Each div gets a different left property using: .css( "left", function(i) {return ["0rem", "2rem", "4rem"][i];}) This all works, but I also want to disable the draggable option for the first 2 div's. I've
Two type of JQueries in one app
HI All, Very easy and maybe stupid question. I am trying to use a FB type slide out menu and an accordion style for a mobile app. However I can't seem to get the Accordion style code to work. I think I am missing something very basic when putting the two together. Any help is appreciated. Thanks <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="www.frebsite.nl" /> <meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes"
Using $(this > "img")
For a little game I want to blacken the border of an image within a particular div: myPictureID = "#" + $( this ).attr( "id" ); if (myPictureID == "#t0"){ $("img").css({"border-color":"#000000"}) } Because there are more #t0 divs, I only want to make the border of the clicked div black. $(this > "img").css({"border-color":"#000000"}) doesn't work. How should I solve this?
Breaking up jQuery Code......
I could swear that I read some where about breaking up the jQuery code so that it doesn't become huge and hard to follow. But I'm having trouble finding it. Can someone point me towards some documentation on doing this?
Problem with .load method. Freezes browser.
Hello everyone. Please forgive my lack of knowledge, I'm just learning basis of jquery. Here is my problem: I'm creating a website which is consisted of many links to subpages. I've decided to use .load method to load my subpages into the main div. I've learned from the Internet how this method should look like in practice and so I got jquery script for each and every link on my website. I've made it this way: $("#kol1").click(function(event){ $('.content').css({"border-color":"#00a0b0"});
Update span content with php response on submit
Hi, I am really new with jQuery, I read a lot of tutorials and documentation, but still I don't get it I have a simple HTML table: Product Quantity Location Action 2TB SATA Western Digital 32 IS102 480GB SSD Samsung 19 IS020 16GB 10600R 12 IS100 8GB 8500U 3 ISO100 32GB 8500U 21 ISO100 4GB 8500U 4 ISO100 When an amount is filled in in the text field and the button Sell is clicked, I want that the following happens: - updateAmount.php must be run, it will or return the text error or it will return
jQuery Kinetic prevents .click() function on mobile
On this page http://lindseymotors.com/v if you click on the main photo an enlarged view will pop up with a row of smaller photos at the bottom. The kinetic slider is attached to that element $('.vehicleDetailExpandedPhotoReel'). On my desktop browser (Chrome) it works fine, you can drag it and still click the photos to change the picture. But on my mobile phone on Chrome it still slides but does not allow me to click a picture. Any idea how to get around this?
dragscroll not working on hidden overflow photo reel
I have a page at http://lindseymotors.com/v and when you click the main photo an expanded view appears with a row of photos at the bottom. I have attached it like this: $('.vehicleDetailExpandedPhotoReel').dragscroll(); But it doesn't work, nothing special happens. I have included the proper files as you can see in the header of the linked page. This is the GitHub page where I found the plugin. https://github.com/thanosp/jquery.dragscroll/
How to match empty content?
Assume I have the follwing simplyfied HTML code: <td> </td> I want to get rid of it and code therefore: $("td").filter( function(){ return $(this).text().match(/^\s*$/) }).remove(); This works in general but unfortunately also for situation where there is no text but images like in: <td > <img src="images/_banner.jpg" alt="myimage " > </td> How can I modify my jquery statement mentioned above so that the <td>...</td> is kept when an image is inside? Peter
New Kinda Bug
Hi I was trying out this example - click here And here is the bug... there was loading icon keep cycling, none of the content show up.
Accordion open when javascript disabled
Hi, i need toggle elements are opened when javascript is disabled and closed when javascript is enabled. Is it possible? This is my example html code: <div class="panel-group collapse-style-2" id="accordion-2"> <div class="panel panel-default" data-animation-effect="zoomIn" data-effect-delay="0"> <div class="panel-heading"> <h2 class="panel-title"> <a
Newbie Login Form Question
Hi Guys, I have just copied a jQuery script and I am trying to understand and edit it. In part it works but I am unable to change a few things and would like help. This is my first JQuery attempt so go easy :-) The basics is a username/password login form. The jQuery checks to see if the input is not blank and if so displays an error message inside the input elements in red. If non empty then a php script is called to check a database for the username/password. The php sets a variable depending on
Does an AJAX call send all HTTP headers by default? If not, how to?
Hi, I'm using a server side device detection script to detect whether my users are on mobile/tablet/desktop ( http://mobiledetect.net/ ). Normally this would be called directly by the user from the browser with a normal page load of a PHP file so the mobile detection script can examine the HTTP headers. However I need to call the detection script via a JQuery AJAX call (not sure whether to use GET or POST?) and get a response back. When JQuery makes that call to the PHP script, does it include the
Touch doesn't work on PHP generated code
I have some <div> tags generated by php code and some that are hard coded into the page. The touch commands on the hard coded stuff will pop up an alert, but the touch commands on the php generated code will not. Does anyone have any ideas what I am doing wrong? Larene
How can the title attribute from a table header in a nested grid be obtained
The example below contains the html for the 2nd Grid (partial view) within the outer Grid. using the click event if (e.target.className = "grid-header") will let me know a click has occurred on a Grid header. 1) How can it be determined if a title has been clicked 2) how can it be determined which titled was clicked to do something different depending on the clicked title <tr> <th class="grid-header" title="genre"> <th class="grid-header" title="concert"> Grid1 First
randomizing link help
Hello, So I have this program I'm trying to create where there is 9 articles (the html tag) and I want 3 random ones to display at anyone time. When you click the link in the article, it should bring up that link in an iframe. A skip button then appears and when you click it, the iframe should disappear and three different random articles should come up. It works fine for the first time you click, but any time after that it just gets more and more messed up. If anyone can look at my code and tell
Widget Factory: private methods vs outside-widget functions for large amounts of code
I'm developing an application-specific widget toolkit using the jQuery UI Widget Factory. The idea is to have a set of widgets which handle various aspects of working with simulation models: displaying model diagrams, plotting simulation results, etc. Most widgets therefore require a fair bit of code (100s of lines) for handling their specific task. My problem is that I'm not sure where the relevant functions should go within the file holding the widget script. Some guides on the Widget Factory
Sub Accordions Not sortable after clone
I have an accordion with sub-accordions. When the user hits the "New Topic" button it will create a new accordion by cloning the first accordion in the list. When you try to sort them you can see the accordion dragging but the position does not update, it just goes back to the original position. Steps to reproduce issue: Click "new topic" Open newly created accordion Try to sort the sub accordions in there (you will be able to click and drag them but not reorder) ** The first two initial accordions
JQuery selector for Wildcard Charactors
Hi All, I have a requirement to loop ID's using JQuery selector. The ID's are like as below ddlPh1PAC ddlPh2PAC ddlPh3PAC ddlPh4PAC ddlPh5PAC ddlPh6PAC Please let me know the JQuery selector to loop using each function for the above mentioned ID's. Thanks, Ramesh
Accessing HTML content with Jquery and PHP
Hi, I'll try to keep this as simple as possible, and I apologise for my bad english I have a register-page.php file which contains <?php include "includes/functions/Register/Register.php"?> <?php include "includes/header.php"?> <?php include "includes/navbar.php"?> <?php include "includes/registerContainer.php"?> <?php include "includes/hidden.php"?> <?php include "includes/footer.php"?> Note that in the first line Register.php holds my functions. The Display function inside the Register.php: function
Next Page