Add an afterdrag event to draggable
I think there should be an callback for immediately after the drag has occurred. The reason I've needed this is because I've needed to manipulate the draggable after its been dragged (specifically, without stopping the drag). My current use-case is as follows: The user can drag an image around to select an appropriate cropping, but I need to prevent them from dragging any part outside of its container, thus creating whitespace. This is difficult because: 1) Returning false from the drag event stops
Extension mechanism for jquery templates
I was looking at http://wiki.jqueryui.com/w/page/37898666/Template . It seems a bit sparse right now. I'm happy to spec out things like grammar based on the existing documentation but thought I'd post a strawman here. The goals of this proposal are to: (1) capture the existing grammar documented at http://api.jquery.com/category/plugins/templates/ (2) propose a grammar that allows for custom user-defined extension tags (3) enable user-defined pre-processor passes Grammar CompilationUnit ::== *(
Suggest an image gallery that supports multiple slideshows?
Hi, I need to replace a Flash image gallery with a jQuery gallery. After hours of looking at sites that say "Top (25) jQuery Image Galleries," I still can't find one that supports a top view that shows a list of available slideshows. Clicking on one will load that slideshow. You can then go back to the top level and view all the slide shows again. Does anyone know about a plugin that does this? Thanks! -JP
$("#element_id").width() problem
I am fairly new to jQuery. I have a <div id="myDiv"> (with absolute position) containing a number of sub-elements (some hidden) including other divs. The function $("#myDiv").height(); or $("#myDiv").width(); returns 0 even though myDiv is about 850X1000 px as measured on the screen. Can anyone set me straight about this? Thanks.
Need Help with Jquery and Datatables
I need to know how to use Jquery for Joomla and use the Datatables plug-in. I have no idea how to use Jquery so if someone could please explain and show me how to do it I just need it to install Datatables. I could also give someone my admin and have them do it for me. I really need this done.
show/hide single div with multiple links
I am getting to know jquery a little, and I am trying hide and show a div when a link is clicked. I have a page setup that has a flash video in a div on the main page. Then when a link is clicked, a lightbox window opens and plays another video. I am trying to get the video on the main page to hide while the lightbox video is playing. Then when a user closes the lightbox window, the div with the main video on the page is shown and starts playing again. So far I can get this to work with one link.
easing issue
Hi, I managed this code from different tutorials and a lot of reading here on the jquery site. Everything is working as it should for now except for the easing effects...can't get it to work. What am i doing wrong? thanks for any help $(document).ready(function(){ var $contactb = $('a[href*=#fourth]'); var $skillsb = $('a[href*=#second]'); var $workb = $('a[href*=#third]'); $contactb.click(function() { if (location.pathname.replace(/^\//,")
serializing checkbox problem
I have a jQuery form in which I create a series of checkboxes: <?php <form method="post" id="b-form" action="../createb.php"> for ($i=0; $i<$request_count; $i++){ <div class="request-check"> <table> <tr> <td><input type="checkbox" name="show_request[]" value="request".$i." checked="checked"/>select request</td> </tr> </table> </div> } javascript $.ajax({ type: 'POST', url: '../createb.php',
How do I force page reload?
How can I force a page reload (through ajax)? I know I need to make an ajax request and update the dom, but how? When I do this: $.mobile.activePage.empty(); $.mobile.activePage.load('/resources div[data-role="page"]'); the DOM is updated (I see the new updated source), but nothing is shown on the browser. Thanks
Waiting for update of data in div
I use in my code div, which content I edit via function html(). But I've got a problem with getting new height of div. Here's example of my code: $("#idofdiv").html("nějaký obsah"); var h = $("#idofdiv").height();//Here I get bad result In line 2 I get bad result - old height before changing the content. How can I wait for updating the content, so I could get a height of new content? Thank you for your answer
error ids
Good morning, I am working with jquery 1.5.1 and ui 08/01/1911, and found a problem, when the tabsare created for the first time the forms within them I work and identifiers of each well, butwhen I go through another menu re-create the tabs, the identifiers are exhausted and thefailure to produce the information, and I take the values of the fields by their IDs, anyone can help me with that, thank you very much beforehand. One more thing sorry for my English.
1.5.1 Ajax IE faster than FireFox... do you agree?
In our experience, 1.5.1 ajax is quite a bit faster in IE8 than FireFox 3.6. It seems fast in both, but there is a noticeable difference between the two. Does anyone else experience these differences? Any big reason for the differences... like configuration or settings? Using ASP.NET 4 and MVC 3. -- patrick
Validation form - problem
Hi, Could you tell me how can i check that input have only letters (a-z and A-Z)?
Contextual auto-escaping for JQuery templates
I'd like to make JQuery templates robust against XSS by using the contexts in which ${}s appear to choose an appropriate escaping function automatically. Is this something in which the jQuery community would be interested? Details at http://js-quasis-libraries-and-repl.googlecode.com/svn/trunk/safetemplate.html cheers, mike
Navigating among HTML pages
I am using O'Reilly's book on building apps with HTML, CSS, and Javascript, http://ofps.oreilly.com/titles/9781449383268/ch04.html It uses jQuery. Chapters 4 & 5 show us how to use a database. It really works well! I'm making small changes to fit my own mobile application. I've run into one problem: The page has <li>'s to link to anchors on the same page, like this: <li class="arrow"><a href="#dates">About</a></li> However, I want to link to another html page. I find I'm unable to do so. The following
mediagroup.mediacontent from rss not loading using AJAX/Google Feed API
Hi Guys, I've been banging my head on this topic and i still haven't found a solution to my issue. I know there are many questions answered about how to load media$group.media$content.url but I can't seem to get any of those solutions to work for my code. I'm parsing my feed using zRSSfeed. I can't seem to load the mediagroup node and its contents. specifically the content url and the thumbnail url attributes. Here is a snippet of the code that is loading the title of the feed article. I want to
validation : prevent dispaling error messages
Is there a simple way to prevent the generation of the message ? I have already poped up the messages. I tryed to set label.error to display:none in css but I think it's too early. Any help would be appreciated PS. in FF and Chrome, I just set the messages to '' but in IE 6 even if it's empty, it is displayed deforming ny page. What I want is to get rid of the message
Superfish bug: ie6 with jquery-1.4.4
I encountered a bug today where 3rd-level fly-out navs weren't displaying in internet explorer 6 with superfish 1.4.8. Eventually narrowed down the cause to the jquery library. Replaced jquery-1.4.4 with jquery-1.4.2 and the problem was resolved. Hopefully reporting this will help some other people and prevent some hair-tearing.
Serialize un-successful elements
Hi, I need to create a query string for all un-checked checkboxes. There is the very convenient serialize() method for checked=true but I can't find a means of getting all the values for check boxes that are un-checked. I have tried serializeArray but that returns an empty array. The context for this is that I have a select/deselect all link on a page. I need all the element values to be POSTed to the server so that the user's selection can be stored server-side in-between page requests. If they
Surround selected text with a custom tag
I have a form with a textarea containing some content, such as: "Some text goes here. Some more text here. Link me. Emphasise me. Heading The end of the text." What I would like to do is select some of text above, such as 'Link me' and surround it in a custom link, such as '<link id="1">Link Me</link>'. Similarly, I'd like to take 'Emphasise me.' and surround it so that becomes '<em>Enphasise me</em>'. I originally thought of combing the fieldSelection plugin (http://laboratorium.0xab.cd/jquery/fieldselection/0.2.3-test/test.html)
Jquery live function is not working in my case
Hi Guys, I am very new to jquery live function & i stuck in to the problem. I am using live function to get the ajax response & appending to the div here is my code, function add_master(module_url, response_target_id, custom_id) { $('a.addclass').live('click', function() {alert('add'); $(response_target_id).fadeIn('fast'); $(response_target_id).html(loader_img_url); $.post( module_url,{'op':'add','custom_id':custom_id},function(data) { $(response_target_id).html(data); set_text_focus(); alert('ho');
jquery-git.js vPull / build broken since Tue Mar 1 22:13:01 2011?
looks like the auto-build has been broken for some time : (
click() interfering with get()
$(document).ready(function(){ $("#emailSubmitBtn").click(function () { $.get("/site/content/test.lasso", { "message": "Hello", "recipient": "Fred" } , function(returned_data){ alert("Data Loaded: " + returned_data); }); }); }); produces no returned data, but if I comment out the .click() line (and corresponding brackets) the expected data is returned. I want the .get() triggered by clicking #emailSubmitBtn. What am I doing wrong? Thanks
.post and json
So i have a div where inside there is a <ul><li>item1</li><li>item2</li></ul> and when i click on each item1, item2 i send via .post into a file each <li> text as json $(".ul_container_div").find("li").click(function (){ var a = $(this).text(); $.post("ajax.php", { test:a } ,function(data){ console.log(data); } ,"json"); }); what i get on firebug is: Object { test="Test1"}when i click on item1 and on ajax.php
When checkbox checked show radiobuttons
Hello, I am a real newbie to JQuery and Javascript, but now I need to do this task for my school project, the subject's unrelated to client-scripting, but this thing just came out as a part of my idea, and I suppose the best way to do it would be using javascript, so I thought of asking here, since I am not really planning on learning JQuery for now, so I thought I could get some help around here. So, I have a couple of checkboxes, and I want to show radiobuttons whenever a checkbox is checked, e.g.
Page Transition does not work with another HTML page within the same application ....serious issue with JqueryMobile
Hi Guys, I want to use the Page transition feature of JqueryMobile in my application. I have 3 pages in my app. home.html,GetNotifications.html and alert.html. I am using the anchor tags to add these hyperlinks dynamically. My code below :- Note: I dnt want to use rel=external attribute to redirect to another page, I wish to have the transition effect on another page var strLinkSection = "<p><a data-role='button' data-theme='b' data-transition='slide' href='GetNotifications.html'>Notifications</a></p>";
Trouble with Slideshow plugin in Mozilla Firefox (v3.6.15)
Usually problems arise with IE, but this time I have a problem with Mozilla Firefox. I use the prev, next and play-control options. Prev and Next work great all of the time. My trouble arises when I click on 'Pause Slideshow'. If I click on 'next slide' or previous slide' while my play-control button reads 'Play slideshow', my layout gets messed up. Not so when my play-control button reads 'Pause slideshow'. As I mentioned earlier, this does not happen in IE. After changing the play-control
howto load a entire page with ajax
Hi lovely Jquery-Community, i want to load my entire front page with jquery, after a button is hit. Something like redirect to front-page. I've already got the handler on the button, that executes document.location.href = '/index.php'Its working, but i'd like to make its behave like(pseudocode): $.ajax('/index.php')or: $.load('/index.php') Is that possible, and if it is, how can i do that? Thanx for your advices regards dennis605
Please help modify my small script
Hi! I'm trying to modify my code but I'm new to Javascript and I need some help to figure it out. When the page is fully loaded for the first time, click on the first tab (profile) and you'll see the problem. Location of the file: http://bit.ly/gLilCo This is the code: $(window).load(function(){ $('#page2').delay(200); $('#page2').show('slow'); $('#content>dd').css({display:'block'}) $('#thumbs').jScrollPane({ showArrows:false, scrollbarWidth:28, dragMaxHeight:82, }) $('#thumbs li a').live('click',function(){
These forums lack the polish that a project as big as jQuery should have...
In only 3 minutes on these forums I am left with the impression that they were thrown together in a day's time. I understand jQuery is not a for-profit organization, but with the amount of resources (coders) that jQuery has available in terms of volunteers I don't see how these forums could be in such poor shape over a year after being rolled out. Here's my take on my first 3 minutes here: Logging in: Haven't used this forum in awhile, although I was in the old Google group so I was automatically
Need your help regarding jQuery UI tabs
Hello, My name is Aamir (mostly on #jquery and ot). I have created jquery scrollable tabs http://jquery.aamirafridi.com/jst/ using jquery 1.4 and jQuery UI 1.8.1. It worked as you can see but for your ease I have create a quick demo page: http://jsbin.com/obiko/55/edit When you updgrate jQuery to 1.5 it still work so nothing wrong with jQuery 1.5 but jQuery UI 1.8.9 is not happy with this and it breaks the plugin. http://jsbin.com/obiko/56/edit All i want is to wrap the <li>s of tabs titles and than
Contextmenu modification needed to pass data into the menu
I am wanting to make a "right click context menu" which performs a search for each right-clicked word in a document. I am using the plugin contextmenu.js. This plugin works great but needs to be modified it to better suit my needs. I want to pass a "word_id" from each word (lines 39 and 40) into the contextmenu (line 17) which in turn passes the same data into the lookup routine (like 31 which is now just an alert box). What I have right now is that the context menu has 6 items. I am testing my
Internet Explorer not showing modal dialog
Hello folks :) I want to open a modal dialog while saving data. It works in every browser other than IE. Today I did an alert('Test') after the modalAction - and voilà - the modal dialog is in the background and waits till the saving is done. Anyone got an idea, why? And how could I make it work now that I know that It should work ... function saveFormBlock(param1,$otherParam) { modalAction("Things are saved!"); alert('Test');P.S.: Debugging in IE says, IE gets to the right jQuery-Functions...
Difference b/w with contents() and with out contents()
Could you please, can any one clarify this..... $("#divID").contents().find("span#spanID"); and $("#divID").find("span#spanID");
Need help related to jquery
Hi, I'm new to jquery. I need to create an application which is similar to http://suprmarket.net/themes/gridalicious/ link. Can anyone help me to build this sort of application. Thank you.
How to modify JSON object using jquery
I have a Json Object n wanna modify the isVisible property my testObject contains below data "{"id":"1","name":"Apple","isVisible":false}" "{"id":"2","name":"Orange","isVisible":false}" I wanna modify isVisible=true I have tried the below code, but its not working $(testObject).each( function() { this.isVisible = true; });
Visual Studio 2010 - JQuery Rounded Corners - Error
Hi All. I'm tearing my hair out trying to work out why I can't get JQuery Rounded Corners working when attempting to implement within Visual Studio 2010. I have the following defined in the Site.Master: <script src="Scripts/jquery-1.4.1.min.js" language ="javascript" type="text/javascript" /> <script src="Scripts/jquery.colorbox-min.js" language ="javascript" type="text/javascript" /> <script src="Scripts/jquery.ui.js" language ="javascript" type="text/javascript" /> <script src="Scripts/jquery.corners.min.js"
Multiple Appends
I have this code: // capslock detection $(document).ready(function() { var options = { caps_lock_on: function() { $("#capslock_append").append("Capslock is on"); } }; $("input[type='password']").capslock(options); }); for some reason it appends multiple "Capslock is on" to a div id named "#capslock_append" everytime a key is pressed with the capslock key set to on. Any help
Best way to manage .click() and .delegate() on a page
Hi all, I load a static page, inside this page there are links like this: <a href="some/path/here/with/id" class="update">Click</a> With this function I can change the link value (Click) with a second value depending on ajax response. $('.update').click(function(event) { event.preventDefault(); $.post('script.php', {}, function(data){ // Depending on the value that data has i change the link: <a href="some/path/here/with/id" class="update">Clicked!</a>
Images loading in Firefox & IE, but not Chrome or Safari
I have a jQuery based gallery (http://www.brandonboswellphoto.com/richmond_wedding_gallery.php) that will load thumbnails to the bottom of a page, however for some reason these images only load on Firefox and IE (Not Chrome or Safari). I'm not sure this is due to jQuery completely, but does anyone know why this is happening? Thank you, Brandon Boswell
Next Page