Menu with tabs with jQuery
Hi, I want to navigate the tabs: But when I click on "Description" or "Content" it goes like this and does not come back: How do I get this? Part of the code in php: <script type="text/javascript" src="js/jquery-1.6.4.min.js"></script> <script type="text/javascript" src="js/abas.js"></script> Another part of the code in php: <section id="abas-geral"> <ul class="menu"> <li><a href="aba01">Description</a></li> <li><a href="aba02">Content</a></li> </ul> <section id="box"> <div id="aba01" class="conteudo">
Passing URL parameters through hidden fields
How can I grab a couple of URL parameters and pass them through hidden fields in a form submission? The strings are structured like this: https://alert17.com?sid=TESTSID&wid=TESTWID
How to calculate days interval from a today?
I have these two inputs in the first of which, i have a dropdown with the days and on the other one i have a datepicker formated date. What i want is if i select a value from dropdown to show the date in the datepicker input, and the same backwards. That's my snippet so far, but in the input i get a full fomated date something like, "Wed Apr 03 2019 00:00:00 GMT+0300 (Eastern European Summer Time)".. https://codepen.io/HarrysR/pen/LJaegm Any help on that? For any further clarification feel free
toggle show and hide - shows but doesn't hide
here is my html <div id="space_manager_saved_search_selection"> <div class="saved_filter_tile firstfour" data-filter-id="5"> <h5>john</h5> </div> <div class="saved_filter_tile firstfour" data-filter-id="9"> <h5>christine</h5> </div> <div class="saved_filter_tile firstfour" data-filter-id="10"> <h5>christine1</h5> </div> <div class="saved_filter_tile firstfour" data-filter-id="12"> <h5>johndc</h5> </div> <div class="saved_filter_tile afterfour" data-filter-id="13"> <h5>here
ajax content into dynamic loaded div
My more-news-holder is loaded dynamically, i think this is why when this code runs. my result does not go onto my page. how can i fix this? <div id="more-news-holder"></div> <div class="more-news-container"> <div id="more-news-btn" class="more-news" hreh="#">Get More News</div> </div> Here is my jquery $("#more-news-btn").click(function(){ $.ajax({url: "content/more-news.php?C=" + NewsCount, success: function(result){ $("#more-news-holder").html(result); NewsCount = NewsCount + 30; }});
Catch the ajax response with jquery bootgrid
Hi, I know that this plugin is not from jQuery UI plugins, but it uses jQuery as kernel. The problem I've got with this plugin is that I want to catch the ajax response to analyze it on the loaded handler (loaded.rs.jquery.bootgrid). Does anybody know how to make this? There's a method called responseHandler, but is never executed. Thanks, Dani
How to attach an ID to the showErrors: function in jquery validation plugin
I am using the jquery validation plugin. I have a "showErrors" function to hide a second form on error, and on click of the submit button if the user goes back and modifies the first form and creates new errors. The problem is the second form is also taking on the "showErrors" function. It is hiding when the user clicks the submit for that form as well. I want to attach an ID (#form1) to the "showErrors" function so it ONLY works with the first form. I need to make sure ID (#form2) Does not trigger
Pushing a nested div underneath its ancestor for mobile
Is there a jQuery way to move a nested div underneath its great grandparent for mobile view. Here's what I've started: https://codepen.io/Codewalker/pen/aaPRrz One thought is to create this twice, hiding one and showing the other, depending on the device/width. <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css" rel="stylesheet"> <div class="container" style="background:#ddd"> <div class="num-container"> <div class="num-thumb"> <img
Jquery Slide
Hello everboy, my name is Taniguchi and I'm new at jquery and I'm having trouble with the following piece of code. $('#day_slider').slider ( { range: "max", min: min_value, max: max_value, value: 1, step: 1, slide: function (event, ui) { if (ui.value == 1) { $("#slider_value").html('Follow Up in ' + ui.value + ' Day'); } else { $("#slider_value").html('Follow Up in
add class onto an element
Hi, I would like to add a class onto my element saved_filter_tile Although when I try to, it adds the class onto the h5 $("#space_manager_saved_search_selection .saved_filter_tile h5").off().on("click", function(){ console.log("I am here!"); $(this).addClass('selected'); });
Issue with upgrading jQuery
I am working on upgrading jQuery in my application from version 1.11.2 to 3.3.1 Even when .live() function is removed after 1.9, I am seeing it being used in multiple places in my application and it is working also with version 1.11.2 Now, when I am upgrading it to 3.3.1, the behavior that I have seen is that .live() works in some pages while it gives error in some other pages and needs to be replaced with .on() So, my question is: "Do I need to change every occurrence of .live to .on when I am
can't get .indexOf to return expected value
This question was asked, and I would like to include additional info for the solution. Original post: I'm trying to select all elements that has a class that starts with "col-md", but no matter what I do .indexOf("col-md") returns -1. Html: <div class="col-md-4"> Test 1 </div> <div class="col-md-8"> Test 2 </div> jQuery: if ($col.attr("class").indexOf("col-" + val.toLowerCase()) > -1) { console.log($col); } val is "MD" Original post ends here ----------------------------------------------------------------------------------
Converting Web Applicatiion To jQuery Mobile
I have a PHP web application and I want to create a jQuery mobile version - Are the any tools that would do a lot of the work/conversion for me or do I need to rebuild the forms/layout etc from the ground up. The CSS/layout is pretty old so the first instance we wanted to build the jQuery mobile version then detect mobile/tablet devices and redirect them to the jQuery mobile version. 2nd phase is to build the mobile apps for iOS and Android but I'm primarily concerned with creating the jQuery mobile
Javascript to jQuery help?
window.onscroll = function() { progress() }; function progress() { var winScroll = document.body.scrollTop || document.documentElement.scrollTop; var height = document.documentElement.scrollHeight - document.documentElement.clientHeight; var scrolled = (winScroll / height) * 100; document.getElementById("myBar").style.width = scrolled + "%"; } I thought something like this might work : jQuery(document).ready(function($) { $(document).on( 'scroll', function() { if ( $(document).scrollTop()
Help matching button tag and replace its onclick
I'd like to select and match the following button code by the buttonid and replace what's in the onclick with my own url. <button type="button" tabindex="0" title="" buttonid="CTRL53_11" onclick="return (PictureButton.OnClick(this, event));">My Button</button> Can you help me match the <button> tag where the buttonid is CTRL53_11 and replace the onclick to something like window.location.href="custom.html"? I can use something this right? $('button[buttonid="CTRL53_11"]') I'm not sure how to replace
Uncaught Missing instance data for this datepicker
when i am changing date from input then first time it works but on second time it gives Uncaught Missing instance data for this datepicker.
Handling videos in jquery
Hi The purpose of the program is to describe videos with one video. I am also trying to watermark the video being described. The problem is that I cannot load the video from the select tag. Can anybody help? Thanks.
How can I add elements to tag
Hi, I'm trying to generate a 'a' tag with some parameters to call a function which makes a rest call, divHTMLPages = "<a href='#' onclick='getRestResults(" + $('#queryU').val() + "', '" + _reg + "', " + _rowLimit + ", " + previousPageCount + ")'>" + i + "</a> "; $('#pageU').html(divHTMLPages); But the result is not well-formed I see double quotes after getting #queryU.val() and that's not correct, what would be the correct form for doing this? I have read about jQuery .add but not sure this
using validate
Can you allow some fields to be required only in certain situations? I need to have an email field required only if another input is present.
Packaging plugins for npm etcetera?
Hi folks, I've built a number of jQueryUI plugins for creating special purpose interactive scientific visualizations here https://github.com/AaronWatters/jp_doodle I'd like advice on the right way to package the plugins in "state of the art" Javascript idioms so people can use `npm install ...` to install the package or similar. A pointer to a good example repository which is packaged well would also be helpful. Thanks! -- Aaron Watters
Create new tab and rename its title
In my single page application a user can open links in a NEW tab. I would like the tab's title be named based on the particular link they clicked. However, the original tab's title gets renamed. Can someone show me how to rename my "New" tab instead? $("#contextMenu").contextmenu({ delegate: ".hasmenu", menu: [ { title: "Open in new tab" }, ], select: function (event, ui) { var page = ui.target.children('a').context.nameProp; var parent = $(this).closest('div').attr('id');
Variables are being shared across instances
Hi. I'm making a image slider plugin which is working fine with single instance but when I have multiple instances on the page, the variables are being shared across these instances. How do I sandbox them and keep the instances isolated? Here's the code: var slider = $('.slider').mySlider(); ;(function ($) { var defaults = { auto: false, delay: 4000, controls: true, controlsPosition: 'inside', //inside, outside, neighbors prevHtml: '<i class="material-icons">chevron_left</i>',
jquery sumo multiselect
i am using jquery sumo select control and i want to use this control inside table and click on add need to add new row and remove row.but i want to restrict single selection in this. max select option should be 1. user should not alow to select more then one value. http://jsfiddle.net/RahulKanheya/p89ka9jq/944/
Response with empty body - is this a problem?
Hi, I am using Chrome to send a request from the browser to the Micrium HTTP server, which is successfully received by the server and my code on the server side. I call an API on the server side to tell the server that I don’t have any body in response. The server replies to my client (“HTTP/1.1 200 OK\r\n\r\n”) which I am guessing is a correct reply. On the client side where I am using” jquery upload plugin” that plugin calls my “fail” method. I don’t understand why – the reply is marked as successful.
"click" not working
hey i am working on a simple site with 3 buttons and 1 test button. curently only the test button(the x) is coded but it does not work and i do not know why. here is my html code: <!DOCTYPE html> <html lang="nl"> <head> <meta charset="utf-8"> <meta name="description" content="controler"> <meta name="author" content="jk"> <link rel="stylesheet" href="css/styles.css?v=1.0"> <meta charset="ISO-8859-1"> <title>title</title> </head> <body> <div id="wrapper"> <h1 id="first">toggle vizer</h1> <h1 id="second">toggle
I want to know number of "DIV"'s are displayed
Dear Sir/Madam Pls refer http://jsfiddle.net/yap3ujz9/ This is a simple jquery program that allows user to update email Id's I want to know , after each update or click on Save Email Id button I want to know number of DIV with class ='supplierblock' are displayed
can't step into for each loop in Firefox Debugger
I'm trying to do an $.each on a json object, but when debugging in Firefox it's just steps over this code, like something goes wrong. Code: var query = { name: "test" }; $.each(query, function (k, v) { if (i === 1) { tmp = "?"; } else { tmp += "&"; } tmp += k + "=" + v; i++; }); Am I using $.each wrong?
malsup jQuery Form: Upload Progress doesn't perform as expected
I have excel file upload function. The main problem is the uploadProgress doesn't show its progress as it should be. It's just an instant from 0 to 100% progress, doesn't indicate there's upload progress on my website. The upload progress just straightaway to 100% before the server is running an upload process, it's not concurrent. Anyway after my website is successfully ran the upload progress, it throws the success function. With the current upload progress state, my website just looks static when
Jquery Table Edit
Appreciate if i get the answerHow can i change (' sub' below nr 4) from text into select with option which is selecting from db table? while editing ?? $('#editable_table').Tabledit({ url:'masrafsave.php', columns:{ identifier:[0, "id"], editable:[[3, 'no'], [4, 'sub']] }, restoreButton:false, onSuccess:function(data, textStatus, jqXHR) { if(data.action == 'delete') { $('#'+data.id).remove(); } } });
jQuery v3.3.1 IE 11.0.45 SyntaxError...
Hello, I searched the forum but no joy. This error appears frequently. Ideas? Thanks, Mark
Set specific href for each tab
Hi. I want to set my href for each tab. Here's my code: <ul class="category-account"> <li class="tablinks" onclick="openTab(event, 'Home')" id="defaultOpen"><a href="#home" class="justify-content-between align-items-center d-flex"><h6><i class="fa fa-cogs" style="width: 20px;"></i>General</h6></a></li> <li class="tablinks" onclick="openTab(event, 'Logsec')"><a href="#logsec" class="justify-content-between align-items-center d-flex"><h6><i class="fa fa-shield" style="width: 20px;"></i>Login Security</h6></a></li>
How to merge selected table cells on button click using j query.
I have created a dynamic table and selecting the table cells using j query. Now i want to merge the selected table cells on button click. How can i do this. Thanks, Regards. function CreateTable() { var rowCtr; var cellCtr; var rowCnt; var cellCnt; var myTableDiv = document.getElementById("myDynamicTable"); var table = document.createElement('Table'); table.border = '1'; table.id = 'myTable';
Select only childs contained inside its parent
Hello, I created this simple jquery -> http://jsfiddle.net/psytanium/6D9kS/401/ I'm very beginner with this language, I'm trying to clear all check boxes when "All options" is checked, and vice versa. I'ts working fine, but it is affecting the other forms too. The problem is I have multiple forms, I need to apply this script to each form separately. Thanks :)
Jquery Sortable elements get “stuck” during sorting
Have a situation here, where I have to sort for dom elements where users can sort the items. In some cases when sorting when I try to drop it in the desired position it gets stuck like below. Below is the code that I am using for the sorting. Video recording of the issue. both "stop" & "beforeStop" are not triggered some times. $(sortableSelector).sortable({ placeholder: "sc-highlight", tolerance: "pointer", cursorAt: { top: 25, left: 25 }, connectWith: connectWithItem,
How to merge selected table cells using j query.
I have created a dynamic table based on user input using c#, and written jquery to select the table cells this is working fine. Now i want merge the selected those table cells using j query or java script. how can i do this? C Thanks, Regards. Code Behind: private void CreateTable() { int rowCtr; int cellCtr; int rowCount; int cellCount; Table Table1 = new Table(); Table1.ID = "myTable"; rowCount
Looking for good tutorials on building a website with jQuery
Hello everyone, I am new to jQuery. I currently know the basics of HTML5, CSS3, PHP, MySQL, JavaScript and jQuery. I am looking to dive into Angular and React further down the track. Ideally I would like to find somewhere that teaches jQuery throughout building a website. Question:- Should I dive into basics of angular, react or AJAX before I start?? Any tips would be great thanks!
Function not being called on dialog open
I would like the function dialog_close() to be called when the dialog opens. The web page has two buttons, one to open the dialog and the other to close the dialog. These buttons are just for testing, for now. If you click the OPEN button the dialog opens but it never closes. If you then click the CLOSE button the dialog closes after a 3 second delay. If you then click the OPEN button again, the dialog opens again. But, clicking the CLOSE button again does not cause the dialog to close, and
DOM Multi Level Filtering based on Different Data Attributes
Can you please take a look at This Demo and let me know how I can enrich my code to have multi level filtering system based on different existing and potential upcomming data attributes? As you can see I am trying to filter the .box based on two data attributes shape and color but my code is filtering the DOM separately. Can you please let me know how I fix this? $('input:checkbox[name=shape]').on('change', function() { if ( $('input:checkbox[name=shape]:checked').length > 0) { $(".box").each(function(){
Unable to read value from hidden field post JQuery 3.3.1 upgrade
Dear team, We have used Knockout library along with JQuery in one of the page. We are binding hidden field with a value from model in cshtml page: <input id="OrderId" type="hidden" value="@Json.Encode(Model.OrderList.Select(it => new { it.ItemDescription, it.ItemId}))" /> and then reading the value in js and assigning to observable like: self.OrderList(JSON.parse($("#OrderId").val())); Post jquery upgrade, $("#OrderId").val() does not returns anything 'undefined' Can you please help me what needs
??? jquery $.ajax result is displayed in browser
I use by example but am not an expert using jquery. I have a jquery that does a uses a $.ajax and the remote programs runs as expected but its json encoded response is displayed on the browser instead of allowing the calling program to continue. My function looks like this: $('#file_upload').submit(function(e) { e.preventDefault(); var url = document.getElementById("url").value; var formData = new FormData($('#file_upload')[0]); $.ajax({ url: 'cd-file-uploaderX.php',
Next Page