[jQuery] scrolling browserwindow while dragging elements
Hmmm, where did my previous post go? (hope this won't be a double post) Currently I'm using Interface (http://interface.eyecon.ro) for dragging and dropping elements. I have adjusted the autoscroller a bit so that it now works with all browsers, but Interface needs JQuery 1.1.2 for support. I would actually like to update to the latest version of JQuery and if possible switch to UI Interface for dragging and dropping. BUT I need to be able to drag elements across pages and make the window scroll
[jQuery] missing keydown/keyup
Hi, What I am trying to do, is figure out if there was a change in the input field, so I want compare the value of the field before and after a keypress. And it works, but not when I type fast. Then the browser is just losing some events. This shows the problem: <html> <head> <script type="text/javascript" src="js/jquery-1.2.1.pack.js"></script> <script type="application/x-javascript"> $(function() { $('#ap').bind('keydown', function() { console.log('down
[jQuery] how to trigger a functionality when 2 fields are filled
hello! in a complex form i'm working on, there are 2 textfields allowing to specify a startdate and an enddate. I need to display an additional form UI ( spanning the weeks in between the two dates) WHEN the two fields are filled in. I have absolutely no idea on how to make such an event. I guess it's about creating "custom" events ? any idea/tip/tutorial would be much appreciated ! thank you, alexandre
Weird DOM behavior
Hello everyone. I have a big problem. I have an html page, and in a class called 'the_content' I want to put this: <div class="class_class">HELLO</div> So what I did is: $(".the_content").html('<div class="class_class">HELLO</div>'); Which is fine, BUT when writing: $("class_class").click(functuin (){ //alert("something"); }); It won't alert! It seems like the browser doesn't see this class at all! Why is this happening? How can I fix it? Thanks, Leon.
[jQuery] jQuery select option with errors for IE 6
Hi: It seems that the following code snippet works for IE 7 and FireFox but not for IE6: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="jquery-1.2.1.js"></script> <script type="text/javascript"> $(document).ready(function() { $("a#clickme").click(function() { var $x
[jQuery] array of elements
how would you create an array of all visible elements (excluding hidden elements)?
[jQuery] Simple Table Filter
Hi, I've found a bunch of different filters for tables, but I need something much simpler. Can anyone help me out? I am displaying a list of Facilities ordered by State and City, where a facility name, phone, city and state are displayed. All I'd like to do is give the user ability to filter the list by State by selecting a State from a drop-down. I have this working in ColdFusion, but that's kinda slow, so I'd like to do it using JavaScript/jquery. Can anyone please let me know how to go about doing
[jQuery] [SITE SUBMISSION] BigCarrot.com
Hey Everyone: I'd like to submit the site I've been working on for 5 months or so: <a href="http://www.bigcarrot.com">www.bigcarrot.com</a> Think crowd-sourced inducement prizes (give yourself a high five if any of that makes sense to you). We're using jQuery (little Ajax, site wide fixes for IE forms) and jqModal throughout the site. For any TinyMCE users/developers out there, we're currently using TinyMCE for content creation and it just so happens that a bug within the editor has proven to be
[jQuery] Fade-in on page load... Best technique?
Hey all. I just wanted to fade-in an ele on page load... What would you suggest for a technique? I found a thread on this list that suggested using: CSS: .js .col { display:none; } JS: $(document) .addClass('js') .ready(function() { $('.col').fadeIn('slow'); ... ... or, do this: $(document) .addStyle('.col', 'display: none') .ready(function() { $('.col').fadeIn('slow'); ... ... But nothing seems to work. Sorry if this is a silly question. Any tips? I would like to avoid hiding my ele in the CSS...
[jQuery] element array
how would you create an array of all visible elements? (exclude hidden elements)
[jQuery] find and replace text in a variable
Hi all, I've a form with a numeric drop down ( from 1 to 10 ) and when the user select a number from it, I want to add the corresponding number of textfields in my code, but I need to change the input name and I can't figure out how to do that this is what I have right now $("#add_opcoes").change(function (){ var materias_num = this.value; var loop = $("#fd_opcoes").html() $("#fd_opcoes").empty() for(var i = 1; i <= materias_num; i++){ $("#fd_opcoes").append(loop); } });
[jQuery] Inline Ui-Datepicker mindate not working as expected
Th have the following code. $('#cali') is a span, and $ ('#deliveryDate') is an input, so the calendar is showing up inline. $(document).ready(function() { var starting = new Date(); $('#cali').datepicker({ onSelect: function(date) { $('#deliveryDate').val(date); }, changeFirstDay: false, minDate: starting }); $('#deliveryDate').val($.datepicker.formatDate('mm/dd/yy', starting)); }); I expected this to work as, "select any day in the future, including today". #deliveryDate shows today's date. The
[jQuery] jquery.flash plugin with parameter and variables.
Hello everyone, I'm a little out of my depth and am looking for a some help. I am attempting to use the <a href="http://www.jeroenwijering.com/? item=JW_FLV_Player">JW FLV Player</a> with the <a href="http:// jquery.lukelutman.com/plugins/flash/">jQuery Flash Plugin</a> by Luke Lutman. The issue I am running into is how to pass both parameters, in this case 'allowscriptaccess' as well as flash variables through the script. The intended outcome would be along the lines of: <embed type="application/x-shockwave-flash"
[jQuery] proposed semantic tabs add-on
I'm not a jQuery guru but I'm sure that semantic HTML guys and gals out there will understand my rational. I've looked all around, but I can't find a nicely degrading tabs/rotator add-on, so I'm looking for some thoughts on either creating one or improving one. I don't want to step on any toes and please let me know if I'm discussing this in the wrong place, but here's my thoughts. If JavaScript is disabled on versions of tabbed content you end up with a list of links that either link to the content
[jQuery] using grep with a list rather than an array
Is it possible to use grep on a list or only on an array? If not possible with a list, how do you convert a list to an array?
[jQuery] loading xml in IE6/IE7 on a CD
Hey guys, I know I did this before with jQuery v1.1 where I was able to load an xml file in IE6/IE7 on a cd, but can't find the code I wrote. Currently I am doing the code below and I can get it to work in FX, but not IE. IE7 is giving me an error of: Error: Permission denied IE6 is giving me an error of: parsererror: undefined $.ajax({ url : xmlFile, dataType : 'xml', async : false, success : function(){},
[jQuery] wrap() issue
hi! i'm trying to create a menu on the fly, by parsing selectors and creating a unordered list, but i must be getting the wrap(() function wrong as that bit does not get generated: $('<ul id="mainmenu_level2" class="mycarousel mainmenu jcarousel-skin-labau">').appendTo('#header'); $('#dsViewport h3').each(function(index){ var $this = $(this); $('<a></a>') .attr({ 'title': 'jump to ' + $this.text(), 'href': '#' + $this.text()
[jQuery] What do I do with the object returned by serializeArray()?
Hi, Relatively new to both jQuery and JSON here, so bear with me. What I am trying to do is $.post() some JSON to a PHP script. serialize() works great for generating a GET string, but is there nothing out-of-the-box for creating a JSON string? I realize that I could grab the JSON library and use .stringify(), and of course the following works fine: formVals = new Array(); $(':input').each(function() { formVals.push('"' + $(this).attr('name') + '":"' + $(this).val() + '"'); }); return '{' + formVals.join()
[jQuery] Operation Aborted - error on IE 6 + 7
Hello all, I build a website using some jquery script it works fine on FF but on the IE i get error: Operation Aborted" the site is: http://www.tween-id.com/develop/pitsou/index.shtml you need to go into "projects" - "selected projects" and click on one of the projects, like: http://www.tween-id.com/develop/pitsou/EinVeredHouse1.shtml Can someone help me ?
[jQuery] Jquery Forms - On the Fly
Hi I want create a AJAX Forms on the fly. $("#mychild").ajaxForm({ success: function(data) { $("#target").append($('#OnTheFly').clone().attr({ style: "display:" })); $("#Myid").val(data); // Here I get the reponse of this Ajax } }); So I have a hide form (Let say my template) so I just clone it. <form style="display: none;" method="post" id="OnTheFly" action=" submit.php"> <input type="text" id="Myid" name="myname" />
[jQuery] Creating plugins
I don't know what happen with the last post but let me try to explain myself better in this one. The only way i see documenetation for building plugins is so you can add like: $('#whatever').plugin(); Now this is all good but I want to know something different. I want to be able to build a plug so i can do something like the $.ajax, so something like: var whatever = new someplugin(); This way of creating a new class is one thing i love about mootools, in mootools i can do: var ajax_request = new
[jQuery] this:contains selector
The contains selector works fine with tags (a:contains()) etc. but doesn't seem to work with $(this). What is the best way to use contains with "this"?? here is my scenario: var matchingText = "Text2"; <ul class="list"> <li><a href="#">Text1</a></li> <li><a href="#">Text2</a></li> </ul> I want to see if the text in matchingText matches text in any of the anchor tags. My goal is to add a class to the anchor tag that has matching text and would like to use the ul.list selector to run through each of
[jQuery] using :contains() selector with $(this)
Hello, I have a question about using the :contains filter to match the text of an anchor tag... <ul class="list"> <li><a href="#">Text 1</a></li> <li><a href="#">Text 2</a></li> ... </ul> I'm trying to use the ul.list selector to run through all anchor tag descendants and check their .text() to see if it matches a query. $(this:contains()) does not work, and I tried looping through the children of ul.list li with an .each and I couldnt quite figure it out. If anyone can help I would appreciate it.
[jQuery] Need some help to solve this problem - A jquery Newbie
Here is the source. This is a navigation . when the mouse over "Menu1" , the items will show up. It will work well in most case. But what if there are so many items that will exceed the bottom of the client window. The scrollbar will show up in the web browser .What I want is to add a new item or something just upon the item exceed the bottom. And when the mouse hover on it ,the items exceeded the bottom will move up . Anyone can help me ????? <div> <ul class="nav" > <li> <a href="#" >Menu1</a> <ul>
[jQuery] Creating an empty jQuery collection
Is there an elegant way to create an empty jQuery collection? The only way I've figured out to do it is like this: var jqObjects = $(this).not(this); This seems rather stupid to me. There should be a simpler way. I need this so that I can fill it with jQuery objects that I create inside a loop, and then I return the entire collection. Thanks, Larry
[jQuery] No border on div when there should be?
Hi all. I'm working on a little design assistance script/plugin/not sure yet in jQuery. The intent is to be able to have jQuery automatically draw alignment grid lines over the page so that I can visually line up other elements on the page. Code follows: ---------- jQuery.grid = function(settings) { jQuery.extend(settings, { color: '#000', spacing: '20px', orientation: 'horizontal', thickness: '5px' }); var wrapper = jQuery('<div>').addClass('wrapper').css({ zIndex: 999, position: 'absolute', top:
[jQuery] jQuery + idTabs + Prototype
Hello, I have a Wordpress theme which has few plugins based on jQuery also works with an indispensable Wordpress plugin which is based on Prototype. I used the jQuery non conflict mode call and managed to avoid the conflict for most of all but the idTabs plugin. As long as Prototype is loaded, idTabs stops working even the other jQuery plugins are working OK. I replaced the $ with other variable inside the plugin's code but still no go. I am using jQuery 1.1.3.1 and idTabs 1.0 Do you have any ideas
[jQuery] scrolling browserwindow while dragging elements
Currently I'm using Interface (http://interface.eyecon.ro) for dragging and dropping elements. I have adjusted the autoscroller a bit so that it now works with all browsers, but Interface needs JQuery 1.1.2 for support. I would actually like to update to the latest version of JQuery and if possible switch to UI Interface for dragging and dropping. BUT I need to be able to drag elements across pages and make the window scroll down/upwards when necesarry. So far I didn't find any hits on the web to
[jQuery] General question regarding AJAX and callbacks
Hello, I've got the following code: function validateServer(value) { var valid; $.get("validate.php", { "value" : value }, function(data) { valid = (parseInt(data) === 1) ? true : false; } return valid; } As you may have noticed, it doesn't work because the "return valid" get executed before the callback is. My question is: Is there a way to 1) call a function, 2) have this function call a page with an AJAX request and 3) make the function return the value returned by the AJAX request. Thank you!
[jQuery] JQuery Intellisense support in Visual Studio 2008
Hello everybody, does anyone know if a JQuery version exists that is compatible with visual studio 2008, so that developer can use the new intellisense support? Thank you in advance
[jQuery] ui.datepicker causes IE "operation aborted"
I believe this bug was supposed to have been fixed in the move from jQuery Calendar to ui.datepicker, but I'm still seeing sporadic "Operation Aborted" errors in Internet Explorer, both 6 and 7, when the datepicker is initialized. Frustrating problem because it's very intermittent. The code I'm using is pretty simple; in the HTML: <input type="text" size="1" id="calendarDaily" value="" readonly="readonly" /> Then in the $(document).ready function, I instantiate the datepicker with this: $('#calendarDaily').datepicker({
[jQuery] JCarousel: flexi height images in vertical carousel
We're using JCarousel on http://neemtree.com.au, and ended up with a JQuery workaround for setting the heights (view source). On FF2, when the page is first loaded, images are 'squished' together at a height of ~10px, reloading the page resolves this. Could someone take a look at it and respond if they see something obvious/have a suggestion for handling varied height images.
[jQuery] is there a way use jquery.validate filter special characters?
is there a way use jquery.validate filter special characters? like some one want to input "*&^%" as username, is there a way to solve it? thanks
[jQuery] Share my trick to debugger Jquery with FireBug
Hi I would like to share my trick to debugger Jquery with FireBug. It isnt advanced but could be useful to start debugg Jquery Code. So your page load and now you will start a lot of functions and in the middle of ones you want do, $("#mytarget").append($("something")); (or more complicate tasks) So before you start run this function (for example into an AJAX requisition) you want create a BreakPoint, So you go to FireBug/Scripts and create a breakpoint. (see <a href="http://www.getfirebug.com/js.html">http://www.getfirebug.com/js.html</a>)
[jQuery] Returning a new collection from a method
I have a plugin that needs to return a different jQuery collection than the one it was passed. In other words, each of the elements passed in the original collection will create a new element, and I want to return the new elements instead of the originals. So, instead of something like this: $.fn.myMethod = function() { return this.each(function() { // // Create new element here // }); which returns the original element collection (preserves chaining), I'm looking for an elegant way to return the
[jQuery] Jaiku's jQuery plugs (http://jaiku.com/js/core.js)
(I'm posting this as Google returns no result http://groups.google.com/groups?q=jquery+jaiku ) FWIW, recently I've seen Jaiku's jQuery codes/plugins; they're quite elegant http://jaiku.com/js/core.js -- <?php echo 'Just another PHP saint'; ?> Email: rrjanbiah-at-Y!com Blog: http://rajeshanbiah.blogspot.com/
[jQuery] Animation glitch in Innerfade
Hi All, I have created a fading rotating section on my new travel site which is designed to cycle through a number of special offers. When the page loads it created 3 ul which innerfade works on perfectly. Visitors to the site are able to view more info on hotels which removes the special offer content and replaces it with hotel information using ajax. If they then click the "Back to specials" button the reverse happens, with the hotel info dissapearing and being replaced by the special offer content
[jQuery] UI Tabs / Tabs 3
I was wondering if there is any way of making the tabs still retain their original link after you have click on a tab. IE when you click on a tab, it goes selected but the link still remains and the cursor still remains as a link area, so when you are viewing the content of the selected tab, you still have the option of reloading the content of the tab you are viewing by clicking on the selected tab. Thank you for any suggestions. Richard
[jQuery] tutorial code doesn't work :-(
hi, I am relatively new in jquery.I just installed and was sailing thru tutorial.But somehow i was not able to run following code $("a") .filter(".clickme") .click(function(){ alert("You are now leaving the site."); }) .end() .filter(".hideme") .click(function(){ alert('hide'); $(this).hide(); return false; }) .end(); ------------ html <a href="http://google.com/" class="clickme">I give a message when you leave</a><br/> <a href="http://yahoo.com/" class="hideme">Click me to hide!</a><br/> <a
[jQuery] Adding rounded corners to inline images? (not background)
The only rounded corners plugin I've found (http://www.methvin.com/ jquery/jq-corner-demo.html) only applies the corners to the background. I need to be able to able to add rounded corners to images inline in the html (anything using an image tag). Is there a plugin for this? Normally I'd use a server-side language for this, but given my current situation, I cannot.
Next Page