Jquery in i-frame html not working in Internet Explorer
I have two html files, each of which have a slider along with various hover functions running on java scripts. So I called the 2nd file in a Main Html using an i-frame to resolve any sort of conflict as they use the same plug ins and JS. It all works fine in Google Chrome & Mozilla FireFox. But when i try it in Internet Explorer, it works fine for the main page but everything stops working for the file called in the i-frame.No Slider/No Hover Effect. Can some one please let me know why this is happening
Change dateFormat in beforeShowDay in the Datepicker UI
Hi, please help me I have an array of the dates: <?php $seq = array("2016-6-27", "2016-6-28", "2016-6-29", "2016-6-30"); $json = json_encode($seq); ?> and script witch marked dates in the datepicker: <script type = "text/javascript"> var disabledDays = <?php echo $json;?>; var date = new Date(); jQuery(document).ready(function() { $( "#datepicker").datepicker({ beforeShowDay: function(date) { var m = date.getMonth(), d = date.getDate(), y = date.getFullYear(); for (i = 0; i < disabledDays.length;
My responsive gallery thumbnails only work when I reload the page. Please HELP!
Hello, I am an amature web designer and have a project for a local gentleman's club that I am having trouble with. I have added several gallery pages to this site but the thumbnails only respond after I reload the page. Can anyone help me find out what is wrong? Here's a link to the site: http://srsgraphics.com/luckylady/
How adding <input> in each <td> in datepicker by clicking
Hello. How can I realize the following: I want by clicking on the <td></td> with 'date', <input> with value = 'date' was inserted between <td></td>? Its possible with datepicker UI? How I have this: <div id="datepicker"></div> <input id="input"> <script type = "text/javascript"> $(function() { $("#datepicker").datepicker({dateFormat: 'mm/dd/yy', altField: '#input'}); $("#datepicker").change(function() { var date = $(this).datepicker("getDate"); $("#input").attr('value', date); }); }); </script>
Ajax Call Does Nothing
Hi, I am completely new to jQuery and Ajax, and I am trying to get a basic Ajax call to work with a simple HTML file called test.html. In my JavaScript function I make the following call: $.ajax({ url: "test.html", cache: false success: function (html) { $("#text").append(html); }, failure: function(){ alert("Error"); } }) However, when the function is called, there is no evidence that the Ajax call is being made, because
how to remove a div tag inside another using jquery
Hi, In my application iam loading another webpage inside a divtag like below $("#ContentPlaceHolder1_txtsource").click(function (e) {
e.preventDefault();
$('#divdistance').show();
$('#divdistance').html('<object data="http://www.xyz.asp" />');
}); this is working fine my requirement is to remove a particular div of http://www.xyz.asp like this $("divdistance").children(".navbar-header").remove(); but not working this should be after loading of http://www.xyz.asp how
Simulate press key of keyboard when click on button
Hello, After much research I request the help of the community jquery I want to use jquery to simulate the keystroke by pressing a button that will fill a text input <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
Input fields validation
Hi All, I am looking for a solution for checking input fields on a simple form (I have got 4 inputs and 3 of them are required - using DNN Dynamic Form) What I would like to achieve is to prevent the user to hit the submit button, as the form opens in a dropdown, and if the user clicks the submit button the page refreshes, givinng the impression for the user that the fomr has been submitted. I have found a solution on stackoverflow and have managed to achieve the following: when the user hovers over
how could it store data in jquery 1.12
$(".foo").data("foo","bar") in high version of jquery,it will add a attribute to the DOM node,named "data-foo" but i jquery 1.12,it won't so i wonder how could it store datas?
i want a 1.12 version jquery with amd defined
hello everyone i want a 1.12 version jquery which is defined as a amd module where can i get it?
Having an Unwanted Scroll Issue
Hello, I am using a calendar plugin called Frontier Calendar and as the title suggests, I'm seeing an unwanted scroll when you click a button. There is so much JS code with this plugin that I have not been able to find any problems that way. I will post what little scroll related code that I've created but what I would like to ask is - is there a way to alert when there is a scroll event or any active scroll events? Or could this be a CSS issue? Here is what I've written for scroll stuff: $("#clearButton").click(function(){
How to Run Query(Select) on JSON Using jQuery Ajax
Can you please take a look at This Demo and let me know how I can retrieve the cost option of each JSON file and selected item from the list which has equal value? var data = { "items": [{ "item": "Item 1", "cost": "100" }, { "item": "Item 2", "cost": "200" }, { "item": "Item 3", "cost": "300" }, { "item": "Item 4", "cost": "400" }, { "item": "Item 5", "cost": "500" }, { "item": "Item 6", "cost": "600" }] }; $('span').on('click', function() { console.info($(this).text()); var item = $(this).text();
How to set BlockUI scroll position?
I am using the BlockUI plugin and I set overflow to auto and I get the scroll bars and they work. The only issue I have is it automatically scrolls to the bottom of the content and I would like to position it to the top of the content and I have been unsuccessful in doing so. Does anyone know how I can set the scroll position to the top of my content in my Div?
JQuery Slider is not working
I am using JQuery UI Slider framework and I am not able to move the slider handle. The issue can be reproducible by accessing the below mentioned URL links: http://74.209.247.77/testing.html OR http://liveweave.com/K9KMaA There are two question items, the first question item is a multiple choice question item which is displayed initially when the page is loaded, and when we click on the "Next" button in the page then the Bar Graph question item is displayed where we can reproduce the issue, the slider
I agree popup then enable function
Hi I want to enable a function (or to load a js file in the head) only after a popup open and the condition (I agree) are accepted (onclick) how can I do it ? (stored in cookies or session ?) thank you
return false prevents radio button click
I have a set of radio buttons. One is set to Yes. I want it to be set to know, without refreshing the page. Here is my javascript: $(document).ready(function(){ $('.RadioLogic').click(function(){ var $this = $(this); var WhichRadio = $this.attr("ID"); var selKeyVal = $this.attr("value"); var url_to_load = 'server stuff'; $('#div1').load(url_to_load); return false; }); }); What happens here is that the load works great, but the the radio button doesn't stay
comma separated autoomplete jquery when source is static
I have a textbox txtLocation which has autocomplete set. Now the requirement is when user press comma then again autocomplete should work. Please suggest. $(document).ready(function () {
$("input#txtLocation").autocomplete({
source: ["Gurgaon", "Delhi", "Noida", "Chennai", "Kolkata", "Ahmedabad", "Bengaluru", "Pune", "Hyderabad",
"Mumbai", "Chandigarh", "Dehradun", "Lucknow", "Mysore", "Faridabad", "Jaipur", "Coimbatore"]
});
})
Get form input value inside function
Trying to figure out why this input value can't be extracted from this function: function valEmail(selname) { $('form.cd-form input[name^="email"]').each(function(selname) { if (inputck == 1) {return;} if (typeof selname === "undefined") {var email = $(this)} else {var email = $('form.cd-form input[name=selname]'); console.log('Inside Defined'); inputck = 1} console.log('Email: ' + email); console.log('Email val: ' + email.val()); var elen = email.val().length;
Internet Browser develoment console command that returns the jQuery file location
Hi All, I am very new to jQuery programming and am trying to find an Internet Browser development console command that can return the jQuery.js url. This will also confirm that jQuery has loaded correctly (e.g. document.? or window.?) So if I am using "https://code.jquery.com/jquery-3.0.0.js" I can run a command that will return the "jquery-3.0.0.js" url I hope you can help Colin
Call plugin dynamically
I have this code $(".address-geocomplete").geocomplete({ country: "US", details: ".details", detailsAttribute: "data-geo" }); It works with no problem when the elements were loaded with the document but it doesn't work when the element is called with ajax. I understand I could add the function to the ajax call but that's what I don't want. I would want to write this function once and for it to work no matter if the element was called on the document load or in ajax. Is that possible to do? How? Thanks
Variables Maintaining State Query.
Hi, I am not really sure if I am posting this question in the right place but please bare with me. I am planning to create a small Cordova app with the ultimate intention of submitting it. What I would like to know is the following: If on load I create a variable, in this case myName which will be used across a number of pages. On page1, myName is 'Andrew' but if you navigate to page2 it is changed to 'Agatha' what happens when the app is placed in to the background? For example when the app is
jquery mobile pop up
i read this: http://api.jquerymobile.com/1.3/popup/ and i set the following: html: <div id="both" data-role="popup" data-theme="e" data-overlay-theme="a" class="ui-content"> ...Popup contents... </div> js: $('#both').popup('open'); $('#both').popup({ tolerance: "0,0" }); but is not working... so please: what's the problem? what's the method to open a popup?
jQuery Validator: Validate Range
My form has two fields: fromYear and tillYear. Since both these fields are a part of a group of fields that repeat (or clone) I'm using following rule: "fromYear[]": { digits: true, range: [1950, currentYear], minlength: 4, maxlength: 4 }, "tillYear[]": { digits: true, range: ["fromYear", "fromYear"+10] //How do I write it? minlength: 4, maxlength: 4 } -- I wish to validate the tillYear range as : range: [fromYear, fromYear+10] and have no clue how to do it. Would
After deleting all slides in bootstrap carousel except one slide get the current index of slide present
Hi, After deleting all slides in bootstrap carousel (except one active slide). Not able to get the current index of last slide which is not deleted. How to get current index of the left over slide. i am able to delete slides using the below code but not able to get the current index after deleting a slide using the button click the below code i have used for deleting slides. $("button").click(function() {
currentIndex = $('div.active').index();
// alert(currentIndex);
var ActiveElement = $carousel.find('.item.active');
jquery mobile runtime changing of text in href
hi. i've this html: <a href="#" id="hrefShare" data-icon="star" class="ui-btn-right">some text</a> and this jquery script in document ready: $('#hrefShare').text('my text').trigger('enhance').trigger('create'); now button seems to lose icon and so on. I'm trying to do a thing that cannot be done? thank you.
i need help
i have a problem in jquery i made a category page on it i set a counter it is doing well when i clicking on checkboxes only now i want that when i hover on image checkbox show and when i clicked on image checkbox checked and counter decreased .i have set the counter up to 10 when 10 checks complete button active wait..i have pushed this code on github https://github.com/dsingh110096/category_page_1 please help me i need help
Bug setting width of iframe element on window resize
Using jquery 3.0.0 when setting the width of an element: iframe.width(100px) ;this will work correctly. but if your code within a window.resize function looks like this: iframe.width(100px); iframe.css('padding', 2*10); then the iframe will grab the padding & border, and the end CSS will look like this: width: 142.667px; padding: 20px; JS code: $(window).resize(function () { var frame = $('iframe'); frame.width(100); frame.css('padding', (20)); });HTML: <iframe></iframe>
Checking a radio box via with the following code;
Hi I have the following code; $('#resultsBox>div>img').each(function(index){ if($('#'+(index+1)).attr('data-color')==a4){ $('#'+a4+'_'+index).attr('checked', true).checkboxradio('refresh'); }; });The function runs through four images if one has the corresponding data-colour it checks a corresponding radio button. When I use (index) it only works on the first call but there after doesn't. Can anyone help?
Cannot read property 'jqmData' of undefined
Hi all I want to use a selectmenu with filter and tried the example at http://demos.jquerymobile.com/1.4.5/selectmenu-custom-filter/ With a few items (tested with 5) the example works ok but with lots of items it doesn't work. When you select something you get this error: "Cannot read property 'jqmData' of undefined" and the page hangs. Try the last demo on the page, it does not work. Regards
Datepicker and the correct theme
Hi, I can't find out how to set the correct theme for my calender: Habe a look here: http://gruppenhaus.de/mobil6/test_calendar.php It should be data-theme="d" But it's always black ....!? (a) Any idea? Thanks Chris
why doesn't this grep() work?
I've included some js below. Grep examples 1 and 2 work. Grep example 3 does not work. Any idea why grep example 3 does not work? ======= <script src="jquery-3.0.0.min.js"></script> <script> $(function(){ var users = [{ FirstName: 'John', LastName: 'Smith' }, { FirstName: 'David', LastName: 'Johnson' }, { FirstName: 'Bill', LastName: 'Jones' }]; var filteredUsers = $.grep(users, function(user, i){ //1. works //return user.LastName == 'Smith'; //2. works //return user.LastName
Iam a Beginner
Hi all, Iam learning Java using tutorial sites.. Java Tutorial Is it necessary to learn JAVA SCRIPT before studying jquery..
Suppose I fill an invisible div with text, then make it visible and try to center it...
Suppose I fill an invisible div with text, then make it visible and try to center it on the screen, both vertically and horizontally. I can fix the width of the div in advance, but I can't fix the height in advance, since I don't know how much text I'm going to be putting in. To get the div height, I do: var divheight = $('#popup').outerHeight() but this returns 'undefined'. to be a little more precise, I have a table in the div, and it has 2 rows with one cell each, and I'm filling the text into
document.ready and window.load firing order
Until version 2.2.4, $(document).ready fires before $(window).on("load", function), but with version 3.0.0 $(window).on("load", function) fires first! example: <script> $(document).ready(function(){ alert("ready fired"); }); $(window).on("load",function(){ alert("load fired"); }); </script> Is this a bug or a new feature?
Combining click and enter function to shorten the code
Hi, I need to trigger the same event handler on both Click and also on Enter. To do this I write this code: var showHideBtn = $('.js-showHidePassword'); var showHideSpan = $(showHideBtn).children().last(); var $pwd = $('.engage-password__field'); // On Click $(showHideBtn).on('click', function(e) { $(showHideBtn).toggleClass('toggleShowHide'); showHideSpan.text($(showHideBtn).is('.toggleShowHide') ? 'Hide' : 'Show'); if ($pwd.attr('type') ===
How to target a particular collapsible in collapsibleset
Hello, Could someone tell me how i can target a particular collapsible to add content in it? I've a collapsibleSet including multiple collapsible in this format: <div data-role=collapsible data-theme='c' data-collapsed-icon='carat-d' data-expanded-icon ='carat-u' data-collapsed=true data-iconpos='right' data-date =" + DateC /* Content in format "2016-06-21" class='ui-corner-all ColDoc'> <h3>" + DateComplete + ")</h3> </div> I would like to
Swapping tabs
I am very new to JQuery and appreciate some help. I have a list of tabs, lets say Tab1 Tab2 Tab3, and each tab has many content (i.e. text fields, check boxes, etc...). Is there any way I can swap the position of Tab2 and Tab3, so that the user would see Tab1 Tab3 Tab2 ? All the contents of Tab2 and Tab3 should stay with it. Thank you for help!
Activate on scroll and change color on click
Hi I want menu lines to be activated(effect like when hovered) on click and activated on each section scroll. Fiddle Link
Popup to notify the user has selected an External Link.
I am new at jQuery and JavaScript and what I need is: 1. When user selects a link that is going to an external site, (All External links on my site have a class of “ext-link”) Individuals seeking employment with us need to visit www.jobsearch.com 2. PreventDefault() to prevent the link from directly going to that selected URL. 3. Popup notifies them they are leaving my site. You are leaving our site: 4. The link user selected (there are many external links) shows here To proceed to www.jobsearch.com,
By pressing the "arrow key down", add a class
Hi, This code should achieve that if I press the "arrow key down" inside an input field with a certain class, an additional class get added to all inputs which have the same class: $('.text-input__field--floated').keypress(function(event) { var key = event.which; if (key == 40) // Arrow key down code { $('.text-input__field--floated').addClass('dirty'); $('.text-input__field--floated').prev('label').addClass('dirty'); } }); But it doesn't
Next Page