Problem in ie browser
Working in ie simple jquery code like $('#descript').html(str12); go to this problem : In picture word(in russian) школа change to шко?ола. str12 is string where школа is It is like something interupted process, inserted 2 symbols and then renewed it again To my string I get two anorher symbols - ? and о (last symbol before interuption)
.attr(): type property can't be changed
I am trying to change input type from password to text but I am getting the error in the subject. $('#password').attr("type", "text") This is strange because this fiddle seems to be working: http://jsfiddle.net/bgLtoqgj/ Stackoverflow didn't help to clarify: https://stackoverflow.com/questions/8378563/why-cant-i-change-the-type-of-an-input-element-to-submit Any ideas?
How to remove empty <p>...</p> but with possible attributes?
Assume I have the following simplified source code: <p> </p> <p style="line-height: 12px;"> </p>Both <p>s contain inside only whitespace chars. Here it is a blank. It could be a tab or nbsp as well. Now I wan to remove all empty <p>s resp all those which contain only whitespaces. When I try the following (pure Javascript) code: document.body.innerHTML=document.body.innerHTML.replace(/<p>(\s*| |&tab;)<\/p>/g,""); then only the first <p>...</p> is removed. How can I extend the command that the
How to add label before textbox
Hi - First time poster here. I've never used jquery or much javascript at all. I have to add a label above 2 text boxes - I've tried various ways of using append and prepend and nothing works. This is the code I have: <form class= "login-form"> <div class="form-group"> <input class="form-control" placeholder="Username"></input> </div> <div class="form-group"> <input class="form-control" placeholder="Password"></input> </div> ... </form> inside I want: <div class="form-group">
Dynamically inserting div with an image and image not getting loaded
Hi all. I'm adding some "cards" to a div and those cards have two images located on the server. The card I'm inserting looks like this: <div class="m-card"> <div class="m-header"> <div class="m-options"><span class="ui-icon-star"></span></div> <img class="m-profile" src="http://domain.com/images/users/me.jpg" /> <div class="m-dname"><a href="#">@PPetree</a></div> </div> <div class="m-content"> <p>yum yum yum - nom nom nom</p>
how to create multiple div's dynamically, so that it has to create multiple columns(TODO,INPROGRESS..)
I need to create multiple columns(4 columns- TODO, INPROGRESS, RESOLVED, DONE) dynamically using jquery(with the help of div's)
Moved footer to header .And Sorting taking place when trying to filter the dropdown
Dear All, In my fiddle I had moved my footer to header , But sorting is taking place when I try to filter the column. For that I had created another thead and trying to point the sort to newly created thead by following the url which is exactly matching my requirement I tried adjusting the the below code. But find no luck can any one please do let me know what's the issue $('#example').DataTable( { initComplete: function () { this.api('thead tr:eq(1) th').columns().every( function
Jquery virtual scroller / feed manager
I'm working on an app that has a feed with cards (like facebook or twitter). I've been looking for a plugin that has most of the code working. I've found two: endless-scroll which was last worked on in 2013 and jscroll which is also 4 years old and is a complete kludge of code and documentation. Does anyone know of any form of plugin or example code for a virtual scroller or feed manager? Thanks, P. (BTW, that 2 word search bug still exists in the forum search bar!)
JavaScript and Items value setup
Hello there, I have a value from 1 to 10 that i receive and then I have 10 item boxes that need to be populated lets say with the values 1 to 10 depending on which value was sent Im trying to do something like this but it doesnt work with javascript. Is there a way to do it with jquery? document.getElementById("item"+v) = "12345"; document.getElementById("item"+v).value = "12345"; //item1.value = 123554; this work but I want to do it by getting the number from the one
JQUERY Problem with multiple selects and multiple item boxes
I have the following 3 select boxes that have a value from A to C. On the right side I have 3 item boxes which are empty. My select drop down are created depending on the count that i have on my table which is 3 now but can have more than 3. Everytime that someone clicks on a select and choses from a to c. I need to input the value on the box. Example, if the person choses A then I put First, B Second and C Third. My question is that I don't know how to do this change even with JQUERY and how does
listview last line blank
I have a dynamic created listview that I refresh after loading. The CSS for the ul is: overflow-y: scroll; -webkit-overflow-scrolling: touch; On an iPhone SE that exceeds the list space all items are loaded but for some reason the last line is blank. If the users touches the last line the text appears. Thoughts?
Force a POST
Hi everyone, I have a PHP function that queries data from MySQL table. In order for it to work a POST needs to occur, because I Really haven't figured out how to do this another way. So, how can I force a POST from my JavaScript? Example: PHP code { .... } <script> JavaScript code Force POST </script> I don't know if this make sense, but Let me know if there's a better way? Thanks Neil
Leaving gaps in a sortable list
Hey, I am stuck in an epic conundrum. So I am trying to make a board with sticky notes. The notes can go from one column to another and can also be sorted with columns. This is all easily achievable by jQuery Sortable. I can connect as many lists I want and sort them to my hearts content. But there's an inbuilt behavior I want to override. When I remove an item from a list, the list automatically sorts itself and I want to stop it from doing that. Here's the JSFiddle As you can see, I have three
JQuery Change event right row problem
Hello I have a loop that will create drop downs (selects) depending on how many items I have on my list. I have a field next to the selects that will show what I selected on the left side. For example if I click 1 it will display One, 2 it will put a Two value there on the second item. My problem is that I don't know how to use the change event so I can trigger the right select. Do you know how to do that with jquery or just by doing a $("select#p_list").change it will know which select im clicking
Pinned tab data restore
Hi all, In my work space, i have input field date with min and max attribute. The max value which i set is current date. If i have pin tab of my web page and open my page, the max field is not updated(showing yesterday's date). After refreshing the page only it will be updated. So, my question is, Is there any method/way to get max field date(current date) without refreshing the page in pin tab in browser?
Change background image dynamically
I'm new to jquery mobile and I have a need to change the background image dynamically. I tried the following codes but none is working. //$('.ui-page').css('background-image', "url(img/background2.jpg) no-repeat center center fixed;"); //$('#index .ui-page').css('background-image', "url(img/background2.jpg) no-repeat center center fixed;"); $('body').css('background-image', "url(img/background2.jpg) no-repeat center center fixed;"); //$('#rodeliox').css('background-image', "url(img/background2.jpg)
Intermittent issues
Has anyone else noticed intermittent issues connecting to https://code.jquery.com/jquery-*.js ? The issue appears to have started yesterday, just seeing some calls taking longer than 30 seconds to respond. ~ curl -v https://code.jquery.com/jquery-3.2.1.slim.min.js >> curl.txt % Total % Received % Xferd Average Speed Time Time Time Current Dload Upload Total Spent Left Speed 0 0 0 0 0 0 0 0 --:--:-- --:--:-- --:--:--
Unable to insert the value in html table cell
Dear All, I am trying to insert the value through Jquery or Javascript in html table row[1][2] , But I am finding no luck Can any one please help me what's wrong in my below lines <!DOCTYPE html> <html> <head> <style> table, td { border: 1px solid black; } </style> </head> <body> <p>Click the button to insert new cell(s) at the beginning of the table row.</p> <table id="total" style="width:100%"> <caption>Count Of Sessions</caption> <tr> <th>Sessions</th> <th>Mar</th> <th>Apr</th>
Autocomplete css is missing for dynamic elements
Here is the css : <style> .CitiesAutocomplete { list-style: none; background: #fbfbfb; border: 1px solid #5f5f5f !important; width: 350px !important; position: absolute; z-index: 10000; border-top: none; min-height: 25px; max-height: 250px; overflow: auto; cursor: pointer; padding: 4px 0; } .CitiesAutocomplete li { padding: 2px 6px; } .CitiesAutocomplete
(How to avoid?) jquery load method cause multiple event trigger in sub page
I use jquery load method to load sub page from another file to act as a template system, the code simplifies as following: simple.html <ul> <li><a href="#" onclick="loadMessage('Welcome Home')">HOME</a></li> <li><a href="#page1" onclick="loadRoute('page1.html')">Page1</a></li> </ul> <div id="app"> </div> <script> function loadRoute(url) { $("#app").load(url); } function loadMessage(message) { $("#app").text(message); } </script> page1.html <div class="tag"> <h1>Page1</h1> <script>
Show a "please wait.. loading"-gif when link to anchor is clicked
Hi Coders! i'm new to using jquery, but i use this code for scrolling to anchors when anchor-links are clicked : ----------- $(document).ready(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) +']'); if ($) { if (target.length) { $('html, body').animate({ scrollTop: target.offset().top
Unable to reference variable inside animate method
I have the following function: $("#scroll1").click(function () { var scrollId = $(this).attr("id"); $('html, body').animate({ scrollTop: ($(scrollId).offset().top-100) }, 500); }) When this fires I get: Uncaught TypeError: Cannot read property 'top' of undefined This is on my variable reference in scrollTop: ($(scrollId).offset().top-100) How can I reference the scrollId variable inside my .animate?
Jquery regex match code does match good and not good
Hi I use a code to check input value with regex. When I "blur" input it checks and tell me its good when passed. When I click into same input again and "blur" away it checks again but now tells its not ok what Im doing wrong? My Code is: <input type="text" id="name" name="name" placeholder="name" /><a>??</a><br /> <script> $(document).ready(function (){ $("input").blur(function () { checkvalue(this) }) function checkvalue(i) { if ($(i).val() != ("")) { if (eval($(i).attr("name") + "regex").test($(i).val()))
How to remove and add a new ID to a element dynamically.
Hi, is it possible to change the ID of a element on a click of a button? For example if I have the following code; <button id="displayOpt1">Click Here</button> When "displayOpt1" is pressed I want to change the id to "displayOpt2" - this would render the displayOpt1 button click redundant. Thanks in advance.
How to format JSON data
Hi there, Here is my jQuery function that returns an array of emails. Autocomplete shows the returned array of emails as I type in a text box in a form of bullet list. How do I change the form so that I can get rid of bullets. Here is my code <script> $(function () { $('#Email').autocomplete({ source: function (request, response) { var options = {}; options.async = true; options.url = "/Home/GetEmails"; options.type
How to modify txtProgress Plugin?
Hi there, I want to use this jQuery Plugin listed here: https://www.jqueryscript.net/loading/Minimalist-Text-Loading-Progress-Indicator-Plugin-txtProgress.html . But be patient, the demo site you can click here, is the demo site from the unmodified plugin, if you download it there is the right example page to the new modified code. This is the one i'm talking. So i want to use this insde my bootstrap 4 website, but i noticed some problems. I noticed that the plugin uses the class name ".progress"
Manage claas in list?
tuy vậy, để khoe ra hết vẻ đẹp của phụ nữ, các chị em nữ giới cũng cần lưu ý cách điểm trang và chọn y phục ăn khớp nhé. Dưới đây mà các gợi ý điểm trang đẹp có son đỏ, Các bạn hãy tham khảo nhé.Đối sở hữu phụ nữ, màu son đỏ từ lâu đã được coi là biểu tượng của nữ quyền và sắc đẹp. ấy cũng là lý do vì sao các quý cô đều đôi lần muốn thử màu son này cho những dịp cần thiết của mình. ngoài ra, kế bên những biểu tượng sexy thành công có màu son đỏ, không ít phái đẹp đã không thể tự tín tuyệt đối, bất
datepicker Calendar all days not clickable
Hi, I have an event calendar. It´s shows me the days that are booked/free. It works great too. I would like to go over it with the mouse without being able to click the days. I do not want to be able to click the days.. Is that possible? Hier my code. <script type="text/javascript"> var highlight_dates = ['1-3-2018','1-4-2018','18-4-2018','28-4-2018']; $(document).ready(function(){ $('#datepicker').datepicker({ beforeShowDay: function(date){ var month = date.getMonth()+1;
jQuery Tabs
I've searched high and low for a good Tabs code snippet and I keep coming back to the jQuery version which works OK (up to a point) but is missing a crucial feature:- I want to be able to access an anchor on a Tab that is closed. (This means that when clicked the tab opens and the page is scrolled until the anchor is at the top of the screen. Exactly as if the anchor was on a normal page. I've managed to open a closed tab from an external link but have not managed include the scroll to the anchor.
Problem with my script
Hello, For exams, I set up a counter on my page I want to block the refresh key of the browser, and also when you click on the address bar, prevent to activate the key enter or F5. My script ends with a redirect: on the new page, prohibit the backspace key. Could you tell me if it's possible and how to do it Thanks you for your help!
remove element when you don't need it
i have 100 links has an id='a-list-*' user will added a list link unknown number < 100 has an id='e-list-*' if a user added a 10 lists i have 90 links left in my code so i need to remove it When I run this code I get an error . for (var i = 0; i < 100; i++) { $( '#e-list-'+i ).clone().appendTo('#a-list-'+i); if ($('#e-div-'+i).length) { $( '#a-list-'+i).parents().remove(); } }
How to only change to step 2 if there are no validation errors in the step 1?
I'm trying to create a multi-step form using jQuery AJAX and I want to validate each step with an ajax post request. In the step 1 form, when the "go to step 2" button is clicked if there is a validation error in the console network tab it appears: {success: false, errors: {buyer_name: ["The buyer name must be greater than 1 character."]}} errors:{buyer_name: ["The buyer name must be greater than 1 characters."]} success:falseThis is ok. But even this error appears the user goes to the "step 2"
Out an element with droppable
Hello! I have some images I put through draggable in my droppable. When I move one this image out, it destroys another image... Here my JSfiddle : http://jsfiddle.net/xpvt214o/174732/ You move a blue square to Section 1, if you drop out it disappear. Everything working fine except when you drop a blue square in the droppable inside the grey part, it break another blue square. What I want is that : if dropped on the grey part, it comes back to it's original position I tried many things but I don't
deploying / packaging of jquery mobile app
Hello everyone, I am an android application developer and these days i am building up an android Blockchain Application Examples by utilizing jquery mobile and relatively total it yet the issue is that I read from some place on the web that jquery versatile applications can't be sent/bundled to google play android application showcase? So i was wondering if, this is truly as so? If no then kindly hint me for the solution for deploying / packaging? Any help would be greatly appreciated!!!! Thank
If within iframe makes parent page jump to bottom
go here on an Iphone: https://jqueryui.com/slider/ jumps you to bottom of page. is there a solution? this has been out there for a while it seems. Thanks.
Need help with linked selects using ajax and jquery
I have a django 1.11 based web site, and I am trying to use jQuery to update a select box based on a selection in another select box on the same page. I am not a jQuery or javascript developer, so I am a little lost. This is my script - var $ = django.jQuery; $(function() { var t = $("#id_documentmetadatavalue_set-0-metadata"); t.change(function(){ if (t.val() !== '') { alert("change"); var selected = []; $("#id_documentmetadatavalue_set-0-metadata
any plugin to display all the months of the current year ?
I need to create a calendar like this --> URL(ignor the arrows on the left and right). Now i have seen alot of date-pickers etc. but is there a plugin that creates something like this ? just display the calendar of the current year. I saw this plugin HERE , but i am not quite sure its the solution.
Unable to Increase Width of html drop-down which is in table
Dear All, I had written the code to dynamically create the html drop-down on button click of the row. But my css is not working to increase the width of dynamically created drop-down. Can any one please help me if any Jquery attribute helps me in extending width of my new drop-down which is getting created on Submit button click in a row fiddle Srk
How to use datepicker locally
The only way I can get datepicker to work is if I have it defined like this; <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> I need to be able to reference it like this;<link href="resources/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css"> <link href="resources/jquery-ui/jquery-ui.css"
How to collect all the information in the multi step form "step 1" with jQuery? (have data ready to send to the server to be validated)
I have a registration page that has a multi-step form like below. In the first step the user inserts the registration info (his information, billing information, and information about each participant that the user is registering), then select the payment methods and then the third step is the payment. I'm in doubt in the first step, then for the others should be equal. In the "step 1" I have fields like buyer_name, buyer_surname, etc. I want in each step collect all information with jQuery so that
Next Page