disable the days in end datepicker based on start date
hi, https://jsfiddle.net/uqo6q4gu/
Uncaught Reference Error : jQuery is not defined in jquery-3.1.1
I got a message Error in my project "Uncaught Reference Error: jQuery is not defined" I need help to fix that. my project link: https://ufile.io/3vbk1
Help with slider installation
I am a newbie I need to install this slider (link below) into my lightbox urgently. The codes are available in the links. http://www.jqueryscript.net/demo/Clean-Flexible-jQuery-Content-Slider-Plugin-unslider/ http://www.jqueryscript.net/slider/Clean-Flexible-jQuery-Content-Slider-Plugin-unslider.html I contacted the lightbox and they told me to add the slider inside the <div class="wpb_wl_images"> How can this be done? Thank you!
Change the attribute of a dyanamic element if it passes a condition
I've a function 'refreshDisplay' which will help me create dynamic elements. Now, I've a small condition there. In the 'src' attribute of the image, I'm going to check if the obj.picture.thumbnail starts with '/content' then append '.jpg' to the end of the obj.picture.thumbnail's value , else just use obj.picture.thumbnails' value! Please check the image with class '.myLink' in the code. How do I achieve this? Here's the code. function refreshDisplay() { $('.container').html(''); savedData.forEach(function
Setting heigh size for a sidebar which matches the main content heigh size
Hey there guys. For several hours I'm trying to set the heigh my private wiki's sidebar so it matches the main content's size. Sadly I can only handle with CSS and HTML and I'm trying how to handle with JS, PHP and jQuery. What's why I am here to ask you guys to help me. We're using a Wordpress-like skin, which can be downloaded on mediawiki.org. I modified our skin called "Dusktodawn", fixed several table issues within the wiki (made by the skin) and I'm nearly done with my work. Like I said in
Disable the previous button in the first page
I've a pop-up to display the user list which would display 10 results per page, which is working fine. I'm getting the page nos. from the java servlet in the JSON. How do I disable the previous button, when it is the first page? Likewise, how do I disable the last button, when it is the last page? Here's my code. function UserList(pageNo) { var resType="userList"; getResults(resType,pageNo); $(document).on('click', '.next-btn', function(){ var next = 10+pageNo; UserList(next); }); $(document).on('click',
Add external object to an existing array through a form
I've a table which gets updated based on JSON data. Each row in the table has a checkbox which holds the value of the corresponding JSON object, which is basically the information about any of the users. On selecting any of the rows, and saving to display the selected user profile, I'm also storing the selected JSON object in an array 'savedData'. I also have an option of adding the user externally through a form which pops up on clicking 'Open External form' button. Now, I'm trying to create an
Resized portlet will not collapse
Hi, I have multiple collapsible/expandable portlets that can be resized. But when I resize one of them (vertically) that particular portlet is not collapsing afterwards. The other portlets are collapsing just fine. But the one that were used for resizing will not collapse properly after resize. I have a working JS FIDDLE with the issue My code: $( function() { $( ".portlet" ) .addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" ) .find( ".portlet-header" )
Validate HTML5 form on making form fields mandatory dynamically
I've a bootstrap form which has a few fields. By default, the 1st and the 2nd fields are mandatory. Now, if the 3rd field is filled out, the 4th one becomes mandatory. Similarily, if the 4th field is filled out, the 3rd one becomes mandatory. However, if both 3rd & 4th fields are not filled out, they're not mandatory. I'm also using the HTML5 form validation here. So, here if you see, the fields Name & Date of Registration are mandatory by default. However, I'm trying to make Website mandatory when
help : "Uncaught TypeError: $(...).swipe is not a function"
<!-- below is my script for side bar --> <script type="text/javascript"> $(document).ready(function() { $("[data-toggle]").click(function() { var toggle_el = $(this).data("toggle"); $(toggle_el).toggleClass("open-sidebar"); }); }); /* mistake in swipe area */ $(".swipe-area").swipe({ swipeStatus:function(event, phase, direction, distance, duration, fingers) { if (phase=="move" && direction =="right") { $(".container").addClass("open-sidebar");
Volume Control Handle
Hi all, HTML <input id="volume" type="range" min="0" max="10" value="5"> Using jQuery for play audio, pause audio, stop audio, next song, prev song and volume control. Unable to reset volume control handle back to default value (center) after selecting next song from the playlist. Have not supplied the jquery code in case it took up too much space. Happy to supply it. Any assistance is much appreciated. Regards Tony
Save the dynamically created DOM and create a JSON
I need help for creating the JSON of the dynamicallly created dom objects which has exactly the same format, which was while receiving the JSON to create the dynamic element. To simplify thing, I've create a dummy application, which is available in the JSFiddle link provided below. Now, if you see, in the table I'm getting the data through JSON. The checkbox values in the table are JSON objects. When I select any of the checkboxes and click on Save, the corresponding div is generated and displayed.
Does an object "derive" attributes and behaviours from a Class ? : An exam question doubtful
Plz help me . It was a board exam and I wrote " objects are instances of classes and derive properties attributes from a class" Need experts reviewal whether that statement was right or wrong.
Create and append dynamic div if the div with same value doesn't exists
I'm working on some application wherin the data will be displayed based on some selection. The data will be selected from the table as shown in the screenshot. It gets populated in the table through some JSON. Now, lets say, for example, Select A & C from the table shown in the screenshot and click on 'Save'. A & C get appended to "div.box" with ids "parent-0" and "parent-1" respectively. Now, select A & B from the table. Current situation: Nothing is added, and alert is shown as "Data already exists!"
HTML5 form validation in a bootstrap modal
I'm relatively new to jquery and javascript. The form opens up on clicking the button "Open Modal" in the modal. Next, when I click on 'Save' in the modal, it should validate the HTML5 form and on successful validation should call another function "addDetails()". How do I achieve this using existing jquery form validation plugin or any other method? What CDNs I need to refer to while using? <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
Get all href attributes of dynamic links inside dynamic div stored in array
I've a few dynamic elements being generated on click of a button. On click of this button, I get dynamic divs generated which also contain link. I get only the first href attribute value("link0.com") in the array "linkArr". How do I get all of the href attributes stored inside this array? Here's my code. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
Create a dynamic div and display if it doesn't exists already in the display list
I'm working on an application wherein the data will be displayed here based on some selection. Please note that, the data in the table actually comes in through some JSON. However, here I've hard coded all the data here in the table. Unfortunately, I don't have the JSON to share. <!doctype html> <html> <head> <style> table, th, td { border: 1px solid #ddd; border-collapse: collapse; padding: 10px; } .parent { height: 25%;
you can choose as many checkboxes as the number written in the textbox.
hello, I want to simplify this code How does it work;you can choose as many checkboxes as the number written in the textbox. as you choose that number, the number will decrease by the selected amount. for example, the number 2 is written in the textbox; when you choose 2 checkboxes, the number in the textbox will decrease by the selected number. It continues in the form of a loop. https://jsfiddle.net/gonejko/9gemw193/2/
Hiding Contact Details From Bots Using JavaScript / jquery plugin
Hi, I am creating a simple online business card. To begin with I had everything on one side of the card and I was hiding the email address / contact details from bots by defining them as javascript variables in the html header then printing these variables back out onto the page in the required places using javascript. However, the new design for the business card uses some jquery to give a flip effect animation so I can put the contact details on the back ; http://2.24.161.98/test/test.htm My problem
Showing different content in the same Div
Hello there Although i've been using jQuery for some months now, i'm a bit stuck on this small but big task i'm trying to solve on my website. I've a submenu showing the different continents and then i have a sub-submenu, with their respective countries, each one inside another div and all the data is being fetched from the database using PHP. For example for the div of Europe: echo "<div class='nav-column'><a href='#' class='continente'>" .($Cont). "</a></div> "; So far so good and all the continents
Dynamically generated content disappearing
I've created a small application to swap divs. The user can create a div manually by entering a value in the input field or by clicking on the add button. In both the cases, the following conditions are supposed to be met. 1. All the divs should append to the parent div with class container. - working 2. If a child div with class box is already present under class container, the new div with class box should add after the already available div i.e should act as a sibling to the already available
How can I use a variable in simple jQuery Transitions?
I am looping through radio buttons to see which is checked, and trying to assign a variable to use in the jQuery transition function: function animate() { var action = ""; for (i = 0; i < 9; i++) { if (form1.jQ[i].checked) action = form1.jQ[i].value; } $( "div" ).action(); } However, jQuery will not accept $( "div" ).action(); It will only accept literals such as $( "div" ).show();
How to do an ajax to google custom search website?
After the first time the user clicked the search button, the result from google custom search loads fine but additional searches did not trigger the google custom search again. <script> (function() { var cx = '004626212387516433456:aex2tyveipy'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse,
What is the n1, n2, ... class in the divs that contain the line number for code examples?
In an attempt to become a better coder I would like to understand the purpose of those classes. I have attached a screenshot of what I am trying to ask.
Hello am about to turn and starting CSS and jquery . Desire is to develop more
Please assist me in web designing .I will be grateful to experts who can guide me through the fundamentals
Do I need paid tools to build hybrid website ?
Are there only paid tools for building high quality websites ?
jQuery install errors on two windows 8.1 PCs
Hello, I am trying to download jQuery from jQuery.com. I have downloaded the uncompressed version and the compressed version and get different errors for both installs. I tried it on two windows computers and get the same errors. Second problem I have screenshots in a word document as an attachment to show you but get an error when I try to upload it from my desktop Please advise it says to contact the portal admin. I think I need more space to upload it. I tried sending the screenshot ias a zip
Executing event functions on load
New to jQuery and have some issues with the code below, guess it is simple but I fail to see why slideToggle() and xhttp request is executed on load without click- or selectionchange-event. Why? <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name=viewport content="width=device-width,initial-scale=1"> <title>Title</title> <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
jQuery grid layout - newbie questions
hey volks, sorry for disturbing you i see you rolling with your eyes about my stupid questions. i am totally new to javascript and jquery but i have to solve a challenge but i dont know how to start i bought a wordpress template and installed it. Thats the link: http://panm.formkoalition.de Everything is fine i did some css but: I want to manipulate the grid in a style you can see in this link: http://cargocollective.com/titusandronicus This cargo site grid is absolutely beautiful. I want now to
jqurey library
There are tons and tons of functions that jquery provides her uses to use but when i try to understand what each one does its kinda complicated from the way they describe it here. ok fine i know what .hide() or .fadeIn() does but other more complicated ones i cant really get what they do do you have any suggestion on sources where i can understand easier what jquery functions do?
plugin doesn't work with newer jQuery
Turn.js is great and does exactly what I want it to do ... on my computer. But when I upload it to WordPress, it doesn't work. I downloaded the version of jQuery that WordPress is using (1.11) and tested using that and it did not work. Reverting back to the version that comes with the samples (1.7), it works again. My conclusion: something changed between 1.7 and 1.11. It comes with a min version of 1.7, but I don't know what that means, just thought I'd mention it, if it helps. Turn.js is available
A message is required in alert when all radio groups are selected
I have the following "radio buttons group" in a form, A message is required in alert when all radio groups are selected. <fieldset style="display: block;" class="frt"> <div class="hd"> <h4>What is your age?</h4> <div class="form-group"> <div class="col-sm-4"> <div class="input-radio">
Why don't any of the demos work?
None of the demos at http://jqueryui.com/demos/ seem to work. Apparently the pages can't find jQuery (among other things). Sure would be nice if I could see how jQuery-ui stuff works before I try to use it!
Creating a (very simple) drag and drop list maker?
I am desperately looking for a simple bit of code/script/witchcraft that could help me create simple unformatted text lists. Looking at jQuery, it looks very likely this function has already been developed somewhere. Which would be great as I've never written a line of code in my life and I have no clue where to start. Ideally, i'd like to be able to drag and drop items from a list of predefined "rooms", "actions" and "items" to quickly assemble a list in text format. E.g.: Bedroom1 (room) Specify
Juery hover menu content
When I hover my menu content of the menu (single page template) will appear in the below. othe menu content are hide. how its going to achieve in jquery? <aside class="main-sidebar"> <section class="sidebar"> <ul class="sidebar-menu"> <li class="header">MAIN NAVIGATION</li> <li class="active1 treeview"> <a href="#menu1"> <i class="fa fa-link"></i> <span>menu1</span> <span class="pull-right-container">
Max value in a selector
Dear friends, Good Afternoon i need your help to find the maximum value and to add +10 of maximum value of the below image Id is line_no. is it possible ??? if yes please share the code friends. Thanks & Regards Thamarai
Select option not toggling CSS properly..
I'm trying to change the css of different SVG polygons based on select options that target their classes, but the toggle isn't working properly. Here's the select element: <select id="option1" onchange="myfunctionA(this,event)"> <option SELECTED VALUE="gray">Option 1</option> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option> </select> And the jquery code that almost works is: $(document).ready(function(){
where i can get "jqnav.js" file.
which makes me to allow use this, class="navbox navbox2" Quick reply please
wait for multiple $.ajax calls with post load animations to finish
I had a function that called a few $.ajax posts using $.when which was working, but since I added some load delay animations to the success return of the $.ajax asyn call it isn't waiting for those in the $.when <script> function tableOne() { $.ajax({ url: "/cont/_ActionOne", type: "GET", }) .done(function (partialViewResult) { var degree = 90; $(".type1").css("transform", "rotateY("
How can I disable jquery animations on smaller screens ie mobile phones.
Hi all, I have some jQuery animations running on my application but don't want them displaying on smaller screen ie mobiles. How can I disable jquery animations on smaller screens. If anyone can point me in the right direction it will be greatly appreciated. Tony
Next Page