lables translation
I'm doing translation/localization. I need to get all my text labels and replace them with other language translated labels ( array) when user selects new language How do I do it with jQuery? var myTextArray= $("div[innertext!='']"); for x in myTextArray { //Do replace x.innerText=langSetText(lang, x.id); }
Jquery Mega Menu color overlay
Hey Everybody. I use the Jquery Mega Dropdown menu on my website but I wish to achive a funktion, where the website gets a overlay when the subcontainer is vissible. You can see what I try to achive here: http://www.novonordisk.com/ Anybody who can give me an idea?
Data table plugin configuration
I have been using data table plugin of JQuery.But documentation about its configuration is not found. Reply if u know its documentation path.
How do I make the SlideTo plugin start automatically on its own and in a loop?? please help
Hello everyone, I'm trying to use a "slideTo" jquery plugin in a micro-site Im developing, it's working fine, only there's one issue, I want it to auto start. Im kinda new to this, but I usually search and search and play with the codes, only when Im desperate do I come and post a question, I tried setting a play interval?? but that only happened on a click. also, in this same slider I have content that I do not want to slide with the slider (so they can appear on the following slide but I don't
WebKit QT4.7 browser failed at http://www.intel.in to create megamenu on menu button?
What can be the cause? What are the possible ways to make changes inside browserapplication and Api's which can remove this bug? Website name is www.intel.in and bug is "menu failed to expand on mouse hovering"? $(".directory").live("click mouseenter", function (event) { if (event.type == "click" && $(this).attr("hasmouse") == "true") { $(this).attr("hasmouse", ""); closeNavMenu(1); } else { $(this).attr("hasmouse", "true"); if (!$(this).find("a").hasClass("selected")) { $(".directory a, .sites a,
Passing parameters in querystring
Can someone help me to understand how JQM works with querystrings? I've read documentation here that states JQM doesn't support querystrings: jQuery Mobile does not support query parameter passing to internal/embedded pages. For example, if the framework sees a link to "#somePage?someId=1" it interpret that as "#somePage" and navigate to the internal page div with an ID of somePage and apply a data-url of #somePage?someId=1 to that page container. Subsequent calls to other params such as "#somePage?someId=2"
jQuery animate delay issues with self -queued looping of steps
I have a simple system for looping animations in place. This works, except if the queue is cleared, and restarted the delays don't delay for so long. Can someone tell me if this is a bug in my code, or jQuery? I reported the problem in detail on stackoverflow: http://stackoverflow.com/questions/12300378/jquery-animate-delay-issues-with-self-queued-looping-of-steps Thanks, Chris
New $.Callbacks object behavior
I've modified the private fire function of Callbacks object to recognize the string return value "remove". Each callback that return "remove" will removed of the current list. I don't know if it's the best way to do this, but it's an idea.
JQuery equivalent for XML parsing
var doc = document.implementation.createDocument("", "", null); // create an element, giving it an explicit XML namespace var elem = doc.createElementNS( 'http://www.w3sc.com/abc', 'abc' ); // add the element to the doc (the document was empty so this element becomes the root element) doc.appendChild( elem ); // now serialize it -- this code is also specific to standards compliant browsers var str = (new XMLSerializer()).serializeToString( doc ); alert( str ); Can some one Please give me JQuery equivalent
HtmlUnit tests works with jQuery 1.7, does not work with 1.8.1. What could have affected it?
I have a suite of tests that works very well on a web application using jQuery 1.7. This week jQuery was updated from 1.7 to 1.8.1. Now it seems nothing works. Using 1.7 there was no need for waits() all over the place, it seemed to synchronize great with the ajax. With 1.8.1 I need waits, and on many pages it seems unable to catch the redirect. HtmlUnit even sends the right requests, but it just doesn't seem to update the page itself with the responses (even though looking at all responses, it does
IE8 Submit click HTML realtime update/refresh issue
Hi, I'm new to the forum and have signed up after a day of ripping out what little is left of my hair. Basically, I have some relatively simple code that makes use of a sjax (rather than ajax) call (it has to be done this way because of an issue with an upstream provider). On the surface it's a simple sign up form, the user clicks submit, a feedback div is filled with a message 'please wait', the sjax call is made and upon return the 'please wait' is replaced with a success or failure message. The
How to rotate and then change a image in ie7 & 8
Hey I'm making a "universe" for a client, and they would like to have 8 images rotate when you click on each of them and when they reach 180 degrees should be changed into a new image and back at 0 degrees again switch to the first picture, I've got it to work in chrome, mozilla even IE9 but in iE7 & 8 I run into problems. http://jsfiddle.net/L4sWQ/51/ Is there anyone who can help me with a solution? I use the plugin: jQueryRotate - http://code.google.com/p/jqueryrotate/wiki/Examples
jQuery image configuration
Where do I find the button images for calender? I download the js file, but when the calendar show up, the "Prev" and "Next" button do not show. It shows words instead of button.
autocomplete off not working!
Hello why can't I get the code below to work? $('.city').attr('autocomplete','off');Link to the page that I use it (Search hotel location) Thanks
How to combine these two JQuery Function with else or else if statement, Lost little here!!
I am trying to write these two function into simple else statement, where once validation is good and complete, page loading jquery begins. Please guide, I tried a few things, none seem to work as need. [code] <script type="text/javascript"> /* <![CDATA[ */ jQuery(function () { jQuery("#oldpassword").validate({ expression: "if (VAL.length > 5 && VAL) return true; else return false;", message: "Please enter a Current Password" }); jQuery("#password").validate({ expression: "if (VAL.length > 5 && VAL)
How to show huge data in jQuery..
Hi again... i want to display data similar as below screen shot... where left side show cusines...and in right side it shows all menu items.... what control or html tag should i use to show the menu items so that the data could be displayed as quickly as possible also when we click left side cusines the menu items gets sorted accordingly... Thanks in advance...
.on() maybe a stupid question but please do help [edit - SOLVED]
I have a page with a div that I put the result of an ajax request which contains a <select> So in the said page I load a javascript file that contains a .on() listener for the select from the ajax request that is to be loaded on the div, but this doesn't work! I tried using .live() on the external js and it does work and I tried using .on() on the ajax page itself and it also works.. so why when I put it in a external js that is loaded to the page that contains the div that the ajax result would
Jquery - Passing selected row values to a hidden text box
I'm working on a postcode (airports & train station) search but can't seem to figure out why the selected row values are not writing the correct values to the hidden text boxes. Basically if I search 'Gatwick' as shown below: I get the following XML response: <?xml version="1.0"?> <addresslist resultcount="4"> <address id="0" catagoryid="1" lat="184179968" lng="-639296"> <companyname></companyname> <premiseno></premiseno> <streetname>GATWICK AIRPORT (NORTH)</streetname>
data-prefetch
Trying to use best practices here. I've created a footer below. Should I be using data-prefetch after each data-transition type? Using 1.7.1 jq and 1.1.0 jam. Wrapping in cordova 1.7.0. Single page set-up. Thanks for the advice. <div data-role="footer" data-id="foo1" data-position="fixed"> <div data-role="navbar" class="custom-icons" data-grid="d"> <ul> <li><a href="index.html" id="home" data-icon="custom" data-theme="a" data-transition="none">Home</a></li>
Sea of Clouds twitter feed script - anyone used before? Having a very strange issue with loading the feed
My question revolves around the issue I am having loading the feed when on 3G rather than wifi. I am wrapping it up with Cordova 1.7.0, jq 1.7.1 and jqm 1.1.0. If on wifi, the feed pops no problem and loads in about a second. If on 3G, sometimes it loads, sometimes it hangs and does not load. In other words, it is not 100% reliable. Is there some timeout I am missing somewhere? I am grateful for any feedback or suggestions. This is twitter.html, which is fed from social.html (below twitter.html).
Using jQuery To Search .CSV File
’m completely new to jQuery so apologies for any obvious errors. I have a .CSV file with headings and data laid out as: Order Number, Stock Status, Quantity, Comments, Date 1234567, In Stock, 15, All in Red, 15/08/2012 1234568, Out of Stock, 203, Leave with neighbor, 21/08/2012 1234569, On Order, 20, Chrome finish, 17/08/2012 1234570, Other, 140, Wooden garment, 01/09/2012 1234571, Other, 541, Chrome finish, 31/08/2012 I have a HTML page with 4 buttons (correspond with Stock Status): In Stock, Out
Error loading page WP7
When I try to change the page in windows phone simulator for example: <a href="OutstandingBillDetail.html?id=1234"> </ a> I get "Error loading page", do not know if it's because the url has parameters, but it should be working. OutstandingBillDetail.html page if it exists and is in the correct directory. I need help, thanks!
Validation: Does not work in IE8
Hi everyone My form, pasted below in it's entirety, does not verify in IE8. No errors -- validation is just ignored. I am using jquery 1.8.1 and the validation plugin version 1.9. Is it a syntax issue? <!DOCTYPE HTML> <html> <head> <!-- HTML5 biolerplace stuff below --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content=""> <meta name="viewport" content=""> <link rel="stylesheet" href="css/normalize.css">
Cycle Plugin - pager nav
Instead of the numbers to page through the imags, I'd like to have a simple list of words describing the images for navigation, as well as the background to change when it's corresponding image is showing. I'm using the 'updateActivePagerLink' demo as the example found here. HTML: <div id="gallery"><div id="slider-nav"> <ul> <li><a href="#">Carbonara</a></li> <li><a href="#">Coffee</a></li> <li><a href="#">Coffee Shake</a></li>
Getting the location of a Superfish Menu Element
Hello! Is there anyway to get the height of a still hidden element? Basically, I'm using a vertical Superfish Menu and need to find the height of a submenu element before it gets clicked. Thanks so much, -Eric
jquery load
Hi, I have a jQuery load: ("#mydiv").load('controller/method', {'value': '<?php echo $val;?>'}); I am trying to get the value in another php page using $_GET['value'] Here url is controller/method I am not able to retrieve the value. Could any one please correct me. Thank you.
problem with fancybox
hi, i try to ad by my pictures a link: this.title += '<a title="1st title" class="fancybox" href="http://domain/image.jpg">Link</a>'; = works fine this.title += '<a title="1st title" class="fancybox" href="http://domain/index.php">Link</a>'; = does not work. it loads the page on top. i would like the link in the fancybox. what can i do?
The slider is broke?
They work fine but as soon as you put them inside of any grid (ui-grid-a, ui-grid-b, etc) the handle is offset to the right. http://jsfiddle.net/NECVB/4/ <!DOCTYPE html> <html> <head> <title>SLIDER FAIL</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> <style type="text/css"> </style> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
Warning messages
Hi, I have a site that is working fine. I have a "flip" transition and as it happens, I see some warning messages inthe background that I cannot even read. How can I find out what they are?
Visible & First/Last Occurrence
I'm trying to look at searchercustomcontent that are visible (some may have display:none applied) and then make sure it's parent is visible and then apply margin to parent first occurrence and padding to parent last occurrence. $('div[class^="searchercustomcontent"]:visible').each(function(i) { $(this).parent('li[id^="order"]:visible:first').css({'margin-top': '0px'}); $(this).parent('li[id^="order"]:visible:last').css({'padding-bottom': '5px'}); }); Thanks, Bill
Can't link images
Can anyone discover why this won't link the images? I've tried all the possible combinations to resolve this I can. http://pearlwood.com/dialog/dialogTest.html Thanks
replace multiple character in a string?
Hi, Jquery has given me the chance to learn new things on web development...I just have a question on the replace() function..... how can i change or replace multiple characters in a string. Is it possible? =) example: mystr = "i am new to jquery, it good to be updated"; char1="e"; char2="o"; in the given, i want that all "e" and "o" should have a background color, or perhaps make its font-weight to bold. Assuming that the mystr is inside <p> tag. please help.....
Problem with IE
I have this code and in Internet Explorer have a problem. I need block just special caracter(my regex), in Chrome, Opera and Mozilla It's OK, but in the IE It block all key. <script type="text/javascript"> function regexAlfanumerito(event) { var regex = new RegExp("[\sa-zA-Z0-9çÇáéíóúýÁÉÍÓÚÝàèìòùÀÈÌÒÙãõñäëïöüÿÄËÏÖÜÃÕÑâêîôûÂÊÎÔÛ]+"); if ((event.keyCode != 9) && (event.keyCode != 8) && (event.keyCode != 32)) { var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
Jquery Mobile is corrupting my button links
I have a link on my home page to go to the body armour section of the site, the URL is www.mysite.com/Body-Armour. I have a footer bar with a button on it that goes to the advanced search page. The underlying HTML shows the link on that button is www.mysite.com/Advanced-Search The problem is, JQM is corrupting the link on that button so the actual URL becomes www.mysite.com/Body-ArmourAdvanced-Search. My site uses re-written URLs and I've had a problem with images with relative paths but this was
Cycle shuffle transition problem with different sized image
Here's my attempt: http://www.lalbero.it/opt1/atelier.html My pictures are both portrait and landscape. To center them horizontally I learned I needed this markup <div id="photos"> <div><img src="pic1.jpg" alt="pic1" /></div> <div><img src="pic2.jpg" alt="pic2" /></div> ... </div> and this styling #photos div { width: 605px; height: 460px; } #photos div img { margin: auto; display: block; } I think I need to set shuffle transition left property so that it changes depending on current and next picture
Help me!what is mean "the index position of the element in the set "?
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <!--jQuery1.81--> <script type="text/javascript" src="../../js/jquery.min.js"></script> <script type="text/javascript"> $(function () { $('input:first').click(function(){ $("ul li:last").html(function (index, oldhtml) { return "<a href='#'>" + index + "</a>" });
Validation: Clear bad fields on submit help
Can't figure this one out. I have the jquery validation plugin (version 1.9 from bassistance) successfully validating all form inputs when submit is clicked. But when submit is clicked, I also want to clear out the data on any inputs containing invalid text. Invalid inputs are assigned the class ".incomplete" $('#button').click(function(){ $('.incomplete').val(''); }); The above code makes the "Submit" button clear invalid inputs the second time it is clicked. I assume checking for
jquery validation, if condition
My form contains a label with 2 checkbox inputs (id=name, name = memtype), one of which is 'guide'. I have memtype required in validation rules with an appropriate message for failing to check a box. I also have another text input (id=sponout, name=sponout) that MUST be filled in IF memtype = 'guide'. How may I set a rule for this 'if condition' so that if a user checks memtype 'guide', but don't enter text in sponout, they receive an error message?
dynamic css attributes and values
I'm building a css animation builder and trying to populate a dynamic set of css attributes with dynamic values. I have sliders that set the values of attributes (font-size,color,margin-top,margin-left,etc.). Eventually I hope to make that part dynamic based on what attributes the user wants to modify. The key/values get written to a text area with a semi-colon separating each pair. Later in my process I need to re-apply the values that were written to the text area to the page element that is supposed
Keep accordion pane open
Hello I would like to keep dynamically the accordion menu item open in the page that has been selected from the menu items here is the code <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { // Store variables var accordion_head = $('.accordion > li > a'), accordion_body = $('.accordion li > .sub-menu');
Next Page