Calling a jQuery plug-in by using JS
I want to preface my question by saying that I am fully aware of how to use jQuery, and that using jQuery the way it's designed is obviously easier than mixing jQuery with JS in almost all cases, but what I want to ask is more for the sake of a brain exercise than anything. With that said, I am playing with jQuery, trying to figure out how it works. For example, let's say we have the following HTML (and please also imagine that I have actual URIs for href and src): ... <div id="pics"> <a href="#"><img
treeview modifiying GET ajax request and appending type= as a param.
There are 3 tables in DB group-set,group,users. Two different type of folders 1 is group-set which contains groups and another is groups which contains the users in group. group-set can have multiple group-set or group as a child elements. group will have only users as child elements. user is a leaf node. how to load it with ajax. because ajax GET request passes "id" to load childs.. but in this case we need extra parameter in GET request i.e. type to find out whose child it needs (group-set's or
Question about dialog width
I found dialog option width: auto option has been removed in ver1.8 . Is there any workarround to do that?
BlockUI is not changing cursor back to normal after page is loaded
Hello all. I'm calling $.blockUI() whenever a anchor tag with a "link" class is clicked: $("a.link").die("click").live("click", function() { $.blockUI(); }); The anchor click loads a new page, however, the unblocking of UI doesn't completely work. The overlay is removed, however, the cursor is not changing back to "normal". This is happening in Firefox 3.6.16. So, the end-user perceives the page as still processing because the cursor is "spinning". Moving the
Form Plugin - using multiple times on the same form
I'm using the Form Plugin to allow a user to upload a photo. The user clicks on a link in the page and I display a dialog collecting the file and description. It works great the first time, but when they do it again the description and a hidden field is not passed in the form. How can I get the form to work more than once without reloading the page? I call this on the click of the link on the page. var options = {target: '#divToUpdate', success: PhotoUploaded}; $('#photoForm').ajaxForm(options);
jquery form with multiple submit buttons
In plain HTML, when you have multiple submit buttons in form, the name/value of the button that triggered the submit is passed to the server as one of the form fields (according to http://www.w3.org/TR/html401/interact/forms.html#h-17.13.2) However when using jquery form, the name of clicked submit button is not passed, so it is not possible to find out on the server side which button was clicked. Is it because of the way DOM's form.submit() work, ie no way to pass the name of the button that submitted
New to JQ but not JS: Why does this work in every browser EXCEPT IE??
Hi, I have a simple effect on a list where I display a div when the user hovers over a list item. Here's my JQ: $(document).ready(function() { var switches = $('#switches > li'); var slides = $('#insideCenter > div'); switches.each(function(idx) { $(this).data('slide', slides.eq(idx)); }).hover( function() { switches.removeClass('active'); slides.removeClass('active'); $(this).addClass('active');
small datepicker problem
I have a datepicker it works like a charm. Bu i have a question. I want to reedirect page when clicking datepicker for example if user clikcked 2011-04-25 i want to redirect page foo.asp?date=2011-04-25 How can i do? I know i can input a hidden text bar with onchange but this is a dirty solution Thanks all
why "silentScroll" in function transitionPages 's top
i found jquerymobile do a silentScroll before hide previous page, why it is needed ? because of this , when page's height over screen size, the action will be jump to top -> page change and the animation is ugly for android 2.2(medias) and 2.3(xperia arc) when i do a page change ( page A -> page B ) with silde, the real action is below page A -> page A jump to top -> page B -> page A (with page B bottom) -> page B any suggestion ?
Displaying success message with JQuery (should be easy)
Hello, I am new to using JQuery and have a simple question please. I have added the following JQuery code to remove a <div> row when the delete image is clicked and to use GET for a PHP file to grab the ID to remove from the database. It works fine: $(document).ready(function() { $('img.delete').click(function() { $.get('main.php?action=deleteRow', {id: $(this).parent().attr('id')});
Radio Buttons with 'Selected' icon in JQM
The documentation section in JQM has a great example showing how Radio Buttons can be used in JQM. But the nice looking buttons in the example aren't the ones that sample *code* shows. When you create buttons using the code, there are no "bulls eye" icons that indicate which radio button has been selected. That leads me to two things: 1. How do you accomplish that same look and feel? 2. When there is an example, is should be matched *exactly* by the code sample provided (IMHO) In this case, the
date picker
I have a date picker with id="datepicker" and I am trying to catch when the date is chaged with this code, but the change function is never activated. What event do I need? I have tried click. <script type="text/javascript"> $(document).ready(function () { $('#datepicker').datepicker().children().show(); $('select[id$=datepicker]').change(function () { $("input[id$=TextBox1]").val($("select[id$=datepicker] option:selected").val()); }); }); </script>
Multiple JQuery scripts in one page
Hi, I need 3 differents kind of JQuery slideshows in one page (1. automatic slideshow showing only images, 2. gallery slideshow associated to thumbnails, 3. automatic slideshow associated with manual small icons). I found the 3 slideshows I need on the net, and I'm able to implement all of them, but only one by page. When I try to implement the 3 scripts on the page, nothing works. I'm wondering if there is any conflict between the JS files and CSS files of each JQuery. Anyone could help me
Superfish supersubs with megamenus (multi column menus)
Is there any way that one could have supersubs functionality applied to drop-down multi-column menus? I assume one would need to calculate the width of each column plus the combined width for the container. How feasible is this?
Superfish: How to hide sub-menus (3rd level) on escape key and having no effect to 2nd level menu
Hi Joel Birch and all other experts, I am having some issue with superfish menu. It works great on most of the circumstances. but it is unable to handle escape key behavior on multi-level menus. Explanation: Menu items on top level (level one) : L1 L2 L3 L4 Menu items on 2nd level: L1 -> L11 L12 L13 L2 -> L21 L22 L23 Menu items on 3rd level: L12 -> L121 L122 L21 -> L211 L212 L213 Issue: Need to handle escape key When i pressed
IE problem with Jquery cycle
I'm using the jQuery cycle plugin at http://www.winkletwebdesign.com/index.asp Looks fine except in IE8. The first image scrolls left as it should but then the next image just pops in and doesn't scroll in. Help?
datatables returned in a ajax call don't work
i need a complete example of how to call an html containing a datatable jquery plugin table, and working inside a div, that is filled by the ajax call..... i'm desesperate!!..jaja.
Unable to login to plugin repository
Hi I understand that there were issues last year in accessing the plugin accounts however I am still unable to log into my account. We have a significant update to a project which would be good to release and since we have a number of plugins don't really want to create a new account. Account name: zazar Thanks
replaced span link is not working
I have a big problem with this situation. I've been looking for this problem for a week and I don't find the answer. If someone knows how can I solve it, I really appreciate. I'm a newby in jQuery. My problem is simple: I find and replace what I need to replace but the new data link doesn't call the jQuery function ej like for unlike the first like works but when it is replaced for unlike you click unlike and doesn't call the function jquerry. /// like $('.like').livequery("click",function(e){
page loaded for the second time you have problems with html()
When I load in a second time the same page, $ (div). html () does not work. Example: index -> page1 (at this point when make a change to a modified textarea a counter that in a div) page1 -> page2 page2-> page1 (test with alert () and the value is correct, but ignore the $ (div). html ()) My solution, By rudimentary way, the page2 is load with location = 'url' onclick. Ugly but it works Someone give me some help?
$('').show ... specify edge from where to appear ...
Hello Everybody, if you use the .show() the element appears form its upper left edge ... can you spec from which edge it shoud appear? Thanks for any advice, haemse
date picker
I have a date picker with id="datepicker" and I am trying to catch the click with this code, but it doesn't work. <script type="text/javascript"> $(document).ready(function () { $('#datepicker').datepicker().children().show(); $('select[id$=datepicker]').click(function () { $("input[id$=TextBox1]").val($("select[id$=datepicker]").val()); }); }); </script>
Nightly build button states
Hi I know its an in-progress but I tried the 20110422 and noticed a change in how button states are set which you might not know When changing page from a button in a controlgroup and then clicking back button, the clicked button is set to its down state when returning. I listen for the pagehide event and reset the buttons with a mouseout(). There maybe a better way but this works Now the clicked button state is set by jQM after the pagehide event so the down state is still showing. On the test site,
Perfomance Problems in v1.0a4.1 with ajax loaded listview
I have a dynamically generated listview via ajax In firefox 4.01 it takes the follow times to load and render the list Load Data: 373ms Load List: 38ms refresh list: 133320ms In latest safari Load Data 459ms Load List 34ms Refresh List 2545ms How come?, do I need to change the refresh process to apply the correct styling?
replace span with new data but new jquery call is not working
I have a big problem with this situation. I've been looking for this problem for a week and I don't find the answer. If someone knows how can I solve it, I really appreciate. I'm a newby in jQuery. My problem is simple: I find and replace what I need to replace but the new data link doesn't call the jQuery function ej like for unlike the first like works but when it is replaced for unlike you click unlike and doesn't call the function jquerry. /// like $('.like').livequery("click",function(e){
Scroll background image left to right or up and down.
Hello, I'm fairly new to JQuery, and am using some coding I found online to scroll a background image vertically based on the height of the mouse in the browser window. This works fine for the image that are taller than they are wide, but doesn't work so well for images that are wider than they are tall. I'm pretty sure a couple of if else-if statements can solve my problem, I just can't figure out where to put them. Could someone help me locate the code that re-sizes the background image to fit
How to access $('p').eq(1) in another frame
I know how to access *all* paragraphs in another frame and (eg) change their text content. I do this via the following code (code A) $('p' , window.parent.log.document).text('test') (log is the name of the frame that contains the paragraphs) But I cannot access a *particular* paragraph (eg the 2nd paragraph) - if there were no frames in the document I would do this via $('p').eq(1) but I cannot get this to work using any variation (and I feel as if I've tried them all!) of code A. TIA
Fixed size Sortable with overflow:auto does not scroll
I have a Draggable list of items that get cloned into a Sortable. The Sortable is a fixed size, after which it scrolls. I have not been able to get the Sortable to scroll down if someone wants to drop an item from the Draggable into the Sortable. I have tweaked and played with all sorts of options in various combinations (scroll*, attachTo, refreshPositions, containment) and had no luck. Here is an example: http://jsfiddle.net/PsFT8/ Is this possible at present? I came across this bug which sounds
Superfish - update jquery
Hello, my WP theme uses Superfish and it came with the file jquery-1.2.6.min.js I realize there are a couple of newer version of jquery, but I have no idea on how (or if I should) upgrate it. I imagine that just uploading a new file wouldn't do the job. Would anyone help me out here?
Download not completing
When I click on "Build custom Download", then on Theme "Smoothness" with version 1.8.12, then click on Download, the Download dialog appears on my Mac Mini. The progress bar goes up to 67.5 of 755kb then stops with "Decompression failed." How do I get the download to complete? It happens over and over with other themes, too. Thanks, Steve
Page Fade
How do I fade a page in and out?
iOS Safari Dropdown Menu Issues
On an iPad please go to http://arhab.org/index3.html. Select the 'Records==>Highest' menu item and notice that even after the new page content is displayed the menu list items are still displayed. To fix this I have tried changing focus after the selection. This didn't work. I also tried to have the javascript select another (invisible) button but this didn't work either. I also tried selecting (tapping) in an empty part of the screen but that didn't work either. The only thing that actually clears
threshold time on the mouse hover ?
Hello, I'd like to launch an effect only if the mouse pointer was on element more than xx ms. Is there other solution, than something like : - delaying the effect with 200 ms and - running effect only if the element the mouse pointer is currently on, is the same as the element that has triggered the event ?
Datepicker does not load on asp.net page referencing a MasterPage
Below on Block 2 is a simple Asp.net page and the code works. But when i use the code on a page referencing a MasterPage with ContentPlaceHolder it does not work. The Only way it will work is by using the Live (Click) method, see BLOCK 1. The only problem with BLOCK 1 's code is that the calendar ONLY displays after you first click on the text field, and I want it to display when the page the load, thats the problem im having. Any help? ----------------------------------------------------------------------------------------------------BLOCK
More ZIP problems with downloaded themeroller files
Created a custom theme and now can't open the zip file. Message from Archive Utility App: "Unable to unarchive "jquery-ui-1.8.12.custom.zip. Error 1 - Operation not permitted" or from Stuffit Expander: "The archive may be damaged (Error #17537)" Using Mac OS10.6.7, Safari 5.0.5 - file attached. Thanks.
Tabs applying styling to content panels
Hi We are currently seeing an issue where our content inside tab content panels is picking up CSS styling from jquery ui, as the top level element that is having tabs applied gets given the ui-widget class, which overrides font sizes, faces etc etc. I have worked around this by removing the ui-widget class from the top level element and applying it to the <ul> which holds the tab <li> elements, and all seems well. Is there a better way to do this? The current behaviour seems like a bug. As an aside,
jQuery UI zip file can't open in Windows7 -- it's empty!
I don't remember how many times I downloaded today jquery-ui-1.8.12.custom.zip each time with a different theme to find out a popup "file empty" under Win7. Comparing a file jquery-ui-1.8.11.custom.zip downloaded a few days ago and today's file which is only 64KB, I can see the reason. Any idea what's going on today with download? thanks
Google Maps API javascript v3 with jQuery
Hello everyone, I am currently developing a web application that users geotag. I use javascript google maps api and v3 with jquery. here is my code: 1 2 3 4 5 6 7 8 9 10 $().ready(function() { var latlng = new google.maps.LatLng(49.41483, 2.817895); var options = { center: latlng, zoom: 6, mapTypeId: google.maps.MapTypeId.ROADMAP }; var carte = new google.maps.Map(document.getElementById("carte"), options); }); I then a javascript function that is called after clicking a button. function afficher(id)
Add animated transitions to elements with "Float:left"
Hi, I have a webpage that is full of a grid of elements of the same height and width with float:left. I have buttons to filter elements in the grid, but after objects fade out, when the grid re-aligns itself floating left, the transition is jumpy. Is there anyway to animate this nicely, maybe have the boxes slide over to the new position? Or cache the position, calculate the new position, and then transition it nicely? I also have a movable ajax box that positions itself above the grid item that
z-index and jQuery UI
I am using jQuery UI and the accordian widget (jQuery UI 1.8.12) and it works wonderfully! However, I am adding this to a app that alread has a left-side expanding navigation menu. The <UL> and <LI> elements in the menu are covered by the Accordian widget and even after setting the z-index on the <UL> and <LI> elements in IE6 (we are forced to use this per company policy). Any suggestions as to why this is happening and what I need to do to fix it?
Next Page