[jQuery] jqModal Safari Bug?
I started playing around with Brice's jqModal and ran into an odd bug that is specific to Safari 1 and 2. I'll keep this as short as possible, but here's are the details. The Goal The goal was to allow modal content on a page, knowing that some modal content would have a vertical height taller than the browser's viewport. The Solution To allow scrolling of the viewport, I changed the position of the modal container from fixed to absolute in the CSS and it worked as expected. The Odd Safari Problem
[jQuery] jquery tabs: editing tab title in place
Hi, Regarding JQuery tabs, I would like the ability to click on the text of the selected tab, and have it replaced by a text field where I can edit the text that composes the tab. Then, if I click outside the text field or hit "Enter", what was typed in the text field would be the new tab text. How can I do this? Thanks, - Dave
[jQuery] IE wedth problems
I am having trouble with a jQuery project I am working on. I can't reveal a lot about it but what it basically consists of is a list that contains elements that are styled (display: block; float:left) to produce a liquid layout resembling a table. I need to be able to animate the elements in the container with jQuery. In order to set up for the animation I get the current width and height of the containing list and then explicitly apply them with the $().width and $().height functions so the container
[jQuery] parsing xml
All, if i have an xml file like this <Records> <Record> <Field id="1" name="Name" value="My Full name"> </Field> <Field id="2" name="Address" value="My Address"> </Field> <Field id="3" name="Telephone" value="12345678"> </Field> <Field id="4" name="Age" value="27"> </Field> <Field id="5" name="Occupation" value="Theft"> </Field> </Record> and i wanted to extract out the value for each name in the field, how can i do it? $("Field").attr(value)
[jQuery] jQuery PNG Fix
This is a jQuery plugin I created to adapt pngfix.js from Bob Osola to use the jQuery framework. If anybody has any further recommendations or improvements, don't hesitate to let me know. :-) $(document).ready(function(){ if ($.browser.msie && (document.body.filters)) { $("img").each(function(i){ var imgName = $.trim(this.src.toLowerCase()); if (imgName.substring(imgName.length-3, imgName.length) == "png") { var imgID = (this.id) ? "id='" + this.id + "' " : ""; var
[jQuery] Problem with $(document).ready in FF 2.0.0.3 when dom is malformed
<div>Hello John et al,</div> <div> </div> <div>While working on the Validation Plugin provided by jquery, I had a very strange issue with $(document).ready() which was not firing my functions in FF <a href="http://2.0.0.3">2.0.0.3</a>.</div> <div> </div> <div>Whenever I put a setTimeout call with 500 ms delay inside of it, it worked fine. Which made me think if doconReady is unreliable.</div> <div> </div> <div>Checking my code further, there was some external elements in the page that came with their
[jQuery] show/hide revisited
i can imagine that most people here cant see this topic anymore but however help is needed. i have this bit of code here (and god knows how old, unstylish and inefficient the code below might be) and all i am trying is to make one or two particular divs with set ids/classes to show and hide triggered by a remote image somewhere else on the page. the image, let's say a plus icon switches to a minus icon depending on the state of the toggled divs. the example below at least does toggle between shwo
[jQuery] How do this?
I want to exibe a loading animation before my site load full, but we only use the functions of jQuery when the DOM is ready, exist another method to do this?? Remeber its before the document.ready -- []´s Jean www.suissa.info Ethereal Agency www.etherealagency.com
[jQuery] Documentation mirror
I can't get at the jAuery documentation at jquery.com because of some kind of database issue. Is there a mirror for the documentation?
[jQuery] Form Validation Plugin
<div>Does jquery have a simple form validation plugin where I can define the rules for a field and respective error messages and throw all messages out to a common container on top of the form. No ajax just simple client side validations. The one I saw on the wiki is really huge and does all sorts of things but I just want a simple one. Anything available? Else I'll write something up. Please let me know. </div> <div> Regards,</div> <div>Mandy.</div>
[jQuery] I want to know what wiki software jQuery site use
It's very interesting to me. I want to use it in my website. Great thanks.
[jQuery] Catching events when jQuery fires
One big problem I keep on running into is that event handlers don't fire when the event is called via jQuery. For instance, I want to disable submitting a form: jQuery('form').bind('submit', function() { return false; }) Works like a charm. But, if I use jQuery then to submit the form, it still does it! Likewise with onclick events, etc. Is there any solution?
[jQuery] What is the difference?
What is the difference to do .click(function(){ // }) or .bind("click",function(){ // })? is someone faster? secure? i always use click() is the right?? -- []´s Jean www.suissa.info Ethereal Agency www.etherealagency.com
[jQuery] consume click event
I need to change click event for "each click" I have nex code: function collapseSection(ID_SECCION) { jQuery("#HS_"+ID_SECCION).bind("click",function() {expandSection(ID_SECCION);return false;}); } function expandSection(ID_SECCION) { jQuery("#HS_"+ID_SECCION).bind("click",function() {collapseSection(ID_SECCION);return false;}); } Then I have a TD with click event: < td click="loadDiv(1)"> function loadDiv(ID_SECCION) { jQuery("#HS_"+ID_SECCION).bind("click",function() {collapseSection(ID_SECCION);return
[jQuery] Problems with Selectable Plugin
I have seven selectables on my page. Only the first is reacting... the code: http://rafb.net/p/uYWmsK65.nln.html Thanks, Guilherme Utrabo
[jQuery] random list item
I have a list with numerous list items and 'onclick' I want to have one randomly selected item. How can I do this the jQuery way? dominik
[jQuery] NEWS: More jQuery Articles
New: http://www.dzone.com/r/jquery_tablefilter_plugin_simple_multicolumn_sort.html http://www.dzone.com/r/jquery_for_programmers_part_1.html Oldies but Goodies: http://www.dzone.com/r/easy_ajax_with_jquery.html http://www.dzone.com/r/autocomplete_field_with_jquery_code_explained.html http://www.dzone.com/r/jquery_on_ibm_developerworks.html Enjoy... Rey... jQuery Project Evangelism Team
[jQuery] regular expression question
Hi guys, I have a regular expression question Code below returns full image path if image is png: ------ var image = $$.css('backgroundImage'); if (image.match(/^url\(["'](.*\.png)["']\)$/i)) { image = RegExp.$1; } ------ If I have filter for example: var filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/blah.gif')"; I would like to extract src value which is images/blah.gif How do I do that Thanks heaps --Kush
[jQuery] Disabling Tooltips + Tooltip Text
1] I'd like to make a request to have a flag to turn off all tool-tips (http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/). The easiest way to do this might be to retain existing object events, and simply put a flag in the code to not process tip events. Alternately is there a simple way to identify all tip events and remove them? 2] Is there a way to send in the tool-tip text as a parameter rather than relying on the Title attribute? The reason I'd like to do this is to source all tip
[jQuery] Unable to have a selected option in list when appended, but why?
Hi there. I hava a function which looks like this: var insertMontNamesIntoSelect = function(selectedList, selectThis) { $(selectedList).empty(); var str = ''; for(var i=1; i<13; i++){ str += '<option value="'+i+'"'; if(i == selectThis) str += ' selected '; str += '>'+returnMonthName(i)+'</option>'; } $(selectedList).append(str); } The only thing it does is to build a selectable list of danish month names. My problem is that it wont select the
[jQuery] <select> does not hide() when within table with <col>
Hi, I'm using jquery to show/hide part of the form (i.e. section of the table) when checkbox is toggled. I had a problem with section containing <select> controls - section would hide, but selects would continue to float - only in IE (version 6.0), in FF everything's fine. After some experimenting I noticed that problem appears only if table contains <col> tags. Workaround, other than getting rid of cols, was to specifically find and toggle selects in addition to whole section. Maybe someone would
[jQuery] jcarousel safari
In safari I have to redraw the page in order for it to work. Like resize it or something. It has to be redrawn so I can use the arrows. Anybody else have this prob? -TJ
[jQuery] jquery.us
Has anyone seen this: http://jquery[dot]us (not linked so as not to aid their efforts) Obviously someone trying to cash in with google ads and spammy keyword stuffing. But I got a hit in my referers so they must be doing something right (even though that's so wrong).
[jQuery] Interacting with an IFRAME
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> <font face="Trebuchet MS">Hi there, I have a page that is pulled into an IFRAME. I would like to use jquery in the parent document, to interact with the document in the IFRAME, but I can't work out how to access that document. By using $("iframe") I can get the attributes of the iframe, but I can't seem to get at the document. Is this possible with jQuery (or javascript)?
[jQuery] Fade background colour - my first attempt at a plugin.
This is my first attempt at a plugin, so go easy on me. :) The plugin animates the background colour of an element. My code: http://pastebin.ca/raw/496686 I know there's already a feature in the interface plugin to animate the background colour of an element, but I wanted to have a go at writing a simple plugin and I figured one more plugin couldn't hurt. :P The syntax for using the plugin: $('#elemId').fadeBackColor({ startColor: "#222222", endColor: "#3d3d3d", time: 50}); I'm not sure if my way
[jQuery] Sending POST params along with GET?
I'm working on a PHP script that uses jQuery for Ajax and some other functionality. My script is a plugin for a CMS. I'm trying to send an Ajax query to my script so it can return some HTML. In order to talk with my script though, it has to use a URL something like this: http://www.domain.com/cp/index.php?par1=val1&par2=val2&par3=val3 The CMS' control panel needs those parameters to know where to send the request, but it also checks for a specific POST variable and redirects you if it can't find
[jQuery] BBCode Buttons with jQuery.
Is there a way to make BBCode buttons like for example phpBB forums ? I mean, when you select a piece of text in a TEXTAREA with the mouse and click on B button the result is : [b]selected text[/b] or any other bbcode tag. Thanx in advance!!
[jQuery] OT: Weird IE display issue
I'm experiencing a weird IE display issue that isn't really JavaScript or JQuery related (but I've tried JS to fix it, though it never worked). Its hard to explain, so I made a video of it, and the link to the page is below... http://brianlitzinger.com/dropbox/IEsucks2.mov http://brianlitzinger.com/dropbox/iesucks.html I've tried EVERYTHING I can think of. I also can't remember ever running into this problem before, so I'm stumped. Basically the header div _should_ expand the width of the wrapper
[jQuery] using jquery problem about ajax
do you notice that "&" is big question when you post with jquery. A : "&" is a split for every par like following that data:"id="+id+"&par"=par+"&name="+name, but if you type(input) "&", the program will make a mistake, so we have to filter "&" B : if you click swifly ajax event and the front javascript is not loading enough , the program will be wrong.so we have to click the button when all ajax load completely. what's the solution for them?
[jQuery] Compatibility (jQ + Libraries) + (Prototype + Libraries)
According to the Compatibility page (http://docs.jquery.com/Using_jQuery_with_Other_Libraries) it's possible to redefine $ to something else to avoid conflicts with Prototype. Thus all your jQ code will now use "myjQ." prefix rather than "$". How will this work if you're also using jQ libraries, which are clearly expecting jQ to be on "$". Is it possible? Other examples on the page seem to indicate that you can rebind $ from Prototype to jQ. However the examples all seem to embed jQ code within .ready
[jQuery] Combining Interfaces2 Selectable with Sortable
I'm trying to drag a multiple of items (email addresses, possibly non- sequential) to a second list. Has anybody already tried to do multi-item drag-n-drop? Any pointers, anything you could point me at as a sample? - Kai
[jQuery] FadeIn FadeOut callback timing problem in Internet Explorer 6/7
I have two divs that I'm swapping out, using a fade effect: jQuery("#divPhotoAbove").fadeIn(1000); jQuery("#divPhotoBelow").fadeOut(1000, function() { //Swap the div IMGs and reset visibility values... jQuery("#divPhotoBelow").css("background-image","url('"+newSrc +"')"); jQuery("#divPhotoBelow").show(); jQuery("#divPhotoAbove").hide(); }); But something is not working in IE 6/7. It's problematic in the fade. It suddenly jumps
[jQuery] OT: My Collection of Ajax Feeds
Here's my list of feeds that I review daily. Some offer more than just Ajax-related content but I read these mainly for the Ajax material. http://jquery.com/blog/feed/ http://ajaxian.com/index.xml http://www.dzone.com/feed/frontpage/ajax/rss.xml http://blogs.pathf.com/agileajax/rss.xml http://ajax.phpmagazine.net/atom.xml http://feeds.feedburner.com/encytemedia http://www.jackslocum.com/yui/feed/atom/ http://feeds.yuiblog.com/YahooUserInterfaceBlog http://feeds.feedburner.com/miraculous http://www.ajaxmatters.com/blog/feed/
[jQuery] NEWS: Plazes On TechCrunch
jQuery-Powered Plazes.com is again in the news: http://www.techcrunch.com/?p=6223 Congrats Klaus and the Plazes.com team. Rey... -- BrightLight Development, LLC. 954-775-1111 (o) 954-600-2726 (c) rey@iambright.com http://www.iambright.com
[jQuery] Using jQuery to select text
I'd like to prefill a text box in a form with a typical value, but select the text, so that if the user begins typing, the prefilled text is overwritten, wihtout him having to erase it. (Just like the location bar in my browser - if I click on it, the text becomes selected, so that one key overwrites the old location, without me having to backspace.) Can I do this with JQuery/JavaScript? How? Also, is there a way to disable the submit button unless the text in the box validates (in this case, it
[jQuery] Status codes when using Ajax with Jquery
Hi, I am trying to use Ajax with JQuery. I am using the load function (I also tried the post function). What I want to do is take different actions depending on what the response status code is. Is there any way to return the status code? Thanks for your time and help :)
[jQuery] Suggestion - A | B | C | - Navigation container
Hi Folks This email is a suggest to a new plugin. Is it possible from a list <li> create a A/B/C Navigation container? <code>A | B | C | ... Accessible Travel Assisted Living ...</code> If is possible please let me know, If not feel free to use it. Regards Mario
[jQuery] CSS background image not changing using toggleClass
I have an FAQ page that shows and hides information when a question is clicked. I'm trying to replace the background image of the toggled question. What happens is that I can see that the class that has the changed background specified is getting added to the html, however, the background image is staying the same :( Here's my jquery stuff: $(function() { $ ('#faq').find('.accContent').hide().end().find('.accToggler').click(function() { $(this).next().slideToggle(); });
[jQuery] Funky jquery recursion ...
Hey all! I'm working on a comments section for my project and it goes like this: 1. The user clicks "comments" and I ajax-load the comment contents ... which contains the form for submitting the comment. 2. I want to use ajaxForm to submit the new comment and refresh the comments section. The code looks like this: function showComments(id) { $('#leftColumnContents').load("/ajax/getComments/" + id + "/"); $('#commentForm').ajaxForm(function() { showComments(id); }); } The html for the comment form
[jQuery] How can I exclude an object easyly?
I'm a beginner of jQuery developement I can't find any easy-defined method that can return the object group excluding an object In detail, When I right clicked on a document I want to apply an object with custom contextMenu1 and I also want to apply the other objects with cumtom contextMenu2 So, can anybody tell me about this problem? I'll really appreciate for your help if you advise me Thanks for reading akward English Bye ! :)
Next Page