What's wrong with my code?
Hi I try to follow this video https://www.youtube.com/watch?v=ZQhR5RbJ2sk I want to create a clone of my image but no luck Please look at my code: <html> <head> <script src="http://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> <style> .zoom{ position:absolute; top:40px; } </style> </head> <body> <ul> <li><img src="rosa.jpg"> <h2>Tshirt Rosa</h2> <button type="button">Comprar!</button> </li> <li><img
multiple formats in datetimepicker
I am using the jquery-ui datetimepicker and I want it to accept dates and times with or without leading 0's and 2 or 4 digit years, e.g. 2/3/18 2/3/2018 02/3/18 02/03/18 02/02/2018 Currently it seems it will only accept one format. Is there way to have it support multiple formats?
data-transition not working
I use the code below to open a dialog. It appears to work only within a certain length of the page. It seams I am not the only one who encounters this problem. Is there something known about this? I use only single pages. <a href="#PageRel1" data-transition="flip">Test me</a>
Is there any way to write more generic code in below code?
Hello All, I recently started coding. Please help me to write more generic way of writing below code. function set_selection(elem) { switch(elem.id){ case "div_SortCost" : if(elem.id == "div_SortCost") { if(btnSortNumber.elem !=null) { btnSortNumber.disactivateSelection(); } if(btnSortCost.elem!=null) { btnSortCost.activateSelection(); } if(btnSortHour.elem!=null) { btnSortHour.disactivateSelection(); } } break; case "div_SortHour": if(btnSortNumber.elem!=null) { btnSortNumber.disactivateSelection();
"UPDATE" INSTEAD OF "ADDING" A NEW IMAGE?
CODE: https://codepen.io/juscelinobarao/pen/bLLdZx The above code always displays a thumbnail when an image is chosen. But if I choose three different images three times - or not - the code will list me three different thumbnailS with the three images. How to discard the previous image when choosing a new image, without listing all the chosen ones? -- Atenciosamente Juscelino Barão
Both popups are appearing at the same time instead of one after another
Hello, look at these two popups that i have created. Click here to run the popup script https://www.w3schools.com/code/tryit.asp?filename=FOJZTU4EISW8 first popup is "image of a house with click here text" second popup is "name/email etc. submit form" now the problem is as you can see on the "Tryit editor", both popups are visible at the same time. but i need the first popup to appear first and when a visitor clicks"click here" text, first popup should disappear and email submit popup should appear.
browserWidth() and height(), compatible for desktops and smartphones (fullscreen apps)
a gift back to the jQuery developers and community :) rename it and use it as you please. feel free to include this in the jQuery core; i think it's needed there. what's also needed is a color animation for rgba(0,0,0,0.5) to rgba(255,255,255,1) for instance. you forgot to include that :) moderators of this forum, - i'm not ungrateful - i'm an opensource developer who uses a forum like this to feed back vital info to the developers of jQuery - i'm not here to advertise my product, i simply want
How to execute a click() on this web page tab?
At first a (german) sample web page: https://www.wikifolio.com/de/de/w/wf0futecus In the middle of the web page you will find four "tabs": - Handelsidee - Portfolio - Analyse - Trades By default the first tab "Handelsidee" is enabled. Now I want to apply (in a Greasemonkey script) a jQuery statement which automatically clicks on the tab "Portfolio" when the web page is loaded. How can I achieve this? The following does NOT work: $('.js-tab__link.c-wfdetail__tab-link.gtm-portfolio-tab').click(); What
how can i resolve minus value o/p
hi good aftn. if we give minus values from 0 to -11 then the output should be as minus value i.e -11.if we give greater than -11 that is -12,-13 likewise then the output should be the given respective minus value.Have to resolve this using change event. for ex: if textbox1=-8 then the output should be -11. if textbox1=-20 then the o/p should be -20. please anyone help me....
(validate) jQuery.popup() unbinds .validate function
Hi everyone, I have an existing web form that I am trying to make into a multi-step progressive form. The existing form validates correctly using jQuery.validate (https://jqueryvalidation.org/ ) when its stand-alone. However when I put the form in a popup overlay (http://dev.vast.com/jquery-popup-overlay/ ), I get the error when trying to call the .valid() function in a specific form field. The error I get is: Uncaught TypeError: Cannot read property 'element' of undefined at HTMLInputElement.<anonymous>
Get Selected item from dropdownlist
I have two dropdownList. One parent and the other child. Selected item in Parent drives the selected item in Child on Parent Changed. Now on Edit I want to highlight only the selected item where their ID's match in each of the dropdowns. Any help will be appreciated.
How to resolve "SFM_GUI.js:1555 Uncaught TypeError: Cannot set property 'innerHTML' of null"
Hello All, Please help me to resolve below error. Thanks in advance Chandu
Problem regarding ajax post request
Hello, I'm trying to make ajax post request to google calendar api, but no posting is happening and the data which i want to post is in this form { "summary": "Title", "start": { dataTime: "2018-02-12T12:00:00"' }, "end": { dataTime: "2018-02-12T13:30:00"' } } calId and token i've not given because of confidential information Please Help Here is the code- var newEvent = function(start, end){ $('#m_modal_6').modal('show'); $('#add_event_submit').click(function(){ var title
Bradley Witham- Jquery errors
Hi, I am Bradley Witham I am new to jquery, How do i see Jquery errors? Thanks, Bradely Witham
amount changed in td
Hi, i have a table displaying numeric amounts from API let say <td>50</td> i want to add a separated span whith the amount changed on the last 24 hours something like $('td').changed in 24hrs get data ito span any ideas?
what is wrong with this code ?
function getMessageText() { return $('message').text; } document.body.innerHTML = '<div id="message">The message</div>'; console.log(getMessageText()); what is wrong with this code ?
Rookie here :) Need help on coding jQuery performing Dynamic search filter
I think the javascript is conflicting with jQuery because the checkboxes doesnt work but when I remove the script type (Bolded code) the check box functions. I have a search box that I created and the goal is to be able to dynamically search on the list and values of what the checkboxes shows. Basically what this does on my page is when a check box is selected it will filter based on "my" which is their list. Now I need to add a search function that is based on "my" or "all" so it will search/filter.
Clicking collabsible scrolls to far down
I experience the collapsibleset and collapsible as a great feature, just fantastic. But I have been struggling for a while with the following problem. I am very grateful if someone wants to help me. When collapsibles contain more content than a bit, there is a problem. The following code is the code that I use, so just as prescribed. Nothing special. Do the following to test: I have looked at page https://api.jquerymobile.com/collapsible/ where the following is stated: "Note: Collapsible is deprecated
position in jQuery 3.3.1
Just upgraded from 3.2.1 to 3.3.1 and now some positioning of something I was doing before is off.... I have an image that I am getting the position of: var position = img.position(); position.left in 3.2.1 is 1379 position.left in 3.3.1 is 1 For some reason I can't get to the blog.jquery.com to see the release notes to see if it is something that is changed or if it is some kind of bug....
Put object in droppable area on page load
I’m implementing a photo manager like the one on this website ( https://jqueryui.com/droppable/#photo-manager ). Upon dragging an image to a droppable area I set this image to be the default one in the database. This works fine. What I can't figure out is how to have this default image show up in the droppable area upon page load. Do I have to do this in asp.net or can I call a jquery function after the page has loaded? Any ideas would be welcome.
trying to get 'index' in a collection
I need to use a collection for this feature. I am trying to hide (or remove) the div.form-q element, but can't seem to select it. I have set up a console.log to try to see it's length. What am I missing here? I know a table would be better suited for this, but I must use this collection. /*hide delete file & make dropdown required on additional attachments*/ var uploadFormat = function(){ var i = $(this).index(); var c = $('#q270 div.form-q').legnth; var descrCell = $('#q270 div:nth-child('+i+')');
noobie Q about style setting for collapsible element
hello i'm using a little piece of code that i pasted from the web. i guess it's kind of old but if i can make it work then it don't matter i just wanna add one parameter, the "padding: 10px;" and change the h2 element a bit. anyone know why the padding is being ignored by the browser? thanx, mike <!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-1.4.5.min.css"> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
How to convert e-05 to 5 zeroes
Hi When I am trying to parse some data like 0.00004265 jquery print like 4.265e-05.How can I convert it back? Sorry for my English.
Uncaught TypeError when clicking on navigation buttons
Hi, I have the code below that is relative to a page that has a multi-step form. For the navigation between the steps I'm using bootstrap and jquery. The issue is that when some step navigation button is clicked it appears on the console the error: Uncaught TypeError: Cannot read property 'nodeName' of undefined in the tabs.js file in the line 155 that is: if (container.nodeName === 'UL') { // line 155 Do you know where can be the issue? HTML: <div class="bg-light-gray2"> <div class="container
TypeError Ajax is not a function
Hi, I'm quite blur in which part is causing this error (TypeError $.ajax is not a function) Already try almost every solution i found on the internet. <script src="https://code.jquery.com/jquery-2.2.4.min.js" type="text/javascript"></script> <script> $(document).ready(function() { console.log($.ajax); }); </script> <script> //listing charity in dropdown list $.ajax({ type: 'GET', url: 'http://ayambrand-com-my-v1.cloudaccess.host/index.php?option=com_echarity&format=raw&task=api.get_charities',
Using ID's to create a URL
This snippet logs ID's from span element into the console. Can someone help me with which method(s) will format my ID's into a string separated by /? My goal is to append one URL with that string. I've been messing around with many variations, and I'm able to append a URL, but it logs each ID as a separate URL. For example, the ID's are latitude and longitude. If there are two ID's logged to the console, it displays twice.. https://www.google.com/maps/dir/Current+Location/LATLONG https://www.google.com/maps/dir/Current+Location/LATLONG
JQuery 3.1.1 vs 2.2.4 change in behavior appending rows to a table
The following code: $('<TABLE />').append('<TR><TD>1</TD></TR>').appendTo('BODY'); results in slightly different DOM structures. Under 2.2.4 you get <TABLE><TBODY><TR>... Under 3.1.1 you get <TABLE><TR>... (one has a TBODY and one does not) This causes problems if you later have selectors like #id TBODY TR (to get all the body rows, and no header rows). I've reviewed the jQuery Core 3.0 Upgrade Guide and can't see anything that might be related. So my question is... is this expected behaviour or
Retrieving data from a json file into a variable
Hi guys, I have these two codes. One give me an array of usernames from a json file. The other one check if a username has been taken (but just from the variable "userList"). How can I implement them together? I want the second code to check inside the json file instead of the variable userList. Also,is it possible to check inside a mongodb database instead of the json file? I have been looking every where but can't find any recent information about it. Thank you. $.getJSON("/usernames.json", function(data)
help - Slider script dies in Chrome, works great in Firefox
I implemented a slider along with input boxes that can work in tandem with the slider. When I started the records I was pulling in from the server was around 1000 and the slider worked well. Once the database table was updated and the amount increased to 7500, the slider has taken a dive in Chrome. So if I just select say up to 1500 records from the database then no problems but once I go over that amount the slider becomes stuck and won't move without waiting a long time and even then, is difficult
Why my objects names are not shown on the chart ? can anyone help me please?
Hello please can any one tell me how to resolve this issue? I have created this web page to show statistics about products sold in each date, but its seems thts not working, it shows me NaN! But If I go on navigator to see source code of the page, I can see my objects names! Im using Java EE, Spring Framework. this is a screenshot: And this is my code : And thts what It shows in the " Show source code of the page " on Chrome navigator :
How to apply different colors in Jquery dialog box using dynamic way
I use following code. I need to apply multiple colors (themes) for each dialog box . is it possible ? The dialog box are created dynamic way. You can see see that from the code. I have 2 links (see that code below the jquery code) and each time It create different dialog box. Need to apply different background color and border color for each dialog. I mean First dialog background-color:red, for the secod - background-color:blue $(function () { $('a.clk').on('click', function (e) {
Remove duplicated rows when looping a HTML table that was added dynamicaly with append()
Hello please can any one helps me to finish this ; I have created this web page for ordering one/more products, now on the topside, when I select a product and its quantity, when I click the " Ajouter" button it goes on the list below, my problem is when I add 2 same products they appears in 2 rows while I just want them in one unique row and then I should ocmbine their quantities. the table below is created by an append(), when clicking the "Ajouter" BUTTON, so every element on it,is added dynamicaly,
accordion in a table form....
I am new to this.... but I have application which we use to make notes for another program. I have a form with a table inside of it. I can use this code to toggle sections of the table but when you open the form this will only allow the sections to be collapsed. I would like to be able to have some sections expanded and some collapsed, but still be able to control with a click. This code work good for the clicking part but I have not figured out how to get the control I would like. I know there has
Needing help getting $(this).find to work.
Hi, I'm having problems getting $(this).find('.thumbs-up').html(data + status); to write to the element. any suggestions would be helpful. I'm trying to use this in Cordova so I can't have any php on my page so I have to call everything via ajax. I'm trying to make and up vote and down vote system. Thanks. <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" /> <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
Validation in each step of the multi-step form
I´m creating a multi-step form using bootstrap and jquery with 4 steps. But I want that in each step validate the required fields, that is, the button to go to the next step should only work if the required fields are not empty. But I´m not having success implementing this part of validating each step the required fields. Do you know how to do that? Working example: https://jsfiddle.net/4vzf9qgr/2/ Jquery: $(function(){ // navigation buttons $('a.nav-link').on('show.bs.tab',
Nested accordion with not selector works, but I can't figure out why!
1) I built a nested accordion using the dt (definition term) of a dd (definition list) as the header. <dl class="accordion"> <dt>Term</dt> <dd>Description <dl class="accordion"> <dt>Term</dt> <dd>Description</dd> </dl> </dd> </dl> $(".accordion").accordion({ header: "dt", heightStyle: "content", active: false, collapsible: true }); 2) I found that clicking on the child (nested) accordion
How to use a php function inside jquery
Hello, I'm writing a comment system and i encountered a problem which is, after fetching users comments from db, I used jquery to display the comment, which I have a php function inside the jquery to help me fetch users username but is not working, please I need help. Here is my code $.post("getcomment.php", function listComment() { function (data) { var data = JSON.parse(data);
Multi step form with jquery issues - navigation buttons are not working
Im trying to use the jquery steps plugin to have a multi step form. I just copy the available example code on the documentation and made some html and css changes and the form is working now like this: "https://jsfiddle.net/hyuzhytj/5/". But it has 3 issues: - The navigation buttons next and previous don't work. - In the first step, there are many form fields and the last fields, for example, the field with id="notes" don't appear, it seems that it's hidden. - I'm also using the select2 plugin in
Need help in identifying lightbox plugin
Can anyone help me identify the kind of lightbox plugin used on this site? https://www.blairbunting.com/Advertising/10/thumbs Or maybe you know something similar. Any advice will be much appreciated.
Scroll to anchor in an <a> tag using sudoSlider
Hi, I got this problem that got me pulling all my hair out. A link <a class="customLink" data-sudo-rel="1">section1</a> Will make the sudoSlider slide to the correct info but when adding the href="#processinfo" like so : <a class="customLink" data-sudo-rel="1" href="#processinfo">section1</a> Stops making it work as intended. The reason i want to add <href="#processinfo"> is, in case small screens, the information will be actually shown, instead its shown outside the visible part. jsfiddle
Next Page