Having accordion collapse open the last panel
I would like to get an accordion behave as follows: You click the header on the open panel, it collapses and the last panel activates.
Help needed in retrieving a table value
I have a sequence (specifically in YYYY-MM-DD h:mm A format) occuring in every row of a table but in different columns. I want to retrieve the value of each sequence occurring in each row. Please help how can I retrieve them. My closest guess is $.each but how can I get all the row values in an array??? Any alternate way is also highly appreciated.
Scrolling down in a text area
I have a textarea on my asp.net page, and I'm trying to scroll down with it. I found code on stack overflow as follows: function scrollTextareaToEnd(jqueryid) { bottom = $(jqueryid)[0].scrollHeight - $(jqueryid).height(); $(jqueryid).scrollTop(bottom); } You call this as scrollTextareaToEnd("#myTextID"); It does not work. What is wrong with it? Thanks
Two ideas: Close on Escape and something between Close and Destroy
Hi All. First of all - thanks for the UI. It helps a lot.... ...and now: some ideas from usage site as application programmer. ...during programming a more complex web site (with some modal dialogs overlayed - version 1.11) insighte the website the handling with close, destroy, close on escape, cancel and relaod seems not quite optimal for me. With some tricks, I have no need for an close on escape event but it would be nice not just switch close on escape on or off. It would help, if it was possible
Selecting an element in a cloned (repeater) field.
I'm using two jQuery plugins: CloneYa - to clone a group of two fields and Numeric Stepper - to add stepper functionality to one of the two fields being cloned. I'm unable to figure out how to apply the stepper to the element which is cloned. The cloned element is getting a dynamically incrementing ID and I don't know how to make it work with class selection. Here's jsFiddle to show my issue: https://jsfiddle.net/bwyu6c8v/ 1. Without cloning, the stepper works on second field (as expected). 2.
Jquery to keep Height of Image / image container to same height height not working
Dear Sir refer http://prajaktasoftware.com/denki/product.php I want to keep the height of image part same this webpage same The jquery has adjusted the height of DIV (class='container1') perfectly for all image on this page this is because .container1 { height: 400px; overflow: hidden; background: #fff; margin: 10px; padding:10px; text-align: center; vertical-align: middle; } However i want name to be aligned properly ...this can happen html <div class="s-12 m-6
Object doesn't support property or method 'dialog'
I have a very strange issue. On a sharepoint page i have two Jquery webparts. When first webpart loads it add links and shows dialog box. <script type="text/javascript" src="/siteCollection/_layouts/15/releasesearch/js/jquery.js"></script> <script type="text/javascript" src="/siteCollection/_layouts/15/releasesearch/js/jquery-ui.min.js"></script> When another webpart loads it adds Jquery link. It is in same site collection but different folder. <script type="text/javascript" src="/siteCollection/_layouts/15/project%20search/js/jquery.js"></script>
Adding a class to an object is not applying the CSS for some reason
In the code below I am trying to add a class to an object. When I click on the element, the alert shows the name of the class, but the color from the CSS is not changing. What am I doing wrong this time??? // Get ID of the agenda item from the event object var agendaId = eventObj.data.agendaId; // pull agenda item from calendar var agendaItem = jfcalplugin.getAgendaItemById("#mycal",agendaId); clickAgendaItem = agendaItem; $(clickAgendaItem).attr("class","fullFlagLate");
Upload Files with Ajax
I have form : <form id="product" fole="form" action="..." method="post" encrypt="multipart/form-data"> <input type="text" name="productname" id="prod"/> <input type="file" name="file" id="uploadfile" /> <input type="button" id="Ok" Value="Ok"/> </form> I use FormData() upload files to server, my javacript : <script> $(function () { $("#Ok").click(function () { var file_data = $('#prod')[0].files; if (file_data == null) return;
Hosting website with jquery calender
I have website hosted in asphostportal.com . By the way i used jquery calender in many pages .the calender worked fine for me locally and when used it in dedicated server when uploaded the website on my hosting the jquery calender not working but other jquery code running fine. EDIT: Code is $("#ctl00_ContentPlaceHolder1_UCCalender11_textDate1").datepicker({ numberOfMonths: 2, showButtonPanel: false, showOn: "button", buttonImage: "../../Images/calendar.gif", buttonImageOnly: true, dateFormat: 'dd-mm-yy',
Calculation trouble on mobile
Good morning, I need to make a calculation ( age^-0,13) To perform this I do: var age = 22 ; /* Here simplified, in reality the result of date calculation */ var K4HF = Math.pow(age, -0.13); var K4HFB = parseFloat(K4HF); var test = typeof K4HFB; alert(test); alert(K4HFB); alert (K4HFB.toFixed(2)) This works fine on Safari Desktop The first alert give me : number The second the value : 0.6690907894046102 And the last one the value : 0.67 Exactly what i need But the result on mobile give: Fist
Why dose the JSON DATA was replaced?
Hi I use "jQuery.ajax", like this var df = jQuery.Deferred(); var vCallBack = "jsonNpCB" + (+new Date()); jQuery.ajax({ type: "post", url: "http://hoge.hoge/action.php", data: JSON.stringify(vArrPrm), scriptCharaset: "utf-8", dataType: "jsonp", jsonpCallback: vCallBack, ... }); this script is using very cool, with the exception of certain cases. if there was the strings "??" in the JSON, it can't send data. The data is like this var vArrPrm = { "DATA1":
Removing (unbind) a click by class
Hello, I am trying to remove a click handler based on the status of an elements class. I have a few hundred appointments on a jQuery calendar populated from a DB and I would like to remove the click handlers on the appointments that are either full or out of date. Can jQuery remove these click handlers based solely on the class that is applied?
Problem with changing listview item icon
I want to change the listview item icon from data-icon="false" to data-icon="check" for example dynamically. I have tried many way but while I can query the selector after I set it and it has changed, the actual element does not get an icon. Using jqm 1.45. <ul data-role="listview" id=test"> <li data-icon="false">Line Item</li> </ul>This is the code that I tried: $( "#test li" ).listview("option", "icon", "check"); $( "#test" ).listview("refresh");
Please help : How to get the link <a> for Ajax from Servlet response ? for user to "sign-in"
Hi, i am new in jQuery ($). A. Here is the servlet. public void doGet(HttpServletRequest req, HttpServletResponse resp) throws IOException { UserService userService = UserServiceFactory.getUserService(); String thisUrl = req.getRequestURI(); resp.setContentType("text/html"); if (req.getUserPrincipal() != null) { //code } else { resp.getWriter().println("<p>Please <a href=\"" + userService.createLoginURL(thisUrl) + "\">sign in</a>.</p>"); System.out.println("no
Compact way to write multiple selector
Hello, I use jQuery to hide / show table rows. The HTML and CSS code is HTML <ul class="dropdown-menu" role="menu" id="quickSearch"> <li id="all"> <a href="#">All claims</a> </li> <li id="fc"> <a href="#">Field Claim (FC)</a> </li> <li id="zh"> <a href="#">Zero Hours (ZH)</a> </li> ... JS $("#quickSearch li").click(function() {
Accordon menu, how to make a submenu with icons using an unordered list?
I only have a basic understanding of jQuery, I hope someone will be able to help, I have already spent 2 days trying to figure this out. I used the accordion with icons from jQuery-ui to create a menu. When the selected main menu item is clicked the accordion opens up to show a submenu with icons exactly like the parent menu item. I am using an unordered list for the sub-menu. I am having 2 problems: 1.) When the accordion opens up, the area where the sub-menu is takes up only half of the area.
Having trouble with jquery mobile design for desktop
Hi all. A complete newbie here so please forgive the simplistic wide eyed view. First I want to build a website using this platform, however I have read through the documentation here > http://demos.jquerymobile.com/1.4.5/. It is great at defining and explaining all the features however it misses how to put them all together. I want to build a site very similar to the one in the url. I checked out the view source and discovered another style sheet that includes some of the styling from jquery.mobile.1.4.5.css.
Can any explain this format in jquery file : !function(a,b) and ;function(a,b)
Hi , I am new developer in Jquery. I can't understand, why jquery use before function this symbol ';' and '!'. For Example : 1. !function (a, b) 2. ;function (a, b)
jquery css() issue
Hi; I have a full viewport div I want to clip in a user clicked area and animate the clip back to the div's original size creating an effect of a growing rectangle that starts from the clicked area to cover the screen.(ala http://codepen.io/guykatz/pen/OXyLge) my simplified code is as follows: myDiv.css('clip','rect(50px, 400px, 500px, 50px)');// rect values are calculated from the user click myDiv.css('clip','rect(0px, 100vw, 100vh,0px)'); the code above does not seem to work well. I am not sure
Display dialog while page is loading
Hello, I want to display a dialog with a busy indicator on it while my page is loading. Then, when the page is fully loaded, I want the dialog to disappear. Using output buffering, I can flush the buffer containing the code I want to display then continue with server side processing. I put the following line in my code but the dialog doesn't display until after the whole page loads. <body> <script> $("#progressdialog").Dialog(); </script>I'm loading the jQuery scripts in the head section which is
How to convert all form data to xml, then send xml to server?
I have a standard ASP web form like this: <asp:Content ID="Content8" ContentPlaceHolderID="MainContent" runat="server"> <fieldset> <asp:Label ID="lblFirstName" runat="server" Text="First Name:"></asp:Label> <asp:TextBox ID="tctFirstName" runat="server"></asp:TextBox> <asp:Label ID="lblLastName" runat="server" Text="Last Name:"></asp:Label> <asp:TextBox ID="txtLastName" runat="server"></asp:TextBox> <asp:Label ID="lblEmail" runat="server" Text="E-Mail:"></asp:Label> <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox>
Trying to use JQuery.Transit to simulate browser CTRL + and CTRL - commands
I am trying to use JQuery.Transit to simulate browser CTRL + and CTRL - commands and it works perfectly..almost. I have two buttons on my page that call javascript functions. One to zoom in and one to zoom out. Here is my javascript code: $(document).ready(function () { // Increase Page Size $(".textsize .increasePageSize").click(function () { $('body').transition({ scale: ($('body').css('scale') + 0.1) }); return false; }); // Decrease Page Size $(".textsize
Magnific popup to open after the page is loaded
Dear Sir I want to open an Image using magnific popup after load of a web page I used code from http://stackoverflow.com/questions/18726419/how-to-load-magnific-popup-on-page-load in web page http://prajaktasoftware.com/learnsharemarket2/indexmf.php It does not work My code <script> (function($) { $(window).load(function () { alert('code to open Magnific Popup after page load'); // retrieved this line of code from http://dimsemenov.com/plugins/magnific-popup/documentation.html#api
Set the focus on page load but only if the page is loaded by clicking on a certain link
Hi, In the header of my page there is a link which loads the Login page. On the login page I have two links: Login link and Register link. Inside the login page if I click on "Login" link it reloads the page. If I click on "Register" link it loads the register page. What I'm trying to achieve is this: If I click on the "login" link in the header and the login page is loaded, the focus should be on the login link inside the page.This is easy, I just need to set the focus on document.ready. But now
Jquery validation with ajax
Hi, I've been solving problem with validation and ajax for hours. Looks like the submit handler is never called. Please have a look on this link http://stackoverflow.com/questions/37703375/jquery-validation-ajax-submithandler Thanks for any advices
jQuery linking with html Problem
Hello, can someone help troubleshoot my code and tell me why the html does not work with the JavaScript? (The JavaScript is game.js) Html: <DOCTYPE.html> <html> <header> </header> <head> <!-- Jquery --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="game.js"></script> <!--- meta data --> <meta charset="utf-8"/>
Print only the specific content on the page
Do we have an option to print only specific content on a webpage using Jquery?
How to edit an existing theme?
There does not seem to be any way to edit a theme once I have created it. It would be very useful to be able to save a theme as a text file e.g. fwDefault=normal fsDefault=1em cornerRadius=3px bgColorHeader=cccccc ... and to be able to modify this and regenerate the CSS. This would enable be to iterate the theme design. As it is, at best I can do is to save the URL (which is just some hex sequence).
On Submit Register display only the register form
Hi, I have two forms on one single page: "Sign in" form and ''Register" form. Each time the page loads it shows only the "Sign in" form. However I have two buttons on the top of the page: "Sign in" and "Register", which enable me to toggle between the two forms. If I click on "Register" button, the "Sign in" form gets hidden and if I click on "Sign in" button, the "Register" from gets hidden. You can see my example here: Toggle between two forms on same page It works. However the problem is that
Loop required form inputs
I'm trying to loop through all inputs in a form that have type of text. Below is typ. html: <form class="cd-form floating-labels"> <fieldset> <div class="icon"> <label class="cd-label" for="cd-name">Name</label> <input class="user" type="text" name="cd-name" id="cd-name" required> </div> </fieldset> </form> I keep getting error on each - is not a function & is not defined: $('form.cd-form input[type=text]').prop('required').each(function() { if ($(this).val() == '') { ... handle
jquery date picker
Hello I am using jQuery date picker, it does not showing Previous and Next button on date picker until I move my cursor on this picker window. I see same issue in IE 11 and Firefox. can you please help.. $(document).ready(function() { $( ".date" ).datepicker(); });
Predict li from the click event
Hi, I am having 4 li tags Like <ul> <li></li> <li></li> <li></li> <li></li></ul> When I click on the li it should do any action it should stay in the same place. Any idea how to achieve this.
Get and update Youtube playlist on webpage
Hi, For a school project i need to display youtube video's on my webpage. If a new video is uploaded to the Youtube account/playlist, this also has to be displayed. Now, i asume i need to "GET" an array with objects from the Youtube playlist, and seperate these using a forloop. The question is, how do i do that? Thank you alot for your help in advance Best regards, Thomas.
jquery comparison
check this fiddle http://jsfiddle.net/gzkc0u5v/1/ i fix the value of qty like 50 but i want that if some one write 60 in qty field then it will give me alert can t write greater value and return me 50 in qty field.can any one help me out
Setting up click function does not work in a for loop
I'm using jQuery for some time now. There is a problem I cannot resolve The following is working fine $( '#mehrUnsereKunden' ).click(function ( ) { setzeAuf ( this.id, 'myUnsereKunden' ) ; }); $( '#mehrUnternehmen' ).click(function ( ) { setzeAuf ( this.id, 'myUnternehmen' ) ; }); $( '#mehrWasWirBieten' ).click(function ( ) { setzeAuf ( this.id, 'myWasWirBieten' ) ; }); If I write this as a for loop, it does not work anymore var kapitelListe = new Array ( "WasWirBieten", "UnsereKunden",
How to add a pseudo-element in jquery
$('.email').blur(function() { if (!validateEmail($(this).val()) ) { $(this).removeClass("blur").addClass("focus"); } else { $(this).removeClass("focus").addClass("blur"); } }) <input type="email" size="61" class="email"></input> .focus{border: 1px solid red;outline: none;} .blur{border: 1px solid #7dc855;outline: none; } .focus:after{ content: "\00D7"; position: relative; top: -24px; left: 500px; color: red; } .blur + label:before{ content: "\2713"; position: relative; top: -24px; left: 500px; color:
jquery format date?
i have a column that is showing the date as date and time with seconds (t's coming from a database). How do i format the date into UK date, dd,mnm,yyyy? Cheers.
tablesorter plugin , wrong sort with thousands separators
I have a problem with the tablesorter plugin, it does not sort properly when used for thousands separators, works only without thousand separators. Some configuration must be done, have not found anything in the documentation so far. Thank you for your help. Jacques.
Trying to develop a rating system with drag and drop
Hello, This is my first time using this feature, and I'm afraid I'm a bit lost. I'm trying to develop a solution whereby you can drag 6 divs onto a bar, and depending where you place the item on the bar it will recieve a rating out of 100. Here is an image of what I would like; Here is a plnk of my progress; http://plnkr.co/edit/wSS2gZnSeJrvoBNDK6L3?p=preview So I guess the easiest way for this would be for me to list my problems, and then I can update as I figure them out/someone else kindly offers
Next Page