[jQuery] (validate) submit using submithandler : how to post value of submit button
I'm using jquery validation to validate and submit all my forms. The submitHandler of jquery validation uses jquery form plugin to submit the form using $(form).ajaxSubmit() Without validation, you can use $(form).ajaxForm(...) to submit your form using ajax, and this will also send the value of the button which caused the submit. With validation, I have to use ajaxSubmit, instead of ajaxForm, but ajaxSubmit can not automatically add the value of the submit button to the POST values. Is there a generic
jQuery tabs mouseover menu; after mouseoff back to selected
Hello, I'm having troubles making a tabbed menu work. I want tabs which are triggered on mouseover, with one tab being selected from the start; I got this so far. But now I want the tab-menu to go back to the first, selected tab after mouseoff, preferably with a little delay + fade. Any ideas on how to do this? (using jQuery + UI + UI tabs) Got this so far: $(function() { $("#tabmenu").tabs({ selected: 0, event: 'mouseover',
[jQuery] Suckerfish and template conflict
All of the templates I've tried the menu works fine and shows up (as a problem solver), but when I use the template I need, the drop down menu is hidden. I have even played around with z-index, and no luck no matter what I do. I just don't know where i should be fixing things in the template I guess. What could I possibly do to fix this? I've been at this most of the day and I am just about burned out. I can even get the template css on here if you wish to look at it. Thanks.
jcrop and Rotation
Hello, i use the Jcrop image from http://deepliquid.com/projects/Jcrop/de ... mo=styling this has no rotation, but i need it. When use the jquery rotation then doesn`t work. Can you help me?
[jQuery] Superfish : Slide doesn't work
Hello, I use superfish plugin on my website ( http://www.pms-clan.org ) for the menu. The fade method for showing works ok (but it's sometime "flickers", a little bit annoying but it's ok), but i can't make it slide, using height or width method. I use for example this to show up : $(document).ready(function(){ $("ul.sf-menu").superfish({ animate : {opacity: 'show', width: 'show' }, speed: 'slow', autoArrows: true, dropShadows: true }); Opacity will work, but not width, and it's
[jQuery] Cycle Plugin Typewriter effect
Hey, The cycle plugin is fantastic. I love using it, but would like to know if there's a typewriter effect for the transitions in order to build a news ticker using it. See here for typewriter effect: http://www.hungry-media.com/code/jQuery/tickerType/ Or, would anyone know how to create an effect like this for use with the cycle plugin? Thanks, Dave
[jQuery] ie6/Z superfish navbar li submenu always above ul subsubmenu
Hi, I have a problem with the superfish menu in navbar mode and ie6/7. The first submenu items are in a full width row. If there are lots of subitems i get two rows. If an item in the first row has a submenu it opens as dropdown (200px width) right below the item. This works good in all browser except in ie6/7. Here I have the problem that the li submenu navbar item in the second row appears always above the dropdown if it opens from an item in the first row. Thats because the li items in the navbar
[jQuery] New Plugin: loopedCarousel
I'd love to hear any feedback on my latest project loopedCarousel. loopedCarousel is a plugin made for jQuery that is not only a looping carousel, its main goal is to be extremely easy to implement. No more messing around with CSS to get your carousel to look and function properly. You want to show 5 items? Tell it "items: 5". You want some spacing in between those items? Just tell it "spacing: 15". You want it to be vertical? Tell it "vertical: true". Damn thing even auto generates pagination for
[jQuery] jQuery("ul.lavaLamp").hoverIntent is not a function
Hello I have a problem with hoverIntent function. For some reason i get error mentioned in subject. I know jquery conflicts with prototype in this case so i used jquery noconflict. For some reason hoverIntent function still does not work. I changed hoverintent.js to have jQuery instead of $ in it - still no luck. My file has such scripts: <script type="text/javascript" src="{$wwwroot}/extensions/ext_sanlab/ js/jquery-1.3.2.js"></script> {literal} <script type="text/javascript"> jQuery.noConflict();
jQuery Accessible News Slider Issue =[
Hi, I am looking to implement the Accessible News Slider into a project, within a Wordpress loop to display posts. I have downloaded the file, and the default index.html works properly, however when I copy the relevant code into my project (including the .css styles and links to the .js file), the page returns an error saying: "Please Note: You may have disabled JavaScript and/or CSS. Although this news content will be accessible, certain functionality is unavailable." Javascript and CSS are certainly
[jQuery] having a hard time finding the parent...
Haha...nice title? ;) I have this list structure and when the page loads I reveal the active page...all the other pieces are revealed when you click. Everything works great except this one detail. I need to run a check (a filter?) to see if the active list element exists in a 'secondary' list (nested ul). If it does, I need to activate another piece of code to display the secondary list titles (and this is working as well). Just need to run a check so I know when to run this extra code. I can get
ID.show("slow") in IE8
Hello friends, I am using VS2008 with C# to develop web application. I am using MVC architecture to develop the application. I was developing the ap[plication on IE6 but recently I had upgraded my browser to IE8 and I am facing the following problem. In my page I had created a textarea. Now onm click of some button I am showingn and hinding the textarea. say textarea ID is: text1 to show the textarea I use $("#text1").show("slow"); to hide I use $("#text1").hide("slow"); Now this was working very
[jQuery] jquery append
hi guys!! i want to add some checkbox on a div container dinamically; i do it on another part of my page and it works. Now i want to do the same on another side but the append method doesn't work. It just add on the container string text but not the checkboxs. This is the function that i'm use to do that: containerToFill is the div container that i want to append all the checkbox dinamically function createSearchObjects (operationType, containerToFill, searchText) { var newCheckBoxPrefix, searchCheckBoxPrefix,
JQuery Ajax problem at passing the value of form
Hi, I'm working on a generator that is supposed to do something after something is selected from forms. So here it goes: I got two select forms now. After I select the value from the first form the value of the form is passed to the second form and it then generates it's own values depending on the value it gain. I realized that you can do this without page refresh with JQuery and I thought that would be nice and I gave it a try but now I'm stuck and here is my problem: I've problem at passing the
[jQuery] Accessible News Slider Help (Pretty Please!)
Hello everyone. I am working on a large project which is using Wordpress and jQuery, both things I'm new to and learning on the spot. I have already implemented jFlow for some navigation, and now want to display some Wordpress posts using the Accessible News Slider. Found here: http://www.reindel.com/accessible_news_slider/ I have downloaded the slider, and run the default index.html to check everything was working. Which it was. So I copy and pasted all the relevant details across, copied the relevant
[jQuery] jQuery with HTML radio button forms
Hi, I have a problem running a simple jQuery script. This is what I'd like to do: - Select from a list of radio button - Each radio button will show a hidden dropdown list The jQuery snippet I use is as follows: $("#wrapper_almond").hide(); $("#flavors input[name=cakes]").click(function(){ if ($("#almond_cake:checked").val() == 'on') { $("#wrapper_almond").show(); } else { $("#wrapper_almond").hide(); }; }); And the HTML I use is as follows: <fieldset
Detect url and save it in cookie
Hello I want to detect if a user is coming from a given url. If he is, the url is stored in a cookie and a div is displayed in top of the pages when he navigates around the site. How do I do that? I have downloaded jquery cookie plugin
[jQuery] Does jquery have a plugin to do this?
Hi, I'm looking for a jquery plugin that does the 'rays' effect on http://scripty2.com/ i've had a look, but can't seem to find anything, I was wondering if anyone had come across something like this before?
Need help with a accordion
Hi folks, I'm new to jQuery and I'm more a designer than a programmer, so the solution for my problem might be simple for you guys. please check out this site for an example: http://www.lichtathlet.de/portfolio-fotos-portraits.php Please have a look at the menu on the left. My goal is to make the already opened tab-title to be not not clickable when the page loads. It already works when you click on antother tab, but if you load the page the titles are clickable. here's my code: $(document).ready(function(){
[jQuery] [Validate] How to disable onkeyup checks on a specific field ?
Hello, I have a field that use the 'remote' option to call a server side script to check the field value. If the field value is wrong, after each new key pressed, the remote server side is called. This could be very ennoying and increase the load on our server. There is a way to disable the "onkeyup" event only for a specific field ? I have tried : jQuery.validator.setDefaults({ myField: { onkeyup: false, remote: 'myScript.php', } }); And also tried : jQuery.validator.setDefaults({ myField: { remote:
[jQuery] problem with removeClass() or live() event
Hello, I have dynamically adding and removing element function within live () event and used addClass() and removeClass() to update the classes of the remaining elements. It works all fine and shows the updated classes when checked in firebug. But when alerting the class it shows both new and the old class.Can anyone help through this problem. $('a.remove').live("mouseover", function(){ $('a.remove').each(function(i) { remove(this, i); }); }); function remove(obj, i) { //remove the clicked element
[jQuery] [Validate plugin] Question about the 'remote' AJAX option
Hi, I trying to replace my old AJAX system by the Validate plugin of jQuery with the "remote" option. There is a way to return a custom error message directly from the server side script ? For example, I have a "username.php" server side script that check : - If the username is not used by someone else - If the username doesn't contains any bad words So, the error message could be different. If not, the only solution I see is to create special rules that explicitly uses $.ajax() but this mean this
[jQuery] Automated Functional Testing
Automated Functional Testing By Bhrigu Malhotra ( http://www.qacampus.com ) First of all let me make you all aware that I’m a developer and what you are going to read further is a developer’s account, so it may sound to you like a layman tester. But what I’m going to share is something which has been very helpful to me to ‘functionally’ test the web application our team has been building and I thought this may help you as well. So even if you are a tester, try to think the way developer’s think for
Image markups
Hi, I'm trying to create an online form that has Ajax type functionality to markup content (basic text) on a static image (e.g. similiar to facebook photos but not with the hover effect). Are there any examples of this functionality using jQuery? If anyone can steer me in the right direction that would be very much apprecitated. Cheers, Val
New to JQ need serious help with image map/select boxs
Hello everyone, I am super new to Jquery so please bare with me. I have a huge task a head of me, rewriting a decent sized site over the next 48 hours. What I am stuck on is conforming an old pop up window that I was using with an image map in it, that I had users click on a region of the image map and it would set the value of a particular select box on the parent windows form, and close the window that was popped open. What I am now attempting to do is similar using a lightbox function. FaceBox
jquery add menus like bbc.co.uk
dear friends, I'm trying to make menus like bbc.co.uk where user can add their custom menu. Do I have to use some widgets or another jquery library?? can anyone help me??
[jQuery] Checking value
Hi Experts, I am trying to conditionally test what the value of href is equal to. like this; if($(this).find('a').attr("href")=="map.html"){ alert("yes"); } This doesn't work. Do anyone knows what i am doing wrong. Psuedocode please.
[jQuery] stop jQuery Form Plugin from being submitted multiple times.
I'm sure this is very simple, I'm quite very new to JavaScript. I have a function for submitting a form, I'd like it to stop the user from submitting the form multiple times once they have clicked it. I haven't found a way to do this in the docs. Can anyone point me in the right way? My function looks like this: function submitComments(id, numComments) { $('#response-'+id).fadeIn('fast'); $('#commentForm-'+id).ajaxForm({ target: '#response-'+id, success: function() { loadComments(id, numComments);
[jQuery] Is it possible to change the URL of a jQuery tab?
So far I have tried: $('a.classname').attr('href','/some_page') and $('#li_id').html('<a class="tab_dk_blue" href="/some_page" title="details">Details</a>') Thanks in advance.
[jQuery] Toggle multiple objects the same direction?
Hello Experts! I have an animated drop-down search panel, coded with jQuery like so... $(function() { $('div.searchform').hide(); $('div.searchbar').click(function () { $('div.searchform').animate({ height: "toggle", opacity:"toggle" }, 'fast'); }); }); This divs .searchform and .searchbar appear at the top of 5 separate lists. What I'm trying to accomplish is when you toggle the searchform on any list, you see that same state on every other list (i.e., when you close 1, you close
[jQuery] Constrain/restrict mouse pointer to a selector
Is it possible with jQuery, or JavaScript for that matter, to trap the mouse in a div or other tag so that it can only move around in it. I'd like this for a modal window so thta the user knows that they must do something in the window first before carrying on.
[jQuery] Toggle multiple objects the same direction?
Hello Experts! I have an animated drop-down search panel, coded with jQuery like so... $(function() { $('div.searchform').hide(); $('div.searchbar').click(function () { $('div.searchform').animate({ height: "toggle", opacity:"toggle" }, 'fast'); }); }); This divs .searchform and .searchbar appear at the top of 5 separate lists. What I'm trying to accomplish is when you toggle the searchform on any list, you see that same state on every other list (i.e., when you close 1, you close
Scrolling varaible sized images
I am working with a non profit helping kids. They would like a scroller with pictures of each of the kids, OK easy enough. They also don't have a lot of control over the images they receive..landscape, portrait, sometimes Cut in 1/2 to remove an ex-boyfriend... what I would like to do is to have both landscape and portrait images auto scrolling, and if possible auto loading as they come into view so as to not have to load all 50+ images at once. And they want a Click event to popup the full image
[jQuery] listmenu plugin: non-ascii characters
Hi In the example below there are non ascii characters, and as it is now listmenu just ignores them. Maybe a solution could be to collect them under a "#" tab. <ul id="ulSec_LM_List"> <li><a href="#">Agilityhunden</a></li> <li><a href="#">Aktivitetsbollen</a></li> <li><a href="#">BIO Shampoo</a></li> <li><a href="#">Oxsvans</a></li> <li><a href="#">Pipleksak - Groda</a></li> <li><a href="#">Vovex Balsam</a></li> <li><a href="#">Ädelsten</a></li> <li><a href="#">Ögonsten</a></li> </ul> Cheers
[jQuery] datepicker help and utilizing other code
Hey everyone. I'm new to jQuery development and I'm trying to do something with the date picker. See, I wanted to use this particular date picker on this site : http://razum.si/jQuery-calendar/TimeCalendar.html because it also implements time. When viewing his page source, and then viewing the js files, I noticed that his calender script is different from that of the datepicker script given when downloading the jQuery files on this website. If I wanted to use his code, what would I do, and how would
[jQuery] iTunes for flash games - done in jQuery
Would love some feedback on my new Ajax/JS web app - http://www.gambolio.com - which was coded using jQuery. I am hugely grateful for the jQuery creators without whom doing this app would have been a lot harder. Thanks guys
[jQuery] 508 accessibility
I created expand collapse behavior using jquery , please suggest me is there any thing in jquery api which adds necessary attributes to make it 508 accessible ? -- View this message in context: http://www.nabble.com/508-accessibility-tp24356957s27240p24356957.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] getting a single radio button value...
Every time a radio button is pressed the system will grab certain data and send it via ajax to the server (providing a click path). In test I am loading the data to another div. I have been able to get everything BUT the value (I am able to capture the hidden fields and serialize all the data - and I am showing the current "date" in the test so I can verify that it's working). Any help in getting the serialized button that was just clicked (or just the value and I can create the serialized data from
Set span.html("test <!-- html comment -->")
i'm trying to dynamically add HTML comments to a span's HTML. however, every time i do a .html(myText) - the html comments in myText disappear. doing a .text(myText) shows the comments by replacing the < with < so i dont want that. I'm essentially using the comments as placeholders, and when i change the value inside the placeholder -- i still want the comment placeholder indicator to stay!! help!! ex: function ReplaceText() { // Logic to figure out where "test" is and replace it with new
[jQuery] Cloning and wrapping question
Due to the constraints of the Shopping Cart system I'm working within, I am trying to # In one cell within a row, create a new Paragraph object with class p_options. # In the next row, there are two dropdown lists. I want to clone them and put them in the p.p_options. * Imagine a table that list items (shirts) in your shopping cart. The first row contains the img, name, price, total. * The next row contains two dropdown lists: one, say, for color and the other for size. That cell is directly below
Next Page