Need help getting data & binding data from Web URL
Hi, I'm a Newbies. I've URL and Data as follow, How my jQuery looks like to binding data into table as follow, <table> <tr> <td>ID</td><td>Name</td><td>Joining Date</td><td>Age</td> </tr> </table> Please help
jQuery slideToggle firing more than once on one click
Hi. I'm having problems where when I click my blog archive's button to open, the first <div> container will slide open then closed then open. This happens 3 times and stops. Does anyone know why? I can share the code as to where the problem may be happening. <script> $(document).ready(function () { $('.myBtn').click(function () { $(".container").add('.container2').slideToggle("slow", function () { if ($(".container2").is(':visible')) $(".myBtn2").addClass('flip');
Expand/Collapse SharePoint all Webparts on a Page
Hello. This jQuery adds expand/collapse functionality to a single SharePoint Webpart by adding a + or - sign next to the webpart title. It works great with SharePoint Online for a specified webpart (ie WebPartWPQ4). How can I modify this to add the + and - to all the webparts on a page? /* Expand-Collapse*/ jQuery(document).ready(function() { jQuery("#WebPartWPQ4").hide(); //Add Expand Icon to Web Part Header $('Span#WebPartTitleWPQ4').find('h2').append("<span style='padding-left:0.5em;
Get selected id of various anchor class
Hi ,sorry for english, how can i get the id attribute of selected anchor ? https://jsfiddle.net/869pax2f/5/
jQuery newbie with a major problem
Hi all, I just signed in to this forum, and need help please. I'm having a major mix up of my blog archives where I have three of my links that do not show all of my entries when opened. I have some screen shots to show what I am stuck with. It's really weird haha. I hope someone can help. Many thanks for reading. So here is the jQuery side... This opens nicely, but partially, thanks to that red button up there, with the help of the above jQuery. And here are the rest of the entries which should
How to make function give row that have different value with color red to full row ?
problem How to give red color for rows on html table that have different values on same row ? I need when at least one cell from row different from each others then give red font to full row if you see below row that have same value on all cell not changed color . I need function give red color for row that have at least one value different from others on same row so How to make function do that by jquery or java script do red color for row if it have at least different cell value . rows have different
Chaining dynamic Select/Option boxes together
Hi, I have a directory with several databases each containing multiple tables. I am trying to create a program where Select/Options boxes are utilized to 1. Pick one database from several options. 2. Pick one table from several options produced from the selection in 1. and 3. Send the final database and table to the Server via AJAX in order to query the database. To implement 1. I use PHP to select databases from a directory. I dynamically create a form containing the first Select/Options box. This
how so that when searching for the check remains and is not lost
I want when I search, the check isn't lost, and it's still there, but right now I can't find a way out, how do I check it while still searching or filtering data? please, help me! my jquery fetch_customer_data(); function fetch_customer_data(query = ''){ customer = []; $.ajax({ url : '{{ url("user/search_customer_2") }}', method : 'GET', data : {query : query}, dataType : 'json', success: function(data){ $('#message').html(data.search_customer); } }); } $(document).on('keyup','#search', function()
Need to check internet connection
I've been looking around for jquery code (and I've been looking at pure javascript code as well) that will test my internet connection. I googled and found many posts are old, going back to 2012. I've tried about 3 or 4 'solutions' but I can never get a failure when I disconnect my wifi at home! How odd eh? The messages always say connected. Is there any reliable jquery code that will work? Thank you...
Issue of logic with jquery validator ?
Hi, everyone I wish someone could help me with a little problem or I'm stuck. My problem is that I'm trying to prevent any additional lines from being added as long as the number is less than or equal to the stock number. I use jquery validator to perform this verification in real time. This is my Jsfiddle : JSfiddle Thanks for the help This is my Jquery code : jQuery(function($) { $.validator.addMethod("stock", function(value, element) { const stockReel = parseInt($(element).parent().prev().text())
removeProp("max") from date field not working
I've been trying to remove a 'max' property from a date field when I load a form but it doesn't work in jQuery 3.3.1 or 3.4.1. However, removeAttr("max") does work. Is there a reason for this? I'm using Firefox 72.0.2
Using material icons in jQuery mobile?
Hi, Has anybody successfully been able to use used Material icons(locallly hosted) in jQuery mobile and, if so, can point to the some sample code for reference? Thanks in advance and regards
Getting header to be fixed in searchable listview
Hi, In a searchlable listview on iOS and Android, as soon as some text is entered for filtering, the header doesn't remain fixed and can be scrolled. Has anybody got the header to remain fixed via JS or even native code? Thanks in advance and regards
Getting Text, Values from Select Element as Child of Table
Hello, I have a table of two rows. I'm needing to get the select element's text or values from this table. I've been trying to use a thing that gets the indexed row of the button that fires the event. It is supposed to return the row where the button was fired. I use that as a var in jquery to hopefully get the value of the select element on that row. I'm getting answers in the console, but they are the wrong answers. You will have to load this in VS Code to see what I mean. Thanks [SOURCE] <!DOCTYPE
Calling jquery function from asp.net OnClientClick
what do I put inside the asp button's OnClientClick to call my jquery function? Also,I still want my button handler in asp.net to function $('#btnNewBlock').click(function () { $('#pnlBuildBlockInsert').show() }); <asp:Button ID="btnNewBlock" runat="server" Text="New Block" Visible="true" OnClientClick="????" />
Combining Span Element Values
You'll discover quickly that I'm a jQuery/Javascript novice who harvests code snippets from the web and tries to get them to solve little problems as I encounter them. I'm working on a little PHP web app that takes a list of disc golfers and randomly assigns them into foursomes (and threesomes when there's a number that's not divisible by 4). Source code is on GitHub. I'm trying to get it to count the number of checkboxes that are checked (that's working OK except when the hyperlink is clicked to
Delete specific buttons in a list view
I have a list view that has grouping rows that I created dynamically The first row in the list view is a grouping row. I can recognize a grouping row from <td colspan="6">Block Title: LastTime Chatted</td> It will always contain 'Block Title' After a Group row there will be a variable number of rows that have buttons in the first column <input type="submit" name="BlocksGroupedByBlockName$ctrl4$btnAddContent" value="Add Text" id="BlocksGroupedByBlockName_btnAddContent_4"> The value will always be
Menu object will not instantiate
I have the following code: <script src="../js/jquery-ui.js"></script> <link rel="stylesheet" href="../css/jquery-ui.css"> <ul id="menu" style="display:none"> <li id="10"><b>Membership List<b></li> </ul> <script> var menu = $("#menu").menu(); </script> When the code hits line 5, I get the following error: Object doesn't support property or method 'menu'
Search a text and highlight
I am trying to Search a text and highlight it inside an HTML element. But it is not working properly. Just first character of searched text is highlighted. $(".modal_search").on("keyup", function () { var Id = $(this).attr('id'); var searchItem = $(this).val(); $('#textModal_'+Id).find(".highlight").removeClass("highlight"); var searchText = $('#textModal_'+Id).html(); var reg = new RegExp(searchItem, 'gi'); var txt = searchText.replace(reg, function(str) { return "<span class='highlight'>" + str
Can't get page to use all space in tab div
I am loading a page into the div as follows: <div id="tabs-1" > <object type="text/html" data="membership.php" width="100%" height="10%" style="border:1px ridge blue"></object> </div> However. Even with 100% width and height it does not fill up totally
Need help to modify my jQuery result properly into table
Hi, I'm jQuery Newbies. Can someone help me - Modify my jQuery result properly into table? It should be particular order as following, QR Code Name Age My html Code so far <!DOCTYPE html> <html> <head> <title>Call QR Code Web API using jQuery</title> <meta charset="utf-8" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <table> <tr><td></td><td> <label id="qrcode"></label></td></tr>
Animated canvas
Hello i have a problem with a code in jquery. I need to make a Animation with a cowboy in canvas ( draw cowboy with curcle and line) then cowboy shot a bullet and when a bullet hit a wall,turning back and hit the cowboy. Then cowboy falling down and a message apears "that was a mistake" I have wright the code but i cant make the cowboy falling down and display the message. Ps: Attached the code here if anyone can help me. Thx :)
Need help to call Web API
Hi, I'm jQuery Newbies. I want to display QR Code in my html Page. Web API URL is - https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=Example Parameters is size data Can someone help me to write jQuery in my html Page to call this Web API? Please help
Issue with ready() method using jQuery 2.2.4 and Chrome 79
Having an issue using ready() method with 2.2.4 and Chrome 79 (worked w/ Chrome 78). A change was made to restore form control state on finishing document parsing in Chrome. Issue 1035662: Chrome 79 not reflecting DOM state in onpageshow after back navigation If you use the example below, it gives a zero value when using 2.2.4 (but it works using 3.4.1). Is it possible to patch 2.2.4 to get the same functionality as 3.4.1 or is that no longer worked on? Select items in the dropdown and then navigate
How to prevent jquery tab switch to tab 0 when button is clicked on asp.net page
I have a jquery tab control with 5 tabs. I also have an asp.net Listview with save, cancel and edit buttons This ListView is on Tab 2. The problem I am having is that when I click a button, for example the save button, the new data gets saved correctly but the tab switches to tab 0. I want it to stay on tab 2. Likewise when I click the edit or cancel buttons, the operation is performed correctly but again Tab 0 becomes active. I tried ptting OnClientClick="return false;" in my asp button declaration
How to make sure the DOM is fully loaded and there are no more pending changes?
Hi everyone, please excuse me if this is not the correct forum to post this question but I've exhausted all other venues of information. I am working in automating some test for a webpage that is highly dynamic and using jQuery heavily. Almost all the elements in the page will dynamically load or swap elements of the DOM when clicking or inputing text and I am having a really hard time waiting for the elements to be on it's final state before interacting with them. So my question is, is there a surefire
Can't get TABS to work
Using demo from you page. Head section looks like this <head> <link rel="stylesheet" href="styles/jquery-ui.min.css"> <script src="js/jquery.js"></script> <script src="js/jquery-ui.min.js"></script> <script type="text/javascript" async> $(function() { $( "#tabs" ).tabs(); }); </script> </head> The paths are correct. I use this on all my pages. No matter what I keep getting a jquery error. I've used other JqueryUI widgets with no problem. In fact the DatePicker is on another page with
jQuery selector img[alt="projects4"] doesn't always work
Here is my client's site: https://kteva.co.il/ I try ti target the images in the carousel bellow the slider(with 10 images) Problem is that some work while others don't Her is a typical snippet that I use: $('img[alt="projects4"]').on('click',function(){ jQuery('#extra-text').modal({ fadeDuration: 1000, fadeDelay: 0.50 }); }); Any idea? Thx
SharePoint Online Disable all Webart Tooltips on a Page
Hello. The jQuery below disables the hyperlink attribute for all webparts on a SharePoint Online page when you hover over a ListView webpart title. $(document).ready(function() { $('.ms-webpart-titleText').each(function() { var link = $(this).find('a'); if (link.length > 0) $(this).text(link.text()); }); }); I also need to disable the tooltip that pops up when you hover over the webpart title. I've tried various javascript and jQuery functions and nothing seems
can't get AJAX to access request.done function
This is related to my last post which I never did figure out. I am sending an AJAX request and am getting a response but not through the request.done function. What happens is that the console shows this: ["Costs","rdata","show","sqlite_sequence"] Which is the correct data returned from the URL sent to AJAX. The alert("data returned"+data[0]); is never seen. <script type="text/javascript" > $("#dbForm").submit(function() { $("#dbForm").hide(); var
How to pass value with apostrophe.
Hi, I have to run php file and I pass a value that can contains apostrofe and the variable is truncates just after apostrophe. https://jsfiddle.net/tegatti/y8vs70ru/7/ This is my line: var IdFornitore = 2; var ragione = " L'eden della frutta"; $("<form method=post action='https://greenwindow.altervista.org/eventiFornitore.php'><input type=hidden name=a value='"+IdFornitore+"'/><input type=hidden name=b value='"+ragione+"'/></form>").appendTo("body").submit(); }) If ragione has not apostrophe
serialize() after loading a form from PHP
Hello to the forum :-) I am not very familiar with jquery so the first problems are not long in coming. I am loading a form from PHP via ajax into a div container. <div id = "" formdiv "> </div> The form is displayed correctly, but the source code of the page does not show the html code of the form. (Only available in the cache?) The form code is only accessible via $ ('# formdiv').html() If the form is now to be sent to a serversite script, I need the values of the fields. key_value = $ ('# formdiv').serialize()
how to make submenu to open on the left side?
Hi, Please, can someone helps me. I have to change opening a submenu on left side, instead on right side when it floated right. I've used this function, but it doesn't work: $('body, html').css('overflow', 'hidden'); var screenWidth = $(window).width(); $('body, html').css('overflow', 'visible'); if (screenWidth > 767) { $(".dropdown-menu").hover(function () { var menuPos = $(this).offset().left + $(this).width() + $(this).find('ul').width(); var newPos = $(this).offset().left
Value of Menu-Item-Text on Sharepoint Top Navigation Selection
I need to capture as a variable the value of Menu-Item-Text for the "static selected" item on the Top Navigation bar of a SharePoint 2013 page. A couple of posts got me close but I can't seem to get that value. In the html below, I want to capture "Tools and Resources" as a variable so I can use it. There is only one "static selected" class among the Top Nav tabs. All the others are just "status". I'm only interested in the one that is currently selected. Thanks. <div id="zz11_motTopNavHolder"
Separate styling for multiple dialog widgets on the same page.
Hello, So there must be something very fundamental I'm not getting here. Let's say I have two different modal dialogs on the same page. I know I can add styles to manipulate the defaults like: .ui-dialog .ui-dialog-buttonpane { text-align: center; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none!important; } .ui-dialog { left: 50% !important;
Why no icon displayed?
Why does the following code not display an icon? <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css"> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="page"> <div data-role="content"> <a href="xxx.html" class="ui-btn
$.load() not working in firefox
Help I have the jquery code below. it works in IE only. I need to know how to make it work in firefox chrome and safary. someone said I have to add -moz, -webkit, -o but I don't know how. any help please. <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div id="stage"> </div> <script> $( "#stage" ).load( "http://127.0.0.1/LoadPageInDiv/list1.html" ); </script> </body>
wheel of fortune with random prize win
Hi all, I am hoping that some may be able to help me out here, or point me in the right direction. Long story short I am trying to set up a wheel of fortune installation for a music museum, all pro-bono as it were, it's all run on a voluntary basis... the installation is very basic in principle click the button and spin the wheel and depending on where it stops - the user gets given a lyric... there are only a set amount of lyrics / lines - roughly 19/20... ideally what the museum would like to do
Get user ID from dropdown and show content related
The admin has a drop down of all the current users in the system. On a particular page it loads content related to that user when they are logged and it’s based off their user ID. What I’m trying to do is when the admin clicks another users in the drop down the content in that area changes according to the new users ID. I can get the jQuery to get the users ID and then send it via Ajax. However what I get back is just the number with a 0 behind it. I’ve checked and that means something went wrong.
JSON_Parse() Error from simple array declaration
Hi; I have view several of the other posts relative to json errors but they seem really complicated so...... Here is my test code modified to my elements but taken from the internet: <script type="text/javascript" > var tables = { 'tbl_name' : 'Costs', 'tbl_name' : 'rdata', 'tbl_name' : 'show', 'tbl_name' : 'sqlite_sequence' } // var tables= { "tbl_name":"Costs", "tbl_name":"rdata", "tbl_name":"show", "tbl_name":"sqlite_sequence" }; <== tried this - didn't work alert(JSON.parse(tables));
Next Page