Using JQuery? Try VJET JavaScript IDE!
Hi JQuery Javascript community! I am a lead for a JavaScript IDE named VJET. The project is hosted on ebayopensource.org: https://www.ebayopensource.org/index.php/VJET/. I welcome members of this Using JQuery forum to download and try out this JavaScript IDE. We hope this tool will make using JQuery easier. It was made for JavaScript developers by JavaScript developers. This tool provides code assist, hover documentation, and semantic validation of well known JavaScript APIs and JavaScript syntax.
Flipswitch
Hi, I am struggling to get to grips with jquery and have used a web page to design a web page for a home project i am doing. i have chosen flipswitch's for my page the idea is if i set it to on or off on the flip switch it will get a url but not return the requested page. i have the following code for one of the switch's The idea is when i flip the switch to on it calls allon.php and when i flip it to off it calls alloff.php I've scoured the net for ages trying to find other examples but can not
Jquery mobile dynamic fields not applying styles?
Hi i have creates a html page that creates dynamic fields and when i add them to the listview, it doesnt apply the jquery mobile themes. here is my javascript: //Dynamically load data fields for items $(document).on('pagebeforeshow', '#claimPagefields', function(){ //trigger a create event $('#claimPagefield').trigger('create'); loadFields(); }); Here is my HTML page <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,
JQM 1.3.1 click event slow - performance tips?
Hi, A noticed that click event is very slow on iPad2 so I was searching if it's possible to get is faster. I found some threds on stackoverflow.com where they mension touchstart. I started implementing it on opening a panel and result was pretty stunning. 2x faster.. Now I'am opening a panel using this code: $(document).on('click touchstart', '.button_open_menu', function(e){ e.preventDefault(); $( "#mypanel" ).panel( "open" ); }); }); Any more performance tips? Thanks.
Username and password in an ajax call
I'm trying to connect to a webservice that requires basic authentication, but when I use ajax with username and password set, it still shows the browsers loginform, and the Credentials from the ajax request is not send. Is this not what it is intended for, or do I do something wrong? $.ajax({ type: "GET", url: "http://localhost:8080/test", data: '', contentType: "application/json; charset=utf-8", dataType: "xml", username: "ajax", password:
Datepicker switching between multiple calendars
Hi all, I'm using the following code to display 2 datepicker calendars which allow a date range to be selected: http://pastebin.com/HA4YaQnL I can't figure out how to stop the calendar switching to the next month when a date in the right side calendar panel is clicked on. I only want the month to switch if the arrows above the calendar are clicked on. I'm guessing this is pretty simple to do but as a jQuery novice I'm a little lost, if anyone could point me in the right direction of what I need to
Finding out which p was clicked ?
I bind a click to all "<div class="expandable">" in body$("div.expandable").click(); How can I find precisely if it is the first , second or third div that was clicked ? and then do something Sorry I am learning jQuery Thanks for help
SDOM positioning in datatable
<div class = "year"> Enter name<input type = "text"> </div> In below link how include the above div after Search input Text? Is it possible? Because i am new to datatable plugin http://datatables.net/examples/advanced_init/dom_toolbar.html
Jquery mobile is not rendering in IOS 6.1.3
Hi, I commenced using jquery mobile recently and have some problems with jquery versions and browser compatibility. When using release 1.3.1 with the following <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css"> <script src="http://code.jquery.com/jquery-1.10.0.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> scripts works fine on chrome and IE but when using iphone/ipad on old or new IOS, it
wp7 ie9 page rendering
Hi, I have a standard page consisting of a header, footer and content. When displaying the page on a wp7 simulator everything works fine. When displaying the page om a real wp7 (one of the first ones, it utilizes ie9), first the header and footer are displayed, then the content, and finally the content gets repositioned, in total producing a highly unwanted flickering experience. I know that ie9 does not support position:fixed for the header and footer, but is there any way around this ??? Ihave
Is it possible to groups fields into one rule
Hey, I'm using the validation plugin from http://jqueryvalidation.org/ and i have a small problem. I'm trying to make a validation rule that validates whether one of N checkboxes are checked. My checkboxes do not share the same name, so i'm out of ideas. I've made a small sample to demonstrate my issue: http://jsfiddle.net/5xfMZ/13/ Hoping that someone can help me out :)
jQuery XML menu challenge
Hi All: I have a challenging jQuery XML task I'm trying to accomplish as follows: I have an XML structure as follows: <nav_data> <outline> <links> <slidelink slideid="_player.6LjVRsWzPla" displaytext="Scene 1" expand="true"> <links> <slidelink slideid="_player.6LjVRsWzPla.6GWiXuWmXyn" displaytext="Fundamentals" expand="true" /> <slidelink slideid="_player.6LjVRsWzPla.6gxk7XqbaT8"
Calling widget public method from inside onClick function
In my _create method, I add a click method to a class of elements: $(this.options.tabSelector).find('.tabCollapser').on('click', function () { var panelId = $(this).closest('.ui-tabs-panel')[0].id; $(this).closest('div.ui-tabs').collapsible('hide', panelId); }); Within the finction, "this" applies to the element that was clicked on. I can find the div associated with my widget ($(this).closest('div.ui-tabs')), but when this function executes, it reloads the entire
Jquery UI - Problemas/Problems
ESPAÑOL:Buenos días, tengo un problema con la interfaz de usuario jquery y es el siguiente: En mi localhost anda correctamente, sin embargo, cuando subo todo lo que hice a mi host en la net, se me rompe el jquery y mi pagina pierde toda su funcionalidad... No se la causa del problema... Pueden ayudarme? Muchas gracias y saludos! ENGLISH: Good morning, I have a problem with jQuery UI and is as follows: In my localhost works properly, however, when I upload everything I did to my host on the net, it
Combine TABS capabilities
Is it possible to combine the features of both the Sortable Tabs and Simple Manipulation? I also would like to use the final tabs in a forms layout so users can add more tabs and then reorganize them on screen. Furthermore, I want to add the ability to insert another set of Tabs or subtabs. Just need some guidance how to write the code. Thanks, Frank
Show / hide div with or statements?
Hi gang, I'm trying to show my DIV with just the 2nd, 3rd, 4th & 5th selection for my "Other subject" option. I can get it to work with just one option or all options, but I can't seem to get it to work with just like 2nd through 5th option. Please help, Kind regards. http://jsfiddle.net/Luck12/DH9CT/3/ $('input[name="Q14_A_5"]').change(function() { if( 2 || 3 || 4 || 5 == $(this).val())
Why does the Datepicker drop down disabled and freeze the page when I open a dialog?
I have a page which uses the jQueryUI datepickers (which have worked like a champ until now). I added a button ("Select Departments") which invokes a dialog. Now when I mash the button, the "Begin Date" datepicker widget drops down (??? - and disabled at that) -- and freezes the page colder than Fargo in February: The HTML and jQuery (and a smidgen of CSS) follow: HTML: <button id="btnSelDepts">select Depts</button> <div id="dialog" title="Select the Depts you want to include in the report" style="display:none;">
Code to "shrink" / "grow" a 3D Cloud JQuery?
I want to use a 3D Cloud on my web page, and have found a 3D Cloud that I like, but what I would like is for this 3D rotating cloud to be approx 1/3 of the size when the page loads (perhaps offset on the page to make room for text) and when the user hovers over the cloud with their mouse the 3d cloud "grows" to full size. Does anyone have any code or suggest how to so this and encapsulate this code into the code I found for the 3d cloud? Thanks!
Complex query of tables within tab set
Keeping this explanation short I have in my project a tab set that contains one table in each tab. What I want is to access the input field values of each table. The output should identify the table using its id and all using their id and value if the input has a value. Thanks for the help having trouble getting my head around jQuery on this. The output should be: " {'table_name', 'attribute_name', 'attribute_value'}, {'table_name', 'attribute_name', 'attribute_value'} " <div id="tab_sua_attrib_dlg"
hey
<!doctype html> <html> <head> <meta charset=utf-8/> <title>AJAX: load</title> </head> <body> <a href="about.html">Learn More About Me</a> <br> <a href="contact.html">Contact Me</a> <div class="wrap"></div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script> $('a').on('click',function( e ){ var href= $(this).attr('href'); /* its get the href to all links*/ $('div.wrap').load(href +'.container'); e.preventDefault(); }); </script> </body> </html> error:
using jquery whith the comment system
Hi, guys i have a problem in my Jquery 1.8 with my avatar picture when i include the jquery file into my page the profile picture dont upload and if i drop the link it upload and i need to user this jquery for the comment system heeeeeelp please
Show("blind") on table row
I applied a blind effect to show a hidden table row, but the slide effect isn't smooth. It immediately adds about 15px space, and then does the slide effect. You can check (and modify) my code here: http://jsfiddle.net/Pieeeeeee/yRpsU I made it go slow so you can see where it goes wrong. It is also hard to let the row/td's match the other rows while the effect is taking place. I solved that by giving the table and td a fixed size, but that's another problem.
validate not working in ie 10
I feel like an idiot asking this but I haven't been able to find a similar problem yet I know someone must have run into this. So I know that I'm not searching for the right terms. OK, here's my dilemma. The code below works fine on IE 7 and IE 8, yet it does not work on IE 10. And of course, it works fine on Firefox and Chrome. I migrated from jquery.validate v.1.11.0 to v.1.11.1 but no luck. Also, I'm using jquery v.1.7.2 Thanks, Peter T <div id="forms"> <script type="text/javascript"> //validation
How do I parse images from an RSS feed into a jquery page
I have an rss feed- http://api.flickr.com/services/feeds/photos_public.gne I'm trying to display the images into tiled divs which link to other pages on my site, a bit like is done on netflix
Having issues with .not with :contains
I'm having an issue making something work that I think should work fairly easy here is some code var ShowVar = ".search:contains(" + document.getElementById("Find").value +")"; $('.search').not(ShowVar).hide(); $(ShowVar).not('.define').show(); <div id=Ex class=search> Content <ul class=define> <li>List</li> </ul> </div> I'm trying to make it so a user can type in a value for "Find" and it shows all the sections with the class of search and hides I can do that easily, but I want it to ignore the
Drilling down syntax
Hello, I am reading from a jQuery ebook and I came across this syntax: $("div>ul a"); $("div#main p strong"); $("div.main p>li a"); My question is regarding the > and then sometimes a space then another html tag like p or strong etc. Can $("div.main p>li a"); be rewritten as: $("div.main>p>li>a"); // ? is this the same? Does a space as in $("div#main p strong"); // mean $("div#main>p>strong"); Thanks, Jim
Changing class has no effect on selectors...
I want to change the behavior of a button by changing the class. On the first click, I see the alert" Step1: Class starts as Step1" as expected. On the second click: "Step1: Class starts as Step2" The class changes, but the selector seems stuck. What am I missing here? Thank you! $(document).ready(function () { $("#GoToNextStep").addClass('Step1'); $(".Step1").click(function(e) { alert ('Step1: Class starts as ' + $(this).attr('class')); $(this).removeClass(); $(this).addClass('Step2');
Anyway to change settimeout to infinity or something akin
Hello, Im trying to change a jquery plugin that uses a settimeout. Is there anyway to change the settimeout time value thingy to ignore the value. If I try to take it out I basically have to re-write the whole plugin ...Trying VERY hard to avoid that ...<lazy></lazy>
Struggling to Study the data
I can't understand the following data.Is any one explain this? Data = {'Test1':2,'Test2':3,'Test3':4,'Test4':0,'Test5':4,'Test6':0}; In above line how to add the data and how to retrieve this data?Is any documentation is there to study? My code: Data = {'Test1':2,'Test2':3,'Test3':4,'Test4':0,'Test5':4,'Test6':0}; console.log('::::::Data :::::;'+Data ); for(var name in Data ){ console.log('::::::name:::::;'+name); createSlider(name,Data [name]); }
radio button function using list
I'm using a list for selecting music genres. My function is this:- $(document).ready(function(e) { function checky() { $(this).children("span").children(".icon-checkmark").stop().show(); $(".genre").not(this).children("span").children(".icon-checkmark:visible").stop().hide(); $(".searchfield").val($(this).attr('class')).keyup(); } function checkn(){ $(this).children("span").children(".icon-checkmark").stop().hide(); $(".searchfield").val($(this).attr('class')).keyup(); } $(".genre").toggle(checky,
auto hide a column when another column is selected in column toggle
Can anyone tell me how do i set the column toggle table in such a way that when i select an option in the column button it displaces a column which had been displayed. Or in simpler terms for instance if i have 10 columns (3 of which are fixed and 1 has a higher priority) so when i click in any new column in the column toggle it replaces the the one with the higher priority and when i click another column - the non fixed column gets displaced.
Alternate way to create drop down
I am making a we page in which I have to dynamically add text fields and drop downs using html5 and jQuery. In the drop down i need two options i.e text and again drop down which will be later shown as preview . I got the code for that but I am stuck with drop down because i need alternate keyword for drop down. Please help me if u can var fType = $("<select class=\"fieldtype\"><option value=\"checkbox\">Checked</option><option value=\"textbox\">Text</option><option value=\"textarea\">Paragraph</option><option
Jquery Dynamic object issue
Hi All, I have an issue. My xxx image is a droppable image.When i drag <p> object on the xxx image <p> is dropping but when i create dynamicly xxx image is not being droppable!! My code is below, Please help me about this issue <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Droppable - Revert draggable position</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>
List elements in autocomplete menu didn't highlighted by touch event on iPhone devices
Hi! I just updated to the ui version 1.10.3 and I found that, when I touch the autocomplete menu elements on iPhone, the elements didn't highligt as it happen with other links. This feature is worked before when I used the ui version 1.8.22. This is something bug, or just caused by a missing option? I didn't see anything in the API documentation about it.
autocomplete in ie not working
Below is my jquery autocomplete function , works fine in chrome but not in mozilla.pls help ---------------- <asp:TextBox ID="txtSearchBox" ClientIDMode="Static" AutoCompleteType="Search" runat="server"></asp:TextBox> ---------------------------- Jquery(function () { Jquery.widget("custom.catcomplete", Jquery.ui.autocomplete, { _renderMenu: function (ul, items) { var that = this, currentCategory = ""; Jquery.each(items,
Jquery novice needs a bit of help
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:{
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"
Next Page