[jQuery] lightbox newsletter signup
hey guys! i'm trying to figure out how to develop this solution using a couple of jquery plugins. i have a text link on a site i'm working on that says 'Tell a Friend'. the idea is to have a user click it, then a lightbox will come up with a small form with a couple of text fields. then the user can click submit, and a nice little confirmation or declination will appear in the lightbox. if the form data is confirmed as correct and everything was sent correctly, then after a few seconds the lightbox
[jQuery] Autogrow() "pulses" in IE7
Hello folks, Has anyone had experience with the autogrow plugin (http://plugins.jquery.com/project/autogrow) It works like a dream in FF, but in IE7, the lower 10px of the "autogrown" textarea pulses up and down. I'm using v1.02 of the plugin with v.1.2.3a of JQuery Any ideas? Thanks, Bruce
[jQuery] Lightbox plugin: click on 1 of the 3 images in FF and IE to see it your self:
I just can't figure it out... Product images (using VirtueMart) are displayed using jQuery and a lightbox plugin. In Firefox everything works perfect! Internet Explorer won't show the requested image 0_o, the lightbox itself works (almost) perfectly Click on 1 of the 3 images in FF and IE to see it your self: http://www.lastufa.nl/ls_development/index.php?page=shop.product_details&flypage=shop.flypage_haardspecs&product_id=50&category_id=6&manufacturer_id=0&option=com_virtuemart&Itemid=26 The only
[jQuery] New to jquery. Things just don't work.
Hi, Am new to jquery and also not so proficient with . So bear with me if it sounds silly. I just can't get jquery to work the way its promised. I did these, 1. Downloaded jquery-1.2.js 2. Included it in my html. And wrote my first code as this ${document}.ready(function() { ${'a'}.click(function() { alert("Link clicked"); ${'#main-content'}.html('<h1> Hello </h1>'); return false; }) }); This didnt work. I got an error that said "missing ; before statement" 3. Changed my code to replace all ${} references
[jQuery] Data-inspection jQuery plugin?
Hello.<div><br class="webkit-block-placeholder"></div><div>I've been looking for a data-inspector plugin for jQuery, to use during debugging.</div><div><br class="webkit-block-placeholder"></div><div>The functionality I'm interested in is similar to the one offered by Firebug's data inspection window. I.e. it should let one inspect an arbitrarily deep JavaScript data element. (It would be great if it could detect cyclic data structures to avoid the infinite recursion in the display. But the fact
[jQuery] Issue with IE and dom injection
We have just finalized an upgrade of all our code and jquery plug-ins to the new jquery 1.2.2 migrating from 1.1.3. We are heavily using ajax to build highly interactive web sites. Since the upgrade, we face a major issue with IE (we only tested IE 7, not IE 6 yet). While initially suspecting that it was an ajax issue, we found out all ajax requests were successfull. The loaded content correctly shows up in responseText as displayed by an alert(responseText) issued by an ajax succes callback. But
[jQuery] jquery reflection plugin
Hi Folks is there any better way to add reflections to the images via the jquery.reflect.js plugin? http://summer.gcmingati.net $subnav.find("img").reflect({height: 0.3, opacity: 0.3}); won't add reflections to the images at the first-visit of the page, with Firefox. It seems (to me) that waiting just the dom to be loaded won't do the trick. Works like a charm in IE7 and Opera. Didn't tested ie6.
[jQuery] Release: Tooltip plugin 1.2
Hi folks! I've just released an update to the <a href="http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/">tooltip plugin</a>. Its mostly a bugfix release with a few small improvements. I've also moved the documentation to the jQuery wiki and restructured the folder layout to fit other plugins. From the changelog: <ul> <li>Improved bodyHandler option to accept HTML strings, DOM elements and jQuery objects as the return value</li> <li>Fixed bug in Safari 3 where to tooltip is initially visible,
TransMenus, jQuery style?
I posted once already about this, but it needs revisiting. Take a look at InPro vs Symmetry. InPro's menus reveal themselves from the top-down, whereas Symmetry's actually slide down. InPro is using jQuery with Superfish; Symmetry is using an older version of TransMenus (youngPup, http://youngpup.net/projects/transmenus/). My question: Has anyone seen this replicated in jQuery using custom animations of some sort? TransMenus work just fine, but weigh in at 750 lines of code and require quite a bit
[jQuery] accordion problem in IE
i m having problem in IE once i click on accordion its work but next time it doesn't my code is follow jQuery('#navigation').Accordion({ active: true, header: '.head', navigation: true, event: 'click', autoheight: true, animated: 'easeslide' }); $('#navigation a').each(function() { if($(this).attr("class") != "head") { $(this).click(function() { var load_image = "<img src='"
[jQuery] Is it possible to auto increment an appended value?
Gorkfu
[jQuery] Brand-new user: Viwepoint
I couldn't find anywhere to submit feedback on the Wiki, so I figured this must be the best place. I've been using jQuery for all of 36 hours now ... and I have some comments/suggestions: First of all, I'd like let this group know how valuable you are! Whilst trying to learn about jQuery, I would have been totally sunk without you. Which leads me to my remarks (I hope somebody's listening). Although jQuery is the best documented & supported of today's 'new wave' Javascript platforms, documentation
[jQuery] ajaxSubmit and Form Submit troubles
So I've set up a form that uses the form plugin to upload a file asynchronously: <form method="post" enctype="multipart/form-data" action="submit.php" id="editForm"> [... some fields, etc ...] <div id="image_update"> <input type="text" id="image_url" name="image_url" /> <input type="file" id="image_upload" name="image_upload" /> <input type="button" value="Upload Image" onClick="$('#editForm').ajaxSubmit({target: '#image_update',url: 'image_upload.php'}); return false;" /> </div> <input type="submit"
[jQuery] Is using jQuery and jQuery (2, 3, 4, n versions of jQuery on the same context) possible?
Using jQuery with other libraries is easy: http://docs.jquery.com/Using_jQuery_with_Other_Libraries What I'd like to do is do inject jQuery in pages where jQuery already might exists and even might exist in some other version. Is there a way to do this safely or do I need to rename the main object? Any Ideas? mot
[jQuery] Post to Preloaded AJAX Page?
I would like to post data to a page that is loaded into the DOM and refresh it, but I'm not sure how to do it. Lets say I'm starting on on default.asp. So when I click on a.openContact it properly loads "somepage.asp" into #contactSection ----------------------- $('a.openContact').click( function() { $('#contactSection').load('somepage.asp'); }); ----------------------- Then I want to post some data to that page/div and have it refresh the data. So when I click a.module: -----------------------
[jQuery] onClick prepend
I am trying to make the on-click event of any element optional depending on what the user decides. The only functions I see out there append a function to the on-click event. I have played with the browser bubbling / catching stuff too. That worked in Firefox but not in IE 7. It seems I can't access the on-click function if it was defined within the element's onclick="" attribute. Here are my two approaches. Tell me if you have a better idea. <b>1) eval() </b>// I guess IE doesn't like us using this.
[jQuery] OT optimization > phpSpeedy
hi friends, we've been discussing now and then about optimization, reducing the number of http requests, compression; A php script just came out that takes that in charge for you, it's impressive: http://aciddrop.com/php-speedy/ If you guys find it work for you, maybe i can add a pointer to it in the wiki or FAQ ? Cheers, Alexandre -- Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] Packing jQuery and all includes
I use seven different jQuery plugins in my webapp and during page refreshes the loading bar jumps around quite a bit making people feel like the site is slow because they see the browser loading bits and pieces at a time.. Is there a best practice for throwing jquery and all associated plugins that don't change into a single .js and then packing it? -Vlad
[jQuery] Problem on using Object.prototype ...
I was just wondering...kidding, I'm actually facing the problem. I created the following method: Object.prototype.keys = function(filter_fn) { // gets all keys and filter them using filter_fn function (if defined) var e, r = []; filter_fn = filter_fn ? filter_fn : function() { return true; }; alert(123); for(e in this) { if(!(e in Object.prototype)) filter_fn.call(false, this, e) && (r[r.length] = e); } return r; }; But jQuery executes it without my permission
[jQuery] thickbox reloaded question
I am wanting to trigger a thickbox after I validate a form. Basically I can trigger a function when the form is fully validated and I want to trigger a thickbox event to open the thickbox. This this possible with thickbox reload? -- View this message in context: http://www.nabble.com/thickbox-reloaded-question-tp15233663s27240p15233663.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] [validate] Merging min/max to range reduces usability
From the Validation Plugin v1.2 changelog: * Added feature to merge min + max into and range and minlength + maxlength into rangelength While a great idea, this unfortunately means its impossible to have separate error messages if needed. Personally, I prefer to use separate error messages when using a wide range - I think this makes it more usable to the end-user. For example, showing "Please enter at least 2 characters" is far more usable than showing "Please enter between 2 and 1000 characters".
[jQuery] Validate plugin - return value of calling settings.submitHandler
With the Validate plugin, when settings.submitHandler is set and user tries to submit the form, the script intercepts this and will always block the submission (by returning false from the onsubmit event). This can easily be extended to allow the submitHandler function to return a boolean value, when can then in turn be the return value for the onsubmit event. For example, this would allow: $('#myform').validate({ submitHandler: function(form) { return window.confirm('Are you sure?'); } });
[jQuery] stopping a link to redirecting
I thought this would stop the link from redirecting: $('a.some_link').click(function(event) { event.preventDefault(); //custom code }); however this does not work. is thier a way is jQuery (or plain javascript) to not have the link redirect on an onclick event? -- View this message in context: http://www.nabble.com/stopping-a-link-to-redirecting-tp15234346s27240p15234346.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] [Validation] How to add a pending (spinner) label to a remote validation
It's not pretty but it seems to work. I'd ideally like to tap into the error/success label display but I couldn't figure out how, so right now this only works for remote validation rules. It might also be interesting to have the option to make these labels instances of the Tooltip plugin. Then again, it might not. Anyway, on with the show... There are 4 modifications to jquery.validate.js and 1 class to add to your stylesheet. Please let me know if it can be done better. New default property: Line
[jQuery] hoverIntent question: how to flush queue?
Hello! you can see here the non finished, raw interface we are setting up to showcase our projects. I use the awesome hoverIntent plugin to control the expansion of each project div, revealing more info about the project on mouseover. Problem: if you move your mouse on several divs, the behaviours are erratic (it's kind of fun but not very ergonomic :) ) . I think the solution would mean being able to flush the event queue before and after a triggered hoverIntent. But i don't know where to start
[jQuery] jquery xml help
Hello again, gosh this should be so easy yet i can't make it work. Here is what i'm trying to do: i have a data structure stored as an xml file. I need to load this structure once at the start of the application. I need a function to search through this data structure and return the corresponding value. So far i fail miserably because i don't quite get the synchronous/asynchronous side of jlife. Here is the code i came up with (you might have seen it in my other post, i'm fighting against it since
[jQuery] Validate 1.2 Questions
Just starting to integrate Jörn's new Validate 1.2 plugin and very pleased with the results thus far. However, until some updated docs are available, I'm a bit in the dark as to how to implement certain things. Before I go diving into the source, I thought I'd ask here. First two questions: (1) How do you control where the error label appears for grouped elements like radio buttons and checkboxes? Right now it's appearing right after the first one for me. (2) How do you indicate dependencies within
[jQuery] plugins leaving jquery namespace in bind function
i posted a bit earlier but i've synthesized the problem a bit. in the code below, one would expect the variables mb2 and mb3 to contain the same things as each other. however, mb3, which wraps the same element with jQuery inside of the bound function, ends up just being an unextended jQuery object, while mb2 has all the extended functionality provided by any plugins on the page. function makeMenubar(w,wid,c) { var menu = $("##"+w+"Header"); menu.append("<a class='close' id='"+w+"_close'/>");
[jQuery] [validate] validating dynamically created fields
I have a form in multiple sections. The validation declarations are in the head as the demos show. Problem is that I have a section where there are multiple groups of dynamically created file inputs. The IDs vary and the types of files for each group will vary. An Id may be like this id="cv_fi_1_2". They are coded this way so that on the server side I can handle the file types appropriately. Is there a trick where I could define each group with it's own class or something and then tell the validator
[jQuery] Validate errorPlacement not working in IE 6 or 7
The code below produces my error message in the third column of my form table using Firefox. However, it does not work in Internet Explorer 6 or 7. The third column has a red * for required which is removed by IE, but not replaced with the messages. Any ideas? Sample code and part of the form is below. $().ready(function() { // validate the comment form when it is submitted //$("#commentForm").validate(); // validate signup form on keyup and submit $("#regFormStep1").validate({ errorPlacement:
[jQuery] Err The Blog on jQuery
Err The Blog has tried jQuery and seems to like it pretty much :-) http://errtheblog.com/posts/73-the-jskinny-on-jquery Gotta love that one (on using the form plugin): "respond_to and jQuery are so in love it's making me sick." --Klaus
[jQuery] can't access any plugins from within function
i'm in the midst of developing an application with many jquery plugins, and i've just run into a bizarre problem. my app uses a lot of ajax to populate different divs that i'm sorting using sortable. anyhow, the issue is as follows. on document ready, i go through each div on the page and ajax in the content for it using .load(). $("div.widget") .each(function() { var w = this.id; var wid = $(this).attr("title"); var h = $(this).attr("alt"); $(this) .load(w+"/index.cfm",function(){
[jQuery] Keeping variables across ajax pages
Hello all, I'd like to know what do you do keep variables across ajax pages. I've been doing something that I consider a "hack" and very noobish (I'm not a programmer): I create an invisible DIV in the main page and sub-divs with the variables, then when I need the values I use attr() to retrieve the current value. Something like this: <div id="variables"> <div id="language">en</div> <div id="session">clients</div> <div id="source">digital</div> </div> Then when I need to know where the user came
[jQuery] [validate] does maxLength(20) supported in textarea?
I tried to do this <textarea id="textarea" cols="20" rows="4" name="desc" class="maxLength(20)" title="Description max length is 20"></textarea><br clear="all"> But it doesn't work. So I guess it's not supported in textarea and I will need to add method? -- Best Regards, Jacky 網絡暴民 <a href="http://jacky.seezone.net">http://jacky.seezone.net</a>
[jQuery] jqGrid - Latin1
How can I use JqGrid with special char? ex.: Pão, Melão, José Could someone help me ? by Marcio Carvalho
[jQuery] [Validation] One request and one issue...please help?
I'm trying to do two things that seem as if they should be very simple (for somebody who has a little more experience than me, that is): 1. Attach a pending label to a currently validating field, like the error and checked labels 2. Prevent validation on a field with validation rule, but which is optional and empty. Can somebody help me with a concrete answer or a code example? Thanks, Rus
[jQuery] [validate] Require with more then one selector
Pardon the mixing of comment formats. // must be non-blank - values are digits <select name="port" id="port" class="{required: true}" >...</select> // "Port not found" in previous list - values are strings <select name="country" id="country" class="{required: '#port[value=-1]'}">...</select> // "Port not found" in previous list - value is a string <input name="new_port" id="new_port" class="{required: '#port[value=0]'}"/> // "Port not found" AND "Country not found" - how do I require both? <input
[jQuery] multiselect help?
I'm hoping one of you guys can help me out. I've got a multiselect that I can't get to work with the multiselect plugin I obtained from http://lab.arc90.com/tools/jquery_multiselect/ Unfortunately, for whatever reason, I can't get to the main page so I can't look up the examples listed there. Anyway, I have a multiselect that looks something like this: <select id="jqmulti" name="my_name" class="my_class" multiple="multiple" size="4" title="my_title"> <option value="Option 1"</option> <option value="Option
[jQuery] Problem with siblings(?) in IE6
Hi all, Unfortunately I can't post all of the code because the page in question is still in development and when live will be IP restricted but I'm hoping the code I'm about to provide will be sufficient. Given the following table cell: <td> <input class="SearchProdID" type="hidden" value="460" name="ProdID"/> <input class="SearchQty" type="text" value="1" size="2" name="qty"/> <input class="cartadd" type="button" value="+" name="searchcartadd"/> </td> The following JavaScript works in FF2 and IE7
[jQuery] dimensions height/width bug
http://brandonaaron.net/docs/dimensions/#sample-2 if you click on the run for height() or width() you will see the screen flicker(tested on FF) and I am getting that same error on my page and it only t=seems to happen for those 2 function(like offset which I am also using works fine. anyone know about this issue. I am use dimensions REV 4257. -- View this message in context: http://www.nabble.com/dimensions-height-width-bug-tp15220351s27240p15220351.html Sent from the jQuery General Discussion mailing
Next Page