slicknav
Hi, i got slicknav for mobilenav working, but i try to configre that after i clicked onto a link the navigation remember the link a clicked. Does s.o. has an idea how to get it to work? actually i called slicknav like this:: <script> $('#menu').slicknav({ label: 'MENU', duration: 1000, easingOpen: "easeOutBounce", //available with jQuery UI prependTo: "body", allowParentLinks: false, nestedParentLinks: true, easingClose: 'swing', parentTag: 'a', }); </script> Thanks
Using magnific popup type ajax in form Submit
I have a question. I am not much aware of javascript. I want to open a new page (showresults.asp) with all form data transferred to, using magnifique popup Type Ajax. The new window should open on pressing the form Submit (Send) button. I saw the following code in another post, it needs some modification for the requirements mentioned above. The link to post page is: <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="https://rawgit.com/dimsemenov/Magnific-Popup/master/dist/jquery.magnific-popup.js"></script>
Framework to handle specializations
I have an application where I want to cut down on the amount of separate versions of code for each customization. One client gets one version another does not need the customization so I want to find a framework or build one such that a pre processor gets called when an event occurs on the page due to a click and if there is function for the event registered, that functional specialization gets executed and then control returns to the outer function. We never change the outer function. It returns
jQuery and xml / html output
Hello Im new to javascripting / jquery but do have basic working knowledge of (html/perl/powershell/vb), so can grasp basic coding concepts. I am trying to parse an xml file and get some data to be displayed in the wbe page's table section. This all works from googling most of what I am trying to achive and it works : -) , but I would like the data it collects to be displayed into different lines in the html table, and this is where my lack of know-how is stopping me in my tracks. The data, which
draggable helper : what is it ?
Hi. I'm experimenting with draggable/droppable. From the documentation it's not perfectly clear to me what the helper is and what is the difference between ui.draggable and ui.helper objects and by consequence what the clone option is for. ui.helper - the jQuery object representing the helper that's being dragged May anyone help me understand this? Thank you in advance.
selector question
Hello, There are multiple forms with each a submit button on the page. I want a selector for this: All submit buttons EXCEPT the one with class "thisclass" [type=submit].except(.thisclass) is a selector like this possible? Thanx!
Not able to retrieve value from textarea
I'm setting value in textarea using jQuery val(). later I need to retrieve value from the same text area, but it's empty <textarea class="smalltextarea" ></textarea> <input type="submit" name="btnSubmit" value="Submit" id="btnSubmit"> $(document).ready(function () { $("#btnSubmit").click(function(){ jQuery("textarea.smalltextarea").val("Test"); var getText = $("textarea.smalltextarea").val(); alert(getText); }); }); https://jsfiddle.net/d9Ljuo2v/4/`
Video removal from web page does not work
At first a sample source code as snapshot: https://abload.de/img/embeddedvideoddohu.png As you can see there is an embedded video just below the top photo. How can I hide/remove this video? I tried so far: $("#player").closest("p").remove(); or $('iframe[src="https://www.youtube.com/embed/*"]').css("display", "none"); but none of them work. Why not? Peter
How to use the value of an array as value of an attribute?
Hello wizkids/ wizman of this forum, I was wondering if I could use the vallue of an array as value for an attribute. var docus = ["#docu1", "#docu2", "#docu3", "#docu4", "#docu5", "#docu6", "#docu7", "#docu8"]; var spots = ["100%", "300%", "600%", "600%", "600%", "700%", "800%", "900%"]; for (var i = 0; i < docus.length; i++){ docus[i].css({ left: spots[i] }); } I have multiple pages and although I innitially wanted to make a function to add or subtract 100% of the left values. People on this website
jquery dialog window issue
Hello, I am upgrading to jquery2.2.3 and jquery-ui-1.12.1. Eventually I will go with jquery 3.0. For now I am following migration guidelines. 1. I am having a issue where text 'close' is coming behind 'X' image. - quickview.png is attached 2. In one of the title-bar, I am actually getting an entire text of the element that puts the title instead of the text itself. - storelocator is attached I have tried different things but I am new to jquery and I am not sure how to get this working. How
Multiple pictures upload jquery.
Hey All, I have working code for uploading a single picture, i want to change this to multiple pictures. I am having some trouble adjusting my code to get the information from all the files. How can i achieve this. I have this code. <input id=\"file-input\" type=\"file\" multiple> <div id=\"preview\"></div> <div> <button class='toevoegen' onclick='uploadpic();'> toevoegen </button> <button > Annuleren </button></div> function uploadpic(){ var data = [] var data = new FormData();
How to update page using jquery, if form action is successful?
I have a question about how to use jquery to update a page, if a form action is successful. Essentially, I am making a new page with a really simple form (name, email address, and comments boxes). I have made a real basic PHP file to call with the 'action=' attribute on the form. The php file does the job and sends me an email (if everything passed to it checks out). Here is where things get... interesting. I want to have it: 1. Not reload the page when the form is submitted. Instead, just update
Registering if functions have happened
Please help me! I am super frustrated right now. I have been online for hours looking through forums but nothing works. I have checked my code 50 times and I have no faults except for some variables not yet used. I am trying to make a multimedia story where I want to make a path through the story using jquery. I have set up functions stating where divs should be on the page when that function is called. The problem is that I have to check which parts of the story have been visited and stupid code
Not displaying all the items
I have an area (fly-out) which is closed by default, when the use clicks the menu icon there is a fly-out and the accordion should show all items and take up the div space, but it seems to be missing one, when I click the third item, it replaces it and shows the missing one, I have tried lots of suggestions with regards to refresh but none have worked - here is the code and the CSS <asp:Content ID="dashboardcontent" ContentPlaceHolderID="sitecontent" runat="server">
<div>
<div id="mastersidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
Can I Pass a Resource through Function? OR Can I Send Various Variables to Another Function as a Resource?
I am not an experienced developer with JQuery/Javascript. Currently I am having an issue maintaining same contents through out various processes without querying database again and again. With JQuery/Javascript, I am sure this is easy although I do not know the best way of doing it. Below is an example of what I want: //SCRIPT 1 //......Get some data from database eg: var fname = "Donald"; var lname = "Trump"; var user_id = 1; var address = "White House"; resource = fname, lname, user_id, address;
Need help start contributing!
Hlo everyone! i am Vaibhav Gupta, new to jQuery openSource contribution. i have cloned the source code and build it successfully But i am stuck where to start from. Can you please direct me from where can i start contributing. Though i am not sure if its the right platform to ask this, still any help will really be appreciated.
Triggering Click event in .aspx page
New to JQuery and trying to create some functionality. I have a Visual Studio 2008 project. I have two buttons. I need the click event to fire one of two buttons based on whether either of them is visible when the enter key is pressed. The buttons are not visible by default. I have code that shows or hides them based on user options. I need to add an if statement that will account for whether one or the other is visible. I do have a text box so maybe attach this to the focus of the text box so if
cookies
I have a JSON.parse(Cookies.get and a Cookies.set within an onclick function. I also have a JSON.parse(Cookies.get for the same cookie in a different onclick function. If I do the first onclick then the second onclick on the same page the second one isn't picking up the new version of the cookie unless the page is refreshed. Is there a way of forcing the second JSON.parse(Cookies.get to pick up the new version of the cookie without a page refresh? Thanks
How add a jQuery that makes an AJAX call to https://www.google.com?
Hi. I want to add a jQuery in my html page that makes an AJAX call to pages like https://www.google.com and it shows the content on my html page? How can I do that? I tried it myself to write a code but it didn't work
Hot to properly use cache in jQuery
Hello. I'm trying to understand how to properly use caching in jQuery. I have a few cases. Case A: $('.element').fadeIn(); $('.element.active').fadeOut(); I'm assigning element to a variable. How to add class 'active' to this variable? Case B: $('.element').fadeIn(); $('.element > .child').fadeIn(); How to use .find() method to select direct child of the element? Case C: $('.element').fadeIn(); $('.element, .other-element').fadeIn(); How to add other element separated by comas to a variable?
add commas to number without typing in field
I have five text fields on a page. Numbers are entered into the first four and the fifth displays the total. Is there any way using jquery to format the number in this fifth textfield with commas? The first four fields are formatted fine using the code below. Of course this is not work on my jsfiddle. I hate it when that happens but am not worries about that. My main question is, is there a way to use jquery to format a textfield with numbers using commas, where the number is dynamically generated
Jquery Ajax Post Limits
I am trying to post a html page which has a content length of 1842451, not sure if this in bytes. I get a 504 error. I set the maxAllowedContentLength to 1572864000 bytes and the maxRequestLenght to 1572864. I even set this in my webconfig <add key="aspnet:MaxJsonDeserializerMembers" value="10000000" /> But still I am getting the 504 error. Is there a limit that JQuery Ajax can post, as my request never hits my webservices. I am using NancyFX. How do I get this to work?
Ideas for a demo JQuery application?
Can somebody give me some ideas for application which I could develop on my own and demonstrate it when I apply for a job? Of course I should be using JQuery. I could also use server side PHP with Openshift set up.
Problem sing jquery bootgrid on a html table with rowspan
Hi everybody, I have a html table with many rospans but when I try to page this table with the Jquery function bootgrid, the reported table loses all the rowspans option. Here is the code I used on my jsp: <div id="content" class="pure-form"> <s:if test="%{listaDelegati.size()>0}"> <table id="grid" class="table table-condensed table-hover table-striped"> <thead> <tr> <th data-column-id="nome" ><fmt:message key="label.form.ricerca.delegati.nome.title"/></th> <th data-column-id="cognome"
validation
Dear Sir I did validation for first name in my project, But in the same form if I am validating to last name the validation is not performing well it is only focussing to that last name field. Any one can guess me how to do this and the following code is here " <script> $(document).ready(function(){ $("button").click(function(e){ //validating firstname var firstname = $("#fname").val(); var regfname = /^[a-zA-Z]+$/; if(!firstname.match(regfname) || firstname.length==0){ $("#fname_validation").show();
Translate to jQuery ?
I was wondering if it's possible to translate this to jQuery ?
upload photo using $.ajax
my target is upload an image on server directly without submit button and in the same time show the preview. my html: <form id='userPhoto' name='userPhoto' method="post" enctype="multipart/form-data"> <div class="profile-info"> <div class="profile-photo"> <div class="image-upload"> <div class="image-upload"> <label for="fileToUpload"> <img id='image' src="{{url('assets/globals/img/faces/9.jpg')}}"
Sending post data and file data in the same ajax request
Hello, everyone! I'm currently experiencing a problem where I don't know how to send text data via post and files. Here is my code: $(".form").submit(function(e) { e.preventDefault(); // avoid to execute the actual submit of the form. var url = $(this).attr("action"); // the script where you handle the form input. $.ajax({ type: "POST", url: url, data: $("#form").serialize(), // serializes the form's elements. success: function(data)
Select2 - Getting select2.full.min.js?ver=1.0.0:2 Uncaught TypeError: Cannot read property 'length' of undefined error
I think I'm almost there! I am getting expected result from my php script for the following code; but for some reason, I'm getting following error: select2.full.min.js?ver=1.0.0:2 Uncaught TypeError: Cannot read property 'length' of undefined at d (select2.full.min.js?ver=1.0.0:2) ----- $("#jobSkills").select2({ ajax: { url: ajax_object.ajax_url + "?action=autoSkills", dataType: 'json', delay: 250, type: 'POST', data: function (params) {
Jquery.filer
Can someone show me how to save the file to the database when Choose file button is chosen and have it displayed as link after it is saved using the jquery.filer? This is what my co-worker has just lets you select and it saves it to memory attached the code.
JQuery documentation offline?
I would like to have JQuery documentation off-line. Could I download it from somewhere?
Changing a select option with jquery
I'm changing a select element from another select element with jquery, the code works perfectly once but doesn't after that. Basically it's a simple, change a select option, if one particular value is selected change a different select option (to select one particular option and disable that field). From the second time onwards the field still disables, but it doesn't select the desired option. What am I missing here? $("#<portlet:namespace />orderType").change(function() { var orderVar = $( "#<portlet:namespace
Regarding about the folowing CSS file
Dear All I am newbie in j query and my question is about , I have added date-picker plugin in my project and Now I got jqueryui.js file it is working fine but I am unable to get the css file in order to display it in correct format and in correct UI , Please anyone can help me how to get tha css file. and the link is here "http://jqueryui.com/datepicker/". That file link is here. "<link rel="stylesheet" href="/resources/demos/style.css">"
bxSlider Multiple Sliders - Prev / Next Fails
Hello, When I used one slider all works perfectly. However, introducing the second slider causes all prev / next buttons to fail to work. I have created a video which makes it more obvious. I should say, when using only one slider, it works perfectly. I have verified the Slider ID's are unique https://youtu.be/3qfkBsbod9I Thank you. Jay CompuMatter
I want to cancel or remove http://code.jquery.com/jquery-migrate-1.1.1.js in HTML
Help me. This is annoying, I always got an error when I access my site. There always show a warning in the console about Jquery Migrate and I really want to remove this. When I take a look at my HTML code, there was no jquery migrate so I confused of how to remove this. Please help. JQMIGRATE: Logging is active (index):588 Uncaught TypeError: $(...).tabs is not a function
Retrieve record to be edited
Hello: So I had a function which builds a table in HTML for display on my html document. I wanted to take advantage of jQuery ListView, so I changed it from table to listview. This is the function: function fnShowClassesTable(data) { var str = "<ul data-role='listview' data-inset='true'>"; str += "<li data-role='list-divider' role='heading'>My Active Programs</li>" for(var i = 0; i < data.length; i++) { str += "<li class='btnEditProg'><a href='#' data-transition='slide'><h3>" + data[i].doc._id
jQuery Autocomplete, how do I populate the dropdown list?
Okay, for the life of me, I can't figure out how to populate the drop-down list with {logo}{name} using the response I'm getting: - $("#jobCompanyName").autocomplete({ source: function(request,response) { $.getJSON("https://autocomplete.clearbit.com/v1/companies/suggest?query=" + request.term, function(data) { response(data); }) }, minLength: 2, dataType: 'json', autoFocus: true, select: function(event, ui) { var selectedObj = ui.content["0"].name;
Help with on click on mobile <select> tag
https://youtu.be/0eTAQTmgTC0 This is my problem with the website I am working on for inventory of Magic cards. I don't want mobile users to have to click on the option they want twice to get the data to load. If you watch the video you can see what I mean. Here is my code below. <!doctype html> <html lang="en"> <head> <title> Magic Inventory </title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/table.css"> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
draggable/sortable position problem over iframe
Hi. I have a annoying problem with some draggable element witch is connected to an sortable list in an iframe. The draggable items are located on the right side, when i drag one and move it to the sortable it suddenly jumps about 300px to the right side. This happens when it's connected and moved to the other list in the dom. In this moment css left jumps from (for example) -1000px (because i moved it from the right side to the left) to 300px oriented on the left side of the iframe. I have no idea
How to show/hide an image when value of an object changes between 1 and 0
I have been learning jQuery from this forum and from Jake Cigar... Thanks a lot to Jake and this forum administrators.... And have been trying to design web-page to connect with PLC (which has a web-server in it), and control and monitor industrial processes... I need a little help... So i have been trying this method of showing a green image when motor is on, and showing a red image when motor is off... motor on and off are bool value, that is 1 and 0. So ProcessStatus is 1 when motor is on, and
Next Page