How to best use one jQuery version (or least amount of versions) for WordPress.
So, I'm managing a WordPress site which quite heavily uses jQuery. The site already has multiple version of jQuery and I'm not sure where to start to cleaning up this mess. I don't want to have to use noConflict every time I want to use jQuery myself, and I don't want to break the site when I trying to organise it all. Am I putting too much emphasis on standards by wanting to use only one version on the whole site? Maybe it's wishful thinking... -edit- Anyone have any ideas on how to manage this
How to make jAlert as synchronous like javascript alert
In my project i am validating my form fields using jAlert() and requirement is to maintain the focus after clicking the popup Ok button, but using jAlert there is a problem of focus on the form fields that does not maintain. Please provide the solution so that i could resolve this issue.
media queries for javascript
in javascript i have given the cube size.... how to reduce the cube size for iphone screens is it possible to reduce the cube size using media queries in javascript.... how to make the cube size to 50 for iphone screens http://jsfiddle.net/XNaYj/
Load First Item in List Onload
My query skills are moderate and rusty. I put together a a page that is designed to show a linkable image each time a list item is clicked. The problem is, the code I found to do so only allows one image to sow at a time. Currently, all images are hidden on load but I need the first image from each list to show upon loading. Can Someone help? The page I am referencing is located at the link below: http://cwip.com/default.aspx?page=customer&file=customer/cewhin/customerpages/informationCenter/index_Copy2_.htm
Tiny jQuery problem
Hello, I have made a dropdown menu using jQuery with the .animate property. Now my problem is when I quickly hover my menu say 10 times, it will close/open the dropdown menu 10 times. How do I prevent this from happening?
Check if input,select has value after ajax submit and if not null/empty hide label
I have a multi-part form which is a CMS plugin I prefer not to hack. I am using absolute positioning for the labels to appear inside (over) each input and select elements. The following code works great for focus and blur events at any stage of the form but once the first step is submitted, any returns to the previous step(s) retain the values and result in both the label and value being present. I need to find a way to hide the labels if values are present but I'm not sure how or if I can do this
IE SCRIPT5 and access denied problem
Hi guys. i have an issue with a jquery function. in IE appear SCRIPT5 and access denied errors, everything works fine on the others browsers, and i know exactly wich part is that make the error, if i take it, the page load normal, but if dont , i just get a blank page. the bold text, is the part that i mentioned, and doesnt matter if i write .html() or .append(). some suggestions ? please. This is the script : $('.ca-item-main a').live('click', function(e){ e.preventDefault(); var href = $(this).attr('href');
Running javascript animation after ajax
I have this page with includes some animation created by edge animate. Now I want to be able to load the page via ajax but still have the animation play. Does anyone know how to go abouts doing this?
How to ? Do this?
Im trying to substitute some hard coded code with an $each iteration. From: map.addOptimizedRoute([ {latLng: {lat:40.735383, lng:-73.984655}}, {latLng: {lat:40.763628, lng:-73.971524}}, {latLng: {lat:40.765058, lng:-73.989034}}, {latLng: {lat:40.750755, lng:-73.981824}} ]); To: map.addOtimizedRoute([ $.each($locations ,function(idx) { $locations[idx], }) Or something akin to. I dont know how many points Im going to have to have to build an array.
How to extract content from an iframe
Hi, at the moment i'm trying to develop a Win8-App using only HTML5/JS It works perfectly fine, until i want to extract some text from an iframe, i embedded into my "site"... The code of the iframe: <iframe name="mainframe" id="contentframe" frameborder="0" height="300" src="http://www.combib.de/losungformat/heute.html#0A57C0#FFFFFF#CCCCCC#F5F5F5#000000#Arial,Helvetica,Geneva,Swiss,SunSans-Regular#10pt#20pt#16pt#8pt#10px#10px#10px#24px#left#bold#none#1#0#1#0#x#x#x#x#x#x#x#x#x#1#1#_blank#ue#lb#x#x#x#x"
Regarding Jquery 1.8.2 Version
Hi, Iam using Kendo ui controls in Asp.net Web Application. For loading the kendo ui controls, Iam using Kendo ui script files and also Jquery 1.8.2 minified version script file. But using this, Iam not able to trigger any of the Kendo ui upload events. Iam able to do this with Jquery 1.7.1 minified version script file. Is there any way to resolve this? Thanks and regards, Bhavani Gubbala,
Find a DIV with a certain CSS style using jQuery
Hi Everyone, I have a bunch of DIV's that all have the same class and style except for 1. <div id="0" class="divpage" style="display:none"></div> <div id="1" class="divpage" style="display:none"></div> <div id="2" class="divpage" style="display:none"></div> <div id="3" class="divpage" style="display:none"></div> <div id="4" class="divpage" style="display:block"></div> <div id="5" class="divpage" style="display:none"></div> <div id="6" class="divpage" style="display:none"></div> I need to find out
remove img tags from page
Hello, I have a site with articles with links to images that are on a remote server. Sometimes, however, some images are not displayed because the remote server workload or other reasons. I want to make sure that an image can not load the website to remove its HTML tag: <img src="unavailable.jpg"> Here is funny code, deleted all images: $().ready(function() { $("img").load(function() { $(this).remove(); }); }); How do I make that mistake, ie image can't be loaded to delete,
how to check all required fileds have values in jquery on submit
is dere way to check that all the required fields on page are fullfilled Below is my code: plz suggets thnx <div id="StructureView" runat="server" > <h2 class="lblStructureR">Structure</h2> <asp:Label ID="lbl1" runat="server" Text="Surface we are building on ?"></asp:Label> <div class="divOptions"> <asp:RadioButtonList ID="cblOptionsRadio0" runat="server" RepeatDirection="Horizontal">
Accessing values from dynamically generated textboxes
Hello, I am dynamically generating textboxes with jQuery which are filled with random numbers. I am not sure how I can access the values from the dynamically generated textboxes so that they can be inserted into a mysql db. The mysql db table would be created to handle the maximum number of possible fields, in this case it would be 60 (max option is 20 x 3 textboxes per set of numbers). Would anyone have any idea how I can access the values of the dynamically generated textboxes so they can be inserted
idTabs and form input validation
Hi .. I want to validate a form using jQuery (or HTML5 default form validation) .. I use 1 form with 2 tabs .. Imagine, there's a required field on the first tab (which I won't fill) .. Then I switch to the second tab and submit form .. How do I redirect the user to the tab, where the first invalid input is located? If I am on the first tab right now, I can see the 'This field is required' message. But if I am on the second tab, nothing happens (I can't submit the form at all) .. Thank you for your
Problem on jQuery Datepicker
Hi, I'm using jQuery datePicker on two tests-websites, on the first one, datePicker is working properly without any bug, but on the second, dates apprears like that => Février  2013 Dim Lun Mar Mer Jeu Ven Sam      1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28   I don't really know what's happening as i used exactly the same code for both, it add me that unusefull letter =>  everywhere ... does anyone has an idea about what can happening ?
Sliders: how to hide slider, leave only input field?
What can we do about that?
List of links in jQuery
I would like to have create a list of links for the foot of my site in jQuery. I came up with the following but it does not work: (function( $ ) { $.fn.footpage = function(options) { return this.each(function() { var defaults = {images: [ '<a href="about.html">About</a> -', '<a href="contribute.html">Contribute</a> -', '<a href="contactus.html">Contact Us</a> -', '<a href="emailupdates.html">Email updates</a>
How to use $.ajax to load a local file?
e.g. $.ajax({ url: "../config.json", dataType: "json", success: function(data) { setting(data); } }); function setting(data) { // come codes used the data } when I put the html and script files on the service, they works. However, if I run the html file in local file system, the ajax request does not work in firefox and chrome , but it works in IE. I 've saw the API, in the method "ajax" there has a param "isLocal", BUT IT NEEDS A MAP and it doesn't
Add images with jQuery
I would like to have a jQuery function with a set of images that I call from my HTML file, so if I need to change a image of my set and can do it without having to go to all the HTML files where the code is copied. Let say that I would like to have my site in 2 languages: Spanish and Portuguese and I have the two flags with the links. Then I would have to have this code in every single HTML page in my site. <a href=""><img src="https://lh6.googleusercontent.com/-TVVXgEf-NEw/ULpIJrV50uI/AAAAAAAAB_I/eciCwNvhIwo/s400/bandera%2520espania.jpg"
error checking
I have a small form with 6 input boxes. A number is put in each box and totaled in a 7th box. I want to check that a number was entered in each box. If not then report an error. My code works if a non-numeric character is entered in the first box, but not for boxes 2 to 6. This is my jquery code. In the html each textbox has the same name "sum_cc" the total box is "ac". I am using the same name for each input box to sum the values as entered. My understanding was for each box after typing
Inconsistant data using $.when
I don't know if it's just me being incompetent, however using a $.get requests within $.when returns different results than only using $.get but only when there is another promise being returned from an animation. I've tried to illustrate my problem as clearly as possible but I've never used jsbin before either, so fingers crossed. http://jsbin.com/ivoxuz/2/ All the $.when XHR requests returns the document HTML but it's inconsistent with regards to tables. I initially thought there was something
I need help using queue()
Folks, I believe the function I need to use is .queue though am open to alternative suggestions. My attempts to resolve this so far have failed, hence why I am here :) InitData() Contains an ajax call and successfully retrieves data via JSON and stores it locally with .data() I have tested and can confirm the data is read, saved and available. DrawScreen() Draws table #sui and dynamically applies cells, buttons, text boxes. Problem: I got a chicken/egg sort of thing - the data cannot be displayed
Datepicker Year and Month drop down not working in Pop up page
Hi All, We are using Jquery UI version 1.7.1. We are using Datepicker control in the pop up pages \dialog windows. The month and year drop downs are not working in IE9,Firefox and Google Chrome. The Datepicker control and year,month dropdown's works fine in the base page. The month and year drop downs works in the pop up page (If we make modal :false). We don't want to make modal:false Recent change in environment The Datepicker month and year drop downs used to work in XP machines.
DropDown List Filled With getJSON Data Not Expanding
Greeting all- I have a form with (in part) a text field, which uses jq autocomplete, and a select drop-down list. When a user enters/selects a code in the text field (autocomplete), a getJSON call is made to another script that retrieves data from the db and sends it back to the form. The data is used to populate the drop-down list. This works, in that I seem to get data back, but for some reason the drop-down list is not expanding when I click on it in FireFox. This work great in IE versions
how can i add css only to selected div when "more text" is clicked?
hello, at the moment i have some code that displays more text when clicking the more button but how can i make it so that when that link is clicked only the container for that div changes background color. this is the code i have: jQuery(document).ready(function() { var showChar = 70; var ellipsestext = "..."; var moretext = "more"; var lesstext = "less"; $('.more').each(function() { var content = $(this).html(); if(content.length > showChar)
.trigger() in Safari
Hi All, I've written a jQuery function that hooks up an event on mouseenter for a span. It does this by using trigger to fire a click event (which already exists separately and works). This seems to work fine in IE, and in Chrome, but refuses to work in Safari (i've had it reported in Safari on Mac, but I'm testing Safari on Windows) with jQuery 1.8.2. Is this just functionality that doesn't work on Safari? This is my code: var items = $('*[data-ShowMenuOnHover=true] .rbSplitRight, *[data-ShowMenuOnHover=true][data-ShowMenuOnDefaultClick=true]');
Problem hiding table row
Hi guys, I am new to jQuery. I have created this code loop through every td with class="name" on table. If value hasn't the string from the textbox then hide the row else show it. Here is the code: $(document).ready(function () { $("#btnFilter").click(function () { $("#sortTable td.name").each(function () { if ($(this).text().toLowerCase().indexOf($("#txtFilter").val().toLowerCase()) == -1) { $(this).parent().hide();
JQuery Issue With ArticleMS Script
I am a noob and have located a problem I have that has something to do with jQuery... My website is WikiForm.org and when I click in Chrome View>Developer>Javascript Console ... it gives me errors that I cannot understand. Any type of help would be appreciated. Best, Joe
hii
hi! i write a jquery in web page when i click on link open on box with image but when i go to another page and return on that page that box is open that should not be close give me solution
Scroll Table rows
Hi, I am really new for jquery,I want to scroll a table with contents when u click two images up and down table should scroll rather thn overflow:auto; i need images for scroll.How i can do this please help. Thanks & Regards, Nithya.
AJAX returns multiple values
I have done a autocomplete textbox code for "supplier name". The code is working fine. But what I want is when I select a supplier name, the corresponding supplier id should be displayed in another hidden textbox. My sample data-entry screen code is as follows <HTML> <script type="text/javascript" src="jquery-1.2.1.pack.js"></script> <script type="text/javascript"> function lookup(inputString) { if(inputString.length == 0) { // Hide the suggestion box. $('#suggestions').hide();
animate scrollTop to hidden div and back
hello there, I have a quite annoying issue with the animation of a scrollTop. This is what I want: I have a div #container { height: 100%; } which is always supposed to be 100% height, except the content is longer than $(window).height(). Then there is a second hidden div, which should work like a second content-page underneath the container div. When i click a button or link, the second page is set to "display: block" and I animate the scrolling: var offset = $('#hiddenDiv').position().top;
google map ajax load
help is required. I am trying to load a page inside div. my second page contain google map. result only show the div but map is not visible. following is the code of page 1 <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script> <script> $(document).ready(function(){
How to use $.ajax to load a local file?
e.g. $.ajax({ url: "../config.json", dataType: "json", success: function(data) { setting(data); } }); function setting(data) { // some codes that must use "data" to create a page } when I put the html and js on service, it will run rightly, but if I run the html file simply, without any service, it's invalid in Firefox and chrome but only valid in IE I've saw the API about jquery.ajax, and there is a param "isLocal", I don't know why it needs a MAP ! how?
upgrading code & support for iOS 6.1
Hi there I developed a mobile site using the following libraries: http://code.jquery.com/jquery-1.6.2.min.js http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js I note that more recent versions of these libraries are now available http://code.jquery.com/jquery-1.9.0.min.js http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js but when I update my references to use the newer libraries my code is broken. Is there a migration guide to assist with upgrades? And on a related topic,
.animation is not a function
Why i received error ".animation is not a function" i noticed with many functions but all fixed and this is still giving me same error. $("#cg_display").animation({'left':cg_display_newPos+'px'}, 'slow', function(){});
Creating a jQuery Responsive Site with Style Switcher
Hi, I am a newbie with jQuery and in the past weeks, I have been working to put together a responsive test site with a lot of jQuery scripts. Some of my jQuery scripts are not working right. I believe that I am making mistakes somewhere. I hope you can help. 1. I created two test navigation menus (one red and the other orange) and I want my users to be able to use the style switcher to choose a menu. I also want the user to save the selection as a cookie using the jQuery standard cookie plugin that
Creating a jQuery Responsive Site with Style Switcher
Hi, I am a newbie with jQuery and in the past weeks, I have been working to put together a responsive test site with a lot of jQuery scripts. Some of my jQuery scripts are not working right. I believe that I am making mistakes somewhere. I hope you can help. 1. I created two test navigation menus (one red and the other orange) and I want my users to be able to use the style switcher to choose a menu. I also want the user to save the selection as a cookie using the jQuery standard cookie plugin that
Next Page