[jQuery] autosave with AjaxForm
Hi, Trying to autosave form with AjaxForm (Form plug-in). script runs with time interval but form is not submitted. I see that save() function is called and does show alert("end of save"); but form is not submitted. Here is the code. <script type="text/javascript"> // wait for the DOM to be loaded $(document).ready(function() { startsave(); }); function startsave() { var timeout = setTimeout( "save()", 10000 ); } function save(){ $('#form').ajaxForm(function() { alert("data has been saved!"); startsave();
[jQuery] AjaxForm with autosave
Hi, Trying to autosave form with AjaxForm (Form plug-in). script runs with time interval but for is not submitted. I see that save() function is called and does show alert("end of save"); but form is not submitted. Here is the code. <script type="text/javascript"> // wait for the DOM to be loaded $(document).ready(function() { startsave(); }); function startsave() { var timeout = setTimeout( "save()", 10000 ); } function save(){ $('#form').ajaxForm(function() { alert("data has been saved!"); startsave();
[jQuery] SimpleModal
When calling the close function in javascript it throws an error. I dont want to have to have an <a> tag to close the modal. How do i just call a function to close the modal in js? Heres the code i use: shows modal: $('#modalDealerContent').modal(); To close modal: $('#modalDealerContent').modal.close();
[jQuery] Searchbox - Search into a Page - only in letters a-z
My question in like this: I use jquery-1.2.6.min and have created a function (thanks to Waldek at Imtech who has opened the port from SharePoint to Jquery) wich contains a search box in a regular ASPX- file, when you search in the box for ex as, all the words in the content on the page are highlighted who begins with as. Nice! It works very well, but it´s one issue that i cant figure out, only A-Z are searchable, in my language "swedish" we have three more letters (åäö). Do anyone know how to handle
[jQuery] Searchbox - Search into a Page - only in letters a-z
Hi Dudes! My question in like this: I use jquery-1.2.6.min and have created a function (thanks to Waldek at Imtech who has opened the port from SharePoint to Jquery) wich contains a search box in a regular ASPX- file, when you search in the box for ex as, all the words in the content on the page are highlighted who begins with as. Nice! It works very well, but it´s one issue that i cant figure out, only A-Z are searchable, in my language "swedish" we have three more letters (åäö). Do anyone know
[jQuery] jQuery that doesn't allow the fade effect to work in Safari
Hi, I am curious if this bug fixes yet in the latest version? I am using Galleria for a site, and the images are loaded from cache, in Safari (Mac version), images somehow disable. Google for answer and I found a clue from here: http://jqueryfordesigners.com/image-loading/ quote: @Ryan - do you mean if the .load() function is pulling the image from a cache? Either way, it will load the image with the effect. Though I know of a bug in jQuery that doesn't allow the fade effect to work in Safari, which
[jQuery] Superfish
Hi all, I have a couple questions about the superfish navigation menu (http://users.tpg.com.au/j_birch/plugins/superfish/#examples) First is that the menu claims to degrade nicely when javascript is turned off -- but for me when I disable JS and hover over the menus, nothing happens. Even looking at the superfish examples on tpg.com, if i disable js there the menus don't appear on hover. Second, anyone know if superfish can be used to display a menu very similar to REI.com? I can get the nav-bar
[jQuery] BlockUI Auto-Unblock
I am trying to get blockUI to display a temporary alert that will last for X seconds and then automatically unblock. I have be $^%$@#@'ing around with the pause plug in but I have never been able to get that thing to work at all. I am also using the forms plugin to process the form. Here is the code so far. $('#rapidcontact').ajaxForm(function() { $.blockUI({message: '<h1>Your message has been sent</h1>', baseZ: 25}); $.pause(2000, 'fx').unblockUI(); });
[jQuery] jqModal Error
I am using jqModal for various overlays and what not. I seem to get this error a lot Components is not defined at line 64 Everything always works fine but I hate to have a javascript error showing. I'm just wondering if anyone else has had this problem or what might be causing it.
[jQuery] How to prevent easing on .animate()
Hey all, I would like like to make an element move. I want it to start moving at a certain speed and move at that current speed until it's reached it's destination. I'm using .animate() without any easing specified. It does seem to ease though. It starts slow, speeds up to full speed and then slows down to a stop when it reaches it's destination. My question is, how do I keep it from easing or slowing at the beginning and end? I want it to start, move, and stop. I tried making the easing: none Also
[jQuery] Underline stroke/height with Jquery css?
I'm looking for a way to adjust the height of an underline element. Specifically I'm not looking to do a border-bottom CSS attribute and I was wondering if there is some method in JQuery that could style a CSS element that cannot accept values. For example I could do the following: h1 {font:bold 35px verdana;text-decoration:underline;} but I want to give the underline a px value. This cannot be done in CSS, but is there a JQuery method that can help achieve that?
[jQuery] [validate] date validation (mm/dd/yyyy) question
I actually have a couple questions about the jquery validation plugin... if i had a field asking for a date in mm/dd/yyyy format... there is no validating if the date is correct... if someone puts 2/31/2009 - it would show valid... and if someone puts like 2/31/5990, it would still show valid... anyway we can get this working better? Is there a way I can make this check for valid dates and place limits on the year. Another question is, if i had a field that defaulted with "First Name" as its value....
[jQuery] Jquery + Struts
Hi, I am using JQuery with Struts 1.1. I am using following code when user clicks on Save button: $('#save').click(function() { $.blockUI({ message: "<h1>Please wait...</h1>" }); $.ajax({ url: '/saveData.do?dispatch=save', type:'post', cache: false, dataType:'xml', complete: function() { $.unblockUI(); } }); Following is my struts code: <body onload=""> <html:form action="/saveTemplate.htm?dispatch=save" method="POST"> <div id="firstchildcontainer"> Name: <html:text property="templateName"/> Description:
[jQuery] jQuery not working - please help
I have been searching on the net for 5 hours already but can't find an answer.. PLEASE SOMEBODY HELP ME! the firebug is giving me this error: XML filter is applied to non-XML value (function (selector, context) {return new (jQuery.fn.init)(selector, context);}) this was just the only jQuery code that I have: jQuery.(document).ready(function () { jQuery.('#regpage h3 > a').click(function () { alert('hello'); return false; }); }) _________________ Thank you in advance!
[jQuery] [new plugin] citizenColor add HSL support to $.fn.animate
Hello everybody, I have created a plugin to jQuery that add ability to do HSL colors animation on your document. If you have ever wanted to do animations such as $('h1').animate({color: 'hsl(128,70%,20%)'}); or even $('body').animate({backgroundColor: hsl(+=0,+=0%,+=50%)}); $('h1').animate({color: 'hsl(-=200,+=40%,20%)'}); Now you can ! I'm searching for beta-testers/code-reviewers to help me improve this extension. the extension page: http://plugins.jquery.com/project/ctzC A demonstration of the
[jQuery] Superfish "rise up" menu
Is it possible to have the sub-items of the menu go up, instead of dropping down? For example: putting a menu at the bottom of a page.
[jQuery] Finding matching classes
Hi folks, I am trying to add an extra class to an element (an h3) if one of it's classes matches with one of BODYs classes. In pseudo code, I am trying to: if BODY class includes triggerClass and H3 class includes triggerClass then addClass foundMatch to h3 This is one of my quite-a-few attempts to do this -- I know this is broken. $(function() { if ($('body[@class*=(h3[@class*])]').addClass('foundMatch'); }); Can anyone point me in the right direction? _Really_ apologise for asking this lame
[jQuery] IE problems with jQuery
Greetings...Be gentle, a newbie here... I've got a web app using jQuery that runs wonderfully with FF3, but fails miserably w/IE7. I think it has something to do with the initial ajax calls I'm making.... Relevant code: </body> <script type="text/javascript"> $(document).ready(function(){ var host="http://zvm/"; loadUsers(host); }) </script> function loadUsers(host) { $.ajax({ type: "GET", url: host+"userlist.cgi", dataType: "jsonp", success: function(data) { var el1=document.getElementById("row1");
[jQuery] How to position a footer always at bottom?
Consider the code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <script type="text/javascript" src="jquery-1.2.6.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var footer = $('#footer'); var w = ( $(window).width() - footer.width() ) / 2; footer.css('left', w); footer.css('display', 'block'); $(window).scroll(function(){ console.debug(
[jQuery] Detecting a click "off" an element
HI, I'm trying to make a layer popup when you focus on a text box. That't the easy bit though and I've managed to do that. I now want the layer to disappear if the user clicks anywhere on the page EXCEPT on the layer, or the textbox they clicked into. I'm struggling to think of how to do this. I guess I could attach the click event to the page body then try to work out the co-ordinates that were clicked or something like that, but that seems a bad way to do it. Any help would really be appreciated.
[jQuery] show/hide/toggle: suggestion to reduce show/hide code
I'm building a new version of an often used data entry form on our site Waarneming.nl (int'l version Observado.org). It struck me that I often have to write something like this: if (cond) $(this).show() else $(this).hide(); Since jQuery is about reducing and chaining, wouldn't it be nice if I could write it like this: $(this).toggle(cond); // shows if cond evaluates to true, else hides Of course a new function showhide could be made for this, but toggle seems a likely candidate for overloading. -Dylan
[jQuery] clueTip fade out
Hey Karl (and others) Awesome plugin, thanks. Just wondering if there's a way to make the cluetips animate out as well as in. I've tried to make it happen with hoverIntent but it ignores the over/out parameters. Anything I can do on the clueTip end for this? Thanks in advance.
[jQuery] Ho can I make my Superfish menus animate faster than "fast"
Are 'slow' 'normal,' and 'fast' the only three values possible for "speed: '___'?" I would like the animation to go a bit faster than it does with the 'fast' setting, but I don't want to lose the animation altogether. Can numbers be used? If so, what are they? Milliseconds?
[jQuery] Unwanted character appearing before alert messages using jQuery Ajax
I'm a newbie to jQuery, but I've been working with the Ajax function to process form values, using a javascript confirmation, and although the alert message works, it keeps putting a "\" character before the message. For example, my code in my form check form is as follows: $.ajax({ type: "POST", url: domain+"/ishopstudio.com/factory/ajax.php", data: { trigger: "contactrequest",message: message }, success: function(msg){ alert( msg ); } }); The message is being set in my ajax.php file: $str="Thank
[jQuery] SOT: Using FF2 input element sometimes including padding in width...
This is slight off-topic, but I thought maybe someone on this list might have seen the issue before. I've got an input element that has some a large padding to include a background image icon. Most of the time in FF2 the element renders properly, however occasionally the input element renders it's 100% width so that the padding is included in the width (making the element too large for the space its in.) This is seemingly random, but once it starts rendering it that way it tends to render it that
[jQuery] Rounding numbers
Hi, Is there any way to round the value of a variable to the next decimal place? For the project I'm working on I need to round up the figure regardless of whether it is nearer to the lower value. e.g. 3.3333 would become 4. Thanks for your help, R -- View this message in context: http://www.nabble.com/Rounding-numbers-tp20583299s27240p20583299.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Form with two buttons determining which was clicked
Hi I have a form that has two submit buttons I am utilizing the following ajaxSubmit code: $("#form").submit( function() { $(this).ajaxSubmit({ target: '#response' }); return false; } ); Inside the submit function is there a way to figure out which button was clicked? I tried doing something like $(this).attr("id") but it gives the id of the form, not the button .... TIA
Basic jQuery issue
Hello, I am just learning jQuery and am using this code as a test. <script type="text/javascript" src="jquery-1.2.6.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#images li:even").show("slow"); $("#images a").click(function() { $(this).next().show("slow"); }); }); </script> <ul id="images"> <li style="display: none;"><a href="#">Test1</a></li> <li style="display: none;"><a href="#">Content1</a></li>
[jQuery] Trouble with $#next() and ':not()' selector
<div>I have a simple list of items, and I am dynamically disabling them by adding a class name of "disabled" to the <li>. When I try to select the next non-disabled item using $#next(), I am getting 'null'. But if I use $#nextAll() and add ':eq(0)' to the selector, it works.</div> <div> </div><div>Here's is an example:</div><div> </div><div>HTML:</div><div><div><ul id="theTest"></div><div><span class="Apple-tab-span" style="white-space:pre"> </span><li class="item">First</li></div> <div><span class="Apple-tab-span"
[jQuery] Cluetip on YouTube videofeed
I'm using a videofeed from YouTube. I want to show the thumbs and the title of the video. If the user hovers the thumb or title a cluetip should appear with the description. I've managed to load the everything: the thumbs, the titles and the descriptions. I'm stuck, however, on getting the description in the cluetip to appear on hover. How do I attach the cluetip to the items I'm getting from the videofeed after all these items have been displayed? If anybody wants to help me a bit on this one, I'd
[jQuery] newbies question
Hi, Can I simplify this if statement? if (test1 == 'a8' || test1 == 'b8' || test1 == 'c8' || test1 == 'd8' .......... I must select some values, the first is a letter and the second is a number (always the number 8: a8, b8, c8, d8, ecc......) Thaks in advance, Alfredo
[jQuery] Validate. Only on button click.
Hello, Is it possible to validate a form only on button click and not as the user types? Thanks, Miguel
[jQuery] How do I write an expression to get all checked items of a certain class?
Hi, How do I write a JQuery expression that will give me all the elements that are inputs of type=checkbox, that have class="subscrCheckbox" and that are checked? Thanks, - Dave
[jQuery] jquery validation
Hi JQuery validations is very good work. i need how to display the error messages using effects(like fadein and fadeout) it is very urgent kindly help me thanks for advance
FIXED: My site works in all browsers except Safari... why?
Hi This page http://www.2gc.co.uk/resources.asp works fine in all the browsers I can find except Safari (on OS X - not sure about windows). With Safari on OS X the initialising text in the blue box doesn't appear until you mouse over the links. On all other browsers some default text appears on page load. It is a similar problem on this page - http://www.2gc.co.uk/resources-faqs.asp - where again the javascript elements don't initialise properly. Any idea what I'm doing wrong that is causing this?
[jQuery] jQuery Meetup in Baltimore
Hey All, If anyone is around the Baltimore area on Nov 24th at 6:45 come and see Benjamin Sterling from Kenzo Media (http://www.kenzomedia.com/) give a presentation on the benefits using jQuery. Will be a laid back enviroment great for socalizing and meeting other jQuery users in the Baltimore area. Free pizza and drinks will be provided by E-Moxie Data Solutions (http://www.e-moxie.com). For more details and to RSVP please visit http://www.meetup.com/webdevelopment/calendar/9134655/ Thanks, Matt
[jQuery] Modal Panel
I've created a panel that has two labels and a button. I want to display it as a modal and have the button close the modal when clicked. When I use the code below it does not display the panel. Are there any examples on how to do this? Or plugins that will make this easier to do? Thanks Tom Code: $("#CheckState").click(function() { $("#LargeBusinessPanel").dialog( { modal: true, resizable: false, draggable: false, //title: Label109, overlay: { opacity: 0.5, background: "black" }, buttons: { "Close":
Reloading the page when switching back from a hide()
I'm working on a site here; http://www.biodesign.asu.edu/casi/test.php If you click the text links under the yellow header you can see what I want the jQuery to be doing - each link is simply hiding it's partner and showing it's contents. However, I need default ones - in this case that's the "About the Initiative" and "Message from the Director" - but when I click away form these links (which works fine) and then click back to them, it is reloading the page. In IE this means it's missing the test.php
[jQuery] photoshop like image navigator
Just wondering if anyone can point me in the right direction for something that works a bit like the image navigation in Photoshop? I'm working with a large image and need a way for a user to be able to zoom it in and out and view the large image in relation to a thumbnail. The magnify plugin from Josh Nathanson (great plugin!) is nearly there but I need the large image visible initially and ideally be able to zoom in and drag around. thanks in advance Brad
I think a simple fade in problem
Hi I'm very new to jQuery and am having a little problem trying to fade in a div after an ajax request. I can get it to fade out using fadeTo but to fade in has me stuck. Ay help would be great cheers $(document).ready(function() { $('#content').load('./require/ajax_response_main.php'); $('#nav a').click(function() { var content_show = $(this).attr("title"); $.ajax( { method: "get",url: "./require/ajax_response_main.php",data: "page="+content_show,
Next Page