Migrate jquery 1.6.2 to jquery 2.0.3 for wolfcms
Hi all ! I want to migrate jquery 1.6.2 to 2.0.3 in wolfcms. Being a big newbie in jquery I solicits your help because the community does not want to migration wolfcms yet. http://www.wolfcms.org
Blank drop down menu
Hi everyone, I am rather new to jQuery and php. I would like to make a drop down menu and have read the documentation. I have created a drop down menu <select id = "animals"> <option value="Mouse">Mouse</option> <option value="Cat">Cat</option> <option value="Dog">Dog</option> </select> Then I have my script running var animals = $('#animals').val(); if (animals == "Mouse){ // do stuff } However what I would like to do is populate the drop down menu with a blank or white
jQuery Multiple File Upload Plugin
This plugin allow you to upload multiple files at one time. it can found here: http://www.fyneworks.com/jquery/multiple-file-upload/ My question is if I can add some kind of loading animation when the files are uploading. I mean some kind of gif image.
need help for datepicker jquery
the red one is the datepicker jquery that i copy the source code and paste to my current website but the date not shown.... <html lang="en"> <head> <title>PROMED@CS13</title> <link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <link rel="stylesheet" type="text/css" href="css/default.css"/> <link rel="stylesheet" type="text/css" href="chrometheme/chromestyle.css" /> <script type="text/javascript" src="chromejs/chrome.js"> </script> <script type="text/javascript"
How to optimize the code?
My code: <div class = "Dollarmax">$99,999,999</div> var dollar= $('.Dollarmax').html(); dollar=getdollar(dollar); function getdollar(value){ value = value.replace(/\$|\,/g, ''); value = value.replace('$',''); value = value.replace('"',''); return value; } How to optimize(dollar variable code) the above code in single line?
adding div after div
<div class = "inputText">Show details<input type = "text"/> How to include the following div after inputText(above) div? <div class = "Texts">Show yaer<input type = "text"/> We need to use class or Id for placing the div? Is it possible?
position button[x] at jquery dialog not approriate
i want to ask to others,,how does method put in button[x] to box exactly??
Radio Button Set: more than one Radio Button can be selected at once
Would you be kind enough to have a look at this excerpt from my code , please? I'm trying to write a simple calculator (to calculate the pain suffered by Dementia patients) You will see that I'm using radio buttons - because medically, only one value per realm (of pain) is allowable. And that's why I'm using Radio 'Buttons' I've followed the guidance here as carefully as I can. I've tried looking for similar issues on this forum. What have I missed?
Closing over
I have this code for an overlay box on a map , once its opened i cant close it without refreshing my browser i would like to have an x so i can close the overlay box here's the code for the box. many thanks events:{ mouseover: function(marker, event, context){ $(this).gmap3( { clear:"overlay" }, { overlay:{
jQuery 1.9 attr() no longer returns current input value and instead returns old (default) input value
It appears that under jQuery 1.9, the .attr() method no longer returns the current input value and instead returns the old or default value no matter what changes have been made to the value of the input. Under jQuery 1.8, this code works as expected with the current value of input being returned by attr(). As a work-around, one can extract the current value of input directly from the DOM (see example for both methods). Am I doing something wrong, or is this the way jQuery 1.9 is supposed to work?
i want to show total price after adding quantity to next page after clicking confirm order button
username.html <!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> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="viewport" content="width=device-width,initial-scale=1"/> <link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" /> <script src="js/jquery-1.8.3.min.js"></script> <script src="js/jquery.mobile-1.2.0.min.js"></script>
Submit button and function coding
I am new to Javascript and jQuery. I have a form with a multiple submit buttons, each with an id. In the example below, the id="modify". What I want to do, is create a click event (or submit event) that will execute the code within the called function 'modify''. I have the function code in the head section and the form's submit button in the body. Here is the code I have been trying to get to work: <script type="text/javascript" src="../schedule/js/jquery-1.7.1.min.js"></script> <script> document.onload
Reloading Datepicker with selected date
I have a form that error checks, as you should. If the user submits the form, but made a mistake or missed something, the date they chose is lost. How can I load the selected date into datepicker? I have the following: <script> <!-- $(function() { $( "#datepicker" ).datepicker({ dateFormat: 'yy-mm-dd', maxDate: "+0M +0W +0D", altField: "#alternate", altFormat: "DD d MM yy" }); $(
How to prevent jQuery Mobile Panel from disappearing behind Youtube embed in IE9
I am working with jQuery Mobile V 1.3.1 and the Youtube iFrame Embed using the asynchronous loading. The issue is in my app I have a slide panel that is hiding behind the Youtube embed in IE9. It works fine in several other browsers I have tried. You can see it here: http://projects.kleelof.com/ytkids/ The panel is set to data-display="overlay". The only real thing I could think of was to set the z-index of the panel to some really high number like 10000, but no luck. I did notice that in other browsers,
Understanding the way .get() works
Hey all, I'm relatively new with using jQuery, and I needed to ask a question about get(). I know load works with what I'm doing, but I'm trying to wrap my brain around get(). Currently I have two pages on the same server, and on my first page I'm calling .get() the following way: $.get("http://server01/index.php?/runs/plot/39&format=outline", function(data) { console.log("Data Loaded: " + data); }); I'm running it that way just to test if the HTML grabbed is coming back correctly.
Trying to use ! (not) operator to determine if class has been added.
I'm trying to determine if a class is added or not. To determine if a class was added, I can do if ($('#31').hasClass('item31required')){ But what I'm having a hard time getting right is checking to see the the class is NOT there. would it be: if !($('#31').hasClass('item31required')){ or if (!$('#31').hasClass('item31required')){ Thanks
Changing a style adding a link
Currently on our website we have a products page. It uses default text links if the product is in stock, or if the products has options to choose from. If the product is out of stock then there is no link displayed. I have some jquery that changes the code so that the text links show up as images. However what I would like to do is if the item is out of stock to show another image. The way it works is that a style tag gets changed to hidden if it is out of stock so I'd have to change that style
easyPaginate problem with Internet Explorer 64 bits
Hi, I am problem with easyPaginate and Internet Explorer 64 bits. I am using easyPaginate to paginate many items. When the search return few items, it's works. But, when return many items, it's not work. I getting the message: "Stack overflow at line 1123". Its only occour when I using Internet Explorer 64 bits. (chrome, Firefox, IE 32 bits works fine) My code: $('ul#test').easyPaginate({ step: 20, delay: 0 }); Thanks Everton
Help with jQuery Flickr plugin..........can't seem to get it inside of my <div>
Hi, Maybe I'm just tired and need a set of fresh eyes, but I've been trying for hours to successfully integrate the Flickr plugin, but it continues to stay outside of the Flickr tab that I created. For some reason, I can't seem to get the Flickr feed INSIDE of the Flickr tab <div>. What am I missing???? As always, I thank you in advance for your time and patience. http://www.saintleo.edu/SocialMediaSliders/TABS.html Kind regards, JK
Version conflict
Hi, new to the forum. Am just making a few web dev tweaks for a client on their wordpress website. They have a nivo slider on their home page and want fancybox image pop-ups on their portfolio page. The nivo slider works fine but the fancybox functionality doesnt work with the version of jquery that wordpress loads by default. On putting a link to jquery-1.10.1.min.js above the fancybox javascript in the head, the fancybox now works but the nivo slider fails to function. Could anyone please advise?
Form conditional fields problem
Hello; I have a select box with option Newsletter unsubscription, if selected, then show the class unsuscribereason and hide classe message else then do the reverse. The code below works fine when i click on the option Newsletter unsubscription, the problem is that this condition didn't affect the form if : - I just visited the page where form is located; - When i reload the page. jQuery only apply the condition when i click an option and didn't set it as default for the form whatever situation.
CSS issue when using JQuery Mobile + Backbone.js
Hi guys, I would like to override some JQM classes such as .ui-header and some others. So I have index.html file where I load css in this order. <!DOCTYPE html> <html > <head> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1"><!--user-scalable=no --> <link href="Content/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css" /> <link href="Content/myCustom.css" rel="stylesheet" type="text/css" /> <!-- Here are script references
Gtting the error "cannot call method 'hide' of undefined" when i am opening a page using JQuery
0 Hi, When I am opening a page using Jquery on click event I am getting the below error "cannot call method 'hide' of undefined" . More description about error: Uncaught TypeError: Cannot call method 'hide' of undefined N I b.fn.fancybox f.event.dispatch f.event.add.h.handle.i please help on this. Thanks and Regards Kranthi
Problem with old Javascript function and adding Chosen
I have the following function in a .js file that has worked fine for years: function cloneFileUploadElement(theButton) { fileInputElementIncrement++; var objForm = document.getElementById("uploadForm"); var theClone = elToClone.cloneNode(true); theClone.name = uploadForm.firstChild.name + fileInputElementIncrement; theClone.id = uploadForm.firstChild.name + fileInputElementIncrement; objForm.insertBefore(theClone, objForm.clonebutton); } And the snippet in the HTML is as follows: <input style="display:block;"
http://api.jquery.com jsonp interface?
Hello all, I'm learning jQuery with the book "Learning jQuery 3rd edition". On chapter 13 dealing with advanced ajax request, the first example deals with JSONP request on the http://api.jquery.com site (to search for terms). Looking for the term "attr" in the example search box, the JSONP request fails (google chrome version 24). The following message appears in the console: GET http://api.jquery.com/jsonp/?callback=jQuery18307154251742176712_1358247669706&title=attr&_=1358247673264 404 (Not Found)
Help to adapt functions to jquery version 1.10.1
Hello friends. I have compatibility problems with jquery functions version 1.6.1 to the current (1.10.1). Here is the code. Please help friends. $(document).ready(function() { $.getJSON("categories.php?callback=?", function(data) { $.each(data.Categories, function(i, category) { var subjsondata=''; $.each(category.sub_categories, function(i,
JqPlot - Does not show simple graph
Hi guys, I'm really new to Javascrip/Jquery/Jqplot and I'm trying to learn by myself. Then I have some questions, Is this code enough to show a simple graph? Because it's not working, it shows a blank page. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Test</title> <script type="text/javascript" src="js/jqplot.canvasTextRenderer.min.js"></script> <script type="text/javascript" src="js/jqplot.canvasAxisLabelRenderer.min.js"></script> <script language="javascript">
UI Datepicker close on update an option
Hey, add a selectbox to buttonPanel. This selectbox calls a function "CheckRegionSelect" get's selectedIndex of selectbox and should update an own option in datepicker. After that i have to call datepicker("show"), to get the datepicker again displayed. All Changes are done but why does the datepicker closes after Changing an Option? Using Jquer v1.7.2 and UI 1.8.24. Update not possible atm. function CheckRegionSelect (selDatepicker) { state = parseInt($(selDatepicker).datepicker("widget").find('.RegionSelect').val());
[SOLVED] Problem with JQuery Dynamic Header
Hi. I've been racking my head with this for too long now, and was wondering if someone could point out my mistakes. Basically, I have two pages that are identical except for a string in the content. There is a header, that I want to dynamically display the page title. For the first one, it should say "Overview" on the header bar when it loads, and the second page should say "Accounts" when it loads. What happens, is that the page that get's loaded first will display the header correctly, the
what could be the json type for retrieving names from DB?
Hi, I am trying for autocomplete as given in http://jqueryui.com/autocomplete/#multiple-remote and i have done this way as shown in jsfiddle http://jsfiddle.net/9uMTQ/ Actually the way i am creating json is wrong because what ever you type in the search field,its giving only one value. Can anybody please tell me what would be the json types to get only names/ example john,jocky,james. so when you type jo it should display john and jocky
why jquery not working in IE8
Hi, I am in problem with my Jquery in IE 8. I have a script that constructs some UI dynamically with div on load. This works fine in chrome and firefox, but in IE it does not load. It does not log anything when it comes to second line below. AV.console.debug("start customer UI"); e = $("<div></div>").addClass("av-webassist-main").hide(); AV.console.debug("customerUI added main container"); It logs the first debug in console and nothing after that. The page stays blank. If I try to run
How to keep sliding panel open on tablets
Hello, I have a problem with a panel. I want to keep it open when a user uses tablet that has width 560px or wider, so it acts like a nav menu.. I used the "pagebeforeshow" event to manually open the panel every time the page transition is triggered. I also used the "responsive panel" media css markup provided in panel api documentation to add the 17em "right margin" to content and header in order to use them together with the opened panel.. But the problem is that if I open the panel on "pagebeforeshow"
jquery json not working
Hi, I am new to jquery and was wandering for json use in ajax. I recently watched jQuery site Below is my source code but it's not working <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Autocomplete - Remote JSONP datasource</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <link
Add Button Dynamically
Hi All, I am new in Jquery.I have a button and when i press this button i send the request to facebook Login.and after facebook login i am showing the friend list for user.i want to add button when list is shown. $(document).ready(function(){ $('.load-button').click(function(){ getUser(); }); }); This getUser call all the Facebook API.now i want to add button when list is shown. Please Reply ASAP. Thanks & Regards, Sumit Gupta
animate callback function
sorry for re posting but i dont want people to tldr, the code has changed drastically anyways. i will include all necessarily information here as concisely as possible i believe we are very close to solving the problem i am trying to use the animate callback function to properly queue the opening of a new tab after the closing of another the error is denoted by //error here http://patrickallard.net63.net/ [CODE] <script> //page dimentions var tabWidth=300; var tabHeight=document.getElementById("experienceshadow").clientHeight;
How to set the selected option for particular condition in Select?
How to set the "selected" in Select option for particular condition? My code: <input id = "inputs" type = "text"/> <select name="valueA" id="sss"> <option value="$0" selected="selected">$0</option> <option value="$500K" selected ="{!IF($('#inputs').val()!= '','selected','')}">$500,000</option> <option value="$1M">$1,000,000</option> </select> Isn't working? How to check the if condition in inside of select option?
Page transitions
I have some pages, page1.htm. page2.htm ,and so on. I moving from 1 to 2, and 2 to 3 I looking for cool page transitions to make some nice effect when moving between the pages. Do you know of some jQuery effect for this?
How may I choose one of the "selectable" elements by script ?
After I render a table or list with "selectable", I want to select one of the "selectable" rows by javascript. I haved tried to call 'click' method on the row element, but it takes no effect because click event is prevented by "selectable" control. If I can choose a row by something likes below, that will be very good. $("#myID").selectable("select", elem); But it seems that there is no 'select' method provided by "selectable" control. Totally, I expect a javascript method that can mimic the mouse
jQuery mobile ajax deep linking problem ( in phnoegap )
I'm new to jqm not sure whether this is a deep linking problem, but I think so. I have 6 htmls, login.html | | html ( folder ) | |-------------------order.html , some anchors linke to some data-role="page" sections in this page | |-------------------financing.html , a data-role="page" section in this page. | |-------------------statistics.html , some anchors linke to some data-role="page" sections in this page | |-------------------finance.html , some
about version jquery
Hello Every one.... I have a question, why them do release new version ex:jquery-1.10.1.min.js or jquery-2.0.2.min.js but remove some function in old version ... I'm realy not understand why ., i'm ever think about it, previous sometimes i can running a program use a jquery but that not work when use version else. You know , I think new version it's the best than previous versions but why like that ... can someone here explain to me about it thanks regards
Next Page