delete a tr based on sub element value inside
I have a html body which has : <table> <tr><td><h3><nobr>Leaveit1</nobr></h3></td></tr> <tr><td><h3><nobr>takeit</nobr></h3></td></tr> <tr><td><h3><nobr>Leaveit2</nobr></h3></td></tr> </table> I want to delete the tr which contains nobr as "takeit". How do i go about doing it thanks
Pickers resetting
Hi, I am very new to jQuery, but have managed to add a date picker and time picker to my form which works ok. However i have a button to check the fields are all filled in before submitting the form. This button currently has no code, as i just added it. However when i press it the 3 picker fields all reset to there initial state, which means i have to keep refilling them in, why would this be. These are my 2 pieces of code, and the button as I say has no code attached to it, it is default button
Go To URL in XML file After Drop Downs Are Selected
I am trying to make a dynamic drop-down menu that, when completed, takes you to the page listed with it in the XML. Right now I have it to where it spits out all the information but I keep breaking it when trying to get it to go to the url. Demo page: http://creativenights.creativecaraudio.net/cn/psfit/psfit.html HTML: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="psfit.js"></script> <table style="width: 100%;" border="0" align="center"> <tbody>
Add the class only to the previous element not all of them?
Hi, Looking at this Pen, I'm trying to achieve that if an input-field is checked only the element with the class "js-booking-list__header" which is before the input-field should get a class added. But all other elements with the class "js-booking-list__header" which are in DOM after the the checked input-field shouldn't get the new class. Only previous header should get a new class However it's not working as it should. What am I doing wrong? Thanks
JQuery Mobile markup in AJAX-loaded tab not working
Hi! Probably a noob question, but anyway... I have a tabbed navbar on top of my page. When I click a tab, I want that content to be loaded dynamically and displayed below the tab. Here's my HTML: <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Bosphorus</title> <link rel="stylesheet" href="jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css"/> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
Impossible to close a popup (tested with many Windows PC and other android devices)
Dear jQuery from experts these dayes I bought a service called LeadTarget Pro : It works this way : I create a pop-up in this website using a simple interface : leadtarget.io the very first time I install the provided plugin in my wordpress website and using that plugin I copy-paste the script generated by the www.leadtarget.io account into my website (choosing in what pages I want the popup to be shown) THIS IS THE CODE THAT I COPY-PASTE , BUT POPUPS NEVER CLOSE!! <script type='text/javascript'>
Adding values to array
How i can add values to an array in jquery class? i have couple of items to add. eg: { pid: pdt, unitRate: urate, taxids: taxId, qnty: qty, net: Net } how can i do it ? Thanks in advance
Mischievous user clicking button repeatedly to trigger ajax : how do I prevent it?
I'm considering a case where a mischievous user repeatedly clicks (3-4 times per second) an ON / OFF button that triggers AJAX ajax on my web application. I tested this on my local machine and didn't see any problem. My specific application makes entry to the database upon every toggle of the ON / OFF switch. I'm wondering what kind of protection should I have for my switch? What kind of issues can repeated ajax submission cause?
Adding class to a cloned textbox
I want to add a class property to cloned textbox. when i tried $(clone).find("#pdt-0").attr({ id: "pdt-" + ids, name: "pdt-" + ids, lang: ids }); i was able to set other attributes. But how can i set a specific class to this textbook. Thanks in advance .
Prevent Mobile Zooming on Input Select
I noticed when running on a mobile, when selecting a form input, the keyboard opens at bottom, but also the page zooms in. Is there a way to prevent the zooming when selecting an input? Or at least a way to return the zoom to normal when the user clicks the 'Done' button in keyboard?
Responsive Horizontal Page Scroll
Hi there, I have a really frustrating issue right now. Building my site in plain html, everything works fine with the combination of scripts I'm using - mostly (more on that in a minute). I started from a tutorial at Tympanus (Responsive Horizontal Page Scroll). However, the tutorial was written in 2012, and the demo files are fairly old. Ok, this was fine in the raw html version of things, but since I'm using Bootstrap as well, the old version of jquery wasn't compatible. If I only called the
JQuery 3.10 + JQuery UI V1.12 Migration
Hi all, We have been slowly replacing our plugins in order to migrate to JQuery 3.10 with great aid using the migrate tool. However, we have noticed many depreciated errors originating from JQuery UI, even though we have upgraded our JQuery to the latest version. (V1.12). Errors include: JQMIGRATE: jQuery.expr[":"] is now jQuery.expr.pseudos JQMIGRATE: jQuery.expr.filters is now jQuery.expr.pseudos Is there something I am missing? Thanks in advance.
customized resizing and rotating
Hello, is it possible to resize and rotate object using customized controls like on the image
.addClass doesn\t work
This is my html: <div class="middle"> <p>text here</p> </div> <!-- jQuery --> <script src="js/jquery-2.2.4.min.js"></script> <!-- Bootstrap --> <script src="js/bootstrap.min.js"></script> <script> $(function(){ $( ".middle" ).addClass( "selected" ); }); </script> But the addclass is not working. Any ideas?
Open PDF in seprate windows
I try to Download/open PDF file in separate window but currently PDF file is open in same window this is what i try <script type="text/javascript">
//$(function sumdata() {
function mypdf() {
$('#tabledata').tableExport({ type: 'pdf', escape: 'false' });
window.open(mypdf);
}
//});
</script> <a href="#" id="pdf" onclick="mypdf()" style="background-color: #3399FF;color: #FFFFFF;font-weight: bold;display:none;font-size: medium;PADDING:
$,ajax vs $.post - $.ajax data format causing error
Hi, Need explanation of where I'm going wrong. I have to process the var str to properly call $.ajax but don't know how. See Source below to see value of str. var str=$("#imageForm").serialize()+"&recId="+recId; var request = $.ajax({ // get data from database url: "revise.php", type: "POST", data: str, // wrong way here, I think dataType: "json" }); // ajax request.done (updatedData); request.fail(function( jqXHR, textStatus ) { alert("Bad
.index with context
I am working on a grid widget and I recently found an issue with my code when grouping columns. The grid displays the data inside a table element where each row that display's the model's data has a class called .data-row. This allows a row that actually contains model data to be easily distinguished from rows used to show group headers or aggregates, etc. When running my tests, I found that when there is more than one grid on the page, the .index() function doesn't maintain context. When editing
auto press enter [don't working]
Hello i have problems with my scrtip, i want this script paste in chrome console but don't work. I need auto press enter when my script write text. TEXT PLACE: https://gyazo.com/a8cd0ad5100fa0bb2d9f7865e8192128 TEXT SCRIPT[CHROME]: https://gyazo.com/6588261f4928bd1b35a7000fb9199ba0 My script: pQ+=$(".amount").html(); and $('TEXTAREA').val(pQ); When i paste my scritp in chrome console i get this: https://gyazo.com/f03443d796205e23b85a8879343c6222 When i try add this: var e = jQuery.Event("keypress");
Scroll inside panel
I love the new panel feature. When the panel is used as a menu, it would be nice to have the content in the panel scrollable, and not effect the page position. I would like a scrollabel div with height 100%, because of all the different screensizes out there. I get the scrolling to work with a fixed height of the div, with position:absolute; overflow:scroll; but that wont work with the height of 100%. Maybe its some css on the panel set by jqm. Can someone help me with this? Thanks.
.each() not returning data
I have the jQuery function below that is not returning the data back to my table. This line: window.alert("Userlist: " + JSON.stringify(usersList)); returns the data but this line: row = $('<tr id="row-' + item.id + '"><td>' + item.FullName + '</td></tr>'); is not returning the item.id and item.FullName. Ideas??$.each() $(function () { var usersList = []; function init() { $.ajax({ url: '@Url.Action("GetNames", "UserNames")',
Request headers and evil.com
I was recently looking at the network tab for something and found in the Request Headers. Evil.com Attaching screen shot.
Set up local storage path for all users
Hi I want to set local storage variable for all windows users. Which i can set/retrieve data from logged in by any user. Currently i am trying to set from jQuery localStorage.setItem('titles', titles.text());
but it stored on location C://Users/{username}/AppData/myapp. I want to change path of it.
PAGER ERROR BXSLIDER
I'm using bxslider to transition some images, scripts and embed, it paging the works to a certain point, after a few clicks it to. Follow the site, this occurs in the banners located in the header to the left side http://omnesweb.com.br/cenariomt
drag into different divs and containment
Hello,I want to drag divs into two different divs (drop1 / drop2). It works for one box as desired (drop1). But I want this for both divs (drop1 / drop2) and it should be possible that the drag-container can be moved between the two divs (drop1 / drop2). View code and result on JSFiddle.net var num1, cnt1 = 0; $(function() { $('.drag').draggable({ revert: 'invalid', containment: '#drop2, #drop1', snap: '#drop2, #drop1', stack: 'div', opacity: 0.7, start: function(e, ui) { num1
How do you get Jquery to run with cascading dropdown lists?
Hi, Have a cascading dropdown list (DDLB) that refreshes with results from after a selection is made from DDLA. It also appends another list item with a value of -2 with text of not listed. The default value is -1 with text of make a selection I finally have some working jquery that shows/hides a separate textbox column. My question is, how do you make the JQuery load/run after the list has been received from user making a selection in DDLA? The process would need to also run if the user changes
File input Blob.slice error
I've got a form that I'm submitting by ajax, but I guess during the ajax sendoff, I'm getting an error: Can only call Blob.slice on instances of Blob I don't see a console.log immediately after so I assume the ajax is choking? I create a simple object that contains all the inputs in key/value pairs - shown as the last log entry. I'm guessing this has something to do w/ file attachments, but I don't know what I've done wrong. An example page is running here: http://www.partiproductions.com/mailshield_test/
.keypress() not working on the first key pressed
Jsfiddle here: https://jsfiddle.net/80g2e9em/ HTML <input> <p id="model"></p> JS $("input").keypress(function(e) { $("#model").text($(this).val()); }); The problem I have is that when I press a letter first time nothing happens. Only the second and subsequent letters are shown.
Filter
Hi I have Menu like this with Checkbox in front of each. I want that if user selects H.P , Dell from Brand then it should show like this in another Div without PostBack Brand : H.P X Dell X Ram : 2.0X Clear all If user click's on Clear all then it should clear all options Brand H.P H.C.L Dell Ram 1.0 2.0 3.0 Size 14.2 15.5
Tool Tip widget always displays outside <div id="wrapper">
5 day old newbie here ... regardless of wrapper height (& width) the UI Tool Tip always appears outside the wrapper div. How do I get it close to the object whose title appears in the Tool Tip. <!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery ToolTip Dev</title> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> <!-- jQuery-UI lib --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
how to create data list as rows for more attributes by jquery
Hi i need to create data list as rows as following shape id 1 name ahmed salary 1000 id 2 name mohammed salary 2000 how to do that by jquery or html
Script conflict
I have two scripts which are conflicting: smooth scroll and Popup Overlay. When smooth scroll is included, Popup Overlaywill not pop up.Remove the smooth scroll and the pop up works. Any thoughts? Smooth Scroll $(function () { $('a[href*="#"]:not([href="#"])').click(function () { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1)
how to increase counter of click button every time click in run time
Hi I create web page have input type text and button add when write value of course name in text box and press click add button it added in table as following c# 0 0 like dislike What i need actually is when press click on like button increase value of 0 depend on how many time click i will press button like suppose i click like button 5 times click it will start 1,2,until it reach to 5 my fiddle to my code as bellow https://jsfiddle.net/d900eyvu/
Custom Ajax Response Methods
Hi, I was wondering if there is a way to implement a custom Ajax response method, besides what's already there, like "done" or "fail". For example: // Assign handlers immediately after making the request, // and remember the jqXHR object for this request var jqxhr = $.ajax( "example.php" ) .done(function() { alert( "success" ); }) .fail(function() { alert( "error" ); }) .MyCustom(function() { alert( "Item Already Exists In the List" ); }) .always(function() { alert( "complete" ); }); }
jqGrid Inline edit drop down slow and high CPU
I am now having a requirement that there are over 50 columns to be implemented as an inline edit grid. Each of them is a drop down, and some drop downs containing over hundred options. Under this situation, I find that when I select row the client PC will be on high CPU and the performance will be quite slow. Is there any way to optimize? Thank you for all help in advance.
Styling a button - what is going on here!
Hi guys, I'm having a nightmare styling some otherwise simple buttons - I think because of the jQuery default CSS applied see below for an extract. This creates an odd effect of covering the text on the button ("Proceed") in the green background colour, and also only covering part of the button (due to the width 50%) - I have captured a shot of the output below. Can anyone shed some light on what is going on here & how I can customise the button effectively? Thanks! Wayne <input type="button" value="Start
Dialog Box
Full name Username Password Submit
How to implement cupertino JQuery UI ThemeRoller theme in a jsFiddle project?
I have implemented the datepicker widget into my jsFiddle, seen here: https://jsfiddle.net/MrSnrub/g7u14p10/ I want to incorporate the cupertino theme to that datepicker. But the only options I'm seeing is a downloadable set of files, which a jsFiddle cannot use. Is there a way to do this?
Fancybox gallery problem with mixed media
I'm trying to add video to a picture gallery. They all have the same rel tag, but all of the pictures present as a gallery, and all of the videos in a separate gallery. When I add "fancybox.iframe" as a class to the <a...'s with video, I can get them all to present in a single gallery - but then my dimension constraints are ignored. Any ideas? Here's a working example, and here's the code. Thanks in advance... Dan www.59plymouth.net/lightboxes/fancybox3.html <html> <head> <link rel="stylesheet" type="text/css"
jQuery UI for jQuery 3.0
Hi, we are about to upgrade jquery to version 3. It looks like there are some compatibility issues with the actual version of jQuery UI. We are using jQuery UI 1.11.4. Is jQuery 3.0 on the roadmap of jQuery UI? Best regards Marc
How to change the copy of object of dom without affecting base dom?
Hi Team, I am creating object and setting with part of innerHTML of dom and sending it following function to make sum changes before i process it for print pdf. however whenever I am applying any change on that object it is getting effect on main dom. I am trying to remove all the href from innerHTML and it works fine but after this on main page hyperlinks stop working. function RemoveHyperlinks(obj) { var innerhtmlobj; var array = obj[0].innerHTML.split('href=\"');
Next Page