Upload video with longer duration.
Hi, In my project I should upload images, videos and documents. I'm using jquery file-input and it works fine with, images and document, but when I upload video with longer duration, I recevive this error: Something went wrong with the file upload operation. Please try again later! I've read something about jquery.fileupload-video, but I did not found documentation and examples to apply in my project. Please, can someone helps me. Thanks in advance. Tegatti
Why jquery .offset().top doesn't have the expected behavior ?
I 'm using the jquery .offset().top to build a fixed menu on my website and it works absolutely perfect but ONLY when the user look at the top of the page. If you try to scroll the body down to the middle and then try to click at the left links of the menu the scroll has strange behavior and doesnt display the correct anchors anymore or even worst stops to work. Why is that? What i 'm doing wrong? HERE IS MY JSFIDDLE
Clicking Twice in Select to Get Option List
<select id="selectid"> <option></option> </select> var valArray = data.valarray; // data is coming in correctly from an ajax call $('#selectid).children('option:not(:first)').remove(); // selfld are defined correctly for (var i = 0; i <= valArray.length - 1; i++) { $('#selectid).append('<option value="' + valArray[i][selfld] + '">' + valArray[i][selfld] + '</option>'); } When I view the select list and click on it, the above code runs inside of an on focus and the new option values are coming
$(document).ready and $(window).on('load') in jQuery 3.4.1
Hi, I'm currently in the process of trying to upgrade a site from jQuery 2.2.4 to 3.4.1 but I am having issues with the order in which $(document).ready and $(window).on('load') are firing. My understanding is that $(document).ready should always fire first but this doesn't seem to be the case. In the following example the console shows "window loaded" before "document loaded" when using jQuery 3.4.1 but when using jQuery 2.2.4 it always works as expected ("document loaded" appears before "window
jquery - image upload and crop
Hi, I am trying to implement cropper.js plugin to upload and crop image. Please check the link below. It is working fine with a pre-loaded image. But when I upload a new image, I am unable to load cropping tool. http://www.inoftech.com/karnpk/diary/crop2/ Can someone help me in getting this addressed please? Regards, Prem
loop thru images in a directory
Hi I have very little experience using jQuery. I'm creating a gallery of paintings, below is the html for 1 painting <div class="d-flex flex-row flex-wrap justify-content-center"> <div class="d-flex flex-column align-items-center justify-content-center"> <img class="img-fluid" src="images\landscape0.jpeg"> <div class="tit-siz"> <div style="float: left"> <h4>Landscape</h4> </div> <div style="float: right"> <p style="float: right" class="card-text">23cm
Does $('video') work with audio?
I have a webpage I wrote a few years ago that has statements such as: try { myTextTrack = $('video').get(0).addTextTrack('metadata', 'myLabel', 'en'); } catch(err) { alert(err); return; } I tried it out recently, and it crashes with audio files like mp3's. Does 'video' not apply in that case? Would I use something like 'audio' (if it exists)? Thanks.
Problem about dragging and dropping images in jquery
Hello everybody. I'm trying to create my own drag and drop for images, I thought that I had understood the tutorials that I did but it seems I might not have gotten it. So I was hoping someone here could maybe tell me if I did understand or not. This is my html code <div class="upload-console-drop" id="drop-zone" just drag and drop files here </div> This is my js $(document).ready(function(){ var dropZone = document.getElementById('drop-zone'); dropZone.ondrop = function(e){ e.preventDefault();
adding and removing an element
take a look at this fiddle...click any menu item(user stats,appointments...etc)...a blue arrow appears. My goal is that when a menu item is clicked the arrow appears(as is the case now...) but the arrow appeared in a previously clicked menu item disappears from the DOM...something logical....so the user can have an idea where is he currently. Something like that...but with the arrow.(this latest fiddle does not use jquery,something I do not want anyway) What do you suggest?
Check if inputs have specific value
I've been scratching my head and either got it completely wrong or close... I have div that displays and number e.g. 106 I then want to run a query that will take that ID and check if any inputs values on the same page has that number. If one does have that value, then the input gets ticked. However all I get is undefined..... var dev_id = jQuery('.dev_title').text(); alert(dev_id); if (jQuery(".dev_id").val() === dev_id) { jQuery(this).prop('checked', true); alert(dev_id); } <span class="dev_title">106</span>
how to print data from select when option is selected with submit button and where id
hello, how to retrieve data from the select option we throw to the button i have select option // code <div class="col-md-5"> <div class="form-group"> <label for=""></label> <select name="" id="company" " class="form-control"> <option value="">--- select company ---</option> @foreach ($customer as $c) <option
Select list Size value not working iOS
I’d like my Select list to be shown open via the Size value. Such as Size=8. So I can see 8 items in the list. However, this Size value is ignored in iOS because the Select is always shown closed up. Is there any way I can get the list to display open, and if not, is there another way I can achieve a similar ‘look’ using another kind of element? Thank you...
Modal: Confirmation, jQuery and PHP
Hello guys, I have a table of posts. Each post has "DATA-ID" and "DATA-TITLE" tags.By clicking the "Generate/Gerar" button I need to open and display in the Modal window the DATA-ID and DATA-TITLE. By choosing the "Generate Art/Gerar arte" button a script is executed. The PHP script will just change an ENUN field from "0" to "1" in the chosen record. How do I get the "DATA-ID" and "DATA-TITLE" from the registry and make them appear in the Modal window? How do I use the "DATA-ID" of the Modal window
how to select the li element with specific link text
Using the following navigation I display an image gallery of products that start with the selected letter. <ul class="pagination pagination-lg" id="letterNavMenu"> <li class="page-item active"><a class="page-link" onclick="">A</a></li> <li class="page-item"><a class="page-link" onclick="reloadData('B')">B</a></li> <li class="page-item"><a class="page-link" onclick="reloadData('C')">C</a></li> <li class="page-item"><a class="page-link"
How can i keep a popup div always open, even on page refresh/reload until a user close it using session storage and jQuery?
I use the following code to show/hide a div using jquery toggle. I try to find a way so browser can remember the last status of the popup div. What i want is to keep this div always open even on page refresh/reload until a user close it. I think that i have to use html5 web storage and jQuery but i don't know how can i apply it on my code. Could you please help me as cant find anything similar by googling it? :( HERE IS MY FIDDLE CODE Thanks in advance
ContextMenu2 how to change the font?
I've searched and searched for an example of how to change the font for the contextMenu2? All I find are topics on Awsomefont icons. I'd like to change the popup menu font to Courier New. Thank you for any help. $(function() { $.contextMenu({ selector: '#idqset', trigger: 'left', font-family: 'Courier New',//<--- does not work callback: function(key, options) { }, items: { "100": {name: "\\ Show current weight to max weight line"}, "200": {name: "+ Show CG crosshairs"}, "300": {name: "Show maximum
Getting src from clicked image using owl-carousel
Hi, I need your help to get src from clicked image using owl-carousel. I get src when onchange event, but not on click. Here my fiddle: https://jsfiddle.net/tegatti/u7tz0h2x/46/ Thanks in advances Tegatti
Jquery, Pass values from id to another js function
I want to pass the values from one Jquery Function to another. Running this function $(function() { $('#ProjectWHDate').change(function(){ $('#TaskFechHours').load('disabledtimes.asp?RobotID='?RobotID=1&ProjectWHDate=10/10/2020); }); }); im getting from disabledtimes.asp this result: 'timeFormat': 'H:i', 'minTime': '9:00pm', 'maxTime': '17:00mm', 'showDuration': true, 'step': 15, 'disableTimeRanges':[['10:00', '13:00']] So Far So Good... But i want to pass this result to another script. This one...
Issue on Skip Adding Class to an Element Which Has a Specific Class
Can you please take a look at This Demo and let me know how I can prevent adding active class to the divs that have d-none class already? as you can see from my code I am adding the active class by index to all .tab-pane divs but I want to skip adding the active to the div with d-none class and add it to next available element $("button").on("click", function(){ var index = $("#content-tabs .tab-pane.active").index(); index = index+1; $(".tab-pane").removeClass('active'); $(".tab-pane").eq(index).addClass('active');
Can jquery fill a polygon with a color?
I have some code (below) that builds a polygon shape (using an array). It's a simple 5 sided polygon. I'd like to fill it with a color. Does jQuery have a way to fill a polygon with color? Thank you... function buildPolygonEnvelope() {
var cgEnvelope = document.getElementById("idEnvelope").value;
polygon = [];
var str1 = cgEnvelope.split("@");
for (i = 0; i < str1.length; i++) {
var str = str1[i].split(',').map(parseFloat);
polygon.push( [ str[0] , str[1] ] );
polygon.push( [ str[2] , str[3]
Como faço para alimentar 2 combobox dropdwon com jquery e duas listas json
O código em JS abaixo alimenta o combobox "programas" (html <select id="programas">) com uma lista em Json (lista-regiao-programas.json) de acordo com a escolha no combo "regioes" (html <select id="regioes">). Mas como eu faço para alimentar o combobox "municípios" (html <select id="municipios">) baseado no combo em "regiões" com a lista Json "combox-municipios.json" ? esolhe 1 programa -> alimenta regiões -> escolhe 1 região -> alimenta "município" (3 combos aninhados)... HTML -> <div class="form-group">
Jumping to anchor within modal with a fixed header
Hi all, I am having a bit of a problem. I have a script that is for nested modals, that when a link is clicked it jumps straight to an anchor. It works fine. However when styling, I would like to have a fixed header as the ".content" div scrolls to the anchor. When ".content" has a height of 80vh it looks fine, but the script doesn't scroll to the anchor. When ".content" has a height of 80% the script works, but the fixed header doesn't stay fixed and scrolls with the ".content". How can I have the
Popup modal and jump to anchor inside
Hi all, I am trying to create a link that when clicked, a modal pops up, and also jumps to an anchor in it. At the moment you will see i have some code for the pop up (which is configured for a set of nested modals) hence it is not your standard setup. When you click on the links twice, they work. How can I get it to work as is, with one click only. Thanks HTML <a href="#contributors" class="element-item item1">item1</a> <a href="#contributors" class="element-item item2">item2</a> <!--
how to use encrypt and decrypt
how to encrypt and decrypt with jquery, then send to the controller laravel
selected accordion
hello i have probleme with my accordion for exemple if cliked in englich she tackes show and the others become hidden this my code https://jsfiddle.net/thomas_david88/c0x1znum/12/
Need asssitance on resolving Security Scan Vulnerbilities
We recently can AppScan Source on our product and a number of issues have been identified as exposures. they seem to be false positives based on teh context of usage, AppScan Source seems to be flagging text. I need guidance if there are any alternatives to perform the tasks in jQuery. 1. CWE 288 JQuery Calls to Ajax Endpoints Can Be Made Out of Sequence source line flagged $.ajax(( type" "POST", contentType:"application/x-www-form-urlencoded: charset=utf-8", url:+/IPreports/...." 2. CWE 311
jQuery looping through class
I'm trying to loop through a class called payload and get all of their weights. When I run my code all I see in the console.log() is one line with a total of 9 (there are 9 TR rows. . I need to loop through each one of the rows and see their weight values. Thank you for any help... $('.payload').each(function() {
console.log($(this).val());
}); <td><INPUT TYPE="text" class="payload" value="<?php echo $php_row->Weight?>"></td>
Toggle class on menu but also remove class
hi guys - i need some help with something relatively simple. i have a bunch of menu items item 1 item 2 item 3 item 4 when i click any of the items i need to toggle a class 'open' indivually for each item but if i click on another item example item 3 i need to remove the class open. this is how my code looks so far - i am able to toggle the class but it doesn't get removed when click on the different items. $('#Menu1 .DropDownInner').on('click', function(e){ e.preventDefault();
.load failed in Firefox > 68
Hi there, have a problem with jquery .load function. Have an index.html file and try to insert a xyz,html file from subfolder at a certain div position: <script>$("divpos").load("subfolder/xyz.html");</script> Worked until Firefox 67, but now get in console this: Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file:///C:/Users/name/Documents/00%20MyData/005%20xyz.html. (Reason: CORS request not http) And: File xyz.html is not loaded! Changing Firefox
Calculate the number of days between dates and then multiply by a number
Hello, as usual I think I am way over-thinking this, so any help pointing me in the right direction is greatly appreciated. Ultimately I am trying to calculate the number of days between two dates and then multiply that number times another number (cost of a permit). I am using the whatsock.com aria datepicker and have two date fields; start date and end date. Here is where my jquery skills need serious improvement. Each time a start and or end date field is clicked or entered, is when I need the
[SOLVED] Empty errorThrown on fail?
Original post below. Solution: I discovered that the Chrome browser was negotiating with the HostGator server to use HTTP/2 in the case that I got a blank errorThrown. Apparently in HTTP/2 there is no provision for passing a text message with the status code! Consequently for jQuery there is no value with which to populate errorThrown. The solution for a RESTful interface is to ensure that the response MIME type is application/json and the body contains a JSON object as the body of the error response.
nested calls,second done not firing
hi all, I've written this piece of code: if ($('#smartcards').val()) { let customer_id = $('#customer').val(); let customer_name = $('#customer option:selected').text(); if ($('.shipment-edit').length) { customer_id = $('#hcustomer').val(); customer_name = $('#customer').val(); } $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $.ajax({ method: 'POST', url: '/manufacturers/checksmartflag',
Sort a list based on class as well as values
I need to do a sort of nested sorting. <ul class="nested"> <li class="a-group">4</li> <li class="a-group">2</li> <li class="a-group">1</li> <li class="a-group">3</li> <li class="b-group">4</li> <li class="b-group">2</li> <li class="b-group">1</li> <li class="b-group">3</li> <li class="c-group">4</li> <li class="c-group">2</li> <li class="c-group">1</li> <li class="c-group">3</li> </ul> So is there a way I could sort each value within each group, so that I end up with
Zooming background image
I have a Div that has background image I want when I mouseenter in this Div the back ground will be in zooming in
Multiple HTML5 audio players with playlist. First playlist works, second playlist loads in a new window
I have a working HTML5 audio player with a playlist but problems occur when having multiple players with a playlist. The first player with a playlist works but when I add a second playlist, the audio file is played in a new window. I don't know what to do and I really need help. I've looked online for a solution and couldn't find one. var audio; var playlist; var tracks; var current; init(); function init() { current = 0; audio = $('audio'); playlist = $('#playlist'); tracks = playlist.find('li a');
on("keyup paste", function) not updating in Microsoft Edge
Hello, The following js works great. When I type in the first_name and last_name fields, the combined data is copied into the hidden url_title field. When I update either of these fields, the updated data is also copied into the same url_title field...in every browser except Microsoft Edge. I am using jquery.min.1.11.3.js Any ideas for how I can remedy this would be greatly appreciated! Thanks! Peter T $(document).ready(function() { $("#first_name , #last_name").on("keyup paste",
adding to an anchor with no ID or Class?
I have some html like <div class="tf-profile-photo tf-profile-photo-extra-large"> <a title="Rob Merritt" href="/imagethumb/835519470000/524/0x0/false/Rob%20M.JPG" target="_blank"> <img width="156" height="156" class="tf-miniprofile-user " src="/profileimage/835519470000/524/158x158/True/558,-31,3006,2417/Rob%20M.JPG"> </a> </div> that I wand to look like <div class="tf-profile-photo tf-profile-photo-extra-large"> <a title="Rob Merritt" href="/imagethumb/835519470000/524/0x0/false/Rob%20M.JPG"
how to make link count value ready to UPDATE mysql database.table
For this question I use almost the same example taken from this topic. https://forum.jquery.com/topic/a-href-link-click-does-not-open-in-new-window <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Click Counter</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $('body').on('click', 'a', function(event){ var currentNumber = $('#currentNumber').text();
Jquery unable to accept getelementbyid value from previous function
Dear Friend, I have two functions and i am running one by one via button 'SUBMIT DATA'. I am using php and ajax also. 1. check_all_data() >> checking all the data entry and error is displaying in <DIV> element for individual data 2. save_all_data() >> it is saving data if there are all valid data. issue 1. But is is not doing properly. 2. whenever I am going all the data entry field one by one one the system is doing properly. I am sending herewith the functions, kindly guide me in this regard.
slide
Hi this is my fiddle https://jsfiddle.net/cfrank65/k1gp9y5e/4/ the validation still not working however it was working before. thank you, frank ps: regarding slide, I try to add margin or padding and there are problems, it is not working properly., somehow it looks strange, cards not finding there place. thank you, frank
Next Page