[jQuery] Re: Endeavour: translating X-Library functionality click-n-drag checkboxes into Jquery
Ok latest version I've included the possibility of adding a background color: http://jsbin.com/icena/edit The background color is specified as a second parameter in the function: $('table').dragCheck('td:not(.nono) :checkbox', 'pink') To clear the dragCheck: $('table').dragCheck('clear') On 13 Apr, 23:29, jscripter pc88m...@gmail.com wrote: Here's what I'm shooting for: http://jsbin.com/izoce/edit It's basically the same code as found on cross-browser.com, but I've added the cell highlighting. Works under Firefox, Opera and Chrome. It should also work under IE, but it doesn't seem to work when on the jsbin.com site. However, if you just download it and run it from a local file it should work for you. The text selection bug is basically fixed. It is still possible to select text if the mousedown event occurs in the right place between cells. I don't think text selection is possible if the border width is set to 0 (but then you also don't get a border.) On Apr 13, 2:30 pm, Lwangaman donjohn.f...@gmail.com wrote: I think I've done it. http://jsbin.com/adixe/edit I have also left out the mouseleave event, and applied the mouseup to the whole document instead of to the table, that way even if I leave the table but still have the mouse button down, I don't lose the value in the variable. Only if I let go of the mouse button (on or off the table) do I reset the variable. @Ricardo and @jscripter: does this work good? On 13 Apr, 14:41, Lwangaman donjohn.f...@gmail.com wrote: I tried working on it again and made a little progress... Now I got parent and child selected correctly, but I don't have mouseover working for some reason... http://jsbin.com/avigi/edit On 13 Apr, 02:43, Lwangaman donjohn.f...@gmail.com wrote: One more detail: mouseout should not take effect until mouseup. In fact, right now, if I click and begin to drag, then still holding the mouse button I leave the area, and still holding it come back over the cells, they no longer get checked / unchecked because mouseout has already kicked in. Instead it shouldn't kick in until I actually let go of the mouse button, and I could let go of it anywhere on the page I suppose, so I guess mouseup would have to be applied to the whole document. On 13 Apr, 02:33, Lwangaman donjohn.f...@gmail.com wrote: I tried something along those lines... http://jsbin.com/ehedu/edit But I just don't have the hang of using this correctly and knowing when to refer to dom elements as dom elements or as jquery objects... The idea is to tie all events to the container of the checkboxes (i.e. table cells), and not to the external container (table or ul list or whatever), and yet be able to read and write the value of the checkboxes... On 13 Apr, 01:13, Lwangaman donjohn.f...@gmail.com wrote: Taking up jscripter's suggestion, I just noticed myself that applying the mousedown and mouseover to the whole table keeps you from being able to click on any links that may be contained in the table. For example my table has links in the header cells that when clicked reorder the table according to that column. Now I can no longer click them... And, as jscripter says, in the X-Library the mousedown and mouseover was applied to the cells containing the checkboxes and not to the checkboxes themselves, so that it was enough to click on the cells surrounding the checkboxes in order to get them checked / unchecked. Ricardo do you think you could manage something like that? (I'm only an apprentice and I don't have your expertice!) On 12 Apr, 22:31, jscripter pc88m...@gmail.com wrote: Hey - this is great work - I just happened to be looking for this functionality. How would you apply what you have done here to re-writing the original X-library code that uses TDs for the checkbox label? Thanks! On Apr 12, 2:04 pm, Ricardo ricardob...@gmail.com wrote: Sure! I have a few other plugins I also want to upload, I'll do that. I took the time to rewrite it more carefully. No more binding/ unbinding, a single var, all namespaced and bugs ironed out (if you put the cursor away while holding the button, the mouseover would remain active even after mouseup). The advantage of namespacing is you can easily remove all event handlers. I included that in the plugin, in the example you can use $ ('ul').dragCheck(false) to disable it completely. http://jsbin.com/amoxi/edit cheers, - ricardo On Apr 12, 9:48 am, Lwangaman donjohn.f...@gmail.com wrote: @Ricardo Do you think it could be useful to add this to the jquery plugins at plugins.jquery.com? I'd say it
[jQuery] Re: Endeavour: translating X-Library functionality click-n-drag checkboxes into Jquery
Latest: http://jsbin.com/isuga/edit Simplified the code for the highlighting process and corrected the case-possibility that first parameter is left empty (in that case, all child checkboxes are involved). Empty parameter usage: $('table').dragCheck() for no parameters; $('table').dragCheck('', 'pink') for empty first parameter. Second parameter can be left out completely. On 14 Apr, 09:45, Lwangaman donjohn.f...@gmail.com wrote: Ok latest version I've included the possibility of adding a background color:http://jsbin.com/icena/edit The background color is specified as a second parameter in the function: $('table').dragCheck('td:not(.nono) :checkbox', 'pink') To clear the dragCheck: $('table').dragCheck('clear') On 13 Apr, 23:29, jscripter pc88m...@gmail.com wrote: Here's what I'm shooting for: http://jsbin.com/izoce/edit It's basically the same code as found on cross-browser.com, but I've added the cell highlighting. Works under Firefox, Opera and Chrome. It should also work under IE, but it doesn't seem to work when on the jsbin.com site. However, if you just download it and run it from a local file it should work for you. The text selection bug is basically fixed. It is still possible to select text if the mousedown event occurs in the right place between cells. I don't think text selection is possible if the border width is set to 0 (but then you also don't get a border.) On Apr 13, 2:30 pm, Lwangaman donjohn.f...@gmail.com wrote: I think I've done it. http://jsbin.com/adixe/edit I have also left out the mouseleave event, and applied the mouseup to the whole document instead of to the table, that way even if I leave the table but still have the mouse button down, I don't lose the value in the variable. Only if I let go of the mouse button (on or off the table) do I reset the variable. @Ricardo and @jscripter: does this work good? On 13 Apr, 14:41, Lwangaman donjohn.f...@gmail.com wrote: I tried working on it again and made a little progress... Now I got parent and child selected correctly, but I don't have mouseover working for some reason... http://jsbin.com/avigi/edit On 13 Apr, 02:43, Lwangaman donjohn.f...@gmail.com wrote: One more detail: mouseout should not take effect until mouseup. In fact, right now, if I click and begin to drag, then still holding the mouse button I leave the area, and still holding it come back over the cells, they no longer get checked / unchecked because mouseout has already kicked in. Instead it shouldn't kick in until I actually let go of the mouse button, and I could let go of it anywhere on the page I suppose, so I guess mouseup would have to be applied to the whole document. On 13 Apr, 02:33, Lwangaman donjohn.f...@gmail.com wrote: I tried something along those lines... http://jsbin.com/ehedu/edit But I just don't have the hang of using this correctly and knowing when to refer to dom elements as dom elements or as jquery objects... The idea is to tie all events to the container of the checkboxes (i.e. table cells), and not to the external container (table or ul list or whatever), and yet be able to read and write the value of the checkboxes... On 13 Apr, 01:13, Lwangaman donjohn.f...@gmail.com wrote: Taking up jscripter's suggestion, I just noticed myself that applying the mousedown and mouseover to the whole table keeps you from being able to click on any links that may be contained in the table. For example my table has links in the header cells that when clicked reorder the table according to that column. Now I can no longer click them... And, as jscripter says, in the X-Library the mousedown and mouseover was applied to the cells containing the checkboxes and not to the checkboxes themselves, so that it was enough to click on the cells surrounding the checkboxes in order to get them checked / unchecked. Ricardo do you think you could manage something like that? (I'm only an apprentice and I don't have your expertice!) On 12 Apr, 22:31, jscripter pc88m...@gmail.com wrote: Hey - this is great work - I just happened to be looking for this functionality. How would you apply what you have done here to re-writing the original X-library code that uses TDs for the checkbox label? Thanks! On Apr 12, 2:04 pm, Ricardo ricardob...@gmail.com wrote: Sure! I have a few other plugins I also want to upload, I'll do that. I took the time to rewrite it more carefully. No more binding/ unbinding, a single var, all namespaced and bugs ironed out (if you put the cursor away while holding the button, the
[jQuery] Re: preloading a div
a callback function is something that runs after an action has been completed. This is what you need for what you are trying to achieve, I'm also going to chain the actions. $(#div).fadeOut(500, function() { $(#div).load(url).fadeIn(); }); The 500 is the time in miliseconds it takes to fadeOut, 500 is half a second. Sasser wrote: hi i'm new to jquery and got a problem concerning the preloading of content. before changing the content dynamically i want to fade it out. so i tried this: $(#div).fadeOut(); $(#div).load(url); $(#div).fadeIn(); this works quite good. there is just the problem that the content fades in immediately after fading out - there is no time for the loading of content. a guy in the irc-channel told me to use a callback function... but i do not really understand :( can anyone help me? thanks!
[jQuery] how to create multiple draggable div's with dynamic content
hi, I'm trying to acchieve something for a few days now and I need som guidence I need to be able to open a draggabel div, that's no worry using the jQuery UI plugin what im not getting my head around is how to create multiple instances of this window with dynamic content but with a templade html structure that is filled with data from a database i've tried to use clone() to have the template saved and hidden on the page but when using this everything fails to work at all did anyone acchieve this? I may be a little fuzzy about what my problem is, there's too much code to be posted here, what I need is a little support in my undertaking /pär
[jQuery] Re: Final Four: Grabbing Keys, Styling Columns, Pop Up Forms, Edit Select Lists?
Hello, #1) colModel : [ { name:ID, hidden:true, editable:true, editrules:{edithidden:true}, editoptions:{readonly:true} }, .. ] Look into the docs for more details. #2) In wich browser is this? #3) Currently not possible. It is hardcoded in the source. Will try to put this in the css in order to be customisable. #4) Could youi plese the grid configuration and piece of data that is populated in the grid. Regards Tony On Apr 14, 2:01 am, briandus bri...@virtual-essentials.com wrote: Hi there - I am using jqGrid with ASP.NET and while it has really taken me quite some time to get this integration playing nicely, now that I've finally got things moving, I am so pleased. But, I have four things that I am still having some trouble with... #1) I have a table with some hidden fields...the key field is hidden and named (ID). In order to get the field to send along with the rest of the edit parameters, I had to show the field, but then it shows up as editable on the form. When I set 'editable' to false, it no longer exists on the field. More importantly, however, is that there is a lower case id being sent along with the oper parameter. The id field being passed is the row id in the table, not the key field. How can I grab and pass the key field? #2) Since I have enabled editing, everytime I refresh my page, the Add record Dialog Box always displays. How can I turn this off? #3) How can I style the checkbox column as well as the column with the Plus sign icon indicating a sub grid? Both of these columns are much wider than they need to be. #4) When I edit a record, the select lists are dynamically populated with the correct values as per the colModel, but they are not the existing values on the record. For example, if I am editing a record with a field value of ON, the edit form shows a select list with OFF and ON, but the selected value is OFF...rather than the value already exisitng on the record. How can I correct this? thanks so much for such a uber wonderful plug in!! :-)
[jQuery] Re: Getting index of clicked table cell
Wow, you had me stumped for a couple of minutes there. :) I think the .index() method doesn't do what you want it to do. As I understand it, you use that method on a selection of elements, pass it an element, and it will search for the element in that selection. So if you did alert($('td', this).index(e.target)); it should return the index you're looking for. On Apr 13, 8:16 pm, MorningZ morni...@gmail.com wrote: For the life of me i cannot figure out why this gives me -1 (not found) $(#Table1 tr.SUM).click(function(e) { alert($(this).index(e.target)); }); With this being the row, and e.target being the cell, shouldn't that work?
[jQuery] Re: Getting index of clicked table cell
Hello, IMHO this can be: $(#Table1 tr.SUM).click(function(e) { alert(this.rowIndex); }); Regards Tony On Apr 14, 1:46 pm, Thomas thpick...@googlemail.com wrote: Wow, you had me stumped for a couple of minutes there. :) I think the .index() method doesn't do what you want it to do. As I understand it, you use that method on a selection of elements, pass it an element, and it will search for the element in that selection. So if you did alert($('td', this).index(e.target)); it should return the index you're looking for. On Apr 13, 8:16 pm, MorningZ morni...@gmail.com wrote: For the life of me i cannot figure out why this gives me -1 (not found) $(#Table1 tr.SUM).click(function(e) { alert($(this).index(e.target)); }); With this being the row, and e.target being the cell, shouldn't that work?
[jQuery] Re: Getting index of clicked table cell
Upps, sorry mixed some code. $(#Table1 tr.SUM).click(function(e) { var td = e.target || e.srcElement alert(td.cellIndex); }); On Apr 14, 2:11 pm, Tony t...@trirand.com wrote: Hello, IMHO this can be: $(#Table1 tr.SUM).click(function(e) { alert(this.rowIndex); }); Regards Tony On Apr 14, 1:46 pm, Thomas thpick...@googlemail.com wrote: Wow, you had me stumped for a couple of minutes there. :) I think the .index() method doesn't do what you want it to do. As I understand it, you use that method on a selection of elements, pass it an element, and it will search for the element in that selection. So if you did alert($('td', this).index(e.target)); it should return the index you're looking for. On Apr 13, 8:16 pm, MorningZ morni...@gmail.com wrote: For the life of me i cannot figure out why this gives me -1 (not found) $(#Table1 tr.SUM).click(function(e) { alert($(this).index(e.target)); }); With this being the row, and e.target being the cell, shouldn't that work?
[jQuery] Re: Node click behavior
Well I found the code-piece where the clik-event is beeing added to the span element inside of the A element of the LI element of the tree. If commented out only +/- symbols collapse/expand the tree/ subtree. Anyway it would be nice to have an option where I can enable/disable this behaviour without changing original code. in jquery.treeview.js (not packed) in function applyClasses comment out this code at the beginning of the function: this.filter(:has(ul):not(:has(a))).find(span).click(function (event) { toggler.apply($(this).next()); }).add( $(a, this) ).hoverClass(); On 9 Apr., 16:05, edik eduard.mar...@googlemail.com wrote: I'm too searching for a way to change theclickbehaviour of the nodes (without touching the plugin-source), so that ONLY +/- expands/ collapses the node and not theclickon the SPAN element inside the LI- element. Anybody any suggestions? Thanks a lot On 10 Mrz., 21:04, Ryan grigg...@gmail.com wrote: Is there a way to make a node in thetreeviewexpand/collapse ONLY if the +/- is clicked but not the folder icon or folder name but still make the node selectable?
[jQuery] Superfish
Your plugin really easy to use, thanks. But there is no useful option in my case: openOnClick. I want to open submenu by click event, not hover. Could you help me?
[jQuery] [autocomplete] charset
Hello, I'm having problem with charset on searching value, that is returned in param q. On main page and od page from where script search for data I have charset placed: main script: meta HTTP-EQUIV='Content-Type' Content='text-html; charset=windows-1250' search script: header( Content-Type: text/html; charset=Windows-1250 ); I get some wierd characters when I use unicode characted like š,č,ž. Thanks
[jQuery] Re: Node click behavior
Or comment just toggler.apply($(this).next()); in the programmcode mentioned in the previous post, to leave the hover of the A-element untouched On 14 Apr., 13:54, edik eduard.mar...@googlemail.com wrote: Well I found the code-piece where the clik-event is beeing added to the span element inside of the A element of the LI element of the tree. If commented out only +/- symbols collapse/expand the tree/ subtree. Anyway it would be nice to have an option where I can enable/disable this behaviour without changing original code. in jquery.treeview.js (not packed) in function applyClasses comment out this code at the beginning of the function: this.filter(:has(ul):not(:has(a))).find(span).click(function (event) { toggler.apply($(this).next()); }).add( $(a, this) ).hoverClass(); On 9 Apr., 16:05, edik eduard.mar...@googlemail.com wrote: I'm too searching for a way to change theclickbehaviour of the nodes (without touching the plugin-source), so that ONLY +/- expands/ collapses the node and not theclickon the SPAN element inside the LI- element. Anybody any suggestions? Thanks a lot On 10 Mrz., 21:04, Ryan grigg...@gmail.com wrote: Is there a way to make a node in thetreeviewexpand/collapse ONLY if the +/- is clicked but not the folder icon or folder name but still make the node selectable?
[jQuery] Event change on span/div
Hi! Anyone know how I can bind an event like change to the text inside a span or div?
[jQuery] XSLT with anchors
Hello, I am using the jQuery Transform plugin to perform XSL transforms. It works great except when I load a page with an anchor. i.e. mysite.com/mypage works fine, but - mysite.com/mypage#xyz gives incorrect output (all HTML tags are missing). Does anybody have any idea what could be going wrong?
[jQuery] Calling a function from a non-jQuery .JS file
I am new to jQuery, but understand enough to have already begun targeted experimentation. I have run into a snag. In brief, I am trying to call a function from a .JS file that contains no jQuery and assign it to an HTML tag in a Dreamweaver template via jQuery that is located in a different .JS file. The code is as follows: JQUERY CODE $(document).ready(function() { $(div).filter(#today).toDate(); }); The expression toDate() is the function that I try to call. MY DREAMWEAVER TEMPLATE (HEAD TAG) script type=text/javascript src=http://ajax.googleapis.com/ajax/ libs/jquery/1.3/jquery.min.js/script script type=text/javascript src=imagine.js/script script type=text/javascript src=primer.js/script MY DREAMWEAVER TEMPLATE (BODY TAG) div id=today/div The FUNCTION in MY NON-JQUERY .JS FILE function toDate() { var someDay = new Date(); var anyDay = new Array(); var anyMonth = new Array(); anyDay[0] = Sunday; anyDay[1] = Monday; anyDay[2] = Tuesday; anyDay[3] = Wednesday; anyDay[4] = Thursday; anyDay[5] = Friday; anyDay[6] = Saturday; anyMonth[0] = January; anyMonth[1] = February; anyMonth[2] = March; anyMonth[3] = April; anyMonth[4] = May; anyMonth[5] = June; anyMonth[6] = July; anyMonth[7] = August; anyMonth[8] = September; anyMonth[9] = October; anyMonth[10] = November; anyMonth[11] = December; document.write(pToday's Date:br / + anyDay[someDay.getDay()] + , + someDay.getDate() + + anyMonth[someDay.getMonth()] + + someDay.getFullYear() + /p); } Can you find my error? If so, can you explain what I am doing wrong and explain how to overcome it? Roddy Stegemann
[jQuery] Re: Adding incremental numbered classes to divs
I just finished documentation on a new plugin I think might help you in this situation. Check out: http://eric.garside.name/docs.html?p=replicator On Apr 13, 11:04 pm, Brain Lava nic...@brainlava.com wrote: Thanks everyone! You've definitely made some great points for me to consider. I'm really new to scripting (normally I can find plugins to do what I want) and you're probably right that there is a much easier solution to what I'm trying to achieve. I'm going to take your suggestions and see what I can figure out on my own. If I can achieve the effect I'm desiring I'll post the end result for some feedback. Cheers! On Apr 9, 5:54 pm, mkmanning michaell...@gmail.com wrote: Since you're not using the class for styling, but indexing, why not just use the natural index of the div in its container, or from the jQuery object itself? $('.ngg-gallery-thumbnail-box') is an array-like object, so you can iterate over it, or access its members by index number, such as $ ('.ngg-gallery-thumbnail-box').get(8). If you're building a carousel, adding incremental numbers to the classname to drive the carousel seems overkill. On Apr 9, 11:54 am, Brain Lava nic...@brainlava.com wrote: Normally I would agree with you but the effect I'm trying to achieve is based on the location of the image in the grid and not tied to the image itself. I don't want the end user to have to update the CSS every time they move an image or add a new one to their gallery. This seemed like the best way to achieve my end result. On Apr 9, 9:37 am, brian bally.z...@gmail.com wrote: That seems like you're fighting against the convention. Why create a zillion classes when these same divs already have an incremented ID? (The ID being the proper place to do this sort of thin, in the 1st place) On Thu, Apr 9, 2009 at 1:31 AM, Brain Lava nic...@brainlava.com wrote: I'm really new to jQuery and have been struggling with a concept that I would think is pretty simple but I can't seem to find anything online that does what I need. I'm using NextGen Gallery for Wordpress and I would like to assign an incremental class to each div that the gallery outputs. For example the gallery gives me the following code: div id=ngg-gallery-1 class=ngg-galleryoverview div id=ngg-image-99 class=ngg-gallery-thumbnail-box/div div id=ngg-image-55 class=ngg-gallery-thumbnail-box/div div id=ngg-image-95 class=ngg-gallery-thumbnail-box/div /div What I would like to do is replace the append class of the interior divs with a number that automatically increments by 1: div id=ngg-gallery-1 class=ngg-galleryoverview div id=ngg-image-99 class=ngg-gallery-thumbnail-box-1/div div id=ngg-image-55 class=ngg-gallery-thumbnail-box-2/div div id=ngg-image-95 class=ngg-gallery-thumbnail-box-3/div /div I've seen this done in carousel scripts but I can't seem to figure out how they do it. Any help would be greatly apprecaited.
[jQuery] Re: Getting index of clicked table cell
Thomas: Thanks! a big doh! for me for missing the fact that i wasn't selecting table cells to find the cell clicked. works like a charm now.. .thanks
[jQuery] Re: Calling a function from a non-jQuery .JS file
So what is the error? And realize something: jQuery *is* JavaScript, don't think of it like two different things On Apr 14, 4:21 am, kiusau kiu...@mac.com wrote: I am new to jQuery, but understand enough to have already begun targeted experimentation. I have run into a snag. In brief, I am trying to call a function from a .JS file that contains no jQuery and assign it to an HTML tag in a Dreamweaver template via jQuery that is located in a different .JS file. The code is as follows: JQUERY CODE $(document).ready(function() { $(div).filter(#today).toDate(); }); The expression toDate() is the function that I try to call. MY DREAMWEAVER TEMPLATE (HEAD TAG) script type=text/javascript src=http://ajax.googleapis.com/ajax/ libs/jquery/1.3/jquery.min.js/script script type=text/javascript src=imagine.js/script script type=text/javascript src=primer.js/script MY DREAMWEAVER TEMPLATE (BODY TAG) div id=today/div The FUNCTION in MY NON-JQUERY .JS FILE function toDate() { var someDay = new Date(); var anyDay = new Array(); var anyMonth = new Array(); anyDay[0] = Sunday; anyDay[1] = Monday; anyDay[2] = Tuesday; anyDay[3] = Wednesday; anyDay[4] = Thursday; anyDay[5] = Friday; anyDay[6] = Saturday; anyMonth[0] = January; anyMonth[1] = February; anyMonth[2] = March; anyMonth[3] = April; anyMonth[4] = May; anyMonth[5] = June; anyMonth[6] = July; anyMonth[7] = August; anyMonth[8] = September; anyMonth[9] = October; anyMonth[10] = November; anyMonth[11] = December; document.write(pToday's Date:br / + anyDay[someDay.getDay()] + , + someDay.getDate() + + anyMonth[someDay.getMonth()] + + someDay.getFullYear() + /p); } Can you find my error? If so, can you explain what I am doing wrong and explain how to overcome it? Roddy Stegemann
[jQuery] [Validate] Custom error message for a group of fields
Hi, let's take this example : $(#myform).validate({ groups: { username: fname lname }, errorPlacement: function(error, element) { if (element.attr(name) == fname || element.attr(name) == lname ) error.insertAfter(#lastname); else error.insertAfter(element); }, debug:true }) I want to c$(#myform).validate({ groups: { username: fname lname }, errorPlacement: function(error, element) { if (element.attr(name) == fname || element.attr(name) == lname ) error.insertAfter(#lastname); else error.insertAfter(element); }, debug:true }) If i want to declare a custom message that will be shown for the whole goup if one of the group elements is not filled ? thanks in advance!
[jQuery] Event binding in frames
Hello, In order to create a decoupled UI, I wanted to make the events within some iframes write to the DOM (within the iframe). Then from the main container (top window), I created an observer to detect a 'change' on that hidden element (in iframe) and respond appropriately. I don't want each control to be forced to handle the change of other controls / components. It should only be responsible only for itself and to provide the data/changes as requested. Example Code: $('#left-column-frame').ready( function() { $ ('#selectedNodePath',window.frames.leftcolumnframe).click(function() { alert('clicked'); }); }); $('#left-column-frame').ready( function() { $ ('#selectedNodePath',window.frames.leftcolumnframe).bind( 'click', function() { alert('changed'); }); }); ... etc While the above code is not throwing any errors, basically, nothing is happening. Respectfully, John
[jQuery] Re: jQuery.support -- No direct support for IE6 detection
Obviously I agree that IE6 should be banned. But since most big corporations (and clients) still use it, I as a front-end developer find that we need to keep supporting it. But indeedly, conditional statements are once again the key. Add this to the head of your page: !--[if ie 6] script document.getElementsByTagName(html)[0].className += ( ie6); /script ![endif]-- This adds the classname .ie6 to the html tag. Easy to check for this in your scripts. For some sites I use this to set the class .js aswell, so you can do CSS tricks like .js .hide to hide elements if users have javascript. Remember to put all the other JS just before the /body tag so it won't interfere with the loading of the rest of your document. .Jorn On 7 apr, 05:02, RobG rg...@iinet.net.au wrote: On Apr 7, 7:33 am, Joe McCann joseph.is...@gmail.com wrote: Ricardo, I see your point now. I was under the impression $.browser was becoming deprecated so $.support would take it's place. But given the fact that I currently need to run one method forIE6, I will continue to use the $.browser method. If you describe the reason you are trying to specifically detect IE 6, you might discover a work around that doesn't require it. In regards to conditional comments, this becomes a performance issue where an additional JavaScript request is made on the server and has to download, impacting page load speed. There is no need for a separate file - and even if there was, the extra download will likely go unnoticed. Non-IE 6 users certainly won't notice. I would rather take my chances with a browser sniff in one JS file than have to load an additional JS file AND maintain that JS file. You have to maintain the code anyway, besides, the conditional comment can be used to set a global variable without the need to load a separate file. The only difference is that a conditional comment is used to detect the browser rather than the user agent string. -- Rob
[jQuery] Converting JSON to html output
Hi, I'm a jQuery and Javascript noob, and can't seem to get this to work. The JSON output looks right to me via console.log(result), but the select box isn't being populated. The select box needs to be populated onfocus, because the interface is set up to allow the user to add new options to the select via a popup without a page refresh. $(function() { $.getJSON('index.cfm?view=listReferenceJSON', function(result,status) { console.log(result) var str = '' for(var i=0; i result.ROWCOUNT; i++) { str+= 'option value='+result.DATA.REFERENCEID[i] +''+result.DATA.AUTHOR[i]+' ('+result.DATA.REFYEAR[i]+')option' } $(refSelectBox).bind('focus', function(event, ui) { $(#refSelectBox).html(str) } }); }); select id=refSelectBox/select Thanks in advance for any help. Nando
[jQuery] Re: Converting JSON to html output
Can you give an example of the JSON to help? On Apr 14, 9:24 am, Nando d.na...@gmail.com wrote: Hi, I'm a jQuery and Javascript noob, and can't seem to get this to work. The JSON output looks right to me via console.log(result), but the select box isn't being populated. The select box needs to be populated onfocus, because the interface is set up to allow the user to add new options to the select via a popup without a page refresh. $(function() { $.getJSON('index.cfm?view=listReferenceJSON', function(result,status) { console.log(result) var str = '' for(var i=0; i result.ROWCOUNT; i++) { str+= 'option value='+result.DATA.REFERENCEID[i] +''+result.DATA.AUTHOR[i]+' ('+result.DATA.REFYEAR[i]+')option' } $(refSelectBox).bind('focus', function(event, ui) { $(#refSelectBox).html(str) } }); }); select id=refSelectBox/select Thanks in advance for any help. Nando
[jQuery] Re: Converting JSON to html output
Sure. Here's the JSON string being returned by the server. The only thing that will need some fiddling is that the year is being returned as a float. Not sure how to get that displayed as just an integer in JS. {COLUMNS: [REFERENCEID,AUTHOR,DETAIL,REFYEAR,REFTYPE],DATA:[[1,Chen Chen,Chinese Herbs and Recipes, Second Revision,2009.0,1], [16,Dana Cat,,,1],[5,Simon Becker,Chinese Medicine Today, 2008.0,1],[14,tom cat,,2009.0,1],[4,Becker, Simon,Chinese Medicine Today,2009.0,2],[3,Dana,Dana's Secret Pasta Recipe, 2008.0,5],[15,bob cat,,2007.0,5]]} On Apr 14, 4:32 pm, MorningZ morni...@gmail.com wrote: Can you give an example of the JSON to help? On Apr 14, 9:24 am, Nando d.na...@gmail.com wrote: Hi, I'm a jQuery and Javascript noob, and can't seem to get this to work. The JSON output looks right to me via console.log(result), but the select box isn't being populated. The select box needs to be populated onfocus, because the interface is set up to allow the user to add new options to the select via a popup without a page refresh. $(function() { $.getJSON('index.cfm?view=listReferenceJSON', function(result,status) { console.log(result) var str = '' for(var i=0; i result.ROWCOUNT; i++) { str+= 'option value='+result.DATA.REFERENCEID[i] +''+result.DATA.AUTHOR[i]+' ('+result.DATA.REFYEAR[i]+')option' } $(refSelectBox).bind('focus', function(event, ui) { $(#refSelectBox).html(str) } }); }); select id=refSelectBox/select Thanks in advance for any help. Nando
[jQuery] Re: [autocomplete] charset
On 4/14/09 4:36 AM, borutt borut.toma...@gmail.com wrote: I'm having problem with charset on searching value, that is returned in param q. On main page and od page from where script search for data I have charset placed: main script: meta HTTP-EQUIV='Content-Type' Content='text-html; charset=windows-1250' was the page with the form containing the input element explicitly served with header Content-Type: text/html; charset=Windows-1250? (i check headers sent in WebKit Inspector, i'm sure there are other ways.) have you set the accept-charset attribute in the form? if using php on the back end: have you set php's default_charset config variable? are you using anything to encode the results sent from the search script, e.g. htmlspecialchars() -- don't! if using apache, have you checked that Windows-1250 is loaded as? search script: header( Content-Type: text/html; charset=Windows-1250 ); jquery.autocomplete expects plain text back, so Content-Type: text/plain; charset=Windows-1250 might work better. I get some wierd characters when I use unicode characted like š,č,ž. those characters appear in Windows-1250 and ISO 8859-2 in addition to unicode.
[jQuery] Should $(document).ready() be external? And should it be placed at the bottom of the page?
Hey all, Two quick questions for you. I couldn't find the answers while searching... This would be a great thing to add to the jQuery FAQ, by the way. (1) Is it advisable to place a page's $(document).ready() stuff in an external .js file? I've been doing a lot of reading and research on optimizing my front end code, and YSlow seems to make a big deal of placing code externally if possible for caching reasons. I understand the usefulness of placing the code in an external document for that reason, however, the problem is that there are a lot of functions for button and link clicks, shows/hides, etc., that are unique to that page and used differently on other pages. Thus, putting it externally means it would most likely have to be in an independent file just for that page... which means an added HTTP request which is really the speed killer. So anyways, looking for thoughts on this one. (2) Is it advisable to place the $(document).ready() at the bottom of the page right before the closing BODY tag? Also when doing my research, I've seen that YSlow makes a big deal of this as well. I'm sure many of you on here have discussed it or thought about it yourself. My question though is does it make sense to put the ready() code at the bottom? Does it help? Is it useful? Will it break? Thanks in advance for any feedback. Take care everyone.
[jQuery] Re: Should $(document).ready() be external? And should it be placed at the bottom of the page?
You can externalize the document.ready call if you choose, I do it all the time. As for putting it at the bottom of the page, I'd say no. Putting it in an external JS file, with the ready call makes it so that code is not run until the entire DOM is ready anyway. andy -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of kgosser Sent: Tuesday, April 14, 2009 10:28 AM To: jQuery (English) Subject: [jQuery] Should $(document).ready() be external? And should it be placed at the bottom of the page? Hey all, Two quick questions for you. I couldn't find the answers while searching... This would be a great thing to add to the jQuery FAQ, by the way. (1) Is it advisable to place a page's $(document).ready() stuff in an external .js file? I've been doing a lot of reading and research on optimizing my front end code, and YSlow seems to make a big deal of placing code externally if possible for caching reasons. I understand the usefulness of placing the code in an external document for that reason, however, the problem is that there are a lot of functions for button and link clicks, shows/hides, etc., that are unique to that page and used differently on other pages. Thus, putting it externally means it would most likely have to be in an independent file just for that page... which means an added HTTP request which is really the speed killer. So anyways, looking for thoughts on this one. (2) Is it advisable to place the $(document).ready() at the bottom of the page right before the closing BODY tag? Also when doing my research, I've seen that YSlow makes a big deal of this as well. I'm sure many of you on here have discussed it or thought about it yourself. My question though is does it make sense to put the ready() code at the bottom? Does it help? Is it useful? Will it break? Thanks in advance for any feedback. Take care everyone.
[jQuery] Re: Converting JSON to html output
ColdFusion JSON represent! -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of Nando Sent: Tuesday, April 14, 2009 9:51 AM To: jQuery (English) Subject: [jQuery] Re: Converting JSON to html output Sure. Here's the JSON string being returned by the server. The only thing that will need some fiddling is that the year is being returned as a float. Not sure how to get that displayed as just an integer in JS. {COLUMNS: [REFERENCEID,AUTHOR,DETAIL,REFYEAR,REFTYPE],DATA:[[1,Chen Chen,Chinese Herbs and Recipes, Second Revision,2009.0,1], [16,Dana Cat,,,1],[5,Simon Becker,Chinese Medicine Today, 2008.0,1],[14,tom cat,,2009.0,1],[4,Becker, Simon,Chinese Medicine Today,2009.0,2],[3,Dana,Dana's Secret Pasta Recipe, 2008.0,5],[15,bob cat,,2007.0,5]]} On Apr 14, 4:32 pm, MorningZ morni...@gmail.com wrote: Can you give an example of the JSON to help? On Apr 14, 9:24 am, Nando d.na...@gmail.com wrote: Hi, I'm a jQuery and Javascript noob, and can't seem to get this to work. The JSON output looks right to me via console.log(result), but the select box isn't being populated. The select box needs to be populated onfocus, because the interface is set up to allow the user to add new options to the select via a popup without a page refresh. $(function() { $.getJSON('index.cfm?view=listReferenceJSON', function(result,status) { console.log(result) var str = '' for(var i=0; i result.ROWCOUNT; i++) { str+= 'option value='+result.DATA.REFERENCEID[i] +''+result.DATA.AUTHOR[i]+' ('+result.DATA.REFYEAR[i]+')option' } $(refSelectBox).bind('focus', function(event, ui) { $(#refSelectBox).html(str) } }); }); select id=refSelectBox/select Thanks in advance for any help. Nando
[jQuery] Re: XSLT with anchors
Jonathon, Is there a url or some code (pastebin.com) that we can look at? Benjamin Sterling / Web Developer kenzomedia.com / kenzohosting.com / benjaminsterling.com / refreshbmore.org 443.844.7654 // Twitter @bmsterling Skype: benjamin.sterling // AIM: thekenzoco On Tue, Apr 14, 2009 at 4:52 AM, Jonathan Maddison jma...@gmail.com wrote: Hello, I am using the jQuery Transform plugin to perform XSL transforms. It works great except when I load a page with an anchor. i.e. mysite.com/mypage works fine, but - mysite.com/mypage#xyz gives incorrect output (all HTML tags are missing). Does anybody have any idea what could be going wrong?
[jQuery] Re: Endeavour: translating X-Library functionality click-n-drag checkboxes into Jquery
Hi, Here are my testing results: IE7: table cells highlight to yellow when checkboxes are checked, but don't go back to black when unchecked; same issue with ul list items (highlighting stuck on pink) Opera 9.64: same highlight problem that IE7 has Chrome 2.0.169.1: dragging in cells just selects text; checking/ unchecking checkboxes doesn't change background in either the table or ul list. (I think some javascript is not getting run) Firefox 3.0.8: basically works as expected; only nit is that the cursor changes to a text insertion bar when over the labels. Perhaps this can be fixed with style=cursor: default ??? (Note: IE7, Chrome and Firefox have the cursor changing to an insertion bar when over the checkbox label; only in Opera does the cursor stay as an arrow pointer.) Thanks again for your work on this. ER On Apr 14, 3:31 am, Lwangaman donjohn.f...@gmail.com wrote: Latest:http://jsbin.com/isuga/edit Simplified the code for the highlighting process and corrected the case-possibility that first parameter is left empty (in that case, all child checkboxes are involved). Empty parameter usage: $('table').dragCheck() for no parameters; $('table').dragCheck('', 'pink') for empty first parameter. Second parameter can be left out completely. On 14 Apr, 09:45, Lwangaman donjohn.f...@gmail.com wrote: Ok latest version I've included the possibility of adding a background color:http://jsbin.com/icena/edit The background color is specified as a second parameter in the function: $('table').dragCheck('td:not(.nono) :checkbox', 'pink') To clear the dragCheck: $('table').dragCheck('clear') On 13 Apr, 23:29, jscripter pc88m...@gmail.com wrote: Here's what I'm shooting for: http://jsbin.com/izoce/edit It's basically the same code as found on cross-browser.com, but I've added the cell highlighting. Works under Firefox, Opera and Chrome. It should also work under IE, but it doesn't seem to work when on the jsbin.com site. However, if you just download it and run it from a local file it should work for you. The text selection bug is basically fixed. It is still possible to select text if the mousedown event occurs in the right place between cells. I don't think text selection is possible if the border width is set to 0 (but then you also don't get a border.) On Apr 13, 2:30 pm, Lwangaman donjohn.f...@gmail.com wrote: I think I've done it. http://jsbin.com/adixe/edit I have also left out the mouseleave event, and applied the mouseup to the whole document instead of to the table, that way even if I leave the table but still have the mouse button down, I don't lose the value in the variable. Only if I let go of the mouse button (on or off the table) do I reset the variable. @Ricardo and @jscripter: does this work good? On 13 Apr, 14:41, Lwangaman donjohn.f...@gmail.com wrote: I tried working on it again and made a little progress... Now I got parent and child selected correctly, but I don't have mouseover working for some reason... http://jsbin.com/avigi/edit On 13 Apr, 02:43, Lwangaman donjohn.f...@gmail.com wrote: One more detail: mouseout should not take effect until mouseup. In fact, right now, if I click and begin to drag, then still holding the mouse button I leave the area, and still holding it come back over the cells, they no longer get checked / unchecked because mouseout has already kicked in. Instead it shouldn't kick in until I actually let go of the mouse button, and I could let go of it anywhere on the page I suppose, so I guess mouseup would have to be applied to the whole document. On 13 Apr, 02:33, Lwangaman donjohn.f...@gmail.com wrote: I tried something along those lines... http://jsbin.com/ehedu/edit But I just don't have the hang of using this correctly and knowing when to refer to dom elements as dom elements or as jquery objects... The idea is to tie all events to the container of the checkboxes (i.e. table cells), and not to the external container (table or ul list or whatever), and yet be able to read and write the value of the checkboxes... On 13 Apr, 01:13, Lwangaman donjohn.f...@gmail.com wrote: Taking up jscripter's suggestion, I just noticed myself that applying the mousedown and mouseover to the whole table keeps you from being able to click on any links that may be contained in the table. For example my table has links in the header cells that when clicked reorder the table according to that column. Now I can no longer click them... And, as jscripter says, in the X-Library the mousedown and mouseover was applied to the cells containing the checkboxes
[jQuery] Re: Should $(document).ready() be external? And should it be placed at the bottom of the page?
So do you think placing it in an external file poses caching benefits that outweigh the extra HTTP request? The number of HTTP requests seems to be the biggest killer with speed On Apr 14, 10:34 am, Andy Matthews li...@commadelimited.com wrote: You can externalize the document.ready call if you choose, I do it all the time. As for putting it at the bottom of the page, I'd say no. Putting it in an external JS file, with the ready call makes it so that code is not run until the entire DOM is ready anyway. andy -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of kgosser Sent: Tuesday, April 14, 2009 10:28 AM To: jQuery (English) Subject: [jQuery] Should $(document).ready() be external? And should it be placed at the bottom of the page? Hey all, Two quick questions for you. I couldn't find the answers while searching... This would be a great thing to add to the jQuery FAQ, by the way. (1) Is it advisable to place a page's $(document).ready() stuff in an external .js file? I've been doing a lot of reading and research on optimizing my front end code, and YSlow seems to make a big deal of placing code externally if possible for caching reasons. I understand the usefulness of placing the code in an external document for that reason, however, the problem is that there are a lot of functions for button and link clicks, shows/hides, etc., that are unique to that page and used differently on other pages. Thus, putting it externally means it would most likely have to be in an independent file just for that page... which means an added HTTP request which is really the speed killer. So anyways, looking for thoughts on this one. (2) Is it advisable to place the $(document).ready() at the bottom of the page right before the closing BODY tag? Also when doing my research, I've seen that YSlow makes a big deal of this as well. I'm sure many of you on here have discussed it or thought about it yourself. My question though is does it make sense to put the ready() code at the bottom? Does it help? Is it useful? Will it break? Thanks in advance for any feedback. Take care everyone.
[jQuery] Re: [autocomplete] charset
was the page with the form containing the input element explicitly served with header Content-Type: text/html; charset=Windows-1250? (i check headers sent in WebKit Inspector, i'm sure there are other ways.) I have included in the html header this line: meta HTTP-EQUIV='Content-Type' Content='text-html; charset=windows-1250' have you set the accept-charset attribute in the form? I have not I never did. Will try this tomorrow. if using php on the back end: have you set php's default_charset config variable? are you using anything to encode the results sent from the search script, e.g. htmlspecialchars() -- don't! No. I tried in PHP with function iconv(), but that did not help either. if using apache, have you checked that Windows-1250 is loaded as? I'm using IIS. jquery.autocomplete expects plain text back, so Content-Type: text/plain; charset=Windows-1250 might work better. I tried this but did not work either. A assumed that goes something wrong with value after it is submited by ajax. Because when I receive value from q argument it's already scrambled. Have any idea? Thanks, Borut Tomazin
[jQuery] Re: Converting JSON to html output
Well, just putting the JSON into a JSON viewer (this one is excellent: http://www.codeplex.com/JsonViewer) you pasted into your last post you have no property of .ROWCOUNT, so that's a bad start.. this is a quick mock up that works http://paste.pocoo.org/show/112508/ (sorry about the if's... i never trust that the data is intact/ complete) On Apr 14, 10:50 am, Nando d.na...@gmail.com wrote: Sure. Here's the JSON string being returned by the server. The only thing that will need some fiddling is that the year is being returned as a float. Not sure how to get that displayed as just an integer in JS. {COLUMNS: [REFERENCEID,AUTHOR,DETAIL,REFYEAR,REFTYPE],DATA:[[1,Chen Chen,Chinese Herbs and Recipes, Second Revision,2009.0,1], [16,Dana Cat,,,1],[5,Simon Becker,Chinese Medicine Today, 2008.0,1],[14,tom cat,,2009.0,1],[4,Becker, Simon,Chinese Medicine Today,2009.0,2],[3,Dana,Dana's Secret Pasta Recipe, 2008.0,5],[15,bob cat,,2007.0,5]]} On Apr 14, 4:32 pm, MorningZ morni...@gmail.com wrote: Can you give an example of the JSON to help? On Apr 14, 9:24 am, Nando d.na...@gmail.com wrote: Hi, I'm a jQuery and Javascript noob, and can't seem to get this to work. The JSON output looks right to me via console.log(result), but the select box isn't being populated. The select box needs to be populated onfocus, because the interface is set up to allow the user to add new options to the select via a popup without a page refresh. $(function() { $.getJSON('index.cfm?view=listReferenceJSON', function(result,status) { console.log(result) var str = '' for(var i=0; i result.ROWCOUNT; i++) { str+= 'option value='+result.DATA.REFERENCEID[i] +''+result.DATA.AUTHOR[i]+' ('+result.DATA.REFYEAR[i]+')option' } $(refSelectBox).bind('focus', function(event, ui) { $(#refSelectBox).html(str) } }); }); select id=refSelectBox/select Thanks in advance for any help. Nando
[jQuery] Re: Calling a function from a non-jQuery .JS file
On 14 Apr., 15:41, MorningZ morni...@gmail.com wrote: So what is the error The error is obviously that toDate is not a jQuery method. Another problem is that that Dreamweaver method is using document.write which can cause a problem depending on where the function is being called and which is usually avoided in jQuery land. Since toDate is not (yet) a jQuery method, let's make one: (function($) { var days = [ 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday' ]; var months = [ 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December' ]; $.fn.toDate = function() { var now = new Date; return this.html('pToday\'s Date:br /' + days[now.getDay ()] + ', ' + now.getDate() + ' ' + months[now.getMonth()] + ' ' + now.getFullYear() + '/p'); }; })(jQuery); Now you can use it like: $(document).ready(function() { $('#today').toDate(); }); --Klaus
[jQuery] Re: Calling a function from a non-jQuery .JS file
Your calling toDate() as a method on the jQuery object, which it isn't; it's simply a function that prints out the date (and you should maybe rethink the document.write, it's deprecated). If you want the output to appear as the content of the element with id 'today' then do something like $(div).filter(#today).text( toDate() ); On Apr 14, 1:21 am, kiusau kiu...@mac.com wrote: I am new to jQuery, but understand enough to have already begun targeted experimentation. I have run into a snag. In brief, I am trying to call a function from a .JS file that contains no jQuery and assign it to an HTML tag in a Dreamweaver template via jQuery that is located in a different .JS file. The code is as follows: JQUERY CODE $(document).ready(function() { $(div).filter(#today).toDate(); }); The expression toDate() is the function that I try to call. MY DREAMWEAVER TEMPLATE (HEAD TAG) script type=text/javascript src=http://ajax.googleapis.com/ajax/ libs/jquery/1.3/jquery.min.js/script script type=text/javascript src=imagine.js/script script type=text/javascript src=primer.js/script MY DREAMWEAVER TEMPLATE (BODY TAG) div id=today/div The FUNCTION in MY NON-JQUERY .JS FILE function toDate() { var someDay = new Date(); var anyDay = new Array(); var anyMonth = new Array(); anyDay[0] = Sunday; anyDay[1] = Monday; anyDay[2] = Tuesday; anyDay[3] = Wednesday; anyDay[4] = Thursday; anyDay[5] = Friday; anyDay[6] = Saturday; anyMonth[0] = January; anyMonth[1] = February; anyMonth[2] = March; anyMonth[3] = April; anyMonth[4] = May; anyMonth[5] = June; anyMonth[6] = July; anyMonth[7] = August; anyMonth[8] = September; anyMonth[9] = October; anyMonth[10] = November; anyMonth[11] = December; document.write(pToday's Date:br / + anyDay[someDay.getDay()] + , + someDay.getDate() + + anyMonth[someDay.getMonth()] + + someDay.getFullYear() + /p); } Can you find my error? If so, can you explain what I am doing wrong and explain how to overcome it? Roddy Stegemann
[jQuery] Slideshow with Carousel and spotlight?
Hi everyone, I'm looking for an image slideshow using carousel thumbnails as well as a spotlight for an enlarged version of the thumbnails. YUI has one that *almost* does what I need (http://developer.yahoo.com/yui/ examples/carousel/csl_dynload2_clean.html), however it doesn't allow for portrait or landscape thumbnails. Plus, I like jquery better! I've done a lot of googling and have come up with nothing that is quite right. I was just wondering if anyone has come across something like this for jQuery that has: --Ajax for loading the images --support for portrait landscape thumbnails (or just unrestrictive enough so that I can use css to tweak it) --multiple carousels on one page. I tried to mashup the Cycle plugin and jCarousel, but got stuck when I couldn't get the thumbnails to load dynamically.(ex: http://static.spartaninternet.com/sandbox/carousel2/) Any suggestions would be greatly appreciated!
[jQuery] Re: Final Four: Grabbing Keys, Styling Columns, Pop Up Forms, Edit Select Lists?
Hi Tony - #1) thanks so much for the hint on the readonly field. I must have missed that one in the documentation; works perfectly! Howover, the row placement being the value of the id that is being sent is obviously a problem as I can't use that to manipulate my database records. Unfortunately, I can't change the field name in the database which is named ID and I'm using VB.NET on the backend which isn't case sensitive. So, I'm having a conflict between the id and the ID. But, I have ID defined like this in the colModel: { name: ID, width: 3, hidden: true, key: true, sorttype: 'int', editable: true, editrules: { searchhidden: true, index: 'ID', jsonmap: 'ID' }, editoptions: { readonly: true} } I was thinking maybe I could just send this field as an extra parameter or something. But, isn't the key attribute what should make it the id ? #2) I am using FF primarily, but am testing along in IE 6 and 7 as I move forward. Yesterday, it was the Add record form that was always popped open when I opened the page, but since then I added a show/hide column window and now it's the one that's showing up on each page request. I'm assuming it has something to do with the way I am trying to implement the method. I just have it tacked on at the end, instead of being inside an event. I guess I need to attach it to a click event instead. }).$(#searchFields).filterGrid(#mygrid, { gridModel: true, gridNames: true, formtype: vertical, enableSearch: true, enableClear: true, autosearch: true }); #3) Sorry to hear about the column styling, but I'll be looking forward to seeing your new features for that in the future. #4) I have a large grid (about 165 lines) so I'm not sure how you want me to send it. Do you want me to send all of the grid configuration or just a piece of it? Here is an example of how I have defined one column that needed a select list on the edit form: { name: InterchangeVersion, width: 25, resizable: true, sortable: true, sorttype: 'text', editable: true, edittype: 'select', editoptions: { value: 004010X098A1:4010 Prof A1;004010X097A1:4010 Dental A1;004010X096A1:4010 Inst A1;004010X098A:4010 Prof;004010X097A: 4010 Dental;004010X096A:4010 Inst }, editrules: { required: true, index: 'InterchangeVersion', jsonmap: 'InterchangeVersion', label: 'InterchangeVersion', resizable: true, search: true} }, The value held in the database (and displayed in the grid) is the value on the left of the colon. The text to show in the dropdown is the right side. Is this correct? #5 ) The other thing I was going to ask also is that on my pager, I have 7 total records, but it shows 14. Yesterday it was doing the same thing. I had the records per page set to 3 and there were a total of 5 records, but the pager showed 8. And, it always shows page 1 of 0. I was using alert's after the json string was read and it alerts the correct number of pages, so I was just curious what I may be doing wrong there and what I could look for. Thanks so much!! On Apr 14, 2:44 am, Tony t...@trirand.com wrote: Hello, #1) colModel : [ { name:ID, hidden:true, editable:true, editrules:{edithidden:true}, editoptions:{readonly:true} }, .. ] Look into the docs for more details. #2) In wich browser is this? #3) Currently not possible. It is hardcoded in the source. Will try to put this in the css in order to be customisable. #4) Could youi plese the grid configuration and piece of data that is populated in the grid. Regards Tony On Apr 14, 2:01 am, briandus bri...@virtual-essentials.com wrote: Hi there - I am using jqGrid with ASP.NET and while it has really taken me quite some time to get this integration playing nicely, now that I've finally got things moving, I am so pleased. But, I have four things that I am still having some trouble with... #1) I have a table with some hidden fields...the key field is hidden and named (ID). In order to get the field to send along with the rest of the edit parameters, I had to show the field, but then it shows up as editable on the form. When I set 'editable' to false, it no longer exists on the field. More importantly, however, is that there is a lower case id being sent along with the oper parameter. The id field being passed is the row id in the table, not the key field. How can I grab and pass the key field? #2) Since I have enabled editing, everytime I refresh my page, the Add record Dialog Box always displays. How can I turn this off? #3) How can I style the checkbox column as well as the column with the Plus sign icon indicating a sub grid? Both of these columns are much wider than they need to be. #4) When I edit a record, the select lists are dynamically populated with the correct values as per the colModel, but they are not the existing values on the record. For example, if I am editing a record with a field value of ON, the edit form shows a select list with OFF and ON, but the selected value is OFF...rather
[jQuery] Re: Final Four: Grabbing Keys, Styling Columns, Pop Up Forms, Edit Select Lists?
Hi Tony - #1) thanks so much for the hint on the readonly field. I must have missed that one in the documentation; works perfectly! Howover, the row placement being the value of the id that is being sent is obviously a problem as I can't use that to manipulate my database records. Unfortunately, I can't change the field name in the database which is named ID and I'm using VB.NET on the backend which isn't case sensitive. So, I'm having a conflict between the id and the ID. But, I have ID defined like this in the colModel: { name: ID, width: 3, hidden: true, key: true, sorttype: 'int', editable: true, editrules: { searchhidden: true, index: 'ID', jsonmap: 'ID' }, editoptions: { readonly: true} } I was thinking maybe I could just send this field as an extra parameter or something. But, isn't the key attribute what should make it the id ? #2) I am using FF primarily, but am testing along in IE 6 and 7 as I move forward. Yesterday, it was the Add record form that was always popped open when I opened the page, but since then I added a show/hide column window and now it's the one that's showing up on each page request. I'm assuming it has something to do with the way I am trying to implement the method. I just have it tacked on at the end, instead of being inside an event. I guess I need to attach it to a click event instead. }).$(#searchFields).filterGrid(#mygrid, { gridModel: true, gridNames: true, formtype: vertical, enableSearch: true, enableClear: true, autosearch: true }); #3) Sorry to hear about the column styling, but I'll be looking forward to seeing your new features for that in the future. #4) I have a large grid (about 165 lines) so I'm not sure how you want me to send it. Do you want me to send all of the grid configuration or just a piece of it? Here is an example of how I have defined one column that needed a select list on the edit form: { name: InterchangeVersion, width: 25, resizable: true, sortable: true, sorttype: 'text', editable: true, edittype: 'select', editoptions: { value: 004010X098A1:4010 Prof A1;004010X097A1:4010 Dental A1;004010X096A1:4010 Inst A1;004010X098A:4010 Prof;004010X097A: 4010 Dental;004010X096A:4010 Inst }, editrules: { required: true, index: 'InterchangeVersion', jsonmap: 'InterchangeVersion', label: 'InterchangeVersion', resizable: true, search: true} }, The value held in the database (and displayed in the grid) is the value on the left of the colon. The text to show in the dropdown is the right side. Is this correct? #5 ) The other thing I was going to ask also is that on my pager, I have 7 total records, but it shows 14. Yesterday it was doing the same thing. I had the records per page set to 3 and there were a total of 5 records, but the pager showed 8. And, it always shows page 1 of 0. I was using alert's after the json string was read and it alerts the correct number of pages, so I was just curious what I may be doing wrong there and what I could look for. Thanks so much!! On Apr 14, 2:44 am, Tony t...@trirand.com wrote: Hello, #1) colModel : [ { name:ID, hidden:true, editable:true, editrules:{edithidden:true}, editoptions:{readonly:true} }, .. ] Look into the docs for more details. #2) In wich browser is this? #3) Currently not possible. It is hardcoded in the source. Will try to put this in the css in order to be customisable. #4) Could youi plese the grid configuration and piece of data that is populated in the grid. Regards Tony On Apr 14, 2:01 am, briandus bri...@virtual-essentials.com wrote: Hi there - I am using jqGrid with ASP.NET and while it has really taken me quite some time to get this integration playing nicely, now that I've finally got things moving, I am so pleased. But, I have four things that I am still having some trouble with... #1) I have a table with some hidden fields...the key field is hidden and named (ID). In order to get the field to send along with the rest of the edit parameters, I had to show the field, but then it shows up as editable on the form. When I set 'editable' to false, it no longer exists on the field. More importantly, however, is that there is a lower case id being sent along with the oper parameter. The id field being passed is the row id in the table, not the key field. How can I grab and pass the key field? #2) Since I have enabled editing, everytime I refresh my page, the Add record Dialog Box always displays. How can I turn this off? #3) How can I style the checkbox column as well as the column with the Plus sign icon indicating a sub grid? Both of these columns are much wider than they need to be. #4) When I edit a record, the select lists are dynamically populated with the correct values as per the colModel, but they are not the existing values on the record. For example, if I am editing a record with a field value of ON, the edit form shows a select list with OFF and ON, but the selected value is OFF...rather
[jQuery] Re: [autocomplete] charset
On 4/14/09 11:54 AM, borutt borut.toma...@gmail.com wrote: was the page with the form containing the input element explicitly served with header Content-Type: text/html; charset=Windows-1250? (i check headers sent in WebKit Inspector, i'm sure there are other ways.) I have included in the html header this line: meta HTTP-EQUIV='Content-Type' Content='text-html; charset=windows-1250' that's not necessarily sufficient. if the the server sends, for example, charset=ISO-8859-1 in the headers then the user agent should ignore the meta HTTP-EQUIV. read this: http://www.w3.org/TR/1999/REC-html401-19991224/charset.html#h-5.2.2 have you set the accept-charset attribute in the form? I have not I never did. Will try this tomorrow. this has even lower priority than the meta HTTP-EQUIV. if the http header explicitly sets anything other than windows-1250 then that's what will take effect in the user agent. A assumed that goes something wrong with value after it is submited by ajax. Because when I receive value from q argument it's already scrambled. Have any idea? make sure the header of the form page specifies windows-1250. check in your server logs to see exactly what the query string was in the ajax request. compare that with what you receive in the script. if the query string is correct but the input value in your script is wrong then it's probably to do with configuration of your script interpreter. if the query string received in the http server GET request is wrong then the user agent is probably using the wrong charset.
[jQuery] Selecting radio buttons within different RadioGroups via a click
I'm getting lost in selectors... I am trying to achieve the following: A button click needs to select certain radio buttons within different radio groups. e.g RadioGroup1_0 and RadioGroup2_1 A click on another button resets the radio buttons to blank, and then selects different radio buttons within those radio groups. e.g. RadioGroup1_1 and RadioGroup2_2 input type=submit name=button1 id=button1 value=Selection1 / input type=submit name=button2 id=button2 value=Selection2 / labelinput type=radio name=RadioGroup1 value=0 id=RadioGroup1_0 /0/label labelinput type=radio name=RadioGroup1 value=1 id=RadioGroup1_1 /1/label labelinput type=radio name=RadioGroup1 value=2 id=RadioGroup1_2 /2/label labelinput type=radio name=RadioGroup2 value=0 id=RadioGroup2_0 /0/label labelinput type=radio name=RadioGroup2 value=1 id=RadioGroup2_1 /1/label labelinput type=radio name=RadioGroup2 value=2 id=RadioGroup2_2 /2/label
[jQuery] Re: Bug in my gallery, wtf?!
Without having access to the code it's hard to test it but it looks like an event bubbling issue in the click binding for '#carousel_nav a'. Could you try this: $('#carousel_nav a').click(function(event) { event.stopPropagation(); c_slide($(this)); }); Rey... On Apr 13, 9:56 pm, @oscargodson oscargod...@gmail.com wrote: Before I post a link: A. Yes, the code is messy, I have been trying to fix this all day, and I have restructured my code at least a dozen times, and that is why it is so messy, so please don't say try cleaning it up :) B. There are 100s of images, I just haven't sliced them all out from the client's PDF yet, so only pneumatic and vintage load a set of images. C. Thumbs don't match with the large images yet, because I haven't sat down and matched the 100s of images yet, but it works correctly! :) OK so on with it:http://boozker.com/beall/ Everything works perfectly ON LOAD! :( If you click on my custom carousal everything works. thumbs, left, and right arrows work fine. The 1 step arrows (ones on the black bar) work fine and even update the count correctly. However, ALL of this breaks when I reload with a click like this: $('#gallery_nav ul a').click(function(){ var new_set = $(this).attr('title').toLowerCase(); $.get(js/get_images.php, { set:new_set }, function(data){ $('#carousel_wrapper ul').empty().append(data); activate_gallery(); }); }); Here is my window load: $.get(js/get_images.php, { set:'history' }, function(data){ $('#carousel_wrapper ul').empty().append(data); activate_gallery(); }); After you click on a new category, it basically run activate_gallery (); twice, and so when you click next on either arrows it jumps x2. If you change the category 3x it jumps 3x etc I KNOW it has to do with activate_gallery but I have NO CLUE how else to write it. :( Remember, I have move code chunks all over. Does anyone have any ideas on how to get this to work?
[jQuery] Re: Should $(document).ready() be external? And should it be placed at the bottom of the page?
That's something that each developer has to evaluate on their own. I'd think it depends on the size of the file, and how it's being served. Better for SEO to have an external file, as content is now closer to the top. Better for the user to cache said file. Maybe set your own personal threshold for size...if the file is over 5k, externalize it? andy -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of kgosser Sent: Tuesday, April 14, 2009 10:52 AM To: jQuery (English) Subject: [jQuery] Re: Should $(document).ready() be external? And should it be placed at the bottom of the page? So do you think placing it in an external file poses caching benefits that outweigh the extra HTTP request? The number of HTTP requests seems to be the biggest killer with speed On Apr 14, 10:34 am, Andy Matthews li...@commadelimited.com wrote: You can externalize the document.ready call if you choose, I do it all the time. As for putting it at the bottom of the page, I'd say no. Putting it in an external JS file, with the ready call makes it so that code is not run until the entire DOM is ready anyway. andy -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of kgosser Sent: Tuesday, April 14, 2009 10:28 AM To: jQuery (English) Subject: [jQuery] Should $(document).ready() be external? And should it be placed at the bottom of the page? Hey all, Two quick questions for you. I couldn't find the answers while searching... This would be a great thing to add to the jQuery FAQ, by the way. (1) Is it advisable to place a page's $(document).ready() stuff in an external .js file? I've been doing a lot of reading and research on optimizing my front end code, and YSlow seems to make a big deal of placing code externally if possible for caching reasons. I understand the usefulness of placing the code in an external document for that reason, however, the problem is that there are a lot of functions for button and link clicks, shows/hides, etc., that are unique to that page and used differently on other pages. Thus, putting it externally means it would most likely have to be in an independent file just for that page... which means an added HTTP request which is really the speed killer. So anyways, looking for thoughts on this one. (2) Is it advisable to place the $(document).ready() at the bottom of the page right before the closing BODY tag? Also when doing my research, I've seen that YSlow makes a big deal of this as well. I'm sure many of you on here have discussed it or thought about it yourself. My question though is does it make sense to put the ready() code at the bottom? Does it help? Is it useful? Will it break? Thanks in advance for any feedback. Take care everyone.
[jQuery] Re: Slideshow with Carousel and spotlight?
Hi, Amy...just wanted to let you know that I'm looking for something almost just like this...small thumbnails below and a large image above in a slideshow/manual select configuration. I hope there is a plug-in that someone knows about that will do this! Rick Original Message Subject: [jQuery] Slideshow with Carousel and spotlight?From: amuhlou amysch...@gmail.comDate: Tue, April 14, 2009 9:04 amTo: "jQuery (English)" jquery-en@googlegroups.comHi everyone,I'm looking for an image slideshow using carousel thumbnails as wellas a spotlight for an enlarged version of the thumbnails. YUI has onethat *almost* does what I need (http://developer.yahoo.com/yui/examples/carousel/csl_dynload2_clean.html), however it doesn't allowfor portrait or landscape thumbnails. Plus, I like jquery better! I'vedone a lot of googling and have come up with nothing that is quiteright.I was just wondering if anyone has come across something like this forjQuery that has:--Ajax for loading the images--support for portrait landscape thumbnails (or just unrestrictiveenough so that I can use css to tweak it)--multiple carousels on one page.I tried to mashup the Cycle plugin and jCarousel, but got stuck when Icouldn't get the thumbnails to load dynamically.(ex:http://static.spartaninternet.com/sandbox/carousel2/)Any suggestions would be greatly appreciated!
[jQuery] Form validator - cross field validation
Hi, I am trying the forms validation plugin and cannot figure out where I am going wrong with it I can get cross validation working aginst a checkbox but I am unable to get it working against an input box HTML is supplied below The rules metadata is below the HTML Any help is much appreciated Andy fieldset legendTest JQuery validation/legend ol li label for=cboxLast Months Bank Statement: / label input type=checkbox value=true name=cbox id=cbox/input type=hidden value=false name=cbox/ /li li label for=sourceSource: /label input type=text value= name=source id=source/ /li li label for=dateDate: /label input type=text value= name=date id=date/ /li li label for=amntPaidInAmount Paid In: /label input type=text value= name=amntPaidIn id=amntPaidIn/ /li /ol input type=submit value=validate/ /fieldset rules: { source: { required: #cbox:checked,//works minlength: 2 } , date: { required: #source:filled,//not working minlength: 2 } , amntPaidIn: { required: true, email: true } }, debug: true
[jQuery] Re: Should $(document).ready() be external? And should it be placed at the bottom of the page?
Andy is absolutely right, but I'd like to add that you can call $ (document).ready() anywhere on the page and as many times as you want. On Apr 14, 10:34 am, Andy Matthews li...@commadelimited.com wrote: You can externalize the document.ready call if you choose, I do it all the time. As for putting it at the bottom of the page, I'd say no. Putting it in an external JS file, with the ready call makes it so that code is not run until the entire DOM is ready anyway. andy -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of kgosser Sent: Tuesday, April 14, 2009 10:28 AM To: jQuery (English) Subject: [jQuery] Should $(document).ready() be external? And should it be placed at the bottom of the page? Hey all, Two quick questions for you. I couldn't find the answers while searching... This would be a great thing to add to the jQuery FAQ, by the way. (1) Is it advisable to place a page's $(document).ready() stuff in an external .js file? I've been doing a lot of reading and research on optimizing my front end code, and YSlow seems to make a big deal of placing code externally if possible for caching reasons. I understand the usefulness of placing the code in an external document for that reason, however, the problem is that there are a lot of functions for button and link clicks, shows/hides, etc., that are unique to that page and used differently on other pages. Thus, putting it externally means it would most likely have to be in an independent file just for that page... which means an added HTTP request which is really the speed killer. So anyways, looking for thoughts on this one. (2) Is it advisable to place the $(document).ready() at the bottom of the page right before the closing BODY tag? Also when doing my research, I've seen that YSlow makes a big deal of this as well. I'm sure many of you on here have discussed it or thought about it yourself. My question though is does it make sense to put the ready() code at the bottom? Does it help? Is it useful? Will it break? Thanks in advance for any feedback. Take care everyone.
[jQuery] Re: jQuery.support -- No direct support for IE6 detection
Obviously I agree that IE6 should be banned. But since most big corporations (and clients) still use it, I as a front-end developer find that we need to keep supporting it. But indeedly, conditional statements are once again the key. Add this to the head of your page: !--[if ie 6] script document.getElementsByTagName(html)[0].className += ( ie6); /script ![endif]-- This adds the classname .ie6 to the html tag. Easy to check for this in your scripts. For some sites I use this to set the class .js aswell, so you can do CSS tricks like .js .hide to hide elements if users have javascript. Remember to put all the other JS just before the /body tag so it won't interfere with the loading of the rest of your document. .Jorn On 8 apr, 01:19, tres treshug...@gmail.com wrote: I think that since user agent and version detection is merely deprecated at this point, it would be safe to use it to detectIE6 given this circumstance, if you absolutely need to. There is no way to tell, but by the time it is pulled out of jQuery,IE6will be long gone (hopefully). That being said, conditional comments would probably be the best way for a png fix, especially since it doesn't get executed at all in other browsers. I think that all developers should get together and intentionally block out all versions of IE. If we all do it, we can stop M$!! BTW, anyone see:http://saveie6.com? -- Fight the good fight, Trey On Apr 6, 11:18 am, RobG rg...@iinet.net.au wrote: On Apr 5, 2:43 am, Joe joseph.is...@gmail.com wrote: I'm all for migrating to thejQuery.support() utility method, but there is not definitive test available to detectIE6specifically. Do we have a consensus on this yet? I think conditional comments are the best way to go, there are a number of solutions. Don't try sniffing for IE using the UA string. URL:http://groups.google.com/group/comp.lang.javascript/browse_frm/thread... -- Rob
[jQuery] How to make the superfish nav menu blend with the Pixture Reloaded menu?
Hi, I want to make my superfish menu look just like the menu that exists by default in the Pixture Reloaded theme in my drupal install. It's black with a lighter upper half, which gives it a glassy look. Will someone please direct me to the proper css files? If you could be as detailed as possible, I'd appreciate it, as I'm pretty inexperienced. Thanks!
[jQuery] Re: Calling a function from a non-jQuery .JS file
On Apr 14, 8:58 am, Klaus Hartl klaus.ha...@googlemail.com wrote: On 14 Apr., 15:41, MorningZ morni...@gmail.com wrote: So what is the error The error is obviously that toDate is not a jQuery method. Another Right. problem is that that Dreamweaver method is using document.write which can cause a problem depending on where the function is being called and which is usually avoided in jQuery land. Calling document.write in a jQuery ready callback won't work consistently. Since toDate is not (yet) a jQuery method, let's make one: (function($) { var days = [ 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday' ]; var months = [ 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December' ]; $.fn.toDate = function() { var now = new Date; return this.html('pToday\'s Date:br /' + days[now.getDay ()] + ', ' + now.getDate() + ' ' + months[now.getMonth()] + ' ' + now.getFullYear() + '/p'); }; })(jQuery); Now you can use it like: $(document).ready(function() { $('#today').toDate(); }); Or not. The above is fine for some locales, but not all. If you want to format a local date, what is wrong with just having:- var todayEl = document.getElementById(today); todayEl.innerHTML = formatDate(new Date); // [1] ? [1]http://www.jibbering.com/faq/#formatDate Garrett
[jQuery] Re: how to create multiple draggable div's with dynamic content
Sounds like you need to create a function (or two) to manage the creation of the draggable window and fill it with content. Your function should either clone the markup from a hidden div on the page or create new dom elements with javascript. You would then select the container that you cloned or created, make it draggable and fill it with content. You could prepare some content from an ajax call and pass it into the function below: function makeDraggable(content) { $('body').append('div id=superDrag\ a href=# onclick=$(\'#superDrag \').remove()close/a\ div id=superDragContent'+content+'/ div\ /div'); $('#superDrag').draggable(); } It would probably be more versatile to use it as a class: function superDrag(content) { $('body').append('div id=superDrag\ a id=superDragClose href=# onclick=$(\'#superDrag\').remove()close/a\ div id=superDragContent'+content+'/ div\ /div'); $('#superDrag').draggable(); this.draggable = $('#superDrag').get(0); this.draggableContent = $('#superDragContent').get(0); var thisSuperDrag = this; $('#superDragClose').click(function() { thisSuperDrag.close(); }); } superDrag.prototype.close = function() { $(this.draggable).remove(); } var newSuperDrag = new superDrag(); There are many ways you could make this thing work. I found an interesting javascript templating plugin called jBind that makes it easy to pull markup from the dom and fill in variables. It's a lot nicer than concatenating strings, but a lot slower. On Apr 14, 4:43 am, hybris77 dist...@yahoo.com wrote: hi, I'm trying to acchieve something for a few days now and I need som guidence I need to be able to open a draggabel div, that's no worry using the jQuery UI plugin what im not getting my head around is how to create multiple instances of this window with dynamic content but with a templade html structure that is filled with data from a database i've tried to use clone() to have the template saved and hidden on the page but when using this everything fails to work at all did anyone acchieve this? I may be a little fuzzy about what my problem is, there's too much code to be posted here, what I need is a little support in my undertaking /pär
[jQuery] JQuery news fade and news scroller(please help me)
hi friends i want scroll or fade news in one line,please help me and send example, (i am new in jquery).
[jQuery] [Superfish] How well does this work with RocketTheme?
Hi, I am using the RocketTheme template 'Synapse' on my site: http://www.fitnoke.com; I am interested in upgrading my menu capabilities for the top-nav menu on my site to Superfish, as it is more Web 2.0. What kind of actions are needed to make this work - preferably a step by step way of getting it set up on there! Thanks!
[jQuery] JQuery Superfish plugin currents-state problem (level 2 menu should not be sticky open after reload)
I'm using this plugin in the dynamic PHP enviroment, basic example. http://users.tpg.com.au/j_birch/plugins/superfish/#sample1 After a successful page reload Second level LI remains OPEN as if I am hovering over the first level menu. What I want is to mark only first (horisontal) level of my navigation. Second (vertical) menu should not be open when I first load this page. Just to mention that I am setting current current state for each li element in the tree. I tried all combinations, but just cant achieve what I want. Is this a problem or a bug? Any suggestions?
[jQuery] Creating custom attributes in html
I was wondering what jquery developers opinion of adding custom attributes to html tags is, and what your basis is for these opinions? Why is it a good idea, or why is it a bad idea? What I mean is this: div href= myType=foocontent/div where 'myType' isn't in any specifications. I've run into developers who think this is a good idea, and those who think this is a bad idea and I'd like to get a better sense of both sides of the argument. Personally, I use them all of the time. They are a great way to preserve information for use with .live() in jQuery, among other things, and since I append a long string to the DOM instead of creating lots of little DOM nodes, I generally cannot use .data() to save information on the individual nodes. Example of a usage: div name=foo myType=barclick/div ... $('div[name=foo]').live('click', function () { console.log($(this).attr('myType')); }); Example of why I cannot use .data(): var htmlString = 'table'; for (var a = 0; a 100; a++) { htmlString += 'trtd name=clickme nodeId=filter'+ a +'click/td/tr'; } htmlString += '/table'; $('div[name=foo]').append(htmlString); $('td[name=clickme]').live('click', function() { console.log($(this).attr('nodeId')); }); To debate the merits of using this kind of append, please go to: http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-correctly What I'm looking for instead is a discussion of using custom attributes in html. Thanks, Josh Powell
[jQuery] Re: Form validator - cross field validation
There is no field with the id source? Add id=source to that input... Jörn On Tue, Apr 14, 2009 at 6:33 PM, AndyCramb andycr...@googlemail.com wrote: Hi, I am trying the forms validation plugin and cannot figure out where I am going wrong with it I can get cross validation working aginst a checkbox but I am unable to get it working against an input box HTML is supplied below The rules metadata is below the HTML Any help is much appreciated Andy fieldset legendTest JQuery validation/legend ol li label for=cboxLast Months Bank Statement: / label input type=checkbox value=true name=cbox id=cbox/input type=hidden value=false name=cbox/ /li li label for=sourceSource: /label input type=text value= name=source id=source/ /li li label for=dateDate: /label input type=text value= name=date id=date/ /li li label for=amntPaidInAmount Paid In: /label input type=text value= name=amntPaidIn id=amntPaidIn/ /li /ol input type=submit value=validate/ /fieldset rules: { source: { required: #cbox:checked,//works minlength: 2 } , date: { required: #source:filled,//not working minlength: 2 } , amntPaidIn: { required: true, email: true } }, debug: true
[jQuery] script modules
Hi all, My code app runs like this: //file app.js var runapp = function () { // I have about 1800 code lines using jquery like this: var fn1 = function (data) {//...code...}; var fn2 = function (data) {//...code...}; var fn3 = function (data) {//...code...}; fn1('blah'); }; //file index.html script type=text/javascript $(document).ready(function(){ runapp(); }); /script Now a days, this architecture works fine for me. But 1800 code lines is a big problem I think jQuery.extend is not a good solution, because I don't want make a plug-in. Can I have another solution? thanks!!!
[jQuery] Is this a Safari/WebKit bug?
I got this to work, so this isn't a issue anymore, but I'm curious if this is a bug and I should report it, or if it's a bug everywhere else :) $('a').click(function(){ //Following works in Firefox, but not in Safari 3-4 //event.stopPropagation(); //Works in both Safari as well as Firefox this.event.stopPropagation(); }); Is that how you were supposed to write it? In most tuts I have read it's always just event.stopPropagation();
[jQuery] Re: Form validator - cross field validation
Thanks for getting back to me I have the id specified input type=text value= name=source id=source/ It just had wrapped on to the new line Sorry I could not find away of formatting the code I pasted in so it looks a bit of a mess On Apr 14, 7:06 pm, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: There is no field with the id source? Add id=source to that input... Jörn On Tue, Apr 14, 2009 at 6:33 PM, AndyCramb andycr...@googlemail.com wrote: Hi, I am trying the forms validation plugin and cannot figure out where I am going wrong with it I can get cross validation working aginst a checkbox but I am unable to get it working against an input box HTML is supplied below The rules metadata is below the HTML Any help is much appreciated Andy fieldset legendTest JQuery validation/legend ol li label for=cboxLast Months Bank Statement: / label input type=checkbox value=true name=cbox id=cbox/input type=hidden value=false name=cbox/ /li li label for=sourceSource: /label input type=text value= name=source id=source/ /li li label for=dateDate: /label input type=text value= name=date id=date/ /li li label for=amntPaidInAmount Paid In: /label input type=text value= name=amntPaidIn id=amntPaidIn/ /li /ol input type=submit value=validate/ /fieldset rules: { source: { required: #cbox:checked,//works minlength: 2 } , date: { required: #source:filled,//not working minlength: 2 } , amntPaidIn: { required: true, email: true } }, debug: true
[jQuery] Re: Converting JSON to html output
I see I'm really still a complete klutz at javascript. Thanks very much Stephan! I will give that a try. On Apr 14, 5:56 pm, MorningZ morni...@gmail.com wrote: Well, just putting the JSON into a JSON viewer (this one is excellent:http://www.codeplex.com/JsonViewer) you pasted into your last post you have no property of .ROWCOUNT, so that's a bad start.. this is a quick mock up that works http://paste.pocoo.org/show/112508/ (sorry about the if's... i never trust that the data is intact/ complete) On Apr 14, 10:50 am, Nando d.na...@gmail.com wrote: Sure. Here's the JSON string being returned by the server. The only thing that will need some fiddling is that the year is being returned as a float. Not sure how to get that displayed as just an integer in JS. {COLUMNS: [REFERENCEID,AUTHOR,DETAIL,REFYEAR,REFTYPE],DATA:[[1,Chen Chen,Chinese Herbs and Recipes, Second Revision,2009.0,1], [16,Dana Cat,,,1],[5,Simon Becker,Chinese Medicine Today, 2008.0,1],[14,tom cat,,2009.0,1],[4,Becker, Simon,Chinese Medicine Today,2009.0,2],[3,Dana,Dana's Secret Pasta Recipe, 2008.0,5],[15,bob cat,,2007.0,5]]} On Apr 14, 4:32 pm, MorningZ morni...@gmail.com wrote: Can you give an example of the JSON to help? On Apr 14, 9:24 am, Nando d.na...@gmail.com wrote: Hi, I'm a jQuery and Javascript noob, and can't seem to get this to work. The JSON output looks right to me via console.log(result), but the select box isn't being populated. The select box needs to be populated onfocus, because the interface is set up to allow the user to add new options to the select via a popup without a page refresh. $(function() { $.getJSON('index.cfm?view=listReferenceJSON', function(result,status) { console.log(result) var str = '' for(var i=0; i result.ROWCOUNT; i++) { str+= 'option value='+result.DATA.REFERENCEID[i] +''+result.DATA.AUTHOR[i]+' ('+result.DATA.REFYEAR[i]+')option' } $(refSelectBox).bind('focus', function(event, ui) { $(#refSelectBox).html(str) } }); }); select id=refSelectBox/select Thanks in advance for any help. Nando
[jQuery] assign event handler to multiple events
i can assign a handler to one event type thus: $('.things').focus(function(){ $(this).data('foo', true); ... }); if i want to assign the same handler to several events, say focus, change, and click, what's the tidy way to write it [assuming my handler wants to access $(this)]?
[jQuery] Re: Endeavour: translating X-Library functionality click-n-drag checkboxes into Jquery
Hi Lwangman, Now that we know all your requirements, I rewrote it(again) to clean it up :) Everything is commented so you know what's going on. Main things changed is that you set the selector for the container, not the the checkbox directly, so if the inputs are nested deeper inside (inside a div in the TD i.e.) things will still work, and using a class for the highlight (much cleaner, you set styles in the CSS like it should be). Clearing the plugin or setting it again also resets the highlights. http://jsbin.com/opove Less than 30 lines now, w/o comments. cheers, - ricardo On Apr 14, 4:45 am, Lwangaman donjohn.f...@gmail.com wrote: Ok latest version I've included the possibility of adding a background color:http://jsbin.com/icena/edit The background color is specified as a second parameter in the function: $('table').dragCheck('td:not(.nono) :checkbox', 'pink') To clear the dragCheck: $('table').dragCheck('clear') On 13 Apr, 23:29, jscripter pc88m...@gmail.com wrote: Here's what I'm shooting for: http://jsbin.com/izoce/edit It's basically the same code as found on cross-browser.com, but I've added the cell highlighting. Works under Firefox, Opera and Chrome. It should also work under IE, but it doesn't seem to work when on the jsbin.com site. However, if you just download it and run it from a local file it should work for you. The text selection bug is basically fixed. It is still possible to select text if the mousedown event occurs in the right place between cells. I don't think text selection is possible if the border width is set to 0 (but then you also don't get a border.) On Apr 13, 2:30 pm, Lwangaman donjohn.f...@gmail.com wrote: I think I've done it. http://jsbin.com/adixe/edit I have also left out the mouseleave event, and applied the mouseup to the whole document instead of to the table, that way even if I leave the table but still have the mouse button down, I don't lose the value in the variable. Only if I let go of the mouse button (on or off the table) do I reset the variable. @Ricardo and @jscripter: does this work good? On 13 Apr, 14:41, Lwangaman donjohn.f...@gmail.com wrote: I tried working on it again and made a little progress... Now I got parent and child selected correctly, but I don't have mouseover working for some reason... http://jsbin.com/avigi/edit On 13 Apr, 02:43, Lwangaman donjohn.f...@gmail.com wrote: One more detail: mouseout should not take effect until mouseup. In fact, right now, if I click and begin to drag, then still holding the mouse button I leave the area, and still holding it come back over the cells, they no longer get checked / unchecked because mouseout has already kicked in. Instead it shouldn't kick in until I actually let go of the mouse button, and I could let go of it anywhere on the page I suppose, so I guess mouseup would have to be applied to the whole document. On 13 Apr, 02:33, Lwangaman donjohn.f...@gmail.com wrote: I tried something along those lines... http://jsbin.com/ehedu/edit But I just don't have the hang of using this correctly and knowing when to refer to dom elements as dom elements or as jquery objects... The idea is to tie all events to the container of the checkboxes (i.e. table cells), and not to the external container (table or ul list or whatever), and yet be able to read and write the value of the checkboxes... On 13 Apr, 01:13, Lwangaman donjohn.f...@gmail.com wrote: Taking up jscripter's suggestion, I just noticed myself that applying the mousedown and mouseover to the whole table keeps you from being able to click on any links that may be contained in the table. For example my table has links in the header cells that when clicked reorder the table according to that column. Now I can no longer click them... And, as jscripter says, in the X-Library the mousedown and mouseover was applied to the cells containing the checkboxes and not to the checkboxes themselves, so that it was enough to click on the cells surrounding the checkboxes in order to get them checked / unchecked. Ricardo do you think you could manage something like that? (I'm only an apprentice and I don't have your expertice!) On 12 Apr, 22:31, jscripter pc88m...@gmail.com wrote: Hey - this is great work - I just happened to be looking for this functionality. How would you apply what you have done here to re-writing the original X-library code that uses TDs for the checkbox label? Thanks! On Apr 12, 2:04 pm, Ricardo ricardob...@gmail.com wrote: Sure! I have a few other plugins I also want to upload, I'll do that.
[jQuery] Re: Form validator - cross field validation
Okay, then its something else. Could you provide a testpage? Jörn On Tue, Apr 14, 2009 at 10:08 PM, AndyCramb andycr...@googlemail.com wrote: Thanks for getting back to me I have the id specified input type=text value= name=source id=source/ It just had wrapped on to the new line Sorry I could not find away of formatting the code I pasted in so it looks a bit of a mess On Apr 14, 7:06 pm, Jörn Zaefferer joern.zaeffe...@googlemail.com wrote: There is no field with the id source? Add id=source to that input... Jörn On Tue, Apr 14, 2009 at 6:33 PM, AndyCramb andycr...@googlemail.com wrote: Hi, I am trying the forms validation plugin and cannot figure out where I am going wrong with it I can get cross validation working aginst a checkbox but I am unable to get it working against an input box HTML is supplied below The rules metadata is below the HTML Any help is much appreciated Andy fieldset legendTest JQuery validation/legend ol li label for=cboxLast Months Bank Statement: / label input type=checkbox value=true name=cbox id=cbox/input type=hidden value=false name=cbox/ /li li label for=sourceSource: /label input type=text value= name=source id=source/ /li li label for=dateDate: /label input type=text value= name=date id=date/ /li li label for=amntPaidInAmount Paid In: /label input type=text value= name=amntPaidIn id=amntPaidIn/ /li /ol input type=submit value=validate/ /fieldset rules: { source: { required: #cbox:checked,//works minlength: 2 } , date: { required: #source:filled,//not working minlength: 2 } , amntPaidIn: { required: true, email: true } }, debug: true
[jQuery] override shortcut keys in safari 3+ with javascript
Hello, I am trying to override Safari shortcut keys in javascript for use in an online terminal window that requires key entries such as F5. As this is a shortcut key to refresh the page in Safari this poses a problem. Does anyone know if you can override shortcut keys in Safari 3+ with javascript? I have tried approaches such as return false, stopPropagation(), preventDefault(), re-routing the keyCode/which character, etc. Any help would be much appreciated. Thanks Matt
[jQuery] Re: Help- jquery Dynamic Image load - dbl click = loads twice
$.fn.image = function(fn) { var total = this.length, loaded = 0; this.each(function() { var i = new Image(); i.src = this.src; $(i).load(function(){ loaded++; if(loaded==total) fn(); }); }); } // eg $('img.slide').image(function() { // success; }); Diogo Shaw
[jQuery] Re: JQuery news fade and news scroller(please help me)
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html http://plugins.jquery.com/search/node/ticker+type%3Aproject_project On Apr 14, 1:38 pm, hamed7 63hosse...@gmail.com wrote: hi friends i want scroll or fade news in one line,please help me and send example, (i am new in jquery).
[jQuery] Can you treat hover as a boolean?
Hi, I am trying to build a dynamic nav menu. When you hover over a given image, a fly-out menu appears to the right of the image. I want the fly-out to disappear when the user hovers off the initial image, but not if they hover over the fly-out menu. Is there a way to detect if one or the other element is being hovered? ie if($(image).hover.is(true) || $(fly-out).hover.is(true)){do something} (The above does not work) I tried to set the hover on for the fly-out to show() the fly-out, but it didn't override the hover out of the image which is calling the hide() for the fly-out. I am a bit of a n00b to jQuery and would aprieciate any help. Cheers -- View this message in context: http://www.nabble.com/Can-you-treat-hover-as-a-boolean--tp23046114s27240p23046114.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Endeavour: translating X-Library functionality click-n-drag checkboxes into Jquery
@jscripter Are you referring to my latest http://jsbin.com/isuga/edit ? Because as far as text selection is concerned it's working fine for me on Chrome, Firefox 3, and Internet Explorer 8. Just out of curiosity, are you clicking and dragging on the first column? Because the first column is outside of the range of the dragcheck. It's only the cells with checkboxes that don't have text selection. Same thing with the ul list, only the list items that have a checkbox have text selection disabled. Chrome 2.0 is a pre-beta release, so you can't really do testing on that. I've got the latest stable release which is 1.0.154.55. I also use Firefox 3.0.8, and it works fine. I suppose that the cursor could be set also. You are right that in Internet Explorer (I use version 8.0.6) the highlight was not undoing on uncheck. It should work now, I also included the cursor style which will also be unset with dragCheck (clear): http://jsbin.com/ujugi/edit On 14 Apr, 17:42, jscripter pc88m...@gmail.com wrote: Hi, Here are my testing results: IE7: table cells highlight to yellow when checkboxes are checked, but don't go back to black when unchecked; same issue with ul list items (highlighting stuck on pink) Opera 9.64: same highlight problem that IE7 has Chrome 2.0.169.1: dragging in cells just selects text; checking/ unchecking checkboxes doesn't change background in either the table or ul list. (I think some javascript is not getting run) Firefox 3.0.8: basically works as expected; only nit is that the cursor changes to a text insertion bar when over the labels. Perhaps this can be fixed with style=cursor: default ??? (Note: IE7, Chrome and Firefox have the cursor changing to an insertion bar when over the checkbox label; only in Opera does the cursor stay as an arrow pointer.) Thanks again for your work on this. ER On Apr 14, 3:31 am, Lwangaman donjohn.f...@gmail.com wrote: Latest:http://jsbin.com/isuga/edit Simplified the code for the highlighting process and corrected the case-possibility that first parameter is left empty (in that case, all child checkboxes are involved). Empty parameter usage: $('table').dragCheck() for no parameters; $('table').dragCheck('', 'pink') for empty first parameter. Second parameter can be left out completely. On 14 Apr, 09:45, Lwangaman donjohn.f...@gmail.com wrote: Ok latest version I've included the possibility of adding a background color:http://jsbin.com/icena/edit The background color is specified as a second parameter in the function: $('table').dragCheck('td:not(.nono) :checkbox', 'pink') To clear the dragCheck: $('table').dragCheck('clear') On 13 Apr, 23:29, jscripter pc88m...@gmail.com wrote: Here's what I'm shooting for: http://jsbin.com/izoce/edit It's basically the same code as found on cross-browser.com, but I've added the cell highlighting. Works under Firefox, Opera and Chrome. It should also work under IE, but it doesn't seem to work when on the jsbin.com site. However, if you just download it and run it from a local file it should work for you. The text selection bug is basically fixed. It is still possible to select text if the mousedown event occurs in the right place between cells. I don't think text selection is possible if the border width is set to 0 (but then you also don't get a border.) On Apr 13, 2:30 pm, Lwangaman donjohn.f...@gmail.com wrote: I think I've done it. http://jsbin.com/adixe/edit I have also left out the mouseleave event, and applied the mouseup to the whole document instead of to the table, that way even if I leave the table but still have the mouse button down, I don't lose the value in the variable. Only if I let go of the mouse button (on or off the table) do I reset the variable. @Ricardo and @jscripter: does this work good? On 13 Apr, 14:41, Lwangaman donjohn.f...@gmail.com wrote: I tried working on it again and made a little progress... Now I got parent and child selected correctly, but I don't have mouseover working for some reason... http://jsbin.com/avigi/edit On 13 Apr, 02:43, Lwangaman donjohn.f...@gmail.com wrote: One more detail: mouseout should not take effect until mouseup. In fact, right now, if I click and begin to drag, then still holding the mouse button I leave the area, and still holding it come back over the cells, they no longer get checked / unchecked because mouseout has already kicked in. Instead it shouldn't kick in until I actually let go of the mouse button, and I could let go of it anywhere on the page I suppose, so I guess mouseup would have to be applied to the whole document. On 13 Apr, 02:33, Lwangaman donjohn.f...@gmail.com wrote: I tried something along those lines...
[jQuery] Re: Bug in my gallery, wtf?!
That did the trick! Thanks a lot! A note though is that in Safari, you should put this.event or else it doesn't seem to fire. I did not try it though with function(event), but I just did function (). On Apr 14, 10:16 am, Rey Bango reyba...@gmail.com wrote: Without having access to the code it's hard to test it but it looks like an event bubbling issue in the click binding for '#carousel_nav a'. Could you try this: $('#carousel_nav a').click(function(event) { event.stopPropagation(); c_slide($(this)); }); Rey... On Apr 13, 9:56 pm, @oscargodson oscargod...@gmail.com wrote: Before I post a link: A. Yes, the code is messy, I have been trying to fix this all day, and I have restructured my code at least a dozen times, and that is why it is so messy, so please don't say try cleaning it up :) B. There are 100s of images, I just haven't sliced them all out from the client's PDF yet, so only pneumatic and vintage load a set of images. C. Thumbs don't match with the large images yet, because I haven't sat down and matched the 100s of images yet, but it works correctly! :) OK so on with it:http://boozker.com/beall/ Everything works perfectly ON LOAD! :( If you click on my custom carousal everything works. thumbs, left, and right arrows work fine. The 1 step arrows (ones on the black bar) work fine and even update the count correctly. However, ALL of this breaks when I reload with a click like this: $('#gallery_nav ul a').click(function(){ var new_set = $(this).attr('title').toLowerCase(); $.get(js/get_images.php, { set:new_set }, function(data){ $('#carousel_wrapper ul').empty().append(data); activate_gallery(); }); }); Here is my window load: $.get(js/get_images.php, { set:'history' }, function(data){ $('#carousel_wrapper ul').empty().append(data); activate_gallery(); }); After you click on a new category, it basically run activate_gallery (); twice, and so when you click next on either arrows it jumps x2. If you change the category 3x it jumps 3x etc I KNOW it has to do with activate_gallery but I have NO CLUE how else to write it. :( Remember, I have move code chunks all over. Does anyone have any ideas on how to get this to work?
[jQuery] Return Dynamic Image using Ajax and PHP
Hi, I have a PHP script that is generating an image based on values passed to the script using jQuery Ajax functionality. Here is the important part of the PHP script; header('Content-Type: image/jpeg'); imagejpeg($image, 'images/tmp/admin.preview.jpg'); imagedestroy($image); I can get the image to display just fine without using Ajax. I would prefer not to store the image locally on the server, but instead have the preview image display temporarily in memory. I have the following jQuery code implemented that sends the form data to the PHP script, which generates the dynamic image for preview using jpeg image stream. $(document).ready(function() { var options = { target: '#preview-wrapper', type: 'post', cache: false, url:'admin.preview.php', // return raw jpeg stream (see above php code) success:function(html) { // attempted creating an image tag, then pointing to the php script directly. Neither works properly. } }; // pass options to ajaxForm $('#formAdmin').ajaxForm(options); }); Hopefully someone can help answer the following questions; 1) What is the best way to accomplish this task? (i.e. return image stream, return HTML image tag pointing to the locally stored jpeg, etc...) 2) Could someone help me with the jQuery code? Thanks in advance for any help or direction.
[jQuery] Re: Endeavour: translating X-Library functionality click-n-drag checkboxes into Jquery
Wow, you're good! I'm a self-taught, so I can see that you've got your stuff, you make things clean and concise. Only thing here is that the text selection is being canceled on all the cells and not just the ones with checkboxes. What do you think is better here? I think it's good to leave text selection on other cells because they may contain values that the user can copy - paste if necessary. As for the css class, I was wondering in fact if it were possible to define a class within the jquery code, but reading up on it it seems that that is not possible, it wasn't designed for that. Which means that the user has to define that class, so I suppose that would have to be indicated together with the plugin. Thanks for taking it into consideration again! I did upload a first version of this plugin to the jquery plugins, now that it pretty much works. I suppose we can add the new minor versions as the code is perfected. On 14 Apr, 22:42, Ricardo ricardob...@gmail.com wrote: Hi Lwangman, Now that we know all your requirements, I rewrote it(again) to clean it up :) Everything is commented so you know what's going on. Main things changed is that you set the selector for the container, not the the checkbox directly, so if the inputs are nested deeper inside (inside a div in the TD i.e.) things will still work, and using a class for the highlight (much cleaner, you set styles in the CSS like it should be). Clearing the plugin or setting it again also resets the highlights. http://jsbin.com/opove Less than 30 lines now, w/o comments. cheers, - ricardo On Apr 14, 4:45 am, Lwangaman donjohn.f...@gmail.com wrote: Ok latest version I've included the possibility of adding a background color:http://jsbin.com/icena/edit The background color is specified as a second parameter in the function: $('table').dragCheck('td:not(.nono) :checkbox', 'pink') To clear the dragCheck: $('table').dragCheck('clear') On 13 Apr, 23:29, jscripter pc88m...@gmail.com wrote: Here's what I'm shooting for: http://jsbin.com/izoce/edit It's basically the same code as found on cross-browser.com, but I've added the cell highlighting. Works under Firefox, Opera and Chrome. It should also work under IE, but it doesn't seem to work when on the jsbin.com site. However, if you just download it and run it from a local file it should work for you. The text selection bug is basically fixed. It is still possible to select text if the mousedown event occurs in the right place between cells. I don't think text selection is possible if the border width is set to 0 (but then you also don't get a border.) On Apr 13, 2:30 pm, Lwangaman donjohn.f...@gmail.com wrote: I think I've done it. http://jsbin.com/adixe/edit I have also left out the mouseleave event, and applied the mouseup to the whole document instead of to the table, that way even if I leave the table but still have the mouse button down, I don't lose the value in the variable. Only if I let go of the mouse button (on or off the table) do I reset the variable. @Ricardo and @jscripter: does this work good? On 13 Apr, 14:41, Lwangaman donjohn.f...@gmail.com wrote: I tried working on it again and made a little progress... Now I got parent and child selected correctly, but I don't have mouseover working for some reason... http://jsbin.com/avigi/edit On 13 Apr, 02:43, Lwangaman donjohn.f...@gmail.com wrote: One more detail: mouseout should not take effect until mouseup. In fact, right now, if I click and begin to drag, then still holding the mouse button I leave the area, and still holding it come back over the cells, they no longer get checked / unchecked because mouseout has already kicked in. Instead it shouldn't kick in until I actually let go of the mouse button, and I could let go of it anywhere on the page I suppose, so I guess mouseup would have to be applied to the whole document. On 13 Apr, 02:33, Lwangaman donjohn.f...@gmail.com wrote: I tried something along those lines... http://jsbin.com/ehedu/edit But I just don't have the hang of using this correctly and knowing when to refer to dom elements as dom elements or as jquery objects... The idea is to tie all events to the container of the checkboxes (i.e. table cells), and not to the external container (table or ul list or whatever), and yet be able to read and write the value of the checkboxes... On 13 Apr, 01:13, Lwangaman donjohn.f...@gmail.com wrote: Taking up jscripter's suggestion, I just noticed myself that applying the mousedown and mouseover to the whole table keeps you from being able to click on any links that may be contained in the table. For
[jQuery] Re: Endeavour: translating X-Library functionality click-n-drag checkboxes into Jquery
Then just wondering, I don't know all the specs... But why shouldn't you use jquery's css method to set css? Will it be deprecated? On 14 Apr, 22:42, Ricardo ricardob...@gmail.com wrote: Hi Lwangman, Now that we know all your requirements, I rewrote it(again) to clean it up :) Everything is commented so you know what's going on. Main things changed is that you set the selector for the container, not the the checkbox directly, so if the inputs are nested deeper inside (inside a div in the TD i.e.) things will still work, and using a class for the highlight (much cleaner, you set styles in the CSS like it should be). Clearing the plugin or setting it again also resets the highlights. http://jsbin.com/opove Less than 30 lines now, w/o comments. cheers, - ricardo On Apr 14, 4:45 am, Lwangaman donjohn.f...@gmail.com wrote: Ok latest version I've included the possibility of adding a background color:http://jsbin.com/icena/edit The background color is specified as a second parameter in the function: $('table').dragCheck('td:not(.nono) :checkbox', 'pink') To clear the dragCheck: $('table').dragCheck('clear') On 13 Apr, 23:29, jscripter pc88m...@gmail.com wrote: Here's what I'm shooting for: http://jsbin.com/izoce/edit It's basically the same code as found on cross-browser.com, but I've added the cell highlighting. Works under Firefox, Opera and Chrome. It should also work under IE, but it doesn't seem to work when on the jsbin.com site. However, if you just download it and run it from a local file it should work for you. The text selection bug is basically fixed. It is still possible to select text if the mousedown event occurs in the right place between cells. I don't think text selection is possible if the border width is set to 0 (but then you also don't get a border.) On Apr 13, 2:30 pm, Lwangaman donjohn.f...@gmail.com wrote: I think I've done it. http://jsbin.com/adixe/edit I have also left out the mouseleave event, and applied the mouseup to the whole document instead of to the table, that way even if I leave the table but still have the mouse button down, I don't lose the value in the variable. Only if I let go of the mouse button (on or off the table) do I reset the variable. @Ricardo and @jscripter: does this work good? On 13 Apr, 14:41, Lwangaman donjohn.f...@gmail.com wrote: I tried working on it again and made a little progress... Now I got parent and child selected correctly, but I don't have mouseover working for some reason... http://jsbin.com/avigi/edit On 13 Apr, 02:43, Lwangaman donjohn.f...@gmail.com wrote: One more detail: mouseout should not take effect until mouseup. In fact, right now, if I click and begin to drag, then still holding the mouse button I leave the area, and still holding it come back over the cells, they no longer get checked / unchecked because mouseout has already kicked in. Instead it shouldn't kick in until I actually let go of the mouse button, and I could let go of it anywhere on the page I suppose, so I guess mouseup would have to be applied to the whole document. On 13 Apr, 02:33, Lwangaman donjohn.f...@gmail.com wrote: I tried something along those lines... http://jsbin.com/ehedu/edit But I just don't have the hang of using this correctly and knowing when to refer to dom elements as dom elements or as jquery objects... The idea is to tie all events to the container of the checkboxes (i.e. table cells), and not to the external container (table or ul list or whatever), and yet be able to read and write the value of the checkboxes... On 13 Apr, 01:13, Lwangaman donjohn.f...@gmail.com wrote: Taking up jscripter's suggestion, I just noticed myself that applying the mousedown and mouseover to the whole table keeps you from being able to click on any links that may be contained in the table. For example my table has links in the header cells that when clicked reorder the table according to that column. Now I can no longer click them... And, as jscripter says, in the X-Library the mousedown and mouseover was applied to the cells containing the checkboxes and not to the checkboxes themselves, so that it was enough to click on the cells surrounding the checkboxes in order to get them checked / unchecked. Ricardo do you think you could manage something like that? (I'm only an apprentice and I don't have your expertice!) On 12 Apr, 22:31, jscripter pc88m...@gmail.com wrote: Hey - this is great work - I just happened to be looking for this
[jQuery] min file for jQuery Validation Plugin
Ok, obviously we know what a min file is. But can someone tell me for the jQuery plugin what does this min file restrict you from or strip out from the main? What is filtered out? I need to know what I'm getting or not getting compared to the main jQuery Validation .js library. http://bassistance.de/jquery-plugins/jquery-plugin-validation/
[jQuery] Highlight table row
I've tested different solutions found in here, and on the web, but I can't get it working. I simply want to highlight a table row. I would like to you toggleClass $(this).parents('tr').toggleClass(highlight); This is my HTML code: html head titleTitle/title link rel=stylesheet href=css/storeLocator.css type=text/css media=screen charset=utf-8 / script type=text/javascript src=js/jquery.js charset=utf-8/ script /head body table id=storeListTable thead tr class=even thID/th thNavn/th thE-post/th thNettside/th /tr /thead tbody tr class= id=store1 td10/td tdBoss Store Oslo/td td a href=mailto:;E-post/a/td td a href=#www/a/td /tr tr class= id=store3 td8/td tdBrandstad Oslo City/td td a href=mailto:a...@brandstad.no;E-post/a/td td a href=#www/a/td /tr tr class=even id=store4 td7/td tdFashion Partner AS/td td a href=mailto:b...@fashionpartners.com;E-post/a/td td a href=#www/a/td /tr tr class= id=store5 td1/td tdFollestad/td td a href=mailto:c...@online.no;E-post/a/td td a href=#www/a/td /tr tr class=even id=store6 td2/td tdFollestad/td td a href=mailto:d...@follestad.com;E-post/a/td td a href=#www/a/td /tr /tbody /table /body /html My js file looks like this: jQuery(document).ready(function() { jQuery(#storeListTable tr).mouseover(function () { $(this).parents('#storeListTable tr').toggleClass(highlight); alert('test'); }); }); The ALERT is there to demonstrate that the function fiores on mouseover. Can anyone help me please? :)
[jQuery] Re: min file for jQuery Validation Plugin
minified files are just whitespace and line breaks removed, and object names are shortened. Nevermind. On Apr 14, 4:49 pm, expresso dschin...@gmail.com wrote: Ok, obviously we know what a min file is. But can someone tell me for the jQuery plugin what does this min file restrict you from or strip out from the main? What is filtered out? I need to know what I'm getting or not getting compared to the main jQuery Validation .js library. http://bassistance.de/jquery-plugins/jquery-plugin-validation/
[jQuery] Re: how to create multiple draggable div's with dynamic content
thanks a bunch for your reply, and a thorough one as well I've experimented with a similar technique that you suggest where I had a template of xhtml and I thought I'll clone this and add the content, sounds like an excellent plan to me, right? one thing I kept running into was the the page going blank when appending elements on the body, any ideas on this one? but thanks, I'll go for one of the techniques described and we'lll se how it ends up, I've got the whole script ready, just need to get it to be able to open more than one instance /pär On 14 Apr, 17:49, roger rgrw...@gmail.com wrote: Sounds like you need to create a function (or two) to manage the creation of the draggable window and fill it with content. Your function should either clone the markup from a hidden div on the page or create new dom elements with javascript. You would then select the container that you cloned or created, make it draggable and fill it with content. You could prepare some content from an ajax call and pass it into the function below: function makeDraggable(content) { $('body').append('div id=superDrag\ a href=# onclick=$(\'#superDrag \').remove()close/a\ div id=superDragContent'+content+'/ div\ /div'); $('#superDrag').draggable(); } It would probably be more versatile to use it as a class: function superDrag(content) { $('body').append('div id=superDrag\ a id=superDragClose href=# onclick=$(\'#superDrag\').remove()close/a\ div id=superDragContent'+content+'/ div\ /div'); $('#superDrag').draggable(); this.draggable = $('#superDrag').get(0); this.draggableContent = $('#superDragContent').get(0); var thisSuperDrag = this; $('#superDragClose').click(function() { thisSuperDrag.close(); }); } superDrag.prototype.close = function() { $(this.draggable).remove(); } var newSuperDrag = new superDrag(); There are many ways you could make this thing work. I found an interesting javascript templating plugin called jBind that makes it easy to pull markup from the dom and fill in variables. It's a lot nicer than concatenating strings, but a lot slower. On Apr 14, 4:43 am, hybris77 dist...@yahoo.com wrote: hi, I'm trying to acchieve something for a few days now and I need som guidence I need to be able to open a draggabel div, that's no worry using the jQuery UI plugin what im not getting my head around is how to create multiple instances of this window with dynamic content but with a templade html structure that is filled with data from a database i've tried to use clone() to have the template saved and hidden on the page but when using this everything fails to work at all did anyone acchieve this? I may be a little fuzzy about what my problem is, there's too much code to be posted here, what I need is a little support in my undertaking /pär
[jQuery] Re: Highlight table row
This does a highlight on mouseover and remove highlight on mouseout. Is this what you want? // untested $(#storeListTable tbody tr).hover( function() { // mouseover $(this).addClass('highlight'); }, function() { // mouseout $(this).removeClass('highlight'); } ); On Apr 14, 11:51 am, spstieng spsti...@hotmail.com wrote: I've tested different solutions found in here, and on the web, but I can't get it working. I simply want to highlight a table row. I would like to you toggleClass $(this).parents('tr').toggleClass(highlight); This is my HTML code: html head titleTitle/title link rel=stylesheet href=css/storeLocator.css type=text/css media=screen charset=utf-8 / script type=text/javascript src=js/jquery.js charset=utf-8/ script /head body table id=storeListTable thead tr class=even thID/th thNavn/th thE-post/th thNettside/th /tr /thead tbody tr class= id=store1 td10/td tdBoss Store Oslo/td td a href=mailto:;E-post/a/td td a href=#www/a/td /tr tr class= id=store3 td8/td tdBrandstad Oslo City/td td a href=mailto:a...@brandstad.no;E-post/a/td td a href=#www/a/td /tr tr class=even id=store4 td7/td tdFashion Partner AS/td td a href=mailto:b...@fashionpartners.com;E-post/a/td td a href=#www/a/td /tr tr class= id=store5 td1/td tdFollestad/td td a href=mailto:c...@online.no;E-post/a/td td a href=#www/a/td /tr tr class=even id=store6 td2/td tdFollestad/td td a href=mailto:d...@follestad.com;E-post/a/td td a href=#www/a/td /tr /tbody /table /body /html My js file looks like this: jQuery(document).ready(function() { jQuery(#storeListTable tr).mouseover(function () { $(this).parents('#storeListTable tr').toggleClass(highlight); alert('test'); }); }); The ALERT is there to demonstrate that the function fiores on mouseover. Can anyone help me please? :)
[jQuery] Re: assign event handler to multiple events
$('.things').bind('focus change click', function() { // your code here }); (Note that this doesn't work for $.live(), as you can only bind one event for that.) On Apr 14, 10:40 am, Tom Worster f...@thefsb.org wrote: i can assign a handler to one event type thus: $('.things').focus(function(){ $(this).data('foo', true); ... }); if i want to assign the same handler to several events, say focus, change, and click, what's the tidy way to write it [assuming my handler wants to access $(this)]?
[jQuery] Re: Is this a Safari/WebKit bug?
You need to pass the event object as parameter, if you don't you're accessing the global window.event object which differs across browsers: $('a').click(function(e){ e.stopPropagation(); }); On Apr 14, 3:41 pm, @oscargodson oscargod...@gmail.com wrote: I got this to work, so this isn't a issue anymore, but I'm curious if this is a bug and I should report it, or if it's a bug everywhere else :) $('a').click(function(){ //Following works in Firefox, but not in Safari 3-4 //event.stopPropagation(); //Works in both Safari as well as Firefox this.event.stopPropagation(); }); Is that how you were supposed to write it? In most tuts I have read it's always just event.stopPropagation();
[jQuery] Re: Creating custom attributes in html
If you insert these attributes server-side, the page will not validate and might trigger quirks mode in the browser. If you are adding them after load, there's no harm in it, but I bet using data() would be faster for lots of elements. On Apr 14, 2:56 pm, seasoup seas...@gmail.com wrote: I was wondering what jquery developers opinion of adding custom attributes to html tags is, and what your basis is for these opinions? Why is it a good idea, or why is it a bad idea? What I mean is this: div href= myType=foocontent/div where 'myType' isn't in any specifications. I've run into developers who think this is a good idea, and those who think this is a bad idea and I'd like to get a better sense of both sides of the argument. Personally, I use them all of the time. They are a great way to preserve information for use with .live() in jQuery, among other things, and since I append a long string to the DOM instead of creating lots of little DOM nodes, I generally cannot use .data() to save information on the individual nodes. Example of a usage: div name=foo myType=barclick/div ... $('div[name=foo]').live('click', function () { console.log($(this).attr('myType')); }); Example of why I cannot use .data(): var htmlString = 'table'; for (var a = 0; a 100; a++) { htmlString += 'trtd name=clickme nodeId=filter'+ a +'click/td/tr';} htmlString += '/table'; $('div[name=foo]').append(htmlString); $('td[name=clickme]').live('click', function() { console.log($(this).attr('nodeId')); }); To debate the merits of using this kind of append, please go to:http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-cor... What I'm looking for instead is a discussion of using custom attributes in html. Thanks, Josh Powell
[jQuery] Re: Creating custom attributes in html
I cannot use .data() as I do not have a node. Creating a node for every td creates impossibly excessive append time. One one page I shortened the time to append for 500 table rows from 29,000ms to 900ms. Good to know about the potential for triggering quirks mode though, thanks. Josh Powell On Apr 14, 3:34 pm, Ricardo ricardob...@gmail.com wrote: If you insert these attributes server-side, the page will not validate and might trigger quirks mode in the browser. If you are adding them after load, there's no harm in it, but I bet using data() would be faster for lots of elements. On Apr 14, 2:56 pm, seasoup seas...@gmail.com wrote: I was wondering what jquery developers opinion of adding custom attributes to html tags is, and what your basis is for these opinions? Why is it a good idea, or why is it a bad idea? What I mean is this: div href= myType=foocontent/div where 'myType' isn't in any specifications. I've run into developers who think this is a good idea, and those who think this is a bad idea and I'd like to get a better sense of both sides of the argument. Personally, I use them all of the time. They are a great way to preserve information for use with .live() in jQuery, among other things, and since I append a long string to the DOM instead of creating lots of little DOM nodes, I generally cannot use .data() to save information on the individual nodes. Example of a usage: div name=foo myType=barclick/div ... $('div[name=foo]').live('click', function () { console.log($(this).attr('myType')); }); Example of why I cannot use .data(): var htmlString = 'table'; for (var a = 0; a 100; a++) { htmlString += 'trtd name=clickme nodeId=filter'+ a +'click/td/tr';} htmlString += '/table'; $('div[name=foo]').append(htmlString); $('td[name=clickme]').live('click', function() { console.log($(this).attr('nodeId')); }); To debate the merits of using this kind of append, please go to:http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-cor... What I'm looking for instead is a discussion of using custom attributes in html. Thanks, Josh Powell
[jQuery] Re: Endeavour: translating X-Library functionality click-n-drag checkboxes into Jquery
On Apr 14, 6:38 pm, Lwangaman donjohn.f...@gmail.com wrote: Only thing here is that the text selection is being canceled on all the cells and not just the ones with checkboxes. What do you think is better here? I think it's good to leave text selection on other cells because they may contain values that the user can copy - paste if necessary. Added a .filter(':has(:checkbox)'), so everything is only applied to elements which contain a checkbox. Whew! this has gotta be the most rewritten jsbin code snippet ever :D so I suppose that would have to be indicated together with the plugin. You're right, that's very common in plugins which deal with an UI. Then just wondering, I don't know all the specs... But why shouldn't you use jquery's css method to set css? Will it be deprecated? No, they won't. It's just a cleaner approach. By leaving style definitions where they belong (CSS) one can change colors and layout in the page without having to touch the JS code, even for the widgets used. cheers, - ricardo
[jQuery] Re: Creating custom attributes in html
You might want to check out the Metadata plugin: http://plugins.jquery.com/project/metadata It'll let you get data in the CLASS (and other custom) attribute so your HTML can technically remain valid (I think). Personally, I try to keep my code as valid as possible to hopefully avoid quirks mode and the unpredictable results it may cause. I usually store additional data as a part of the element's ID or CLASS, like id=myID_12345 and use Javascript to parse the value. If there's more data than that, I'd prefer to have them stored separately, such as in a Javascript array or JSON object and use the unique ID stored with the element to reference it when needed. On Apr 14, 7:56 am, seasoup seas...@gmail.com wrote: I was wondering what jquery developers opinion of adding custom attributes to html tags is, and what your basis is for these opinions? Why is it a good idea, or why is it a bad idea? What I mean is this: div href= myType=foocontent/div where 'myType' isn't in any specifications. I've run into developers who think this is a good idea, and those who think this is a bad idea and I'd like to get a better sense of both sides of the argument. Personally, I use them all of the time. They are a great way to preserve information for use with .live() in jQuery, among other things, and since I append a long string to the DOM instead of creating lots of little DOM nodes, I generally cannot use .data() to save information on the individual nodes. Example of a usage: div name=foo myType=barclick/div ... $('div[name=foo]').live('click', function () { console.log($(this).attr('myType')); }); Example of why I cannot use .data(): var htmlString = 'table'; for (var a = 0; a 100; a++) { htmlString += 'trtd name=clickme nodeId=filter'+ a +'click/td/tr';} htmlString += '/table'; $('div[name=foo]').append(htmlString); $('td[name=clickme]').live('click', function() { console.log($(this).attr('nodeId')); }); To debate the merits of using this kind of append, please go to:http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-cor... What I'm looking for instead is a discussion of using custom attributes in html. Thanks, Josh Powell
[jQuery] Re: Creating custom attributes in html
On Apr 15, 8:41 am, Josh Powell seas...@gmail.com wrote: Good to know about the potential for triggering quirks mode though, thanks. You are already using invalid markup by adding a name attribute to a div element. Have you considered storing the data in the class attribute, then use DOM dot property access with a RegExp to get the value? It should be much faster than using attr. -- Rob
[jQuery] Re: Error with BlockUI: 'parentNode' is null or not an object
Thanks for the replies. I found out that the problem has to do with the fact that The BlockUi plug-in actually removes the passed in node from the DOM. At least I know what's going on now and am able to figure out a workaround. That's not good behavior for a plug-in. What version of the plugin are you using? I have a demo which does this same thing, uses an element for the blocking message, and it's working just fine over and over: http://localhost:/malsup/block/#page BlockUI moves the element and then returns it to it's original location after unblocking. It does not remove it from the DOM (although it used to at one time). Mike
[jQuery] Re: Error with BlockUI: 'parentNode' is null or not an object
http://www.malsup.com/jquery/block/#page On Apr 14, 4:26 pm, Mike Alsup mal...@gmail.com wrote: Thanks for the replies. I found out that the problem has to do with the fact that The BlockUi plug-in actually removes the passed in node from the DOM. At least I know what's going on now and am able to figure out a workaround. That's not good behavior for a plug-in. What version of the plugin are you using? I have a demo which does this same thing, uses an element for the blocking message, and it's working just fine over and over: http://localhost:/malsup/block/#page BlockUI moves the element and then returns it to it's original location after unblocking. It does not remove it from the DOM (although it used to at one time). Mike
[jQuery] question about each function
Hi, all See the following. $(input:text).each(function(){ if(something happened) return; --- --- }) I found the 'return' only exit form a particular input element. And it won't return from each function. It always go through every element. I mean if something happened I don't want to go any further elements and just exit from each function. Is there any way to do that? Thank you in advance!
[jQuery] Re: question about each function
i, too, am curious how to break out of a .each() loop. On Apr 14, 7:35 pm, jack datac...@gmail.com wrote: Hi, all See the following. $(input:text).each(function(){ if(something happened) return; --- --- }) I found the 'return' only exit form a particular input element. And it won't return from each function. It always go through every element. I mean if something happened I don't want to go any further elements and just exit from each function. Is there any way to do that? Thank you in advance!
[jQuery] Re: question about each function
well according to http://docs.jquery.com/Core/each returning false SHOULD break out of the loop, haven't tried it tho - i can't imagine something like this would be broken at this point, maybe your condition is never being met? On Apr 14, 7:51 pm, Leeoniya leeon...@gmail.com wrote: i, too, am curious how to break out of a .each() loop. On Apr 14, 7:35 pm, jack datac...@gmail.com wrote: Hi, all See the following. $(input:text).each(function(){ if(something happened) return; --- --- }) I found the 'return' only exit form a particular input element. And it won't return from each function. It always go through every element. I mean if something happened I don't want to go any further elements and just exit from each function. Is there any way to do that? Thank you in advance!
[jQuery] Re: assign event handler to multiple events
if you still need the performance of event delegation (live), you should make the handling function separately and assign it using several lives. eg: function handleStuff(e) { // do things } $(div p, #nav a).live(click, handleStuff).live(keydown, handleStuff); be aware that live() doesnt officially support a lot of events (blur, focus, mouseenter, mouseleave, change, submit)...though they will work in some browsers (tested in Minefield nightlies)...so you'll still need bind() for those until they work out all the cross-browser issues for them. On Apr 14, 5:21 pm, James james.gp@gmail.com wrote: $('.things').bind('focus change click', function() { // your code here }); (Note that this doesn't work for $.live(), as you can only bind one event for that.) On Apr 14, 10:40 am, Tom Worster f...@thefsb.org wrote: i can assign a handler to one event type thus: $('.things').focus(function(){ $(this).data('foo', true); ... }); if i want to assign the same handler to several events, say focus, change, and click, what's the tidy way to write it [assuming my handler wants to access $(this)]?
[jQuery] Re: Endeavour: translating X-Library functionality click-n-drag checkboxes into Jquery
Ok so what's the link to the latest version? (It's a good thing that jsbin deletes files after 3 months of no usage! I was thinking the same myself!) On 15 Apr, 00:45, Ricardo ricardob...@gmail.com wrote: On Apr 14, 6:38 pm, Lwangaman donjohn.f...@gmail.com wrote: Only thing here is that the text selection is being canceled on all the cells and not just the ones with checkboxes. What do you think is better here? I think it's good to leave text selection on other cells because they may contain values that the user can copy - paste if necessary. Added a .filter(':has(:checkbox)'), so everything is only applied to elements which contain a checkbox. Whew! this has gotta be the most rewritten jsbin code snippet ever :D so I suppose that would have to be indicated together with the plugin. You're right, that's very common in plugins which deal with an UI. Then just wondering, I don't know all the specs... But why shouldn't you use jquery's css method to set css? Will it be deprecated? No, they won't. It's just a cleaner approach. By leaving style definitions where they belong (CSS) one can change colors and layout in the page without having to touch the JS code, even for the widgets used. cheers, - ricardo
[jQuery] Re: Slideshow with Carousel and spotlight?
For what it's worth, here's my plea for pretty much the same thing...the magic of Cycle combined with the utility of jCarousel. Have been agonizing over this, searching endlessly for an unobtrusive solution with no luck.
[jQuery] Re: question about each function
wait, you should be doing return FALSE rather than just return On Apr 14, 7:57 pm, Leeoniya leeon...@gmail.com wrote: well according tohttp://docs.jquery.com/Core/each returning false SHOULD break out of the loop, haven't tried it tho - i can't imagine something like this would be broken at this point, maybe your condition is never being met? On Apr 14, 7:51 pm, Leeoniya leeon...@gmail.com wrote: i, too, am curious how to break out of a .each() loop. On Apr 14, 7:35 pm, jack datac...@gmail.com wrote: Hi, all See the following. $(input:text).each(function(){ if(something happened) return; --- --- }) I found the 'return' only exit form a particular input element. And it won't return from each function. It always go through every element. I mean if something happened I don't want to go any further elements and just exit from each function. Is there any way to do that? Thank you in advance!
[jQuery] Re: question about each function
As Leeoniya notes: $(input:text).each(function(){ if(something happened) { return false; } }) On Apr 14, 8:59 pm, Leeoniya leeon...@gmail.com wrote: wait, you should be doing return FALSE rather than just return On Apr 14, 7:57 pm, Leeoniya leeon...@gmail.com wrote: well according tohttp://docs.jquery.com/Core/each returning false SHOULD break out of the loop, haven't tried it tho - i can't imagine something like this would be broken at this point, maybe your condition is never being met? On Apr 14, 7:51 pm, Leeoniya leeon...@gmail.com wrote: i, too, am curious how to break out of a .each() loop. On Apr 14, 7:35 pm, jack datac...@gmail.com wrote: Hi, all See the following. $(input:text).each(function(){ if(something happened) return; --- --- }) I found the 'return' only exit form a particular input element. And it won't return from each function. It always go through every element. I mean if something happened I don't want to go any further elements and just exit from each function. Is there any way to do that? Thank you in advance!
[jQuery] Re: XSLT with anchors
Thanks Benjamin. Thanks to you I have finally found the problem. After I uploaded an example to post I tried it on a different computer/ browser and I could not replicate the issue. Apparently it is a bug in my (old) version of Firefox. https://bugzilla.mozilla.org/show_bug.cgi?id=212362
[jQuery] Problem to get Text displayed in jquery function
Hi All, I have a function with jcarousel but for some reason, I just can not get the text to show below my images in the Container. One guy helped me with various options but as you can see below, I am still stuck. Any help ? I have now added the function as follows in the head and tried the following two lines at three different places but still no luck. The errors seems to have gone away now , but I do not see the Bla. div = $(div style='display:none'blah/div); $(document.body).appendChild(div); 1) I have put the two lines in the function but no luck, 2) I have put the two lines in the fuction below the Return HTML Get Element but no luck. 3) I have put it in its own javascript tags below the declaration of the div as it is but no luck. This is the function now in the head. You can see my code source here. http://www.somewhere2rent.com/test/ I have also made the image smaller just in case the text is behind the image. script type=text/javascript $(function() { whatever(); { jcarousel.find(img) .hover( function(){ div.css({display:'block',position:'absolute',left:$(this).offset ().left, top:$(this).offset().top+$(this).height()}); }, function(){ div.css({display:'none'}); }); }, }); /script body div id=wrap align=center script type=text/javascript div = $(div style='display:none'blah/div); $(document.body).appendChild(div); /script ul id=mycarousel class=jcarousel-skin-ie7 !-- The content will be dynamically loaded in here -- /ul /div /body /html ANy more help will be apreciated. Thanks
[jQuery] question about dealing with JSON callback
hi! i am trying to use jQuery.post() to send name/value to a php function which then retreives data from mysql and responds with JSON which looks like this when i append it directly to my debug output div: {product_id:02,product_name:Cesario Lo,product_brand:Creative rec,product_slug:slug2,product_description:description2,product_active:1,product_type:shoe,product_gender:female,product_sizes:8.5,product_style:style 2,product_categories:2,product_shipping:shipping 2,product_cost:30.0,product_retail:60.0} i have tried to iterate through the JSON using the jQuery.each(): Query.each(obj, function(i, val) { etc... but it is iterating character by character rather than by each pair best, jonathan
[jQuery] Re: Slideshow with Carousel and spotlight?
Hmm, I have a pretty big collection of plugin bookmarks, but looked through them and couldn't find something that seemed quite right, either. Found this, which seems like a near-hit: http://www.monc.se/galleria/demo/demo_01.htm#img/lightning.jpg and this, but it hooks to Flickr: http://www.userfriendlythinking.com/Blog/BlogDetail.asp?p1=7013p2=101p7=3001 I'm interested in hearing if you find something. Good luck! - Jack rubycat wrote: For what it's worth, here's my plea for pretty much the same thing...the magic of Cycle combined with the utility of jCarousel. Have been agonizing over this, searching endlessly for an unobtrusive solution with no luck.
[jQuery] Re: trouble stopping propagation
I'm still stuck on this...does anyone have any ideas? On Apr 13, 10:35 am, gmoniey gmon...@gmail.com wrote: Hi, I have a simple onclick function call for a div which looks like this: onclick=showPanel(this). And the showPanel function header is as such: function showPanel(el) { } I also have some children in the div which are links, and I want top stop the propagation. Unfortunately, when I put a breakpoint inside showPanel (using FF3), 'el' does not have any of the following properties: srcElement, target, stopPropagation. So I can't seem figure out if I should return of continue the function. I even tried to wrap the inner links inside a div which had a similar onclick function whose purpose is only to call stopPropagation, but I got the same results as above (i.e. no stopPropagation method). I thought about establishing the onclick function as such: $('div').filter('.myPanel').click(function (event) { }); and checking the event target inside the function, but I load parts of the html through ajax, which means I will after run the code above after load, and that solution just doesnt seem that clean. Anyone have any ideas on how I can manage this? Thanks. -- View this message in context:http://www.nabble.com/trouble-stopping-propagation-tp23025769s27240p2... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Nyromodal frame reference
Hi, I'm using Nyromodal to show some web content that includes page transitions controlled by Javascript that specifies window.location. The trouble with this is that it navigates the main browser window rather than navigating just within the nyromodal frame. I'm not sure how to get round this, especially as the Nyromodal frame seems to have no name, and I'd really appreciate some help. Thanks!
[jQuery] Animation Issue
Hi, I've had this issue when animating before, but have always found a hack around it. But for this project I can't think of any work around. What happens is some elements inside the animated element and near the animated element disappear during animation. To view it in action go to http://www.cyberantix.org/demo/portfolio/projects.html Click on any of the projects to expand them. See how parts disappear? Does anyone know how to fix this? One other note: I haven't debugged this for Internet Explorer yet, so if you would, try it in any other browser. Thanks, Connor Let me know if you would prefer me to paste the code here instead of looking at the source code.
[jQuery] IE problem with each function
here is my code, it works fine in FF, but in IE, the index message did not popup. Anyone could give me a suggestion to figure out this? jQuery(#demoform dt).each(function(index,domEle){ if (jQuery(domEle).text() == ISSN:) { alert(index); exit; } })