If I check whether the document is ready, jquery mobile doesn't work anymore
Hey, I have a problem with JavaScript/Jquery/Jquery Mobile: I want to build a Sidebarnavigation, I am using slidr. If I check whether the document is ready or not with $(document).ready or document.addEventListener('DOMContentLoaded', function(){}) my buttons turn into normal html buttons, if I don't use $(document).ready or document.addEventListener('DOMContentLoaded', function(){}) the buttons looks like jQuery Mobile buttons. In both ways that: $('#navigation >#navtag>#menu').click(function(){alert("H");});
Click: animate & link
Hi everybody ! I have no knowledge about js, but I tried to understand the logic and to construct something myself. But I failed. That's why I want to aks your help ... :-) I am currently working on this website (which is naturally still in the construction phase): http://www.kommoedchen.be/ What I want to implement is the following: when you click on a link of the menu (which is an iframe menu, but that can be changed!), I want the header image to change height, like: $("#slideshow").animate({'height':
Using JQuery Mobile and JQuery Plugins
For mobile hybrid apps, it is common to use Apache Cordova/PhoneGap with jQuery Mobile. And jQuery Mobile depends on jQuery commonly used on web sites for desktop browsers. For some UI elements, like carousel/slideshow/gallery, we may need some additional third party plugins/components. Are there jQuery plugins specially optimized for mobile platforms? Do we have to look for those plugins specially designed for jQuery Mobile and for mobile platforms? Is it safe/recommended to use any jQuery plugins
Jquery to mange same height of Div / images not working in certain case
Dear Sir refer following web page where height of images are of same height using Jquery. http://prajaktasoftware.com/arh/fullimageworksfine.html --> works fine I replaces the middle image with 2 different images and found that the images are not of same height http://prajaktasoftware.com/arh/projectsinthiscategory.html -> doesnot work fine and we want to make the images heights same or Jquery should work Summary When there are only 3 images jquery sets their height to the heighest one. When middle
HOW TO SAVE IMAGES IN FOLDER USING JQUERY WHEN USER UPLOADS THE IMAGES
Hello, how to save images to webserver root folders using jquery??
multiAccordian Question
I'm using the plugins below and need help. I need to insert a button on the child elements and on click close the current child and open the next child. I need some direction or help explanation as to how to get that accomplished. I'm stuck so any help would be appreciated. Thank you for your help. http://www.jqueryscript.net/demo/Smooth-Nested-Accordion-Plugin-with-jQuery-jQuery-UI-multiAccordion/
URL parameter strings backslashes
I am trying to send a request to my server using jQuery/ajax: in this call, i need to transmit a string, a path to a file containing backslashes. However, all I get is something like this: someText Clearly, the backslashes are misinterpreted, so i tried using escape(), encodeURI() etc combined, each alone and various combinations, but still could not make it work. This is my code: <button onclick="Start('File', encodeURIComponent("some\Text"))">Click!</button> function Start(PlayerType, Pfad) { $.ajax({
Slick Slider Not Working
I am trying to use the Slick slider plugin. I tried downloading the physical files and linking to them and I have tried linking to the CDN file paths for them, but nothing happens. Nothing is styled and nothing functions. I used the Slick set up tutorial and looked up solutions, but alas, nothing helps. I'm hoping someone can assist me on this. Here is my simplified test of the Slick Slider, this one uses the CDN file paths: <!DOCTYPE HTML> <html class="no-js"> <head> <meta charset="utf-8">
Just Delete
I am trying to delete an item with an image. After Deleting I want the screen to automatically refresh back without the Deleted item. But my code below is not doing that. Any help will be appreciated. <script type="text/javascript"> $(document).ready(function () { $('.deleteDoc').attr('href', 'javascript://'); $('.deleteDoc').unbind("click"); $('.deleteDoc').click(function () { $dialog.data('id', $(this).attr('id')).data('contdocId', $(this).attr('contdocId')).dialog("open");
how to detect incognito mode in jQuery
how to detect browser open in normal mode or incognito mode in jQuery Please help.
jquery plugins
hello i tried running this code using sublime text but is not working.Someone help please!! <!doctype html> <!DOCTYPE html> <html> <head> <title>image slider</title> <script src="https://code.jquery.com/jquery-3.1.1.min.js"</script> <script src="http://malsup.github.io/min/jquery.cycle2.min.js" ></script> <script type="text/javascript"> $('#slider').cycle({ fx: 'fade', speed: 'fast', timeout: 3000, next: '#next', prev: '#prev' }); </script> <style type="text/css">
How to call function
In JavaScript I have a function function is_decimal(inputbox) { var teststring teststring = trim(inputbox.toString()) if (teststring == "") {return false} for (var i = 0; i < teststring.length; i++) { var c = teststring.charAt(i) if (c != "0" & c != "1" & c != "2" & c != "3" & c != "4" & c != "5" & c != "6" & c != "7" & c != "8" & c != "9" & c != "."){return false;} } return true } That gets called by something like
how to store ajax response into a jquery variable being used in html in textbox
here is my gist of code: https://gist.github.com/anuragk098/3e11673136325b5e5b1859bde11f2117 here is my page: http://abachelorskitchen.com/ in first text box i am getting all the cities from a jquery function var months = [<?=$city;?>]; $('#tbCountries1').autocomplete({ source : months, minLength: 0, minChars: 0, max: 12, autoFill: true, mustMatch: true, matchContains: false, scrollHeight: 220, formatItem: function(data, i, total) { if ( data[0] == months[new Date().getMonth()] ) return false;
Issue with multiple simultaneous Ajax Requests
Hello, I'm trying to load html into the div's (which ever is empty) but the following code fails to work properly. Instead, it loads html in the same (div1) everytime, overriding previously loaded html. <div id="Div1" Class="col-sm-3 hidden"></div> <div id="Div2" Class="col-sm-3 hidden"></div> <div id="Div3" Class="col-sm-3 hidden"></div> $.each(chkUnivIDs, function (index, value) { DisplayUnivInfo(univID);
Return location of last disabled button.
Hi again, I know how to find the first disabled radio button but how do I find the last disabled button? https://jsfiddle.net/gb3f7v8k/53/ In this case I have a row of buttons but two are disabled, therefore how would I search and return the index of the last disabled button? Thanks.
Adding a DIV, but with flip animation (partly working)
Hi all, Please see this fiddle: https://jsfiddle.net/8rou42z0/ I am adding a div using jquery. This is the front side of a card (in the original code this is randomly generated so you never know what card you will get). The back side is already there. Now when adding this front card DIV by clicking the turned card, I want it to flip over from the back side to this newly added front side. The problem atm is that it shows the new DIV immediately and then flips it away. I want it the other way around
A problem mobile browser an audio playing.
Please help me friends. I wrote this code $("#loginbutton").click(function(){ var user=$('#log-username').val(); var pass=$('#log-password').val(); $.post("<?=$siteurl?>inc/process.php?do=login",{loguser:user,logpass:pass},function(logdata){ logcontrol=logdata; if (logcontrol=="t") { logmsg='Giriş Başarılı.'; } if (logcontrol=="u") { logmsg='Kullanıcı adı boş bırakılamaz!'; } if (logcontrol=="p") { logmsg='Parola boş bırakılamaz!'; } if (logcontrol=="upf") { logmsg='Kullanıcı adı ve parola boş bırakılamaz!';
Not Able to Configure How to Use Function in Custom jQuery Plugin
I am trying two write a jquery plugin to track box entering into view and I couldn't figure out how to pass UI value to my plugin and how to use the topIn() inside the plugin. Basically this plugin is mean to create a null callback function boxTopIn which is re-usable on the client side Demo (function($) { $.fn.boxInView = function(options) { var settings = { boxTopIn: null }; var options = $.extend(settings, options); function topIn(elem) { $(window).scroll(function() { var elemTop = $(elem).offset().top;
Modify specific words in a paragraph
Here is a snippet that I found in the internet that adds a class to specific substring of a paragraph. Problem is that when the paragraph contains elements that are not words - like an element of type <img> , it eliminates this element completely from the outcome. Can someone modify it to preserve the <img> element as well? Thx jQuery(document).ready( function ($) { var oldString = 'some words', newString = '<span class ="orang">some words</span>', newText = $( "p:contains('some words')" ).text().replace(RegExp(oldString,"gi"),newString);
select dates from datapcker
hi I have two input box one with a datapicker and the other is textbox <P> Date: <input type = "text" id = "datepicker"> </ p> <P> DAYNAME: <input type = "text" id = "DAYNAME"> </ p> I want that when users select dates from datapcker, DAYNAME will appear in DAYNAME textbox can you help me? thanks
jQuery ui on a closed network
Hello! I was playing around on my sharepoint site and wanted to try to implement tabs to my New Item form. I´ve never used jquery before but have done a few simple modifications with a custom css stylesheet. I found this, what seemed to be just what I was looking for: http://www.markrackley.net/2015/12/03/tabify-your-sharepoint-forms/ In his script he points to the url´s for the jquery, jquery ui and the stylesheet. But I want to be able to run this script offline since I´m on a closed network.
How the global jquery object works
How does the main prototype/object/function in jQuery work? Mainly it operates as though it's a function and an object, and I can't figure out how. ie: $('.container') or $.get('some api') There is clearly a jQuery function that returns an init function from the prototype, but I can't quite figure out how to put it all together so that the constructor can be bypassed and you can access other methods on the prototype. Would anyone mind explaining quickly?
How to do a specific menu hover?
I have been looking through the code here https://devitems.com/html/apnew-preview-v2/apnew1/index.html to try and discover how they are doing this hover transition on the menu. Can anyone tell me how they do this or how to do it in general? I thought it was CSS transition using the Begin attribute, but that doesn't seem to do it.
detach and insert after
My goal is to remove 2 sections if someone resizes a window to less than 647px and re-add them if they resize to at least 647px. The code I have to remove the sections has worked great, but adding them again is not going so well. I cannot do this with a media query because of a plugin I'm using. Here is what I have so far: // CHECKS WINDOW SIZE AND ADDS/REMOVES MUSIC & PHOTOS var $window = $(window); var $pane = $('#pane1'); function checkWidth() { var windowsize = $window.width();
webpage as resume .. can i print it later ?
Hey Guys , i wanna make a webpage of my resume and then beable to print it out ? Is this a good idea ? I did't want to use word because i am not to great that it , please in a web doc i can make my resume really much funky. is this a good idea ?
Spinner not working? Buttons are hidden
Hi, I was creating an asp.NET project. I have several sliders, a custom theme and more, but when I tried to implement the spinners, they aren't showing correctly (Up and Down arrows not showing, like hidden but not collapsed). I'm using: -jQuery JavaScript Library v1.10.2 -jQuery UI - v1.12.1 - 2017-02-15 -Bootstrap, modernizr, respond... My initial html is a input type="text" with a margin-right of 10px. Nothing special. Once I call $("#mySpinner").spinner(), It's get modified into a span with 1
Jquery Autocomplete
I'm using jquery autocomplete and it's working fine but I want to use bootstrap <table> in the dropdown list it worked fine in display but I cannot use <li></li> in <tbody></tbody> so I couldn't get the selected value the following is the code <div class="col-4"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user"></i></span> <input id="txt_Search" type="text" class="form-control" /> <span class="input-group-addon"><i
Selected items
I am using ASP.NET Web Forms, I load a treeview of locations in to a dialog, the user can select multiple items, how to I transfer the selected items to the page? I essentially need var list = tv.CheckedNodes <div id="dialog-message" class="standardfont" title="Select Location">
<div>
<usercontrols:Locations runat="server" ID="Locations" />
</div>
</div> $(function () {
$("#dialog-message").dialog({
modal: true,
buttons: {
Ok: function () {
$(this).dialog("close");
}
}
});
});
Trigger click not working
Hello everybody, I want to trigger a click on https://shop.adidas.ae/en/stan-smith-shoes/S82255.html (to make a shoe bot). Why does this code not work to trigger the size type button? setTimeout(function () { $('select.product-type.js-size-type').trigger('click'); }, 1000); This is the select button: <select class="product-type js-size-type"> Thanks in advance!
File Upload Queue
I am trying to make an upload queue that I can submit multible photos to a PHP file for handling. I know how to submit a form, and send stuff through Ajax, but the file upload has me stumped. I know there are many out there such as BlueImp, but I am having issues with blueimp once my security is in place. I also need it to do some things, that it cannot do. However, I do like the way it works, I have also looked at other JQuery uploaders, that build a file list, but cannot figure out how it comes
How do I use a jQuery plugin?
Hi, I am totally new to JavaScript and jQuery. I would like to use this plugin https://harvesthq.github.io/chosen/ for a multiselect on a page. How do I use the plugin? So far I downloaded the chosen_v1.6.2.zip at https://github.com/harvesthq/chosen/releases, unzipped it, and added it to a js folder in my root. I copied the source of the page https://harvesthq.github.io/chosen/ to my jsp file, prefixed all references to chosen files in the page with "js/chosen_v1.6.2/", and made the chosen files
Tablesorter - looking for a way to get a min value for a numerical column for a slider control
Hello, Tablesorter is very good, glad to come across it. I am trying to setup a slider with a min / max range based on numbers in a column. I found a comment about this on web, https://github.com/Mottie/tablesorter/issues/503 , specifically var colMax = $cell.closest('table')[0].config.cache[0].colMax[indx]; that takes care of max value, is there no min available? Perhaps this could be done by inspecting column, but not sure how to go about it. Thanks
validator with jquery2
Does the jQueryValidator work with jQuery2?
Having Issue on Creating Plugin with Multi Function
I am trying to create a custom plugin to update #result value from an option by a plugin functions at This Demo (function($) { $.fn.app = function(elem) { var elem = $.trim(elem.attr('id')); elem = "#" + elem; var elemTop = $(elem).offset().top; function underone() { } function undertwo() { } }(jQuery)); $("#mapper").app({ underone: function() { $("#result").html('Box is Under 1000 '); }, undertwo: function() { $("#result").html('Box is Under 2000 '); } }); but not sure how to handle the functions
Regex Trouble
Hello, Could someone tell me what going wrong with this code? $("#P_Profil").on("change", "#Inp_Taille", function () { G_Taille = parseInt($("#Inp_Taille").val()); var regT = new RegExp("^[1-2]{1}(\d){0,2}$|^[1-2]{1}[,.](\d){2}$"); var ResultTestT = regT.test(G_Taille); if (ResultTestT) { console.log("On y passe"); flgT = true; CalculIMC(); CalculPoidsIdeal(); $("#Inp_Taille").css("background-color", "rgba(255, 255, 255, 0.0)"); } else
Add class every 4th,5th,6th,10th,11th,12th etc...
Hi, i have an unlimited grid of divs in rows of 3. How would be the best way to achieve adding a class to the 4th, 5th, 6th, 10th, 11th, 12th, 16th, 17th, 18th..... etc... div? i don't believe this is achievable with the:nth selector? any help appreciated.
How to select the 2nd element of a type
Hi, I wrote the following jQuery script...and it's basically working. Note that it's in Drupal so the beginning and ending syntax is a little odd. Please focus on the content between $("A").each(function () { and }); // used to change background-color of currently selected link (function ($, Drupal) { 'use strict'; $("A").each(function () { if (this.href == document.URL) { $(this).parent().css("background-color", "#c03c03"); $(this).css("color", "white"); } }); })(jQuery, Drupal);
I'm having difficulties on getting toggle function to work for clicking on images
So I have a bunch of clickable text. When I click on a text it reveals an image and when I click on the image it collaspes back. I got this working with the slide toggle function but my code is written in the way that all the images reveals itself and not just the one that was clicked. I'm not sure how to get it working where only the clicked text reveals the image and not toggling all the images on the page as it's curently doing. HTML: <div class="page"> <p>
jquery clone with jqueryui-elements
Hi there, I have been searching for a solution last few days but never found a solution that worked. I have a few input-felds in a div-container, which I am cloning. Some of the elements are ui elements e.g. input:select -> selectmenu(). Cloning works, however if you open the selectmenu of the new clone it opens at the original select. I tried a few solutions that where suggested. don't use IDs use Class (which I did initally). Use a .on to add ui function again $(document).on("click"... this worked
problem with event propagation
Hi everybody ! I am totally new to jquery and i like it. i am studying event propagation... and wel.. here my problem : i have a login box that appears on clik i found a jquery code helping me to click anywhere to make the button disappear. problem : When i try to log, impossible to insert a username; the login box disappears. any help?? thanks
Next Page