[jQuery] Homemade, finder-like menu - problems with (un)hiding columns on click
Hi, First of all, I wanted to thank you guys since you always help me out here. Second, about my problem.. I'm trying to write some jquery code here, but I've been stuck with it for days. What i want to do is a sort of finder-like (on mac) menu. Goal is to select a category. But, categories can be very deep, so i want to add some animation. Now, so far, I've got: one big ul that is transformed into nice lists when an item is clicked, it opens up subcategories (if there are) and some layout changes
Help... Ajax callbacks not working with Validation plugin
So I've been trying to setup a registration page to check against certain rules using the Validation plugin. I have to use Ajax to have it check the database for duplicate usernames and email address. Here is what I have so far... Validation Code: $().ready(function() { $("#formRegister").validate({ onkeyup:false, rules: { username: { required:true, minlength:5, maxlength:20, validChars:true, usernameCheck:true //
[jQuery] Superfish weird behaviour
Hi, I am just a joomla webmaster so my abilities are near 0.. However I d love someone to have a look at my superfish menu. It behaves differently depending of the section of the meny for example here at this page there is no problem http://www.free-poker-moneys.com/online-poker-bonus/ But if you look at the section beside http://www.free-poker-moneys.com/free-poker-money/ you can see some weird issues in the submenu section Why isn't it working the same in all sections of the menu. I d rather understand
[jQuery] JQuery UI BlockUI Plugin bug
In version: http://www.malsup.com/jquery/block/jquery.blockUI.js?v2.15 When you invoke .block() on the same element multiple times, then you get multiple layers. Instead it should if this element is already blocked :-) great plugin! thanks!
[jQuery] JQuery Cycle Plugin Multiple Pagers on one page
Hi, First of i'm sorry if the answer to this is somewhere on here already but i've been staring at the screen for hours trying fix this and haven't found exactly what i need. Also i should warn you i know next to nothing about jquery or javascript or any other internet magic past HTML and CSS. I've been trying to use the cycle pager from here http://www.malsup.com/jquery/cycle/int2.html to create a series of slideshows for my portfolio. Bascially there is one slideshow for each client with 3 to 5
[jQuery] change LI class onclick of A inside
i'm using Glossymenu at dynamic drive: http://www.dynamicdrive.com/style/csslibrary/item/glossy_horizontal_menu/ what i want to accomplish is when I click one of the links inside the LI element, the LI's in the UL lose their class of 'current' and the clicked LI gains the class 'current' i have the menu driving links to open content in an iframe so, i'm not going to reload the menu each time i choose a different tab - this is why i wish to use jquery. can someone correct my syntax - i can't seem
[jQuery] jQuery Cycle -- Thumbnail Paging
Hi everyone, I'm working on an implementation of the Cycle plugin and would like to use thumbnails for the paging. The tricky part is that my images are pulled from a php file, so I'm unsure of how to get the thumbnail images to load since the source images aren't loaded into the DOM all at once. My example is located at: http://static.spartaninternet.com/sandbox/carousel2/ The php file looks like the following: <img src="images/large/beach.jpg" alt="beach" /> <img src="images/large/beach2.jpg" alt="another
[jQuery] I want to implement something like shaking the mouse and the objects will move
Hey guys, I saw this amazing video in Youtube: http://www.youtube.com/experiencewii It was implemented in Flash. Now I know it is also possible to do it in Javascript and I want to do something like if the user shake the mouse. Pieces of the contents of the website will kinda drop from above the browser. Then if the user shake the mouse again it will drop the 2nd content of the website. There's also gonna be sensitivity, like if the shaking is very very fast, the objects will just fall from above
[jQuery] JQuery UI tabs and pagination
hi everyone, I've this situation: an X number of tabs; in tabs content there's a div classed .to_be_replaced and links for paginating. when I click on a link it should replace the content of .to_be_replaced. The problem here is that every div.to_be_replaced gets replaced, and not only the one that belongs to the currently shown tab. this is the code: $('#tabcontainer').tabs({ show: function(event, ui) { $('div.pagination a', ui.panel).live('click', function() { $.blockUI({ message: null }); $("ui.panel,
[jQuery] jQuery plugin: Validation
I'm using this plugin in its simplest form.. http://docs.jquery.com/Plugins/Validation All I have is this for my code: <script> $(document).ready(function(){ $("#form").validate(); }); </script> It works fine, but I'm trying to hide the error messages which it defaults to "This field is required." The error message shows up in a label.. How in the world do I hide those error messages within those labels??? I'm sure it's easy, but I cannot find any examples anywhere!! Thanks to whoever helps out..
[jQuery] jQuery BlockUI Plugin (v2)
Error in line 227, symbol 17 in IE8 File http://malsup.com/jquery/block/jquery.blockUI.js?v2.16
[jQuery] Find and replace character inside div
Hi, How to do a find and replace with Jquery. For example... Current: <div id="fruits">Apple;Banana;Orange;Peach</div> I want it to look like this: <div id="fruits">Apple<br />Banana<br />Orange<br />Peach</div> I found and tried this code but it only does the first one. I don't know how to loop it. var f = $('#fruits'); f.html(f.html().replace(";", "<br />")); Any help would be appreciated. Thanks!
Multiple of same jQuery cycle on the same page?
Hey, I'm a bit stuck with a problem here. I try to use multiple jquery cycles (same cycle, with "Pager" function) on the same page. http://malsup.com/jquery/cycle/int2.html (the 4th example). However, when I try add multiple images to the first one (banksupplies), it adds it to all other portfolio items as well, even though they don't work. http://agnarson.com/works-web/ (Notice the issue here, only the first portfolio item has multiple images [1,2] but the "pagers" shows up on all of the others
How do i make the menu section open when the page loads ?
Hi I have successfully integrated a jquery menu section into this page : (the only link using jquery is the one on the left with the blue flower and the text "CIVAM RACINES Gard Lozère") http://www.civamgard.fr/test/espace-agr ... s-gard.php what i'm trying to do now is to make it so when the user goes to one of the pages in that section the menu is already - I guess i need to use the jquery equivalent of onload but i can't find what it is thanks for any help you can give
[jQuery] Managing scripts in AJAX applications
One thing I have been struggling with is AJAX applications is managing the js code that powers them. For example if you have a page that loads content from an AJAX call to the server and that content also has js code associated with it in order to function how do I manage that code? If I have 20 pages that get loaded from the server via AJAX at one point or another I do not want to have one huge js file with a bunch of code for each page in it. I was wondering if it's better to embed the js for each
[jQuery] [Superfish] How to make secondary menu (i.e. the hover menu) horizontal instead of vertical
Hi, I'm working with Superfish drop down menu which implements JQuery. Have it installed on Joomla 1.5.7 and am working on making the second- level menu horizontal. Right now hovering over a menu item with child items produces a vertical list.. I've tried to manipulate the CSS so that the <li> child items have {display:inline; list-style-type:none;} but it's not working. Not sure if I'm applying to the right CSS class or if CSS is the answer. Any help would be appreciated. Stephen
[jQuery] JQGrid .setGridParam() causing error
Hi. I'm relatively new to JQGrid, and I'm trying to create my first grid that is loaded based on what the user chooses in a select box. I've gotten it working for the first option that they choose. However, after the grid is populated, I cannot get the data to change by selecting a different option in the select box. The call to the server side program is passing the same parameters each time. So, I was looking into changing the parameter with .setGridParam(). I found an example on the JQGrid Demonstration
Sliding hover
I'm looking for a jquery nav example that uses a sliding hover state. In effect, the hover state follows your mouse. Anyone know of one?
Slider
I'm new to jquery and all the new variations and plugins. So excuse my ignorance. I made this great little menu with a jquery tutorial I found at A List Apart. And I found this great little content slider using mooTools. Well, they don't work well together. Apparently this is obvious though I'm just now learning. This is accurate? I have a nav, when someone clicks the nav I want a secondary nav to slide down below it. I guess I need to figure out a jQuery way to do this without mooTools. Any ideas?
[jQuery] How do get the ID of an element that has been clicked ?
Hi all. This might be more of a javascript problem rather than a jquery problem, but I'm also wondering if there is a 'jquery way' of solving it. Given this code: <DIV id="div_one"></DIV> <DIV id="div_two"></DIV> <DIV id="div_three"></DIV> <DIV id="div_four"></DIV> Lets say that the user is invited to click one one of these divs. How do I get the id of the div that was clicked ? Thanks.
jcycle help
hi i'm using the jquery cycle plugin.. here's my code http://pastie.org/440344. What I wanted to do is everytime the image changes, the corresponding "a" gets the class "selected". I currently done it with the code provided above although I'm not quite sure if that's the best approach.. Thanks!
[jQuery] how to avoid load jquery several times?
Hi, Is there a way to avoid loading jquery multiple times? I have some javascript code which needs to use jquery and at the same time. This script is embeded in others' web site. One way I could do is to check and then decide whether to load jquery: if (typeof jQuery != 'undefined') { // do something } If jQuery is defined then I know for sure that it is loaded. But the loaded version might be the same one my javascript needs. Is there a good way to solve this problem? Does jQuery allows the use
[jQuery] .ajax with php response
Hi, I'm trying to get an echo output from a php page called through jquery's .ajax function: <code> $.ajax({ url:'php/cms_ne_edit.php', type:'POST', data:'ne_id='+ne_id, success:function(results) {...} }; </code> which calls a page containing an echo which itself contains a new form with, and heres where im having trouble, a js call to freeTextEditor: <code> <form...>... <script type='text/javascript'> initRTE('',
[jQuery] Dragable Limit
Is there a way to limit the number of divs that can be placed inside my droppable div? I haven't found it on the docs. I'm sure its simple, I just cannot find an answer. Thanks!
[jQuery] I'd like to commission a custom jQuery plugin
Hi there, I'm working on a small personal website and have a vision of how it should look. My problem is that although I know html, I simply dont have time to study and learn Adobe Flash or jQuery. Is is possible to get a jQuery plugin custom designed to provide the functionality that I want? And what would the estimated price be? This could turn out to be quite a simple job for a web design student. Let me know if anyone out there is interested in this project, and I will provide them with a full
[jQuery] [validator] Want to use POST but how set remote.data property after validate() is called?
I am using the jQuery Validator plugin with ASMX Web services. I would like not to have to use HTTP GET (for security reasons). I can successfully use POST when directly using $.ajax, but when it comes to the Validator plugin, I'm having a difficult time setting the remote.data property in the rules for a specific field that is remotely validated. Out of the box the remote validation in the jQuery Validator plugin uses GET, which permits setting the $.ajax.data property to an object. This means I
[jQuery] jQuery $.ajax and dataType
Hi, When using the $.ajax functionality i came across some things. You have to set the dataType option in order to get the correct data at success(). Now I have an ajax request that can return some html or json. Both use the correct content-type header. Now I see in the httpData function of jQuery that it will get xml and in other occasions it will use the set dataType. Why not a check on content-type? In the httpData is a part like: // The filter can actually parse the response if(
Link to anchor on different page, then expand a DIV with ID…
Hi all! I'm stuck on this one, and don't even know where to begin looking. First off, I have a page that lists a series of practice areas for an attorney using H3s, each with individual IDs. Under each H3 is a DIV with a class of 'item.' I'm using jQuery to hide each 'item' until the H3 above it is clicked. It then toggles visibility. Easy and works great. My problem is that on my home page I've listed all the practice areas. They are all linked to their respective H3 on the practice areas page.
Send post request with JS problem
I have a multiple file upload form, that works fine, until I add a form validation and I call the upload.php from JS file with $.post("upload.php", { name: nameVal, file: fileVal } , where var fileVal = $("#file").val(); the upload.php doesn't get the multiple files anymore. In the form I use: <input type="file" class="multi" name="userfile[]" id="file" accept="jpg"/> I don't know, how can I send through all these uploaded files from JS. I need an array? or how? please help me or just provide a link
[jQuery] Live events within plugin question
I'm working on a multiselect plugin that uses only live events, and the way it works is the select element gets replaced by an input and div element. I would like to supply a callback function where the callback is tied to the input element. Is using the "data" method to store the callback the best way to proceed? Also, how should I handle the removal of the select element. Like this? $.fn.myPlugin = function(options,callback) { this.each(function() { }).remove(); } or do I need to do this: mySelect.myPlugin().remove();
[jQuery] select option hovering problem
Hi everyone, I'm getting in trouble with Jquery selectors. I explain my problem : I have a select box from a form like this : <select> <option ....>opt1</option> <option ....>opt2</option> <option ....>opt3</option> </select> And i want to produce an effect on it when I the mouse hover. I'm using the qtip plugin from craigWorks. here is my code : $(function(){ $("#description > option:not(:first):hover").qtip({ content: { title:"Description de "+$(this).text(), text:'<center><img
[jQuery] tablesorter and using .each() on the rows of a table
Hi everyone, Simple question: if 'table' is a table on which the excellent tablesorter plugin is active, can I rely on the following statement $("#table").each( /* function goes here*/); iterating over the rows of the table in their *current* order? (ie, even if the user has resorted the table?). I gave it a try and seems to work - or was I just lucky? Thank you for your help, -james
[jQuery] Individual Custom Message [validate]
I am working on a custom filter to check for errors by adding the addMethod() function within the jQuery Validation Plugin. I have success so far with most of it except for the last few items. 1) Individual Messages – I like to replace the alert messages to append their own message. I tried several methods according to the plugin except I keep getting this error Warning: No message defined for keywords. I can eliminate this by adding a common error message for keywords except I am looking for individual
Interactive map not working in IE
I have created an interactive map that is working beautifully in firefox, opera and safari but not Internet Explorer. In IE only the first popup link works. I'd appreciate any help in getting it working. Thank you. You can see the map here at: http://www.strangfordlough.com/history/ The code used in the jquery file is: $(window).load(function() { function initializeMap(){ $('#searchlocations').hide(); $('#map').fadeOut(500, function(){ $('#map').empty().css({ width:
[jQuery] Obtaining data from plugin
Hi! I've made my own autocomplete plugin that serves my needs. The plugin stores the data that the user has selected. Since the user can select multiple things the input value is not suffient. I wanted to know if it's possible to define a new method, outside of the plugin, that can obtain data from the plugin. So let's assume I have this autocomplete plugin with a method x, that returns the data. How can I call x from outside of the plugin? I don't know if this is a security issue, but I appreciate
[jQuery] Problem: Thickbox context bigger then browser size - no scroll bars.
Hi. How do you deal when thickbox is displaying itself bigger then browser size and it does not show scroll bars, so there is no way of getting to the last sentences display in Thickbox?
jQuery Tabbed Content (NOOB)
NOOB here all... very new to jQuery. i borrowed a script that works with CSS to create a tabbed content menu. here is the script: $(document).ready(function(){ $('ul.tabNav a').click(function() { var curChildIndex = $(this).parent().prevAll().length + 1; $(this).parent().parent().children('.current').removeClass('current'); $(this).parent().addClass('current'); $(this).parent().parent().next('.tabContainer').children('.current').fadeOut('fast',function() { $(this).removeClass('current');
[jQuery] Adding scope support to .bind()
Hi guys, The .bind() method consider the scope of the handler the element whose the event is assigned - that is the correct as default. I've been playing with the event.js and implemented an alternative to call .bind(), specifying another scope, that looks useful for our api. I've attached the event.js modified from the rev. 5996 from the trunk. The changes are compatible with the current API. Here goes one example: <div style="margin-left: 40px;">var scopeTest = function() { </div>
[jQuery] jquery treeview menu
Hi, i'm using jquery treeview menu in my website, but when i open a page from the menu, for a while, it expands completely and it alignes to the left side. can u help me? thank you
[jQuery] Hiding not working?
www.receiptwiz.com/browse For some reason, it should be adding panes to the view every time you hit the search button. If you check the jQuery, it logically says to hide all preceding panes, but for some reason it's hiding the most recent one as well! Any and all help would be greatly appreciated!
Next Page