Switch between nomal and modal $.mobile.pageLoading()
When we use $.mobile.pageLoading() a nice loading spinner appears. Unfortunately there is no option to make this a modal spinner i.e. a spinner which disabled everything on the background like a modal window does. This can be handy to avoid clicking twice on a button.
IE8 - Cookie Problem
Hey all, I'm setting up / testing a blog feed/roll on my site. Basically, there is a form with a checkbox for each blog that can be viewed in the blog roll. When the user clicks a checkbox, provided that it's not the very last checkbox (meaning that there would be no blogs selected), it sends a cookie with the updated information. For example: if blog 1 and 2 are checked, cookie contains: "b1,b2" and this cookie updates as soon as another box is checked. Now, this works fine in firefox and chrome,
JQuery Stickybar
hello i am trying to use this plugin http://plugins.jquery.com/project/stickyBar can some one guide me about it how to use it ? Basically what i want is that there is a div that is about 100px from the top , now what i want is as the user scroll down the div remains at top i know by using css position:fixed; i can achieve that but the problem is it fixes the div t its position like if the div is 100px down it will fix the div there even if we scroll down the div remaisn 100 px from the top, what
Can't load Fancybox from inside a jQuery script...
So I have a script that retrieves images from Flickr and displays them on my site. I have Fancybox so that when a user clicks on the image, the picture will come up in a... "fancy box"... everything seems correct, but when I click on the image, it sends the user to the location of the picture on Flickr servers instead of opening it using Fancybox. I'm pretty new to web design, so I'm very stumped. Here is the code for the Flickr retrieving... <script type="text/javascript"> var FLICKR_ID = '41313008@N08';
Using ajax-loaded data by html()
Hi there, I'm new to jQuery, I red the FAQ and some tutorials.. now I ended up with this: $('#food_rate').load('/ajax.php?x=get_food'); $('#tax_rate').load('/ajax.php?x=get_tax'); $('#mood').html(function(){ return ($('#food_rate').html()-$('#tax_rate').html())*10; }); $('#mood').html always contains the value of the values food_rate and tax_rate had before I loaded the new values in. (Before Line 1 and 2 happen) I already red, about event bubbling and event delegation,
Sprite rollover effect - mouse out not working
The rollover animation works, but when i mouse out there is no animation. It just goes directly back to the up state. Here's all my relevant code snippets: <script type="text/javascript"> $(function() { // set opacity to nill on page load $("ul#division-nav a").css("opacity","0"); // on mouse over $("ul#division-nav a").hover(function () { // animate opacity to full $(this).stop().animate({ opacity: 1 }, "fast"); }, // on mouse out function () { // animate opacity to nill $(this).stop().animate({
J_Query + Form
Dear buddies, I am very new to JQuery. I need to create a form, which will take username and email id and store it in a text/csv file. I do not want to use PHP/ASP. I am familiar with Java script. Is there a way I could do this? Please guide me. Thanks a lot. Alagu
tab focus issue
Hi i am java developer using jquery tabs in my project.I have terrible problem with jquery tabs. when i am in second tab and submit the form,tabs are reloading and first tab selected by default, but i have to be in the second tab. Can anybody help me to solve this issue.
Code coverage results
It would be a good idea to include a summary of code coverage within any files or script tags that have had tests run against them, that are reported with the test results summary. Tom
Case of firing the event at the moment of declaring it
Hi! I'm not very deep into jQuery, so the following behaviour is unexpectable for me. Consider I want to bind some event in case of firing some other event. $('span').click(function() { alert("I'm span"); $('body').click(function() { alert("I'm body"); }); }); When I load the page and click on the span I see two alerts. I guessed such things should work the following way: when first click on span occurs, one alert works, then binding of click handler on body, NOT running this
joomla with superfish menu
hi, i´m using superfish menu in joomla. i try to make it a completely horizontal navbar. that means that the second sublevelmenu should also be horizontal and start left at the beginning of the menu and not directly under the "hovered" menu. <ul style="display: none; visibility: hidden;"> Where can I find this attributes? I tried with firebug to change it into: <ul style="display: block; visibility: visible; margin-left:-75px; position:absolute;"> Thanks for your help
Recognizing UI Changes done with jquery in c#
I have a playlist that allows users to drag songs away from the playlist to drop box so that can work with a long playlist. Users can also search our DB for other songs and add songs to the playlist, but this is done with jQuery. how can i get the changes to the playlist done with jQuery to be recognized in c# server side sorting. this is a related post where i learned how to get jQuery to work after and asp.net ajax call: http://forums.asp.net/t/1626678.aspx & http://stackoverflow.com/questions/4268322/asp-net-ajax-jquery
SplitView
What about SplitView for larger displays like pads?
Grouped buttons in header bar
It could be nice to have the possibility to group buttons in the header.
Change the height of the parent of a visible li
I use a CSS-Menu with this structure: <div class="tabs"> <ul class="menu"> <li id="item-1"> <a href="#item-1">Tab 1</a> <div><p> .. </p></div> </li> <li id="item-2"> <a href="#item-2">Tab 2</a> <div><p>....</p></div> </li> </ul> </div> Via CSS .tabs will be position:relative and the divs within the li are position:absolute to stack. This works fine. Unfortunately, in some cases the content of li is too height and overflow the parent. I'm looking
Getting Rel Attr value from <p> with an ID when parent TD is clicked
Not really sure how the best way to start explaining this, but I have a small script set up that activates a second section to an accordion to display information. The idea is that a table cell will be clicked and then the second according will activate displaying information relating to the cell that was clicked in accordion part 1. I have managed to get it to update coding in the var's by hand, now I want to be able to get certain bits of information from a nested div that is hidden in the table
Using .load() to load up images
Hi all, I tried creating a small widget that when a user clicks on one of the 4 buttons (links), instead of it taking the user to a new page it will load a specific div from another page is the div container above it. HTML (excerpt): <div imagePane></div> <div buttonLinks> <ul> <li class="button1"><a>BUTTON 1</a></li> <li class="button2"><a>BUTTON 2</a></li> ...etc </ul> </div> JS: $('.button1').click(function(){
global variables in jquery functions
Hello experts, I cannot findout how I can write to global variables in a a JQUERY function. In the following script code you will understand my problem. I appreciate your help. <script type="text/javascript"> function checkusername (username ) { $.post("http://example.com/index.php", {action: 5, username: username }, function(xml) { result = $("apot", xml).text(); //<-- this variable is not global... why ?? message = $("message", xml).text(); //<-- this variable is not global... why
Date time picker issue
Hi guys I have a text box which uses datetimepicker in jquery and I have checked all the links, it shows the date time in text field but when i click inside the box it wont open the calendar, can u please help me to figure out how i should get it runing in a way that when i click on a text field in opens the calendar? thanks in advance <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>jQuery UI Example Page</title> <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
Custom JQuery UI widgets
I just wondered if there is any place where people can post their own widgets (not included in the jquery ui roadmap) so we all can have extra widgets to enrich the jquery-ui library. I mean besides the general Plugins repository. I have developed a content slider widget using the jquery-ui widget factory, and it is theme roller ready.
.post AJAX issues
Hi, I'm trying to write a VERY basic AJAX function, which will call like.cgi?LinkID=1234 This is it: function do_like(link_id) { jQuery.noConflict(); jQuery.post("/cgi-bin/links/like.cgi", { LinkID: link_id }, function(response){ alert(response); /*setTimeout("finishAjax('"+escape(response)+"')", 400); */ /*setTimeout("finishAjax('the_rating_box', '"+escape(response)+"')", 400);*/ }); } I don't get any errors, yet it
Make Draggable draw over other elements
Hello, How can I make a Draggable be drawn over all the other elements while it's being dragged? Thanks!
Dialog is slow like hell
I was unable to use your Trac, because it thinks i'm a robot. Hello. I've used both 1.7.x and 1.8.x versions of the UI library, and both 1.3.x and 1.4.x versions of jQuery, but the bug still remains. The summary is: my modal dialog is slow like hell. I was going to make it fade in, but for now I can just show it immediately. But that's not the main issue. The main issue is that it does not just appear and disappear very slowly, but it slows down the content inside it and the content outside it too.
jQuery Twitter Instant Messenger
Hi all, we recently launched a complete Twitter Instant Messaging service, developed almost entirely in jQuery (for the front end). I would really love some criticism, feedback, suggestions or anything else from the jQuery developer world as really want to make this site an breeze for users, and inspiration for developers. The site is at http://twitterchat.me and you obviously need a twitter account to access the site. You can add me through TwitterChat at @dmnic1 if you want as well. Look forward
Problem with draggable and resizable
Hi! I won't to use the draggable and resizable function on a <div>. But both don't work right. What can I do to use both function together?
Slider stays 'active' after being moved in Chrome.
Started implementing a jQueryUI slider and noticed that it stays highlighted after I drag or click it to a new position. Unfortunately the demo only recreated the issue when clicked to a new position but its the same issue. Are there any work arounds to this? http://jqueryui.com/demos/slider/
Widget with sub-widgets
Hello, I'm working on the ticket #3905 (http://dev.jqueryui.com/ticket/3905) . To simplify the problem, when an accordion with autoHeight is in a tab, and the tab is hidden, the resize function of the accordion is called and makes the accordion height equal to 0. And then the accordion is never displayed even if the tab becomes visible. I made a first partial fix, making the accordion visible but the autoHeight option is not applied. I test if the accordion is hidden, in this case the function
Jquery Postback loading with asp.net updatepanel
Hi, I am facing an issue while implementing jquery loading progress bar. It is working perfectly fine without update panel. As soon i use updatepanel, it also works fine but page cusror show in wait state until user does not move his/her mouse. As soon user move mouse cursor came in normal style. Plz help me to sort out the issue. Regards Kazim
drawing datepicker until button click?
Say I have a datepicker called: <input type="text" size="10" maxlength="10" id="from" name="from" style="width:65px;" value="03112010" /> $("#date").datepicker({dateFormat:'ddmmyy',showOn:'button'}); In IE6, I found that whenever I change input (which would trigger keyup event) while still in onfocus, something load in background. I have tried to turn off background by CSS table.ui-datepicker td a {background-image:none} or use execCommand try{document.execCommand("BackgroundImageCache",
multiple dialog in a form
Hi, I wish to ask if multiple dialogs allowed in a form? dialog#1 fill in <hobbies & interests> dialog#2 fill in <personal information> Both dialog attached to the form (parent) I fill all the field in dialog#1 and dialog#2 and press SUBMIT button in the form. I found that the parameters in dialog#1 is not submitted. Is it because i use appendTo() incorrectly? Is following code correct? I append my dialog to form. I wonder is it because the dialog#2 'overwrite' the dialog#1? $('#dialog1').parent().appendTo('#form');
Correct "href" for the Back button
Hello everyone. I have a small app based on jQueryMobile, made of a number of pages (it has one landing page, the first <div> with data-role="page" and a number of secondary pages; not deeper than that). On all but the first (landing) page, I have been using the default "Back" button that was added to the header bar by default and it worked great. Now I need to add a new button to the header bar so it seems I need to define the "Back" button as well. My question is what would be the correct value
Simple <div> Toggle
Hey, I just started working with jQuery, and I've come across a problem that I can't seem to solve. I'll try and post all of the relevant sections of the code. <script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $(".read-more").click(function() { var feed = $(this).attr('id'); var path = 'div.bfc[id="b' + feed + '"]'; $(path).toggle(); }); }); </script>
Autocomplete plugn with from ajax request
Hi, I am building a world city autocomplete using the googlemap api. The issue is that the aucomplete is acting weirdly and I had to do weird trick to make to work (badly)... Here is the source code: http://jsfiddle.net/4T8f9/1/ My problem is that I am not getting the data from a remote request and nor from a local variable. I dynamicly push data in my local variable. To make it almost work I had to call a new autocomplete instance on each keypress... Take a look at the code to understant what I
jQuery UI Music Player - Hit a Wall!
Hey there, Has anyone else experienced any difficulties employing the jQuery Toolbar (media player buttons)? I recently baught the jQuery Cookbook and hit a wall with 'Creating a jQuery UI Music Player'. I have the play/pause buttons working fine, and the audio plays as it should, but the 'current time' and 'duration' displays aren't executing, as well as the song position slider. I've checked, re-checked and double checked all my code, it's written as in the book. The 'duration' display and
Issues moving from 1.4.3/1.0a1 -> 1.4.4/1.0a2 jQueryMobile
I have posted this before but have not received any response so I am trying again. I have a suite of test pages that work fine with jQuery 1.4.3 and jQueryMobile 1.0a1 However, switching to 1.4.4 and 1.0a2 all things are screwed up. I have a file on my public dropbox should any of you jQM engineers want to look at it. the ONLY thing that I have changed is which libraries are used. [Originally posted November 12, 2010] http://dl.dropbox.com/u/1421871/jQMTest.zip mse
How to catch .keypress() on body
Hello, How can you catch the keycode on the body tag? This is what I have so far: http://jsbin.com/upecu3 Christophe
new jQuery Tmpl plugin doesn't seem to like namespaced functions
I was all excited to get up and running with the new official plugin jQuery Template (http://api.jquery.com/category/plugins/templates/) but I am hitting a brick wall on something: I always group my JS stuff into objects to avoid any chance of name collision, as an example I would do something like : var NS = {}; NS.Display = function($data, key) { return $data[key]; }; // I normally WOULD NOT do this function GlobalDisplayFunction($data, key) { return $data[key]; }; etc etc.... the Template
Icon only button with full button chrome
What is the best way to have a button like this : <input type="button" name="btnErase" id="btnErase" data-icon="arrow-l" data-iconpos="notext" /> Displayed with the full button chrome (like text button) instead of only a diminutive icon?
slideshow issue (stacking images)
Hi People, I used a script for a slideshow for my project, but I have some issues with the code. I use PNG's for the slideshow, but the code seems to stack thePNG's over each other. Therefor the aplha seems way off... Is there a way to remove the previous image while sliding to the next one? In short just show one image at a time. source: http://lemarquis-design.com/v6/ (in progress) Here's the code: HTML ------ <div class="contentholder"> <div class="innerslide" id="gallset" style="display:none;">
Shortcut for .offset().top/left.
Hello! Sometimes I need get offset top and left, I need do: var offset = $(...).offset(); alert(offset.top); alert(offset.left); But it is strange, maybe I can do, simply: alert($(...).top()); alert($(...).left()); It can help to get offset or relative position, or set. $(...).top(50); // eq. .css('top', 50); A boolean can represents "get relative": alert($(...).top(true)); // eq. $(...).position().top Bye.
Next Page