Prevent tab buttons from scrolling with tab
I have a tabbed portion of my GUI that works just fine, but I cannot find a way to keep the tab buttons from scrolling with the data (if the data in a tab is too large to display) My code follows the example here almost exactly. If you go to the bottom of that page, make your browser small enough to create scroll bars...as you can see the tabs scroll out of view. Does anyone know how to keep them visible? I can't pull them out to their own div or the tabs no longer work (they are all on and the
SOLVED tablesorter with dynamic data, setting sorter for a column whose index is referenced by a variable
I have a table who's content is dynamically generated, prior to calling table sort. In some cases this table may have a column - id of which is "hdrTrailerID" In the event this column is in the table, I want to set the option explicitly to sort that column with the $.tablesorter.sortText Consider the following: jQuery('#reportsTable').tablesorter({ widgets: [ 'zebra', 'resizable', 'stickyHeaders' ], widgetOptions: { resizable: true
Unreal slider
what are these SLIDER ? jQuery , i mean it says jQuery , but is it just jQuery and some CSS ?? .. looks unreal , is there some other technology used to create these effects ?
Jquery remove unwanted "" after unwrap
Hi guys, i am trying to remove unwanted "" generated after using the unwrap element to remove my span tag. Take a look at my plunker for a better understanding. Just highlight the text around and inspect the html body of the p tag. Is there anyway i can clean up the generated "" ?? Appreciate the help. Thanks! Ralee
Autocomplete not working when added to a page with freindly url?
<script type="text/javascript"> $(function () { $("#ctl00_ctlSearch_txtQuery").autocomplete({ source: function (request, response) { var param = { keyword: $('#ctl00_ctlSearch_txtQuery').val() }; $.ajax({ url: "Autocomplete.aspx/GetProductName", data: JSON.stringify(param), dataType: "json", type: "GET",
Setting up functions correctly in Jquery (for Ajax & PHP mail)
Hi Everyone, I am having difficulties with the below code. I have it working, but for some strange reason it is temperamental. It works some times, and not others. By this I mean that sometimes I receive the email, sometimes I don't. Sometimes I receive the email with the full canvas png image, sometime is receive the email with the canvas png image without the text div but only the svg. Sometimes it works perfectly and I receive the email and the full canvas png. I have a website with an online
accidentally recall invited method or property
when ie8 to excute js file which use jquery1.11.3.js, it will return this message "accidentally recall invited method or property" and jquery is not working, it still can't normal working when i alter jquery version to jquery1.8.3.js, there undoubtly has some problems,but the original code is no problem,i confirm it at other browsers,such as firefox,chrome etc.
Jquery drop and drag functionality
Hi all, im hoping you can help me out, im new to jquery, im from a php background, i am working on a drop and drag function within admin panel ( its a cms im working on), the basic idea behind this is simple, butn ot sure how to do the jquery progrmaming, i have some div boxes which are draggable, on dropping these div boxes i am looking to insert some different div boxes via a innerHTML function or call a class to insert the div boxs. I have looked around, google it, looked over the jquery + ui
Jquery .click will not work
Can anyone spot my error in trying to get .click to work in the example below? Thanks for help, R THIS Code Works .. <input type="button" name="next" class="controls-input-connect hov" id="next" value="Next" onclick="nextRecord();" />; BUT .. This Equivelent Code DOES NOT WORK <input type="button" name="next" class="controls-input-connect hov" id="next" value="Next"/> <script type="text/javascript" > $("#next").click(nextRecord); OR $("#next").click(nextRecord() );
Uncheck Parent Nodes When a Child Node Is Unchecked
I want to do as follows with the jQuery code below When we select a parent node then all the associated Child node will be selected. When any Child node is Unchecked the associated parent node will be Unchecked automatically. When the Unchecked Child node is checked the associated parent node will be checked back automatically. (function ($) { function Tree() { var $this = this; function treeNodeClick() { $(document).on('click', '.tree li a input[type="checkbox"]',
textbox scrolling problem
in my jquery pages which is used inside application in webview, if there are 4/5 text boxes, the last 2 text boxes, even though visible after full keyboard is displayed, are still scrolled up, where as in native i have full control over what to scroll and when. why is this not so in jqm ? are there any work around ? also i see that using data-position=fixed makes my hader not to scroll, but it becomes invisible for sometime and then becomes visible, is it a known bug ? regards jags
I can not register jQuery-UI bugs
Hello, I'm trying to register a bug in http://bugs.jqueryui.com/newticket, however, the record is displayed the message: "Submission rejected the potential spam (Maximum number of posts per hour for this IP (127.0.0.1) exceeded) ". Can someone help me? Selínger
Checking if there is an element by ID from $.get
I am using $.get to get a webpage (not GO to a webpage, just get it ) I want to check if there is an element with the id #ctl00_cphRoblox_rbxGroupFundsPane_GroupFunds on it How to do?
Use .scrolltop() when form is valid?
Hi all! I want to create this jQuery syntax that triggers the .scrolltop() function if a form is valid. If the form is not valid, I don't want anything to happen. So basically when a visitor have the right zipcode for delivery, I want them to be scrolled down to another form. Ok? I don't know the scrolldepth yet, but will figure this out while I have a decent syntax to work with. The ID of the form is #zipcheck-fieldset and the class of the submit-button is .check-zip-code. (I don't know which on
Upload File
Hi, I am using for the first time upload file. My application is regarding jquery mobile phonegap. Suggest me the steps for upload file regarding jquery mobile app only.
Button with link only works once
Hi Folks, i am new to this, and i am helpless. I designed my website for my RGB-LED Control with query mobile. It looks nice and works fine. But my buttons only work once. For example: i push the dim up button, it dims the led up. i push the dim up button again, nothing happens, there will be no ne http request registered by my controller. i push any other button, then the dim up button again, and it works again for one click. It seems so me that a link is only clickable once and then marked as
Changing the back-btn-text on press of a button.
Hi, if I have a back button in the header like this: <div data-role="header" data-add-back-btn="true" data-back-btn-text="Yahoo"> Is it possible to change the back-btn-text on the press of a button? Thanks in advance.
Modal dialog open/close shifts page bkgd
My modal dialogs open/close shift the page bkgd. I was able to counteract this page shift manually setting the margin right then left on close, but it breaks on smaller viewport sizes. But I think that is dirty nonetheless, I am guessing there is either something set incorrectly or just not set?
Tabs Text Area
I've looked in a couple of files but cannot find what I am looking for. I am using the vertical tabs. I am trying to make the text area wider. It is the grey area in the attached image. I tried looking for where the color is the same in the files but that did not help me find the right place. Help is appreciated. Thank you. Mike Here is some of the code: <link rel="stylesheet" href="../jquery-ui.css"> <script src="../jquery.js"></script> <script src="../jquery-ui.js"></script> <style> .ui-tabs-vertical
display 'loading wait..' till the popup div is loaded
dear sir refer http://webvikas.net.in//palavi/landscape.php#nav7 when I Click Zoom Image A pop up is displayed I want Loading wait message to be displayed before pop is displayed and this message should remain till full div is loaded At present the Loading wait is not displayed I am using <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script> and my JQUERY Code <script type="text/javascript"> jQuery(function($){ // local $ is jQuery! $("#closemyDiv").click(function(){
Ajax search system expand - clone by click
Hello, i work on a form, who a user can add details about a customer and choose products wich the customer bought. For this i used an ajax autocomplite script i found on this page : click here The function works nice already. And i get the details and product as email, but i would expand like that: If the user chose a product (by clicking on a product), the table row should be dublicated and the user should add another product. I changed already small things but the main code is on the linked page
can you pass a function to animate()?
hi, can you pass a function to animate()? can you animate this? $('a#test').addClass('selected'); or can you only animate CSS settings (I can't imagine animate() to be so limited...;-) this doesn't work.... $('a#nav').click( function(e) { e.preventDefault(); $('#test').animate(function() { $('#test').addClass('selected'); }, 600); }); neither does this.... $('a#nav').click( function(e) { e.preventDefault(); $('#test').animate(function() { $(this).addClass('selected');
Changing border-color of image
In my css all images are formatted with a border: border: 1 px solid #ffffff; When I click a button, this image appears in a div: $("#"+myPictureID).append($("<img>", {src: myImage})); How can I provide that image with a border: 1 px solid #000000; I don't see where to put the css. Your help would be appreciated, Henk
Dissapearing SVGs using jQuery sortable in IE11 Windows 10
See my question and example @ stackoverflow. Any of you guys have an idea why this is happening? http://stackoverflow.com/questions/33040911/svg-icons-dissapears-in-windows-10-ie-11-using-jquery-sortable
accessing table with a certain class within a certain div id where div id is in a variable
I want to access a table with a certain class and prepend something to the table. But there are many of these tables each in its own div with a unique id. I can get all the tables like this: $("table.table-class").each(function() { $(this).prepend(...); }); But I only want to prepend to one table that is in a div I have in a variable: $chart [<div id="chart_0" style="width: 95%; height: 450px; position: relative;">…</div> How can use that $chart variable to get at just its table.table-class
opening a jqueryUI (1.10.4) dialog often crashes my PC (fedora 22)
i've added a dialog popup box to my website and am finding that there is now a 50/50 chance that when i click on the button to open the dialog, my entire laptop will freeze and reboot! my site is based on the elgg framework (elgg.org) and i am using elgg 1.12.4 presently. i have removed all of the content from the popup, just to see if that helps, but it doesn't. i haven't seen anyone complaining of anything similar online yet either.. so for now i am stuck. anyone know what the issue might be? i
Jquery AJAX triggers preflight OPTIONS request only when I include headers
I am trying to send a request to the Web API hosted in another domain. In fiddler when I intercept the calls it makes a OPTIONS request only when I add headers. If I remove the headers option from the ajax call, it sends a GET request but there is no response in either case. Can anyone please explain me why the calls are intercepted differently when I add a header option. $.ajax({ url: request.url, method: 'GET', //dataType: 'json', //data:
Tab Bar
Hi, is it possible to make a tab bar like this (the blue one with "recent", "nearby") with jQT?:
sending asp:dropdownlist value with json.stringify
Guys ı have a asp:DropDownList inside a form.What I want to do is get the selected value of ddl and send this value to webmethod via $.ajax method with using JSON.stringify. And save this value to my database.How can ı do this? related code are below: <asp:TableCell> <%-- <asp:TextBox runat="server" ID="txt4"></asp:TextBox>--%> <asp:DropDownList ID="DropDownList1" runat="server"> <asp:ListItem Value="Men">Men</asp:ListItem> <asp:ListItem Value="Women">Women</asp:ListItem>
JQUERY TO ENABLE/DISABLE FUNCTION ON TEXT BOX VALUE CHANGE BASED ON CHECKBOXLIST.
<asp:CheckBoxList ID="chkIsSubjectToAnyOrder" RepeatDirection="Horizontal" runat="server" Enabled="false"> <asp:ListItem Value="0" Text="am not" title="1.b.I am not subject to any order of any court or administrative agency disbarring, suspending, enjoining, restraining, or otherwise restricting me in the practice of law." style="font-weight: bold; font-style: italic;" onclick="MutExChkList(this);"></asp:ListItem>
black background
I am trying to use JQT just by using this example... <!DOCTYPE html>
<html>
<head>
<title>Books Store</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link type="text/css" rel="stylesheet" media="screen" href="jqtouch.css">
<link type="text/css" rel="stylesheet" media="screen" href="apple.css">
<script type="text/javascript" src="jquery-1.7.js"></script>
<script type="text/javascript" src="jqt.js"></script>
Jquery progress bar
Hi, I am new to Jquery. I have a web page that takes some input from the user and then deletes documents(around 1 lakhs) from the database. Currently when the user clicks on submit,the request goes to the servlet and the servlet calls the java files. However when the user clicks on submit...The pages goes blank(Since the request is now moved to servlet).. What is want is to stay on the current page and open a progress bar showing the status of how many documents has been deleted and disable user
How to check if any cell is empty in a html table ?
Hi All, I have a html table where I am creating rows on Insert button click. row might be have 5-6 columns or so on. Now before save I want to check if any cell is empty if any cell empty, show alert message. Actually should not allow user to save if any cell is empty in html table. Thanks,
Menu: horizontal bar style top-level menu
Today I fiddled around with the Menu widget. Since the standard Menu lacks the option to have the top-level menu appear as a horizontal menu bar I tried to modify the Menu's code to achieve exactly that. I introduced a new option "topstyle" that causes the top-level menu to appear as a bar if set to "bar", that is if the menu is created like so: $( "#menu" ).menu({ topstyle: "bar" });. If left alone or set to anything else the Menu just works as before. The result can be seen here: http://jsfiddle.net/gcgrzz07/
Find element child by id
Hey! Have same elements: <div> <div class="elem" mid="123"> <div class="t" vmid=""></div> </div> <div class="elem" mid="234"> <div class="t" vmid=""></div> </div> <div class="elem" mid="345"> <div class="t" vmid="234"></div> </div> <div class="elem" mid="567"> <div class="t" vmid="345"></div> </div> <div class="elem" mid="678"> <div class="t" vmid=""></div> </div> </div> How I can find element child by vmid ? Result like: 345 567 678
jQm ajax pages
Hi, I am doing a hybrid app. So I need to add pages dynamically. But for some reason it does not work. Could you please check and help me fix the problem? Here is the frame of the main page where I want to inject the jQm page. index.html <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
Datepicker show error
hi team. I have two datepicker fields: Check-in "$(entr)" and Check-out "$(sal)". If I select next month on Check-in, the close function shows Check-out datepicker with next month, but if I go back to Check-in and select previous month, I need to double click to go to previous month in Check out’s field. I find several examples but always see this error. Any solution? My code: $(entr).datepicker({ dateFormat: "dd/mm/yy", minDate: new Date(), firstDay:
how can I stremline and consolidate this code?
hi, I have a standard nav show/hide feature in a mobile site... basic code (questions inside code): $('a#menu').click(function(e) { e.preventDefault(); if (!$('#main_nav').is(':visible')) { $('#main_nav').fadeIn(1400); $(this).addClass('active'); $('#wrapper').animate( { opacity:.4 }, 600); } else if ($('#main_nav').is(':visible')) { /* following three lines the same as for $('#wrapper').click() below how do I do this
preview image from crop
hey guys i'm trying to get a preview image after it being cropped using this function...although its not displaying the cropped picture (preview)...i'm getting rather confused with all these co-ordinates etc and to be honest I'm slightly out of my depth here. here is the function and my jsfiddle is here. https://jsfiddle.net/destramic/52mL83pb/ function preview(image, selected) { var offset = image.position(), image_x = offset.left, image_y = offset.top,
Conversion from older version of JQuery to newer not working.
Hi, can anyone help me with the following? I want to implement the following navigation as seen on this jsfiddle: https://jsfiddle.net/a4poster/MGdm2/42/ . However, I want it to run on jquery-1.11.0.js or later, I have tried but I am getting nowhere so any help would be greatly appreciated. Thanks -A4.
Next Page