click() function in Firefox problem
I am using the following code to hide a form when the window is clicked anywhere, except on the form area itself: $(document).click(function(){ $('#contactForm').fadeOut(1000); }); $('#contactForm').click(function(event){ event.stopPropagation(); }) In chrome everything works smoothly, however in Firefox whenever I right-click anywhere on the page (including on the form), the event click is triggerred and the function fadeOut() is executed. Anyone have any ideas? Kind regards, Orestis
Localstorage and listviews
Hello, I'm with a huge problem with my app. All of my clientes are asking me for an offline app... I have a listview and i want to load it when the app is offline Is there a way to load the entire listview into the localstorage? Localstorage is the best approach? I know there is a limit of 5mb .... It could be a problem for me. Any tolher way to do it? It would be great if someone has a sample code Thanks
Multiple jquery slider on .net page
I need help displaying multiple sliders on a single C# page and am having trouble with making the Div id unique and passing that back to my JQuery function. I have embedded my slider within a gridview and ListView. Can someone please help by telling me what I need to add and change to get that to work? I have been unable to find a good beginner example. aspx: <asp:GridView ID="gvPosts" runat="server" AutoGenerateColumns="false" OnRowDataBound="gvPosts_OnRowDataBound" DataKeyNames="PostID">
Clickable element in clickable element executes function twice
Hello everyone, I'm having a button inside a div like this: <div id="myDiv">Information here <button id="myButton">More</button></div> <span id="mySpan">even more information here</span> Now I want to slideToggle() a span by clicking either on the button or the whole div. I'm doing this using the following code: $(document).on("click", "#myDiv, #myButton", function(){ // slideToggle-stuff here }); The problem is, that when the user clicks on the div, everything works as expected and the span
Really basic question - what does the code do exactley?
Hi, can somebody advise what the following code actually does please? Is this refereed to as binding? jQuery('#ilightbox').iLightBox(); The reason i ask is because im trying to run the code from within an iframe. Something like: jQuery('#ilightbox').parent.iLightBox(); Cheers,
Apply a jQuery function to a DOM element from a list of DOM elements
I'm trying to apply a jQuery function .val() or .text() to a DOM element. I get this DOM element from a list of DOM elements like this: $("label")[0] and this: $("label").get(0) and everything is alright, but the problem is when I try to apply a function to this element $("label").get(0).text() or $("label").get(0).val() then I get this error in the console: TypeError: undefined is not a function Shouldn't this work?
Detecting a pages transition direction?
Hi, is it possible to detect an event when a page is hidden on the forward state only? For example if the page goes to another in a forward direction a function is called, but in a backwards direction it isn't. Or is it possible to detect the direction of the transition? Thanks,
JQueryMobile and WebForm Response.Redirect
I'm a total newbie of JQueryMobile and I encountered this problem when redirecting to a page with multiple data-role="page". My page is structured like this <div data-role="page"> <a href="#login"></a>... </div> <div data-role="page" id="login"> </div> The first acts like a splash screen where when clicked it should go to #login. The form elements are in the login and my event for clicking the login button is something like if (ok) { Response.Redirect("Dashboard.aspx"); } else { // Something's
Focus issue with firefox and tinyMCE
I have a js fiddle to show this - here. First, click the button to launch a jQuery Dialog. Then once the tinyMCE editor loads, click in a text field and then into the tinyMCE editor. Now click in a different text field. Notice that the text field that was previously focused gets focus back and not the field that is clicked. This does not happen in Safari but does happen in Firefox. This only happens if the dialog is a modal dialog. This is using tinyMCE 4, jQuery 1.9, and jQuery UI 1.11. Any help
jqgrid autocomplete with JSONArray in edit form
Hi, I'm new to jquery and am using the edit form from the jqgrid plugin. I generate the autocomplete from an ajax function which returns a JSONArray but the autocomplete doesn't adjust to what i am typing, but it always shows all suggestions no matter what I type into the text field. Here is my code: colModel: [.... { name: 'ScenarioName', index: 'ScenarioName', sortable: true, sorttype: 'text', editable:
Autocomplete crashes when clicking on select all items
I have copied and pasted the codes from the viewsource from ComboBox The only different is the <select id="combobox"> which is being populated from a datasource. The dropdownlist is being populated from the datasource . I did the following: 1. Type in and select from list 2. Click on X to remove the selected item 3. Click on Show All items 4. Select from the list 5. Click on X 6 Click on anything outside the combobox. The system crashes just after doiong step6 with the following message in IE10
How to set button default state ,active state and Inactive state in jquery mobile.
On page load I want my button default color should be white and when we click on yes makes as active (in green color ) and no become as red or vice versa as toggle button. I try this through jquery it works but one i add my jqm theme CDN it stop working. <script type="text/javascript"> $(document).ready(function() { $('#myApptBtn').click(function() { $(this).addClass('active'); $('#allApptBtn').removeClass('active').addClass('inactive'); $('#myApptBtn').removeClass('inactive'); });
working with JSONP
I have this code, var url = "site that I'm going the data" $.ajax({ url: url, contentType : "application/json", dataType: "jsonp", success: function(data){ alert(data); } }); that data is displaying, but I can't display it in the page? any help will do, Thanks.
Masonry help!
Hi all, I'm trying to create a feature gallery matching the one found on TicTocFamily: http://www.tictocfamily.com/work My site is built on Bootstrap 3's framework and to date I have had zero luck trying to integrate the masonry plugin. Is this the best plugin to use? If not, what is? Is there perhaps a better way of achieving this result? The best I've managed to date is a statically coded fixed width/height layout but the image scaling therein is just awful. Any help would be massively appreciated!
Need simple dialog example.
I need a simple example of how to open a jquery dialog in response to a button click and then populating the dialog using an url. The examples I've found online seem, to me, unnecessarily complicated - but maybe that's just because I don't know what I'm doing, which wouldn't be surprising since I'm a noob when it comes to web programming.
detecting device
how do I detect device with jQuery.... when I copy jQuery code here, http://www.sitepoint.com/detect-mobile-devices-jquery/ and save it to something like jQuery_detect_device.js, my IDE says there's an error in that code.. (and this one too.... http://css-tricks.com/forums/topic/how-to-detect-mobile-devices-using-jquery/) thank you....
Need jquery tabs example with url
I can find lots of examples of how to do jquery tabs when all you have in the tab body is latin text. Sometimes you see an example with some html in the tab body. What I haven't found yet is how to specify a url for the text body. That is, how to specify that the tab body is to go out to a url and fetch the html that it needs. My app is an mvc4 application using Razor. I'm sort of new to web development in general, so don't assume I know anything. :)
JCarousel and new image on page load
Hi all I am using the JCarousel plugin: http://sorgalla.com/jcarousel It is working well, but I want to add a feature where, on page load, a random image (not the first one) appears. I have my jquery like this: (function($) { $(function() { $('.jcarousel').jcarousel({ auto:5, wrap: 'last' } ) ; $('.jcarousel-control-prev') .on('jcarouselcontrol:active',
jquery-ui-multiselect-widget flickering while loading the data?
jQuery MultiSelect UI Widget 1.14pre This is an issue for me with the long list. See the below image for the onload and after load effect(click on link). I just tested a list of 1600 items on a mozilla machine and the browser locked up for about ~5 minutes. https://camo.githubusercontent.com/3dc1a939065e6364e699eef8f08b9cd653741cf0/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f333439313130312f3335313235362f61636133333962652d613034322d313165322d393462382d3239396561333065663532632e706e67
How do I find the width of a dynamically added select box?
Suppose I have some javascript that adds a select box, and populates it with options - something like: select = document.createElement("select"); select.id = theid; So assume I have filled the listbox with elements, and now I want to know how wide it is. I tried checking $("#" + theid).width(); but that did not work. Is there another way? Thanks.
including jquery and jquery mobile in single page for listview data-role
how to include jquery-1.7.2.min.js and jquery.mobile-1.0.min.js in single page, when i lncluded scripts and css of these two, i am getting JavaScript runtime error: Object doesn't support property or method 'split' in jquery.mobile-1.0.min.js file. please correct me in solving the issue.iam working with listview data-role.
Replacing Cycle pager numbers with titles
Hi, I am trying to replace the pager numbers that get generated from jQuery Cycle and use a text list instead. And, further, how to target it to style it. If anyone can provide info/code clues that would be great. Here's what I have so far: $('#slideshow').cycle({ slides: "div.pane", fx: 'scrollHorz', speed: 300, timeout: 0, prev: '#prev', next: '#next' , pager: "ul.tabs" }); I tried the PagerBuilder
Kudos voting system problem
Hi, I have found this simple and cute rating system which I will be using as a voting system for an image gallery. http://webscripts.softpedia.com/scriptDownload/Kudos-Masukomi-Download-79158.html It is very easy to stile and seems to be pretty straight forward. However I am finding it very difficult when multiple Kudos are on the page as they do not work individually. It rates all the kudos at the same time. I will be so thankful to anyone who can offer some help! Many thanks, Isaac
Validating a form
Hi I'm trying to learn jQuery and got this validating code. It was working, but I did something I can't remember, and it stops working. I have no way to go back and get the tutorial code again. Here is the code: <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js"></script> <script type="text/javascript"> $(document).ready(function(){
window resize hover animation
Hello! I'm trying to create a custom responsive accordion menu that animates when you hover over it, but when sized down to mobile, changes to a clickable grid. I think I have the majority of the work done, but cannot seem to nail the window.resize() handler. I feel like I need a way to stop the resize handler from calling, once the if statement is met. But, I'm not a jQuery master, thus I am having trouble figuring out how to properly write the syntax. You can find a link to the example here: http://caseybaggz.com/CB-2.0/sites.php
datepicker works in standalone aspx file but not when associated with a Master Page VS Studio 2010 C#
I'm working with code from a supplier who created the shell of a working website. I need to add a date range to one of the reports. The web site has a Master Page (ASP.NET)where it uses the form tag that begins and ends on the Master Page. The page where I want to add two date fields is started and ended with <asp:Content></asp:Content>. The fields for the two dates work on a separate aspx page where I can use the form tag and there is no <asp:Content> section. That exact code does not work between
Overlay Panel Not Working After page Transition
Hi, Following the recommendation in the jQuery Mobile docs, I have implemented a similar popup overlay menu that looks and behaves the same. However, after each page transition, the overlay panel does not expand to the full height of the page unless I hit F5 on that page. Having had a bit of a look, the problem seems to be that the popupbeforeposition event isn't being fired, or isn't being fired at the correct time. Here is the code that I am using: /* Options Menu */ $("#OptionsMenuPanel").on({
Slidetoggle for an accordion?
I´ve got 4 catagories (cat 1, cat 2, cat3.....) and i want that all of the categories are shown at the beginning, when i click on a navigation item, all the other gets closed and only the selected one is shown, just like an accordeon and when I deselect the nav item, all categories get shown again. But it doesnt show all the items when i deselect an nav item and how can i give the selected nav item an active class? http://jsfiddle.net/Fz33q/6/
[SOLVED] TypeError: ui.helper.attr(...) is undefined
I am trying to replicate the functionality mentioned in http://www.placona.co.uk/166/javascript/a-more-elaborated-jquery-drag-drop-cloning/ But, I am getting the error "TypeError: ui.helper.attr(...) is undefined" in console. I couldn't find the answer from googling. Anyone have any idea about what might be causing this error?
Autocomplete: how to ignore metakeys and left/right arrow
I've run into some issues with the autocomplete widget triggering a search when the user hits left/right arrow or a metakey while the list is open. I found some posts from 2010 (http://dev.jqueryui.com/ticket/5289) where this was discussed and code was seemingly added to ignore these keys, but it seems to have been removed again. Can someone fill me in on this? Alternatively if anyone can suggest a way I can get the widget to ignore these keys, I'd be very grateful.
jquery autocomplete combobox - how to show/hide divs on select
Hey everyone, I got the autocomplete combobox up and running but i wonder how i can show/hide divs on selecting an option from the dropdown list? There seems to be an issue combining the combobox with a show/hdioe script like this: $(document).ready(function() { $('#combobox').change(function() { dropdown = $('#combobox').val(); $('#message1').hide(); $('#message2').hide(); if (dropdown == 'Java') { $('#message1').show(); }
autoresize dynamic html table using jQuery/Javascript ?
Hi, I have a dynamic html table , where last two columns ( textareas) are auto resizable. But I am facing the below issues, The code works fine in jsfiddle but not in browser. Also , when first row textarea expand to a certain length. The next dynamic row that gets added "using add button" also has the same dimension as that of the expanded previous text area. Fiddle demo PS: I don't want to rely on any plugin for this.
How to put the stored values from local-storage back to range slider?
Here are two slider fiddle examples: Original Example Failed Example I'm using local-storage to store the last max and min values of each range slider in the stop: function (event, ui). Each slider has their own key as shown in the Console. But I have trouble retrieving the values and putting them back to the sliders. They are showing `[object Object] - [object Object] ` instead of the stored values. Can anyone show me how to get it to work? HTML: <h4>Width</h4> <div data-max="100" data-min="0"
funcion jQuery (en plantilla boostrap)
La siguiente función jQuery dentro de la plantilla bootstrap-responsive esconde la classe menu, pero al cabo de unos instantes, ésta vuelve a aparecer. $(document).ready(function(){ $(".menu").click(function(){ $(".menu").addClass("hidden"); }) }); Alguien conoce el problema. Saludos.
Jquery FancyBox
Sorry Jake , by mistake i deleted my post . As i had mentioned earlier , there are two problems , One , the images dissapear after being clicked and two , The Next and Prev Buttons Don't appear , I donno why ! Below is the Link The Gallery. Thank you so much .
Active Navbar
I Have the following code for my nav bar . Its a one page website and has 5 sections , each devided by a "Div" tag and given an ID . <div class="navbar-collapse collapse"> <ul class="nav navbar-nav pull-right" id="nav"> <li class="active"><a href="#" >Home</a></li> <li><a href="#gallery">About</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Offerings <b class=" caret"> </b> </a> <ul class="dropdown-menu"> <li ><a href="#" id="home">Diamonds</a></li> <li><a
Parallax image scroll help needed
Hello, I'm using Pederan's Parallax ImageScroll (https://github.com/pederan/Parallax-ImageScroll) but having trouble getting it working, not knowing anything about Javascript or JQuery. Here's the page: http://www.chrisayresdesign.com/elmley I've entered the 'dataimage' value as the path to the image but it's not there (you can see the big white space at the top). Can anyone tell me where I'm going wrong, please? Thank you.
Jquery HighCharts
Hi Team, I want to Render a table in Highchart, Along With the Chart . My Table is Customized , Which is not a Datatable . It is Table Displaying Another information Please let me know how to do this
Dialog positioning problem
Hi all, I coded css styles for my dialog box. However the classes and features given automatically (below) makes a box positioned differently. How can I set them (e.g. widht: 300px). Thanks. <div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-draggable ui-resizable" style="position: relative; height: auto; width: 300px; top: -8763px; left: 525px; display: block;" tabindex="-1" role="dialog" aria-describedby="diyalog" aria-labelledby="ui-id-1">
JqueryMolibe Themeroller is down?
I'm trying to use the themeroller, but I can't have access to the page. When I put the url on http://www.downforeveryoneorjustme.com/ I got that the site looks down, so I came here to have more informations about that, but I didn't saw any announcement about that... ---Edit It's working now
Next Page