Allow one click per execution. NOT .one()
I have looked at the .one() documentation and it seems that it allows one execution per page load. I have a basic image scroller and, at each end, a button to click to scroll the images. It works perfectly EXCEPT, if you click more than once at a time, it will scroll additional distances for each time it was clicked and it can be made to scroll way past the end of the images. I need it to either slow and stop at the end regardless, or only accept one click until it finishes execution of the scroll,
custom the alert box
I have the , how can I let the alert box become wider, and the text message become big <script type="text/javascript"> $(document).ready(function() { alert('Please dosomethin before.'); }); </script> Thank you!
Demo checkboxes have non-existent class
Hi, I notice that that the checkboxes have been assigned a non-existent class as bolded below: <span class="ui-icon ui-icon-ui-icon-checkbox-off ui-icon-checkbox-off"></span> (this is also occurring in your demo here: http://jquerymobile.com/demos/1.0a3/#docs/forms/forms-checkboxes.html) cheers Matt
crypto-js
http://code.google.com/p/crypto-js/ Anyone used this lib successfully?
JQUERY - MODAL FORM - LOGIN AUTHENTICATION
Dear All Can some one please help , what i want to do is when some one enter Name , Email , Password and Hit Button " Create an Account " . It should go to mysql database and check if Name , Email , Password is present . If it is present then it should allow the person , if not then it should give a error invalid NAME OR Password http://jqueryui.com/demos/dialog/#modal-form Please help
Internet Explorer mega-menus issue
I coded a set of mega-menus for a WordPress site I am working on, and it works beautifully in Chrome and Firefox, but I am having the worst time in Internet Explorer. Granted, there may be some CSS issues I need to brush up on for IE that are contributing, but I was wondering if you pros could make glance at my script for Internet Explorer bugs. site url: http://upmi.org/site (The mega-menu is at the top (home/learn/etc) Here is my jQuery work if its useful. // JavaScript Document $j=jQuery.noConflict();
Hey there, I am starting to learn jQUERY and I have a problem with conflict
I want to build a page with 2 jQUERY, one for a dropdown menu and other for image gallery, but what happens my dropdown menu freezes... it only start working when I remove the image gallery... What should I do, I need to have 2 jQUERY on the same page, look at the mess I am doing: please don't laugh I am just starting to learn ok? http://pablobianc.dominiotemporario.com/aprimeirophptestes/demo/inicio.php
make parent li stays same bg color when cursor moves to its siblings
I am trying to achieve this via jQuery by adding a class as I don't think it's possible to do with CSS. Been struggling for two days still can't get the code calls the right class. http://jsbin.com/acori/13 The menu is generated by the CMS system so there is restriction to adding new class directly to a specific menu item. It's a 3 level menu but the flyout starts from second level (2nd level menu 3). By default, the 1st level menu has a "top-level" class for anchor tag while 2nd and 3rd level don't
"Hooking" inserted HTML in a jquery command
Morning! I'm pretty new to JQuery/JS, but thanks to all the excellent documentation coding hasn't been a problem so far. However, I've become a bit stuck and need some help. Some background: I'm writing an iPhone web app that connects to a C# web server. When the user selects a particular button: - a post is made to the web server - the web server sends back html buttons. - the web app places the buttons in a #result <div> (using ("#result").html( content_received ); ) The above works really well.
Help with simple button image rollover
Hello, would like to have a button on rollover have a div appear with partial overlap of the button. However, when the popup div appears it blinks when you're over it. Please see here: http://noisescape.com/test/test.html Many thanks in advance! F
moving dialog titlebar to bottom
Hello, I use UI dialog as a modal popover and only need close button, not title bar. Since I couldn't do that I removed the background and border for titlebar in css. However that leaves a blank space at top of dialog that doesn't look good, so I prefer to move title bar to bottom left of dialog (instead of top right). I tried to use "position: absolute" which moves the title bar to bottom but disables the close button functionality. I appreciate your help on this. my css is: .ui-widget-header {
Can I bind a function to the onscroll event of the parent window, from an <iframe>?
I have a page that does not load jQuery. An <iframe> included on that page does load jQuery. Using jQuery, is it possible to bind a function to an event of the window object of the parent page, even though it doesn't load jQuery? Accessing the parent window doesn't seem to be a problem; this works (at least in Firefox 4): console.log($(parent)); // displays "jQuery(Window index.html)" in the console To give some context, I'm developing the document to be loaded within the <iframe>, but I don't control
Where does jqXHR store decoded JSON?
I have a lot of code where I use $.post() to retrieve JSON data. I'm experimenting with Deferred objects, and can't figure out where done() gets the arguments that it passes to functions. If I do something like this: var jqxhr = $.post('return_json.php'); jqxhr.done( function(data){ echo data.return_val } ) ...it works. jQuery decodes the JSON and passes the object to the anonymous function. But when I look at jqxhr's properties, I don't see the object. All I see is the responseText value, which
Can I control the nested lists subpageidentifier values?
I have a site of nested pages, the leaves are articles dynamically inserted, but with unique articleIDs associated with them. I want to allow users to bookmark these pages and jump back to the correct article. It looks like subpageidentifier values are a combination of the "page" name and a offset. If the list of articles changes, the offset would lead to different articles. Ideally I could edit subpageidentifier to include the article id, and use this value to jump back to the correct article on
buggy gallery in opera an safari
I have a gallery which loads in and animates content based on different navigation selections. there is also a background image which changes on click. I've just found that on opera and safari, the appropriate images aren't always loaded. When you click the navigation, it loads a set of subnavigation(via load() method), which then links to specific images. My issue, is that sometimes, the navigational items, when clicked, load in the appropriate content from the previous set of navigational
highlight table row and cell borders when hover
Is it possible to use jQuery and on any part of a table row that has say 5 cells to highlight the border of each cell? I have seen lots of background examples but haven't seen anything with borders. I tried delegate but that doesn't work. $(document).ready(function() { $("table tr").delegate('td','mouseover mouseleave', function(e) { if (e.type == 'mouseover') { $(this).toggleClass("topleftrightborder"); } else { $(this).removeClass("topleftrightborder");
Dialog Button submit .load() form
Hey, how can i manage it, that a Dialog Button submits a form, that is loaded via the .load() function? here is the code: I tested $("#bearbeiten").submit(); (bearbeiten = form id) function contentloaderBea(dataid) { $("#somedivs").load("Mieter.php?s=mbearbeiten&mieterid="+dataid+"").dialog({ modal:true, autoOpen: false, title: 'Mieter Bearbeiten', position: 'center', width:'350', height:'600', buttons: { "Speichern":
jQuery: swap text and return (loop)
I wanna ask how I can swap the first li text "Home" to "Menu" on hover and when I re-hover the li, it gets back to "Home" and this process goes on. Many thanks for any help! <ul> <li><a id="translateMenulist" href="#/">Home</a></li> </ul> <script> $("li:contains('Home')").hover ( function () { $(this).html("<span> Menu</span>"); } ); </script>
Ajax Import of SVG into XHTML works in Opera, FF, but not in Chrome or Safari -- WHY?
Hi, Everyone! The following works in Opera (v. 11.01) and FF, but not in Chrome or Safari: $.ajax({ url:"data/embed_si_006ped.xml", dataType:"text", success:function(data){ var nodes = new DOMParser().parseFromString(data,'text/xml').documentElement; //alert(nodes); // // Works in Opera (v. 11.01) and Firefox but not in Chrome or Safari: // svgContainer.append(nodes);
moving elements
Hey everyone i am new to this. and was wondering if someone could give me a hand. I have a object loaded on the screen like a 150px from the top. I want when the screen moves down the element stays in place like ti normally does but as soon as the element is at 1px from the top of the screen that element moves with the screen. Is this is something that is doable?
ie7 .load() question
When I use .load() to pull an image into a page by referencing the 'href' value, it works great in every browser but IE7. Let's say I have: <a href="01"><img src="some-image.jpg" /></a> If I run alert( $('a').attr('href') ), most browsers return "01", while IE7 returns "http://website.com/01", which causes problems when trying to load a specific string path. I've implemented the standard return false/event.preventDefault(), but it still returns the url with the href string in IE7. I've got around
JQuery load, renesis svg viewer and SVG
I have html page that has an object with reference to svg. I use jquery.load() to load that html in a div. The svg does not display. I use: jquery 1.4.2. I also upgraded jquery to 1.5.1 and still have the same problem. I use renesis svg viewer. Any help or direction is appreciated. Thanks, Rasoul
jQuery Mobile Wait until next page is ready before loading
Hi, I've been experimenting with jQuery Mobile. I am trying to implement the following When a user clicks on an events navbar along the bottom they will proceed to view a list of events. This list is generated via an AJAX request from a server. Currently the page loads regardless of whether the list is available or not and then subsequently displays the information once it has finished loading. Untidy!! I would like to display the jquery mobile loading popup until the page is ready and then continue.
Disabling unwanted automatic item focus upon autocomplete
For Autocomplete: How do I stop jQueryUI from automatically focusing on a ui item when the autocomplete menu opens and the mouse has been positioned such that it is over the ui item when the menu opens. This can be seen in the jQueryUI demo. This is not desired since pressing enter will cause the focused ui item to be selected. Why? Because this causes problems if the input field is used as a search field where selection also fires a form submission. Pressing enter with the unwanted ui item focused
jquery form State
Hi Friends, This is my first post in forum,I am very exciting to see this forum.I have below question. I have List of check boxes,After selecting check boxes,I do submit and it goes to server .From server i am displaying the same page.Here how can i show the selected check boxes. Thanks in Advance. Regards, Raj
pop up video playlists, video lightbox style?
Is this possible? I know you can have a video pop up and play, but none seem to support playlists. Thanks
How to limit height expand and show vertical scrollbar?
I am trying to control a textbox. Here's my initial code: $(document).ready(function () { $('.expanding').autogrow(); }); $(function () { $("textarea[id$=txtInsertDefinition]").blur(function () { $(this).next().hide("normal"); }); $("textarea[id$=txtInsertDefinition]").focus(function () { $(this).next().show("normal"); }); });I want to limit the autogrow height, to say 100px,
problem with validation
I have problem with validation plugins. I want to set up change passwod section where when you type the old password it sends the query to see if the password matches that one in datatbase. I used the remote to do that similar stuff with different project, but with the current one it returns the json object. Based on my reseach I can't use "remote" for json response and try to set up addMethod instead. i gotta validation part working but now every time I typed in password it tries to check with the
Is it possible to get scroll percent in a scrollable div?
I have a div with the overflow set to auto. This is a mobile web app and on iOS, scrollable divs do not show a scroll bar so I am attempting to build one. The scroll event fires when I scroll on the iPad, I just need to know the scroll percent now so I can change my custom scroll track handle position.
Useless
Looks like jQuery forum is pretty much useless. First, there is no way (that I can find) that I can see all the posts/threads that started by me. Second, not a lot of people are using this forum. And third, due to not many people use this forum, many questions are not getting helped at all. I've posted two or three questions and so far no one as responded.
[jQuery] Mac OS X default system drag and drop is overriding Interface's drag and drop
Hi all, I'm developing a back end for a photographer's agent, and she wants the site to be mainly drag 'n' drop thumbnail images, so she can create "collections" of various images, by dragging from various bins. So I've started with a styled <ul> list of images, and each <li> contains an <img>. Each <img> aligns to the middle of it's <li> so the whole thing looks like a grid of slides. I'm using the Interface plugin and it's all working great; I can grab the <li>s and it's easy to re-arrange them.
Check value for checked checkboxes
My PHP-script generates checkboxes following this pattern: <input name="checkbox_group[]" id="checkbox_1" value="1" /> <input name="checkbox_group[]" id="checkbox_2" value="2" /> I have tried every solutions I could find, like these: var values = new Array(); $.each($("input[name='checkbox_group[]']:checked"), function() { values.push($(this).val()); // or you can do something to the actual checked checkboxes by working directly with 'this' // something like $(this).hide() (only something
OAUTH 2.0 lib
Anyone know if there is any lib implementing the OAUTH 2.0 protocol?
jquery mobile removes # in traversed link when using jquery.address plugin
there seems to be a strange interaction between jquery mobile and jquery address, where deep link urls appear correct, but when clicked on the # is removed and the page is therefore not found. These are internal deep links to the same page. I started with a jquery mobile site which worked fine and then tried to integrate address into it. That didn't work, so I stripped out jquery mobile and the site worked well minus the formatting, I've put together two simple pages that demonstrates the issue:
bugs on S60 symbian emulator - jquery mobile
Hi all I have a bug with app developed in phonegap + jquery mobile. The app works perfecty in android but i have a terrible connection problem with symbian (S60) emulator and a real cell phone.. I am using a simple connection with RPC to retrieve all data from a external server (PHP) in json format, it method works perfecty in android but it doesn't work in symbian... I am not sure what the reason is, because aparently the structure of phonegap app are the same for all applications developed in direferents
Add events to synchronise checkboxes between parnet and popup windows
Hi, I have a pop-window that contains a checkbox for an item. I want to keep the checkbox synchronised with the checkbox on the parent window. The parent window contains a list of items and I need to bind an event to the parent window's checkbox and the pop-up window. I have managed to get 90% there but I have a couple of issues. The first problem is that I have had to put the code in-line. The code was originally in a source file and loaded when $.(ready) but I kept on getting errors that self.opener
CYCLE PLUGIN - triggering function on specific slide with keyboard shortcut
Hello i have some spans that are displayed by cycle plugin <span class="ban">a</span> <span class="ban">b</span> <span class="ban">c</span> etc i use the function to modify currently displayed slide on mouse click <script> function selecta(){ $("span").click(function () { $(this) .toggleClass("dunno"); $(this) .clone() .appendTo("#buffer"); }); }; </script> I would like to do it with keyboard rather than mouse. But then I have problem with triggering function only in the currently
Help passing CSS class attributes to tooltip function
Long time reader, first time poster. I am working on incorporating qtip tool tips into a site I am working on. The site uses per-user-login dynamic themes. I need to be able to dynamically retrieve the attributes list/object for a class from the CSS each time the qtip tooltip function is called (using it on multiple fields). $(element).qtip({ position: { corner: { target: 'tip_target', tooltip: 'text_target'
Update to 1.5.1 changed browser Back button behavior?
I recently updated from jQuery 1.4 (I think 1.4.4) to 1.5.1. Before the upgrade, when users pressed the browser's Back button, they would usually be taken back to a page with all their changes intact. If they had modified input values or clicked objects that caused other parts of the page to change, they would still see those changes. Back literally took them back to the exact thing they were looking at before. Under 1.5.1, Back takes them to the prior page as it was when it first loaded. What changed?
Quicksand callback for prettyphoto not working on cloned items
I have been struggling with this for a while now. I have quicksand set up to sort portfolio items and prettyphoto set up to display the items. Everything works until the items are cloned. I can not get the callback to prettyphoto to work. http://jsfiddle.net/jaycbrf4/yR7Jh/
Next Page