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
Content partly hidden behind header (data-position="fixed")
Hi :) I'm facing the following situation: When my app initialises itself, I want to show the loading spinner and hide the first page (#main) until everything is ready. My code hides the #main page by default (display:none) and executes the $("#main").show() after the pageshow event. But the problem is: After $("#main").show() is executed, the first line of the content is partly hidden behind the header. This problem only occurs when the header has the attribute data-position="fixed". Without it,
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
Oh the irony......
Gotta ask... Does anyone else find it ironic that with all jquery does to promote "responsive" website design, this forum site is not a "mobile responsive" site? I realize and appreciate that jquery doesn't charge for the code or the support of this site, but I still find it ironic.
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
XHR failed loading: POST
I am using J-Query Ajax to call a servlet which return a String message. The servlet gets called successfully as I can see some println statements in my console. But after that i get an error XHR failed loading: POST. The code is- $.ajax({ type: "POST", url: "ItemsIDsDelServlet", data: data, success: function (data) { window.alert("done"); }, error: function (data) { window.alert("undone"); } }); variable 'data' here contains
load a "<div data-role="page" inside another <div>
hey guys, i've a little issue with my multi page. i buid multiple pages through javascript loop which contains collapsible-sets with buttons etc.. in index.html i just set an <div id="sections"> which loads the elements from javascript append but unfortnatly the main div will not working <div id="sections"> <!-- Load Javascript html elements --> <div data-role="page" id=""> <!-- generated with javascript append --> ... content </div> </div> the data-role page wont work. i've no idea how i can
Not sure if this is jQuery or not, but can you help or point me in the right direction?
Hi, So I work for a company called Force Four, and I work in the studio. We outsourced our site a few years ago to be re done, and now we would like to update a few bits, but without the budget to outsource. I have been asked to work on updating the site. One of the jobs is to make the slider at the top of our site more interactive (see www.f4group.com ). At the moment the slider works when the user hovers over each category, and each category expands. What we would like is the animation to happen
Formatting the width of my datatable using jquery
I'm a novice but I am trying to figure this out. What I have is a datatable on my webpage and I also have column right data. The column right appears to have ample room down the right side of the page. However, when the column right data becomes longer, it pushes the table down the page. Almost as if the table is taking up space in the right column that I cannot see. All of the other data on the left side of the page stays in place. I am probably missing something in the .css. I am almost sure
Need help to improve a code
What this code here does is that it gets a html, let's say, a banner, and inserts it after a element tag and after x number of words, but it differs what are html tags from what is text, this way, the code won't strip any html tags. In other words, this jquery code is supposed to get a banner and place it on the middle of a text (Blog post for example) without breaking the text's html. This code works, but it needs some improvements. For example, if I specify it to insert the html after 300 words,
Timepicker
This is an idea and a completed project. I developed a timepicker last year using a modification of the code from the JQuery datepicker (version 1.8.16). This could be updated and added as a potential widget into the latest version of JQuery UI (which is why it is an idea). The timepicker differs from others currently available as you can see below. Another idea is to just show the five minute increments under "minute", and then add a "show all" or "more" button for specific times. Some of the helper
Fancybox link lable
can someone please help me to add a link label in my fancybox in html but it must be in the fancy box when the image blows up and i must be able to click on it and it must direct me to another html page
JQuery Mobile Radio Button issue.
Hi, I have run into a small problem with the following: https://jsfiddle.net/a4poster/1t1q7w0z/3/ Basically what should happen is that the user can select the radio buttons and when the user hits the 'RESET GRID' button the matrix is reset. On previous versions this was working fine but now I can get it to work. Also, how would I then disable the pink_4th button on its own. Thanks in advance.
Iterates a string array with each : Syntax error, unrecognized expression (JQuery 2.1.3)
Hi, I'm trying to iterate a simple array of string with something like $(MyArray).each but it gives me the error Syntax error, unrecognized expression. Who knows what I'm doing wrong ? See image below See attached image
Next Page