IOS ipad and iphone jumping bug when focused on input (due to keyboard popingup)
Hey guys i have made the following demo here. basically when a user clicks on the input , the entire form goes out of view , this happens as the keyboard popups up , i have checked SO and other sites for solutions , and currently have the following solution applied in the live site: $('form input').on('focusin focus', function(e) { $this = $(this); $('html , body').animate({ scrollTop: ($this.offset().top / 2) }, 0); }); ofcourse this works perfectly if applied on the desktop
Responsive in dialogbox
Hi all, from jquery I use thee dialog box (https://jqueryui.com/dialog/) inside the dialog box I want to show a div tag, which has a table inside. This div is organized responsively. The script "https://github.com/smasala/responsive-tables-js“ takes care for that. Without the dialog box it is responsible, ie. the script works. In the box it does not work. The table cells are not display vertically if the browser window is dragged thin. Sorry for the bad English. In other words the responsive effect
is this possible to get authorisation code by JavaScript??
I am using third party tool which will interact with Box enterprise account and there is no configuration are available to configure redirect URL. For this, first time when my app will try to access account it will be redirected to Box page. Box finally redirects user to my redirected URL after acceptin user credentials. This redirected URL will have a authorization code. is this possible to get authorization code by Javascript?? Below is how i am trying to authorising: https://account.box.com/api/oauth2/authorize?response_type=code&client_id=33232323&redirect_uri=https:0.0.0.0&state=authentication
i have drag and drop issues .
i have successfully perform the drag and drop on navbar and button now i want to drag and drop exactly with same code by doing some adjustment i tried to do some changes but unable to do so please check my fiddle http://jsfiddle.net/Yousuf_007/5gntLmdo/
How to dynamically change the value of a slider?
I have a page that has been dynamically created that contains a mobile slider. After this page has been dynamically created, I am loading Ajax data and wish to update the slider position before the page is displayed. How can this be done? The slider was created as follows: <input type="range" name="cvote" id="cvote" value="0" min="0" max="10" /> I've tried: $(#cvote).val("3"); $(cvote).slider('refresh'); Above does not work. Suggestions?
isotope error on page load
I've been searching high and low and there is still no answer for this. I building an isotope, and i want to show 'artwork' tab on page load, but it's not working. sample URL: http://test.melvintee.com/testing.html Code: $(document).ready(function () { $grid.isotope({ filter: '.artwork' }); }); filter by artwork is not working on page load. you can view my source, the code above i already insert. Can anyone give me an advice? Thanks
Chang Tab to open on hover
I'm editing a website someone else created and they simply want to change the navigation (which is using Tabs form Jquery UI) from click to open and close to open on hover and close on hover. When I try to just add event: 'mouseover' it is really jerky and if you slide back and forth in the right spot 2 or 3 drop down menus stay open at once. Is there an easy way to make these menus open and close on hover instead of click to open and click to close? (I've attached an image, the 2 menus can be seen)
End of month a new date calculate
Hi, If the first date, for example, is 27/11/2017 (dtmmaa), the new calculated date (DTSCADX) must give me 30/11/2022. Currently the new date (DTSCADX) me since 27/11/2022. Thanks: <script type="text/javascript"> $(function() { $('.dtmmaa').datepicker({ monthNames: ['Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno','Luglio','Agosto','Settembre','Ottobre','Novembre','Dicembre'], startView: "months", format: 'dd/mm/yyyy', language: "it", todayHighlight: true,
Evolve jQuery to be a framework and not just a library
I know this is a long shot but it seems that jQuery has been left behind by frameworks (Angular, React, Vue). Though I know that jQuery is a library but do you guys have any plans to make it so that it's going to evolve and compete against those? I'm just throwing this out there
converting jquery 1.3 to current 3.0 version
I have a VB.net 2010 web form application that currently uses the following versions of jquery: <script src="../scripts/jquery-1.3.2.js" type="text/javascript"></script> <script src="../scripts/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script> <script src="../scripts/jquery-1.3.2.js" type="text/javascript"></script> <script src="../scripts/site.js" type="text/javascript"></script> I see from the jquery forum, that I can use converters from the following download location: https://jquery.com/download/ to
Need help coding for Jquery result
Not sure if this is the correct forum for my question, if not please recomend where to go. I need to have the “city” result from the web address https://freegeoip.net/json/ post in my website when a visitor lands on my landing page. Below is the JQuery/javascript and html I am attempting to use with no luck. I am using wordpress with Generatepress theme. Note: Below javascript code is being place in the first block of the footer section. <script> $(document).ready(function(){ $.get("https://freegeoip.net/json/",
Croppie + PHP
I have an image cropping code made by the Croppie plugin, but I can not send the image through php to a certain folder. Can someone with more experience in jQuery help me with my code? Project in: https://codepen.io/pen/qVyoYq -- Atenciosamente Juscelino Barão
Validate page correctly
I have a few textboxes gathering info all with validation controls in an asp net page. When the page is fully valid i would like the user to download a file and show a panel box and hide the original. To do this i have <script> $(function () { $('#<%=pnlDone.ClientID%>').hide(); $('#<%=pnlOne.ClientID%>').show(); if (Page_IsValid("")) $('#<%=Button1.ClientID%>').click(function () { setTimeout(function () { $('#<%=pnlDone.ClientID%>').show(); $('#<%=pnlOne.ClientID%>').hide(); }, 1000); }); }); </script>
Adding Top Margin to JQuery Validation?
Hello, I am trying to use the JQuery Validation Plugin found at jqueryvalidation.org and I have the validation working fine on the site. However, the site uses a floating menu so when you click the form submit button the page scrolls to the form input field that the validation error message is for. But the floating menu gets in the way of this functionality. There must be a simple way to add an offset top margin to this so that when you click submit and the validation scrolls to the form field that
How to interpret on what JQuery do?
Referring to following coding , I would like to know on how to interpret following coding as show below: //export that._eTTE('equity_future_export','xlsx',''+that.product+'_Futures'); // (1)'equity_future_export', (2)'xlsx',(3)''+that.product+'_Futures'); // there is only 3 parameters instead of 4, would it be correct? _s2ab : function(s){ }, _eTTE : function(id, type, name, fn){ // id = equity_future_export // type = xlsx // name = where is "'+that.product+'_Futures" defined? There is no _Futures
children behaving strangely
On a page which offers the viewer a choice of colours for various elements, I have this structure for changing the background: Two functions are invoked: showBg() changes the gradient on the html tag; showLink() shows a link to loading a new page about the chosen colour: this is where there’s a problem. function showLink(child) { $('.abt').fadeOut(400); $('#bgswatch a:nth-child(' + child + ')' ).delay(1200).fadeIn(1200); } The function works fine—but the child numbering is crazy. When I count
How do we use Jquery sortable "serialize" data on the sorted list?
Hello, Below is my what I have on my view page: <script> $("#myFav").sortable({ axis: 'y', stop: function (event, ui) { var Order = $(this).sortable('serialize').toString(); // save this Order value to the database } }); </scrip> <div> <ul id="myFav"> <li id='item_1'>Item 1</li> <li id='item_2'>Item 2</li> <li id='item_3'>Item 3</li> </ul> </div> So how do we use this "serialize" data which is comma
Why search still sucks?
It's been years since I used search on this site the last time. Why is still so useless? Just replace it with Google Search, this is terrible.
HTML Encode
I have a general knowledge about jQuery syntax but I can't figure out how this piece of code works: function htmlEncode(value) { var encodedValue = $('<div />').text(value).html(); return encodedValue; } Can someone please clarify this to me? If seems in first step it select all closed <div /> tags in the page (what???!!!) then it set its text to value (what???!!!) and in final step it return html markup of <div /> + value. (WHAT????!!!!!!!!!!) It doesn't make
Validacion masiva usando Jquery y Ajax
Saludos comunidad espero esten bien... Tengo un problemita con validaciones masivas en Jquery... para que me puedan entedner les dejo el enlace donde tengo publiado el problema con detalle...espero me puedan ayudar: https://es.stackoverflow.com/questions/120038/validacion-masiva-de-un-datatable-usando-ajax-y-jquery
Hide keyboard Key JQuery Mobile
Hi, I’m developing tablet functionality,fields should only accept numbers. But is displayed “, + . = How can I hide these keyboard key ? I also noticed that all these keys have the same value for event.which (229), backspace also. I’m using tablet with Android 4.4.2
How to add a new function for replay audio
Hi there, I am new to jQuery and find a Code Snipped which I use, but there is a missing function for replay audio files. And I searched now for days to find a solution. Can someone give me a hint? Currently you can start each audio file and pause it and to continue you press play again. If the file then ends, you can't replay the audio, and this is my missing function which I don't get to work. HTML Audio Playbuttons <audio id="myAudio"> </audio> <div data-pos="0" data-src="test1.mp3" data-src2=""><button
Include Licensed Plugin in packaged software
Hello All, My name is Kunal and I am new to this forum. I would like to know if jQuery Licensed Plugins (e.g. blockUI) can be used in a packaged software. Any info will be of great help. Thanks in advance Kunal
Passing variable to php for chatbox
Hello. I'm trying to pass a variable from jquery to PHP to write it to an HTML file that then gets read by PHP that contains the original jquery. (chatbox) I'm not quite sure where it's broken. I don't know jquery at all, I've just pulled someone else's code that they put out and modified it. This is the a.php which passes the variable to b.php <!--THIS IS WHERE THE CHAT STARTS--> <div id="wrapper"> <div id="menu"> <p class="welcome">Welcome, <b><?php echo $first_name; ?></b></p> <div style="clear:both"></div>
How to replace .toggle function since deprecated with add/remove class and slide up/down of siblings?
Hi, I'm a beginner. I have this code who works fine but is pointed as deprecated by jQuery migrate. How can I change it? ! jQuery(".toggle_title").toggle( function(){ jQuery(this).addClass('toggle_active'); jQuery(this).siblings('.toggle_content').slideDown("fast"); }, function(){ jQuery(this).removeClass('toggle_active'); jQuery(this).siblings('.toggle_content').slideUp("fast"); } );Maybe something like this will
Returning the total of the combined values in an array.
Hi, if I have an array of numbers, myArray = new Array(0,3,2,5,9,7);Is there a quicker way of adding the numbers together to get the combined total instead of using a for/next loop like I am currently doing. Thanks in advance.
jQuery UI Slider scrolling to bottom if bound through an iFrame on iPhone devices
Strange behaviour inside iframes and jquery ui slider: http://cdittrich.de/playground/ab/iframe.html In the example there are 4 sliders inside a div, and 4 inside an iFrame. If I use the last slider inside the iFrame on iPhones it scrolls the iFrame to the bottom. Any explanation for this behaviour?
Open modal window when li items in div are below 6
Hi I have a div with list items in it with the class 'card'. These list items can be dragged to a different div and dropped using the jQuery UI. How can I tell when the amount of list items in the div are down to five (starts with about 50). Any help is much appreciated. Nick
uncaught type error assistance
Hi, I'm working on embedding a widget and i'm getting this error: Uncaught TypeError: jQuery(...).genivitycalc is not a function at HTMLAnchorElement.onclick. This is what it's referencing: <a id=”gc-genivity-button” class=”gc-ret-health-gray” onclick=”$(‘body’).genivitycalc(‘init’)”></a> I tried replacing the $('body') with jQuery('body') but that did not work. This is what i'm working with: <!– Ignore this if already included JQuery in your site –> <script src=”https://www.genivity.com/wp-content/uploads/2017/02/jquery-1.9.1.min_.js”></script>
How list events in Jquery UI datepicker
i need list events (birthday parties, events ) in Jquery UI Datepicker, When I click on these events, I'd like to change the hover for example in the calendar. Example image: Code today: codepen.io/abech/pen/VrWOLR
Replace <options> with .html()
Hello, I have the following problem. I would like to renew the options in a form per AJAX. Therefore I wrap a <div> around these options and get the new options out of another file. All is working well until the line "alert(result);". The next line "$("#options").html(result);" doesn't work. Could you tell me why this is the case? <!doctype html> <html lang="de"> <head> <meta charset="utf-8"> <title>Fill Div-region Options füllen</title> <script type="text/javascript" src="scr/jquery.js"></script>
Bootstrap modal pop not working with http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js
Hi, I am trying to make use of a Collapsible Nested GridView with Paging using ASP.Net and the problem is that I am already using a bootstrap modal pop-up which allows postback. My problem is that the modal pop-up closes automatically after postback when I include the http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js script.
unable to bind jtable in mvc 4
i write certain piece of code using mvc 4 and jquery and jtable ,but data is not visible in grid ,only blank grid is present , (No data available!) although i have updated all references of jquery in vs 2012 , action method is showing 3 records at quick watch but not showing in grid any help here is view action method [HttpPost] public JsonResult DeptList() { try { List<TBL_Department> persons = new List<TBL_Department> {
Stylize jQueryValidation errors
I have the following part of a form code: <div class="form-group"> <div class="input-group"> <input class="form-control" type="email" name="email" placeholder="Your e-mail"> <span class="input-group-addon"> <i class="glyphicon glyphicon-envelope"></i> </span> </div> </div> When there is some error the formatting of jQueryValidation messes up my layout. I needed the field error to appear in a specific place, so the design would not be compromised. Like that: <div class="form-group">
Jquery datepicker : changing the min and max date recursively
Hello All, I am trying to add multiple date pickers on the dynamically generated rows . It works fine if its just adding a row and selecting from and to date . But say for example if i have added all the rows i need and change either from date or to date, i would like to change the min and max dates recursively. My problem it doesn't seem to recognize the on change event in the function below Below is the code. $.datepicker.setDefaults({ defaultDate: '+2w', changeMonth: true,
Working with multi-dimension arrays - help please.
Hi, if I have a object that includes a multi dimensional array: sport = new Object(); sport.game = new Array(1); sport.game[0] = new Array(2); sport.game[0][1] = 12; sport.game[0][2] = 24; sport.game[1] = new Array(2); sport.game[1][1] = 3; sport.game[1][2] = 7; a1 = sport.game[0][2]; // Is there a way to get the value [0] highlighted in yellow, a1 = sport.game[1][2]; // Or in the second case the value [1] highlighted in yellow? Thanks in advance.
Why my combobox only work in first row
Why my combo only work in first row but in second row doesn't work ? Myscript : $("#btnAddRow").on('click', function() { var table = document.getElementById("myTable"); var lastRow = table.rows.length; var row = table.insertRow(lastRow); col1 = row.insertCell(0); col2 = row.insertCell(1); col3 = row.insertCell(2); col4 = row.insertCell(3); col5 = row.insertCell(4); col6 = row.insertCell(5); col7 = row.insertCell(6); col8 = row.insertCell(7); col1.innerHTML = "<select name='fselect' id='buah' style='width:55px'><select><?php
boot strap and jquery problem conflicit
hello to every one , I am using theme from here http://all-free-download.com/…/magic_city_template_2087.html and integrated in mvc 4 . and using jtable plug in but i find error here Uncaught TypeError: $(...).jtable is not a function at GetFilter (DepartmentCreate:91) at HTMLInputElement.onclick (DepartmentCreate:177) any one help me
Select value in Json with variable
Hello, I have two variables: var idtags = 82; var default_value = '[{"82":"2"}]'; How can I do to select the value in the json, according to the idtags variable? Best regards
no event when loading an external page into the dom
Ok, first off do NOT confuse my use of the word "external" with the keyword external used in <a tags. That's NOT what this is about! I have a multiple page document and everything there works fine. I also have several other .html pages that are rarely ever used so I don't want to clutter the dom with them. An example would be the about.html page. When loaded, this page will (or should) give some info about the device it's running on as well as the version number of my app. So, inside my index.html
Next Page