[jQuery] Re: sites made with jQuery
Strange, it is absolutely positioned to the bottom via css. Thanks tho. GC On Feb 6, 9:27 pm, walterg2 [EMAIL PROTECTED] wrote: The only thing I noticed was a mispositioning of the footer when JS is disabled, but other than that, it's very nice and degrades gracefully. Mike Francisco wrote: Very nice, GianCarlo. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of GianCarlo Mingati Sent: Wednesday, February 06, 2008 12:54 AM To: jQuery (English) Subject: [jQuery] sites made with jQuery Well, it is just my new portfolio but it's made with jQuery! ;-) Plugins used: jquery.reflect.js jquery.safe_mail.js shadowbox-jquery.js http://summer.gcmingati.net Cheers GC
[jQuery] Re: sites made with jQuery
yes it's true, the footer goes in the middle of the page. but hey... what the web will be without js? ;-) GC On Feb 6, 9:27 pm, walterg2 [EMAIL PROTECTED] wrote: The only thing I noticed was a mispositioning of the footer when JS is disabled, but other than that, it's very nice and degrades gracefully. Mike Francisco wrote: Very nice, GianCarlo. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of GianCarlo Mingati Sent: Wednesday, February 06, 2008 12:54 AM To: jQuery (English) Subject: [jQuery] sites made with jQuery Well, it is just my new portfolio but it's made with jQuery! ;-) Plugins used: jquery.reflect.js jquery.safe_mail.js shadowbox-jquery.js http://summer.gcmingati.net Cheers GC
[jQuery] Re: sites made with jQuery
Also the email text after the portfolio 'want to know more just ask' does not display ends after just. Perhaps if safe_mail could replace existing text (ie mail me (at) my-domain(dot)net) rather than fill an empty span. (The again this is pure this is a extremely mute point) The site is smooth and inspiring work; Good portfolio too nice flash work. That shadow box is very impressive. Contains flash well. I battled with flash in greybox thickbox a while back and had some real issues with IE which crawled like a slug when trying to show displaying content in the overlay. Having only checked this out in firefox, I am keen to see how IE handles shadowbox. - S On 06/02/2008, walterg2 [EMAIL PROTECTED] wrote: The only thing I noticed was a mispositioning of the footer when JS is disabled, but other than that, it's very nice and degrades gracefully. Mike Francisco wrote: Very nice, GianCarlo. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of GianCarlo Mingati Sent: Wednesday, February 06, 2008 12:54 AM To: jQuery (English) Subject: [jQuery] sites made with jQuery Well, it is just my new portfolio but it's made with jQuery! ;-) Plugins used: jquery.reflect.js jquery.safe_mail.js shadowbox-jquery.js http://summer.gcmingati.net Cheers GC
[jQuery] shadowbox+flash preload
Hi Sam, thanks... and you're right, without js the mail link is not created. I found, however, safe_mail is working very well; since its installation in this page, i receive far less spam mails. Shadowbox: is one of the greatest script i've seen so far mostly because of its smart plugin detection mechanism, ease of use and options. For the SWF files: i already asked Michael to consider an automated preload of HUGE flash works: in my portfolio page i have (as you've seen) two large (and old) flash experiments, both over 2Mb (FCO and Learjet31). FCO was made two days before my departure to Amsterdam for a short (but intense) weekend with the friend on the right (i'm on the left) weel, simply trying to load them work as expected with shadowbox, but they're HUGE and user won't see anything until they're completely downloaded. pretty annoying, one can close the window thinking there's an error. So i was forced to call those huge swf file inside an HTML template (instead of linking directly) and on the HTML i have the well-known SWFObject script that calls a preloader: var so = new SWFObject(../../preloader.swf, sotester, 550, 550, 7, #FFF); so.addParam(scale, noscale); so.addParam(salign, lt); so.addVariable(movieToLoad, pilots.swf); so.write(flashcontent); the preloader calls pilots.swf and you see the preloader (a user get an idea of what's going on...and maybe will wait till the end). That process should be automated in this way: a rel=shadowbox;width=400;height=300;preload=true;version=7;bgcolor=#FFF class=option title=pilots href=media/flash/res/pilots.swfFCO/ a Shadowbox should read the params in the rel attribute, and act accordingly. there's an issue however that may lead to a no-fly decision: the framerate. As far as i know, imported movies in flash WILL run at the same framerate as the IMPORTER clip. If i have a cartoon made at 12fps, importing that with a preloader will make it run at the same FPS set in the preloader (eg: 30fps). There is no way to dynamic change the framerate...other tan that yes, shadowbox rocks! Ciao GC On Feb 7, 10:31 am, Sam Sherlock [EMAIL PROTECTED] wrote: Also the email text after the portfolio 'want to know more just ask' does not display ends after just. Perhaps if safe_mail could replace existing text (ie mail me (at) my-domain(dot)net) rather than fill an empty span. (The again this is pure this is a extremely mute point) The site is smooth and inspiring work; Good portfolio too nice flash work. That shadow box is very impressive. Contains flash well. I battled with flash in greybox thickbox a while back and had some real issues with IE which crawled like a slug when trying to show displaying content in the overlay. Having only checked this out in firefox, I am keen to see how IE handles shadowbox. - S On 06/02/2008, walterg2 [EMAIL PROTECTED] wrote: The only thing I noticed was a mispositioning of the footer when JS is disabled, but other than that, it's very nice and degrades gracefully. Mike Francisco wrote: Very nice, GianCarlo. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of GianCarlo Mingati Sent: Wednesday, February 06, 2008 12:54 AM To: jQuery (English) Subject: [jQuery] sites made with jQuery Well, it is just my new portfolio but it's made with jQuery! ;-) Plugins used: jquery.reflect.js jquery.safe_mail.js shadowbox-jquery.js http://summer.gcmingati.net Cheers GC
[jQuery] Re: Finding index of the first empty text field
On 7 Feb, 03:11, bikuta [EMAIL PROTECTED] wrote: Hi all, I'm trying to find the index of the first empty text field (class name is item). Hi there I've tried in many ways but the only one that works seems to be this one: $(input).index($(.item[value='']:first)[0]); You definitely need that [0] at the end :)
[jQuery] Re: Finding index of the first empty text field
On 7 Feb, 11:23, andrea varnier [EMAIL PROTECTED] wrote: $(input).index($(.item[value='']:first)[0]); this one is better: $(input).index($(.item[value=''])[0]); since we're using that [0] there's no longer need for the :first selector :)
[jQuery] Re: How do I filter an XML file?
On 6 Feb, 21:52, victorcorey [EMAIL PROTECTED] wrote:
XML sample:
?xml version=1.0 encoding=UTF-8? [...]
How can I filter the row nows based on the region? I want to only show
row nodes that have a region value of Latin America and the Caribbean.
is this some xml you get from an ajax call?
in this case, if you use $.get, maybe you could try something like
this:
$.get('path/to/file.xml', function(data){
$(data).find('row').each(function(){
var region = $(this).find('region').text();
if (region == Latin America and the Caribbean) {
// show
}
});
});
I didn't test it, but I hope it gives you an idea :)
[jQuery] Plugin method
Hi all
I'm struggling to get a private function running in a plugin.
Here are the 2 pieces of code, first the running version then the more
elegant but broken.
Obviously there is something that I have understood wrong in the pattern.
Can somebody point me to a better way to do this ?
//fully functionning
(function($){
$.fn.treeview = function(o){
var defaults = {
minus:
'url(style/site/interface/public/treeview/minus.gif) 0 0 no-repeat',
plus:
'url(style/site/interface/public/treeview/plus.gif) 0 0 no-repeat'
};
var opt = $.extend(defaults, o);
var $ul = $('li ul', this);
var $li = $('li', this);
$li.each(function(o, i){
$sub_ul = $('ul', this);
if ($sub_ul.length != 0) {
if ($sub_ul.css('display') != 'none')
$(this).css({background: opt.minus});
else $(this).css({background: opt.plus});
}
});
return $li.toggle(
function(){$ul.hide('slow');},
function(){$ul.show('slow');}
);
}
})(jQuery);
// More elegant attempt but broken
(function($){
//settings
$.fn.treeview.defaults = {
minus:
'url(style/site/interface/public/treeview/minus.gif) 0 0 no-repeat',
plus:
'url(style/site/interface/public/treeview/plus.gif) 0 0 no-repeat'
};
//private (but I tried also with $.fn.treeview.setBg =
function(o))
function setBg(li){
$sub_ul = $('ul', li);
if ($sub_ul.length != 0) {
if ($sub_ul.css('display') != 'none')
$(li).css({background: opt.minus});
else $(li).css({background: opt.plus});
}
}
//constructor
$.fn.treeview = function(o){
var opt = $.extend(defaults, o);
var $ul = $('li ul', this);
var $li = $('li', this);
$li.each(function(o, i){
$(o).setBg();
});
return $li.toggle(
function(){$ul.hide('slow');},
function(){$ul.show('slow');}
);
}
})(jQuery);
[jQuery] it's only 1 character
The closures around plugins, when concatenated together (e.g. via
Rails 2.0) into one javascript file for production, can confuse the
javascript parser - despite the fact there is a new line. I propose
that there should be a semicolon at the first character to stop this.
I.e.
;(function($) {
rather than
(function($) {
I think it can confuse the closure as an argument of a function.
I've mentioned it before and there's been some good uptake of the idea
(e.g. http://dev.jquery.com/view/trunk/plugins/accordion/widget.js) ,
but the problem hit me again today whilst putting a site out to
production - so I thought I'd mention it again.
It will save lots of people lots of time :o)
Jonah
[jQuery] Re: it's only 1 character
Thanks for the heads up, Jonah. I'll add this to my plugins.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Feb 7, 2008, at 8:10 AM, weepy wrote:
The closures around plugins, when concatenated together (e.g. via
Rails 2.0) into one javascript file for production, can confuse the
javascript parser - despite the fact there is a new line. I propose
that there should be a semicolon at the first character to stop this.
I.e.
;(function($) {
rather than
(function($) {
I think it can confuse the closure as an argument of a function.
I've mentioned it before and there's been some good uptake of the idea
(e.g. http://dev.jquery.com/view/trunk/plugins/accordion/widget.js) ,
but the problem hit me again today whilst putting a site out to
production - so I thought I'd mention it again.
It will save lots of people lots of time :o)
Jonah
[jQuery] Re: Adding events to newly added fields
bikuta wrote: The way I'm adding the item is just by adding another row to the html table using the append() method. Should I be doing it another way? Instead of binding the events for all the rows individually, just bind the events once to the container element. It's events get triggered as the event bubbles up the DOM, and there you can use e.target to check which element was actually clicked etc... This way you: A) Only bind events once, for one object instead of many (fast, clear) B) Don't need to bind events agains as rows are added (fast, simple). Search this group for Event delegation or Event bubbling and you should find further information. -- Suni
[jQuery] Re: Thickbox Alternative that Works with jQuery
If you like Thickbox, why are you looking for something different? -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of cfdvlpr Sent: Thursday, February 07, 2008 10:20 AM To: jQuery (English) Subject: [jQuery] Thickbox Alternative that Works with jQuery Thickbox is great and I love the way it works. Is there anything else like it that works with jQuery?
[jQuery] Re: sites made with jQuery
Can someone please post a link to the shadowbox plugin?
[jQuery] Re: jQuery UI Enchant Alpha Versions Released
Superb, well done team jQuery! The UI stuff is looking smooth. I notice that there are even some significant changes to the innerds of jQuery in v1.2.3. (For instance you've coded the :selectors using functions instead if strings. Has that improved performance?) Not significantly (minor, at best) but it does help with compatibility in running on Adobe AIR, for example (since it no longer requires the use of eval to operate). In the long run, this was probably a better strategy anyway. --John
[jQuery] Re: jQuery won't recognise attribute names containing [square brackets]
You can use square brackets, you just have to put a '\' before them (which has to be done as '\\' because of JavaScript's encoding) http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_select_an_element_that_has_weird_characters_in_its_ID.3F Karl On Feb 8, 2008 1:28 AM, Dave Stewart [EMAIL PROTECTED] wrote: I'm finding it impossible using jQuery to select any attributes with square brackets in them. I'm sure most people know PHP uses square brackets within form element names to submit multi-dimensional arrays, ie: contact[name] contact[email] contact[telephone] contact[options][option 1] contact[options][option 2] contact[options][option 3] This is read natively by PHP as: contact = array ( name, email, telephone, options = array( option 1, option 2, option 3 ) ) In a way, jQuery's refusal to recognise square brackets makes sense, as it leans towards attribute selectors (which are fantastic tools), but vanilla getDocuementById() works, so I'm wondering why jQuery hasn't some kind of check for this kind of thing? In the meantime, does anyone have any best-practice workarounds to this issue, for example for the above data structure? Combined selectors, e.g. #contact-email and separate selectors e.g. #contact #email offer different advantages. Has anyone any preferences, and why?? Many thanks, Dave Stewart
[jQuery] Re: Firefox 3 beta
Are you .load()ing HTML with a JavaScript snippet in it? If so, then that's a bug in Firefox 3 and it will be resolved before release. Or you could use jQuery 1.2.2 and newer - which will work with Firefox 3 just fine. --John On Feb 7, 2008 5:01 AM, kenneth [EMAIL PROTECTED] wrote: Hello everybody I recently installed the new beta version of firefox 3 I thought it would accept everything we are now designing on a new website but unfortunatly it doesn't accept all jquery code. for example: .load of a specific php file in an other div doesn't seem to work anymore. This is quite a problem. Are there going to be fixes in Jquery for firefox 3? or is this a symptom that will dissapear when there is an official release of firefox? These changes are quite important for us, and i guess for thousand other users... thx in advance kind regards K
[jQuery] Code that works in FF but not IE7
Hi,
I'm kinda confused, I've got some code that puts a frame into a table
as a new row when a row is clicked. Now it works in FF but not IE.
I've been browsing around and come to no solutions. Now the problem is
that my code errors out on the line: var el = this; not sure why.
Here's the code. Anyone able to help me out?
function initAccessInfo(infoUrl) {
var infoRows = $('tr.accessInfo');
$('tr.access').each(function(i) {
this.loaded = false;
var info = infoRows.eq(i);
$(this).click(function() {
info.toggleClass('show');
var el = this;
if(!el.loaded) {
var id = info.attr(id);
var myframe = $('iframe frameborder=no
scrolling=no
id=infoiframe' + id + ' name=infoiframe' + id + '/iframe');
var loading = $('div class=loading
id=aiLoad' + id + 'img
src=img/throbber.gif alt= / Loading.../div');
$('td', info).append(loading);
$('td', info).append(myframe);
//myframe.show();
myframe.attr(src, infoUrl + id);
el.loaded = true;
}
});
});
[jQuery] Tablesorter plugin
Anyone had any issues with the latest version of this in IE?
I have a page that uses this, and I've made use of the sortStart and
sortEnd triggers. For whatever reason, the sortEnd trigger never
fires -- so the message box I have show never goes away. Also, the
zebra striping isn't working at all -- not even when I leave the
widgetZebra property at its default and change my css to use even
and odd instead of my-even-class and my-odd-class.
I've tried making sure my usage of the triggers is EXACTLY like that
listed on the example page -- and still no love. Any ideas what I
could be missing?
I have something like the following:
$(document).ready(function() {
$('#display-div).hide();
$('table').tablesorter({
widgets: ['zebra'],
widgetZebra: {css: [my-even-class,my-odd-class]},
cssHeader:'',
cssAsc: 'asc',
cssDesc: 'desc',
});
$('table').bind(sortStart,function() {
$('#display-div).css(css stuff here).show();
}).bind('sortEnd',function(){
$('#display-div).fadeOut('slow');
});
});
I've tried changing the .fadeOut('slow') to .hide(). No love. I've
tried getting rid of the .css call in sortStart, so that it just ends
up being $('#display-div).show(); No love. I've even tried striping
down the .tablesorter call to not specify anything beyond widgets:
['zebra'], and still it doesn't work! It says that the plugin works in
ie6 -- but my tests show this not to be the case. However, when I go
to http://tablesorter.com/docs/example-triggers.html with ie6 -- works
like a charm. I must be missing something very subtle. About the
only thing I haven't tried is using the packed version of tablesorter
because I have made some modifications to it for my use (changed the
%sort to sort floats as well as integers, since I have to sort values
like 10.35%). It works beautifully in firefox. . . zebra striping,
triggers, and sorting -- all of it!
Any assistance would be appreciated.
[jQuery] Re: Test if jquery has loaded
That would fail if jQuery hasn't loaded. It would give an error saying
something like $ has no properties, or $ is not a function.
You could try something like this:
if (jQuery) { alert(jQuery loaded); }
I haven't tested this but don't see why it wouldn't work...
HTH
Shawn
Kyle Browning wrote:
$(document).ready(function() {
alert('hi');
});
This uses jQuery's .ready function on the document object
On Feb 6, 2008 2:41 PM, MikeeBee [EMAIL PROTECTED]
mailto:[EMAIL PROTECTED] wrote:
Is there a small piece of code you can put on a page to test if jquery
has loaded?
Thanks
[jQuery] jquery cycle works in FF but stretches to the bottom in IE
Hi guys I'm new to this group and I hope someone can help me out here. I am developing a page which uses jquery carousel and cycle plugins. The cycle plugin is giving me trouble. The cycle plugin works like a charm in FF but IE it does not play any affect and it stretches all the way down as if there is no js applied to it. Here you can see what I mean: http://afternine.be/development/htm/index8.html When you look at it you will see it works in FF but for some reason IE does not freakin render it :( any thoughts? thx in advance, Peter
[jQuery] jQuery won't recognise attribute names containing [square brackets]
I'm finding it impossible using jQuery to select any attributes with square brackets in them. I'm sure most people know PHP uses square brackets within form element names to submit multi-dimensional arrays, ie: contact[name] contact[email] contact[telephone] contact[options][option 1] contact[options][option 2] contact[options][option 3] This is read natively by PHP as: contact = array ( name, email, telephone, options = array( option 1, option 2, option 3 ) ) In a way, jQuery's refusal to recognise square brackets makes sense, as it leans towards attribute selectors (which are fantastic tools), but vanilla getDocuementById() works, so I'm wondering why jQuery hasn't some kind of check for this kind of thing? In the meantime, does anyone have any best-practice workarounds to this issue, for example for the above data structure? Combined selectors, e.g. #contact-email and separate selectors e.g. #contact #email offer different advantages. Has anyone any preferences, and why?? Many thanks, Dave Stewart
[jQuery] Autopopulate multiple select plugin question
Hi everybody,
I'm using the plugin in object to autopopulate a multiple select. It
works nicely.
Now, I would want to select (selected=selected) the right item when
I reload the page.
I have this:
if (@$this-input-post('ajaxSelectChoose')) {
$query = $this-set-list_active_items('typologies', $this-
input-post('category'), 'url');
// this read the items from a database
$json = array();
foreach($query-result() as $row)
{
$json[] = '{id : ' . $row-id . ', label : ' .
$row-name .
'}';
}
die ('[' . implode(',', $json) . ']');
}
How can I select pre-select an option that is contained in a db row?
I have this:
$json[] = '{id : ' . $row-id . ', label : ' . $row-name .
'}';
something like {selected: selected=selected}
Regards guys
[jQuery] AJAX beforeSend setRequestHeader problem with IE
I have the following code to force the HTTP_ACCEPT header when doing
ajax calls so that my Rails app can properly interpret the request
using it's respond_to block:
$.ajaxSetup({
beforeSend: function(xhr) {xhr.setRequestHeader(Accept, text/
javascript);}
});
This is working fine with Firefox, however with IE 6 or 7 the new
Accept header is being appended to the end of the HTTP_ACCEPT string
instead of replacing it, so it now becomes: text/html, */*, text/
javascript. The problem with this is that the Rails respond_to block
will intercept the request as html first so it won't reach the JS or
XML blocks.
For the moment I have a before_filter in my Rails app to set the
correct header, but that's too hackish for my liking.
Has anyone come across this or are there any suggested work arounds?
[jQuery] Detecting the selected Item when it is load via ajax
Hi, I have 3 related selects - Districtid,Circuitid and Churchid. When a user selects a districtid it populates the Circuitid select list with Circuits for that District. When the Circuit list is populated it automatically has the first circuit selected and this then loads the churchid select list with churches related to the circuit. When the churches load the first church in the list is selected and what I need to do is detect the value of this church (churchid) so that I can pass that to a table which is populated with projects for the selected church. The problem I am having is that when the church list loads it doesn't seem to fire an onchange event and therefore I am unable to detect what the initial churchid is. How can I detect the initial churchid that is selected (not by the user) when the select list loads. I have tried picking up the :selected value but this doesn't seem to work. Anyone got any ideas? Also, the selects are powered by ColdFusion 8 using the bind parameter. Does anyone know of any jquery code (plugin) for doing related selects? Many thanks, Dave (jQuery newbie)
[jQuery] Firefox 3 beta
Hello everybody I recently installed the new beta version of firefox 3 I thought it would accept everything we are now designing on a new website but unfortunatly it doesn't accept all jquery code. for example: .load of a specific php file in an other div doesn't seem to work anymore. This is quite a problem. Are there going to be fixes in Jquery for firefox 3? or is this a symptom that will dissapear when there is an official release of firefox? These changes are quite important for us, and i guess for thousand other users... thx in advance kind regards K
[jQuery] Thickbox Alternative that Works with jQuery
Thickbox is great and I love the way it works. Is there anything else like it that works with jQuery?
[jQuery] frameReady plugin and reloading iframes
So, I've been using the brilliant frameReady plugin, and when I ran across an issue: I'd like to be able to reload an iframe (sometime after initial loading) and have frameReady perform the exact same actions as it did to begin with. I think this is a similar issue as re-binding of events to DOM elements after they've been replaced using Ajax. Has anyone else run across this situation? - jake
[jQuery] Release: Treeview plugin 1.4
I've just released an update to the a href=http://bassistance.de/jquery-plugins/jquery-treeview-tooltip/;treeview plugin/a. One major improvement are completely overhauled themes, based on CSS sprites that require only two images. That makes customizing them much easier, while also improving performance - less file, less filesize. Also new are lazy-loaded trees, based on Ajax and JSON. From the changelog: ul liFixed tree control to search only for anchors, allowing images or other elements inside the controls, while keeping the control usable with the keyboard/li liRestructured folder layout: root contains plugin resources, lib contains script dependencies, demo contains demos and related files/li liAdded prerendered option: If set to true, assumes all hitarea divs and classes already rendered, speeding up initialization for big trees, but more obtrusive/li liAdded jquery.treeview.async.js for ajax-lazy-loading trees, see async.html demo/li liExposed $.fn.treeview.classes for custom classes if necessary/li liShow treecontrol only when JavaScript is enabled/li liCompletely reworked themeing via CSS sprites, resulting in only two files per theme ulliupdated dotted, black, gray and red theme/li liadded famfamfam theme (no lines)/li/ul/li liImproved cookie persistence to allow multiple persisted trees per page via cookieId option/li liImproved location persistence by making it case-insensitive/li liImproved swapClass and replaceClass plugin implementations/li liAdded folder-closed.gif to filetree example/li /ul Have fun! Jörn
[jQuery] Re: [validate] validator.pendingRequest below 0
Yuval schrieb: Hey Jörn! ajaxQueue was indeed included when this did not work. It was loaded in this order though, I don't know if it matters. [...] So it's loaded last. Thanks, Yuval The order doesn't matter. Seems like the problem still exists - so I'll take your proposed fix into consideration. I'd prefer to find out why the issue occurs though. Any help on replicating the problem is very welcome. Jörn
[jQuery] Re: Using Literal Objects in Javascript with JQuery
Object Literal is a specification of EcmaScript... The most usefull
example of it is JSON. JSON is basicaly an implementation of OL...
Well, I'm not the best teacher for this... I'm learning it too.
On Feb 6, 2:06 pm, J Moore [EMAIL PROTECTED] wrote:
Yes, great screencast. (I think i learned a little portuguese too.)
A question about literal objects - is it fundamentally different than
using prototype?
//
// example 1: literal obj
//
var Counter = {
container = $('#counter');
start: 1,
init: function() { container.val(start); }
}
$(document).ready(function() {
Counter.init();
});
//
// example 2: prototype obj
//
function Counter() {
var start = 1;
var container = $('#counter');
};
Counter.prototype.init = function(obj) {
this.container.val(this.start);
};
var c = new Counter();
c.init();
certainly the object literal method looks a bit cleaner. It is
possible to create multiple instances? Any other advantages?
-j
On Feb 6, 9:59 am, rics [EMAIL PROTECTED] wrote:
Hello,
Here is a great screencast tutorial on how to better organize your js
code with Literal Objects and JQuery. The author is brazilian and he
talks portuguese, but you can follow and understand the tutorial
without any sound, just seeing what he do on screen.
http://www.tuliofaria.net/arquivos/videotutoriais/jsobjetoliteral/
Good luck!
rics
[jQuery] changing the selected option in a select
I can't seem to get this to work...
I'm using jquery 1.1.4
I have a link 'a.clear'
When clicking on a.clear, I want to reset all selects to a 'null' option:
javascript:void(0); clear
select
option value=0--/option
option value=1 selected=selectedthis/option
option value=2 that/option
/select
this didn't work (as well as several other variations):
$('a.cancel').click( function(){
$('select option[value=0]').attr(selected,selected);
});
can someone clue me in?
Thanks!
--
View this message in context:
http://www.nabble.com/changing-the-selected-option-in-a-select-tp15345354s27240p15345354.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: sites made with jQuery
http://mjijackson.com/2008/01/22/shadowbox-js-media-viewer-1-0-beta/ On Feb 7, 5:23 pm, cfdvlpr [EMAIL PROTECTED] wrote: Can someone please post a link to the shadowbox plugin?
[jQuery] Re: [validate] Wait to send remote until user pauses/finishes typing
morrijr schrieb: Hi, I've got a textbox which has a remote rule on it which works very well thanks. However I get a request on every keypress, would it be possible to add a (definable?) delay after the keypress before the request is submitted which, if another key is input before the delay times out causes the delay to be reset. I hope my rambling makes sense! If not, I think http://www.selfcontained.us/2007/10/07/ajax-requests-when-users-stop-typing/ describes the issue. Once more - thanks for all your hard work! Currently there is no perfect solution. You can set onkeyup:false to completely disable keyup validation, which isn't that great for non-remote methods. However, your feedback helps designing a good solution for the problem, let me know if have further ideas. Jörn
[jQuery] [ANNOUNCE] jQuery UI Enchant Alpha Versions Released
The jQuery UI team announced today the release of alpha versions of jQuery UI 1.5a and jQuery Enchant 1.0a! The projects aim to address the need for a strong set of UI controls and effects to complement the jQuery JavaScript library. From Paul Bakaus, UI team lead: Hi everybody! I'm very happy to announce the first alpha release of both jQuery UI 1.5 and jQuery Enchant 1.0 to all the adventurous guys out there. This is a huge update - the whole API has been standardized and updated, and many of the plugins have been completely rewritten. jQuery Enchant is the missing part of UI: A library completely devoted to rich effects. It already features all effects you know from scriptaculous/interface, as well as many more great additions: color animations, class animations and highly configurable effects. Be advised that while it's extremly hot (and fresh), this release is absolutely not stable - there is no documentation at this point, so you have to digg into the demos and code yourself if you want to check it out. It's really only a testing and try-out release. This will allow us to be able to get it out to you guys, then spend the next days on further bugfixing and improvements. It would be great if you could test and report whatever you think should work from looking at the code - it really helps us to get the beta ready, which is scheduled for February 10th. The beta will come out with official release notes and an updated documentation. Since it's alpha, it's not only stablity missing - the following stuff is not included: - Draggable option wrapHelper - Almost everything of slider I will soon answer to this thread with uploaded demos that you can try out right away. Thanks a lot so far for everyone who helped in making this happen (more on that in the beta release!) Anyway, try it out for yourself! The code and demos for the two libraries can be found here: jQuery UI: http://jqueryjs.googlecode.com/files/jquery.ui-1.5a.zip http://ui.jquery.com/1.5a/demos/ jQuery Enchant: http://jqueryjs.googlecode.com/files/jquery.enchant-1.0a.zip http://ui.jquery.com/enchant/1.0a/demos/ It’s important to note that both jQuery UI and Enchant require the newly jQuery v1.2.3 which was released last night. http://code.jquery.com/jquery-1.2.3.js http://code.jquery.com/jquery-1.2.3.min.js http://code.jquery.com/jquery-1.2.3.pack.js
[jQuery] Re: Release: Treeview plugin 1.4
very cool. fyi, your link is broken.
[jQuery] Re: Adding events to newly added fields
This can help you do what Juha said: http://flesler.blogspot.com/2007/10/jquerylisten.html Cheers Ariel Flesler On Feb 7, 11:37 am, Juha Suni SC [EMAIL PROTECTED] wrote: bikuta wrote: The way I'm adding the item is just by adding another row to the html table using the append() method. Should I be doing it another way? Instead of binding the events for all the rows individually, just bind the events once to the container element. It's events get triggered as the event bubbles up the DOM, and there you can use e.target to check which element was actually clicked etc... This way you: A) Only bind events once, for one object instead of many (fast, clear) B) Don't need to bind events agains as rows are added (fast, simple). Search this group for Event delegation or Event bubbling and you should find further information. -- Suni
[jQuery] intercepting links and adding a short animation before executing them
hello guys, the title tells it all really: intercepting links and adding a short animation before executing them this might be the most amateur question for tonight - however an answer would be very appreciated. example: i have a simple navigation in an unordered list. i want to make the page i am on fade away in a smooth short animation before the onclick- event is actually executed. thanks in advance for any help. s
[jQuery] [validate] Delay remote until user pauses/finishes typing
Hi, I've got a textbox which has a remote rule on it which works very well thanks. However the server gets a request on every keypress, would it be possible to add a (definable?) delay after the keypress before the request is submitted which, if another key is input before the delay times out causes the delay to be reset. I hope my rambling makes sense! If not, I think http://www.selfcontained.us/2007/10/07/ajax-requests-when-users-stop-typing/ describes the issue. Once more - thanks for all your hard work! J.
[jQuery] [validate] Wait to send remote until user pauses/finishes typing
Hi, I've got a textbox which has a remote rule on it which works very well thanks. However I get a request on every keypress, would it be possible to add a (definable?) delay after the keypress before the request is submitted which, if another key is input before the delay times out causes the delay to be reset. I hope my rambling makes sense! If not, I think http://www.selfcontained.us/2007/10/07/ajax-requests-when-users-stop-typing/ describes the issue. Once more - thanks for all your hard work! J.
[jQuery] Re: FireFox Click Function Can't Access DHTML Element
Forgot to mention... I'm using JQuery 1.1.2, which is really old at this point, but I've also tried using the latest versions 1.2.2 and 1.2.3 as well and this did not resolve the problem.
[jQuery] What tool is used to minify the official jQuery distribution?
I've been testing out various minifying strategies, such as Dean Edwards' packer, YUI Compressor, jsmin, etc. My goal is to concatenate all my required .js files and then minify them en masse. I've read of concerns about trailing semicolons, etc. and am curious what tool is used to minify the official jQuery distribution. Please post if you have knowledge! Thanks, haylo
[jQuery] Re: FireFox Click Function Can't Access DHTML Element
Ha, you sound like an earlier version of me. This was a LOT of diggin
to find an answer and since I happen to have saved it, I'll share it
with you. I did not test this with your code at all, it is meant to be
plug and play. You may need to have the prototype library. I don't
know since I have it.
Just add this into your page:
var browser=navigator.appName
if(browser == Netscape){
HTMLElement.prototype.click = function() {
var evt = this.ownerDocument.createEvent('MouseEvents');
evt.initMouseEvent('click', true, true,
this.ownerDocument.defaultView, 1, 0, 0, 0, 0, false, false, false,
false, 0, null);
this.dispatchEvent(evt);
}
}
[jQuery] Re: Test if jquery has loaded
Of course it would fail if the function didnt exist.
Thats the point.
He wanted to know how to check if it was loaded or not, so If the alert
doesnt show up, its not loaded.
On Feb 6, 2008 11:48 PM, Shawn [EMAIL PROTECTED] wrote:
That would fail if jQuery hasn't loaded. It would give an error saying
something like $ has no properties, or $ is not a function.
You could try something like this:
if (jQuery) { alert(jQuery loaded); }
I haven't tested this but don't see why it wouldn't work...
HTH
Shawn
Kyle Browning wrote:
$(document).ready(function() {
alert('hi');
});
This uses jQuery's .ready function on the document object
On Feb 6, 2008 2:41 PM, MikeeBee [EMAIL PROTECTED]
mailto:[EMAIL PROTECTED] wrote:
Is there a small piece of code you can put on a page to test if
jquery
has loaded?
Thanks
[jQuery] Re: What tool is used to minify the official jQuery distribution?
This isn't the official tool (I'm not sure what is, maybe jsmin?), but you might find it helpful/inspiring: http://aciddrop.com/php-speedy/ On Feb 7, 12:44 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I've been testing out various minifying strategies, such as Dean Edwards' packer, YUI Compressor, jsmin, etc. My goal is to concatenate all my required .js files and then minify them en masse. I've read of concerns about trailing semicolons, etc. and am curious what tool is used to minify the official jQuery distribution. Please post if you have knowledge! Thanks, haylo
[jQuery] Re: ajaxSubmit and Loading message
Thanks, but I still must be doing something wrong because I get the
following error:
jQuery(options.target).attr(innerHTML, data).evalScripts is not a
function
Here's the code I currently have:
var v = jQuery(#two).validate({
submitHandler: function(form) {
jQuery(form).ajaxSubmit({
target: #ajax,
beforeSubmit: function () {
$('#container').html('Loading...')
},
clearForm: true
});
},
debug: true,
errorContainer: container,
errorLabelContainer: $(ol, container),
wrapper: 'li',
event: keyup
});
Thanks.
On Feb 7, 5:33 am, Christoph Haas [EMAIL PROTECTED] wrote:
On Wed, Feb 06, 2008 at 08:21:25PM -0800, apadley wrote:
I have a complex form that uses ajaxSubmit (see code below). The form
takes awhile to process and I'd like to display a loading message or
loading gif while waiting for the response. How can I modify or add to
the code below to accomplish this. The message or gif should appear in
the #container div.
var v = jQuery(#two).validate({
submitHandler: function(form) {
jQuery(form).ajaxSubmit({
target: #ajax,
resetForm: true
});
},
debug: false,
errorContainer: container,
errorLabelContainer: $(ol, container),
wrapper: 'li',
event: keyup
});
I have tried adding the following which shows the loading gif, but
does not display the result from the action page in the ajax div :
$(#container).ajaxStart(function(){ $(this).show(); }).ajaxStop
(function(){ $(this).hide(); });
Seehttp://malsup.com/jquery/form/#options-object
You can use beforeSubmit pointing to something like
function () {
$('#container').html('Loading...')
}
Works here (tm).
Cheers
Christoph
--
[EMAIL PROTECTED] www.workaround.org JID: [EMAIL PROTECTED]
gpg key: 79CC6586 fingerprint:
9B26F48E6F2B0A3F7E33E6B7095E77C579CC6586
[jQuery] getting 'undefined' using jquery.expander
Hi All,
This is my first post and am VERY new to jquery (but love it!), so
please forgive me for any violations of protocol.
I'm using jquery.expander with the following code:
$(document).ready(function() {
$('ul.expander span').expander({
slicePoint: 0,
expandEffect: 'fadeIn'
});
});
to make the embedded ul (within the span) in the following code hide
and show:
ul class=expander
liApply the right information and resources in an organized and
consistent manner./li
liAssess practice readiness and optimize for care management. /
li
liPromote improved patient care by:
span
ul
liBuilding a team that values the benefits of new
and efficient processes./li
liImplementing workflows that target the needs of
chronic care populations./li
liEnhancing patients' confidence in managing their
health/li
liEmbracing Clinical Decision Support/li
/ul
/span
/li
/ul
It works fine. However, the text ''read more..., rather than
disappearing as it should, is replaced by the 'undeclared'.
Any ideas why this would happen??
Thanks!
[jQuery] How to load content inside iframe into DOM?
Let's say I have webpage that has an iframe containing some other website that I don't own such as Wikipedia. Is it possible to have a javascript function on MY website triggered every time someone clicks a link on the site contained in the iframe?
[jQuery] Re: [validate] validator.pendingRequest below 0
1. Have a form with one or more fields that use remote 2. When the form is empty, click the submit button so that it shows all errors 3. Now type the correct thing into one of the fields so that it approves of it 4. Click the submit button again 5. Repeat steps 4-5 and eventually (I am not sure whether it happens because of speed of typing and moving from one field to the other or because of the number of time the submit button is pressed) It just would not let you submit the form. 6. What I would do if I were you would be to add an alert() after each request is submitted, then when the request ends, and once the submit button is clicked, alert() alert pendingRequest - that's a good way to keep track of what's going on - then you'll know exactly when it happens in relation to the form you're working with. As a side note, IE's script debugger and Firefox's Firebug did _not_ help when I was troubleshooting the problem. Good luck, and please let me know if I can help in any way. Thank you, Yuval Karmi On Feb 7, 12:24 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote: Yuvalschrieb: Hey Jörn! ajaxQueue was indeed included when this did not work. It was loaded in this order though, I don't know if it matters. [...] So it's loaded last. Thanks, Yuval The order doesn't matter. Seems like the problem still exists - so I'll take your proposed fix into consideration. I'd prefer to find out why the issue occurs though. Any help on replicating the problem is very welcome. Jörn
[jQuery] Re: jQuery won't recognise attribute names containing [square brackets]
Wow, that's really useful to know, thanks Karl. I think I'll just use a regular expression: selector = selector.replace(/(\[|\])/g, '\$1') It would be really useful if this were an option, somehow. My jQuery- foo is not all that. Any ideas, anyone? Cheers, Dave
[jQuery] Re: Adding events to newly added fields
Cool thanks, but it doesn't work for blur and change. I guess that's because they don't bubble. I saw the intercept plugin and there's also livequery. Apparently there's also a delegate plugin, but I can't find it. I'm not sure what I should use to get the best performance. Any suggestions? On Feb 8, 2:08 am, Ariel Flesler [EMAIL PROTECTED] wrote: This can help you do what Juha said:http://flesler.blogspot.com/2007/10/jquerylisten.html Cheers Ariel Flesler On Feb 7, 11:37 am, Juha Suni SC [EMAIL PROTECTED] wrote: bikuta wrote: The way I'm adding the item is just by adding another row to the html table using the append() method. Should I be doing it another way? Instead of binding the events for all the rows individually, just bind the events once to the container element. It's events get triggered as the event bubbles up the DOM, and there you can use e.target to check which element was actually clicked etc... This way you: A) Only bind events once, for one object instead of many (fast, clear) B) Don't need to bind events agains as rows are added (fast, simple). Search this group for Event delegation or Event bubbling and you should find further information. -- Suni
[jQuery] Mouse controlled scrolling
Hi, I've got an interface concept that I can't quite see through. The link to the prototype is here: http://dev.accelerantstudios.com/promo/index.html What I'd like to do is to take the ul's with options in them (the one with the scrollbar (overflow: auto) on the left, the one without (overflow:hidden) on the right), and have them scroll automatically when the mouse in placed within the ul. If the mouse is in the top part, the content scrolls up and the speed increases depending on how high you move the mouse position. The reverse would be true for the bottom part - scroll downward with increasing speed depending on how far from center you go. The functionality would be similar to: http://www.flashloaded.com/flashcomponents/flvplayerpro/example1.html Any advice would be very helpful - I'm kind a JavaScript and jQuery beginner. Thanks!
[jQuery] Re: FireFox Click Function Can't Access DHTML Element
Holy crap... I finally fixed this... It was an order of scripts
issue... I re-ordered my JavaScript and now it works in IE and
FireFox.
New code:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
titleUntitled/title
script src=http://accountant.intuit.com/includes/scripts/jquery-
latest.js/script
script type=text/javascript
$(function(){
function createDivs() {
// Create Div Layer to Clear Floats
var taxProListingClear = document.createElement('div');
taxProListingClear.className='clear';
taxProListingClear.appendChild(document.createTextNode('\u00a0'));
// Create the Main Container
var taxProListingRowCont = document.createElement('div');
taxProListingRowCont.className='taxProListingRowCont';
// Create the Map Marker Column Container
var taxProListingMapCol = document.createElement('div');
taxProListingMapCol.className='mapCol';
// Create the Map Marker Image
var taxProListingMapMark =
document.createElement('img')
taxProListingMapMark.setAttribute('src','/images/duh.jpg');
taxProListingMapMark.setAttribute('height',16);
taxProListingMapMark.setAttribute('width',16);
// Add the Map Marker Image to the Map Marker
Column Container
taxProListingMapCol.appendChild(taxProListingMapMark);
// Add the Map Marker Column Container to the
Main Container
taxProListingRowCont.appendChild(taxProListingMapCol);
// Create the Name Column Container
var taxProListingNameCol =
document.createElement('div');
taxProListingNameCol.className='nameCol';
taxProListingNameCol.appendChild(document.createTextNode('John
Doe'));
// Add the Name Column Container to the Main Container
taxProListingRowCont.appendChild(taxProListingNameCol);
// Create the Contact Information Container
var taxProListingContactCol =
document.createElement('div');
taxProListingContactCol.className='contactCol';
taxProListingContactCol.appendChild(document.createTextNode('phone
number'));
taxProListingContactCol.appendChild(document.createElement('br'));
taxProListingContactCol.appendChild(document.createTextNode('full
address'));
taxProListingContactCol.appendChild(document.createElement('br'));
// Create the Contact Email Address Link
var taxProListingContactEmail =
document.createElement('a');
taxProListingContactEmail.setAttribute('href','mailto:[EMAIL PROTECTED]');
taxProListingContactEmail.appendChild(document.createTextNode('[EMAIL
PROTECTED]'));
// Add the Contact Email Address Link to the
Contact Information
Container
taxProListingContactCol.appendChild(taxProListingContactEmail);
// Add the Contact Information Container to the
Main Container
taxProListingRowCont.appendChild(taxProListingContactCol);
// Create the View Profile Link Container
var taxProListingViewProCol =
document.createElement('div');
taxProListingViewProCol.className='profileCol';
// Create the View Profile Link
var taxProListingViewProLink =
document.createElement('a');
taxProListingViewProLink.className='showProfile';
taxProListingViewProLink.setAttribute('href','javascript:void(0);');
taxProListingViewProLink.appendChild(document.createTextNode('+
View Profile'));
// Add the View Profile Link to the View
Profile Container
taxProListingViewProCol.appendChild(taxProListingViewProLink);
// Add the View Profile Container to the Main
Container
taxProListingRowCont.appendChild(taxProListingViewProCol);
// Create the Full Profile Container
var taxProListingFullProfile =
document.createElement('div');
[jQuery] Re: Another IE Sliding bug, the weirdest (some elements disappear and others not on SlideDown)
I would like to know if this bug is already fixed or at least in TODOs. On 1 fev, 15:42, Arkilus [EMAIL PROTECTED] wrote: Yeah I actually tried that, but does not seems to work. That is very weird, dev bar doesnt reports any css changes... On 31 jan, 03:09, Kenneth Bice [EMAIL PROTECTED] wrote: Just a wild guess, try sticking content that disappears into its own div inside the toggle div. i only took a quick minute to look but that might do it On 1/27/08, Arkilus [EMAIL PROTECTED] wrote: While building my application with jQuery I found out this really weird internet explorer bug: Applying SlideDown to elements that are relative positioned or that have relative positioned parents, some elements just disappears. This behaviour may be checked athttp://www.arkilus.blogspot.comanda clean html athttp://paste.lymas.com.br//?q=22246 Performing some tests i found out some actions that bring that elements back: - Edit ANY css property live withIEDevoloper Toolbar - Fade effects in any part of the page - While the slider isslidingup This is so far the weirdestIEbug I could notice.
[jQuery] Re: Tablesorter plugin
Well, I've gotten the triggers to work, but I had to strip
*everything* out. And I had to add a hide.
So now I have:
$(document).ready(function(){
$(#'display-div.hide();
$('table').tablesorter();
$('table').bind(sortStart,function(){
$('#display-div.show();
}).bind('sortEnd',function(){
$('#display-div.hide();
});
});
But now it won't sort!
[jQuery] Re: Plugin method
On Feb 7, 2008 6:54 AM, Olivier Percebois-Garve [EMAIL PROTECTED] wrote:
$li.each(function(o, i){
$(o).setBg();
});
I think you want:
$li.each(function(i, o) {
setBg(o);
});
-or-
$li.each(function() {
setBg(this);
});
Also, on the documentation for each():
http://docs.jquery.com/Core/each
I noticed i comes first, o second.
- Richard
[jQuery] Re: intercepting links and adding a short animation before executing them
I think this is a bad idea from a usability standpoint... But...
Untested Code:
$('a').click(function(){
var hrefLoc = $(this).attr('href');
$('body').fadeOut(slow,function(){
window.location = hrefLoc;
});
return false;
});
Might be a better way to do it, here you go.
AllexS
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of schnuck
Sent: Thursday, February 07, 2008 3:17 PM
To: jQuery (English)
Subject: [jQuery] intercepting links and adding a short animation before
executing them
hello guys,
the title tells it all really: intercepting links and adding a short
animation before executing them
this might be the most amateur question for tonight - however an answer
would be very appreciated.
example:
i have a simple navigation in an unordered list. i want to make the page
i am on fade away in a smooth short animation before the onclick- event
is actually executed.
thanks in advance for any help.
s
[jQuery] Re: Problems with frames
If you're using frames (which shouldn't be needed for what you're describing) try using the frameReady plugin, http://ideamill.synaptrixgroup.com/?p=6. Pay attention to the load option for including the accordian plugin in your target frame. - jake On Jan 25, 2008 8:55 AM, Androrion [EMAIL PROTECTED] wrote: Hi all, I'm currently working on a static website using some javascript effects. So far i'm very impressed by the possibilities offered by jQuery and that's why i chose this framework, but now i have a little problem. The web site i wanna create is very classic : a header, a footer, a side-bar navigation menu and a main frame. Wanting to avoid the use of iframe, i tried some div with the jQuery load function. It seems to work but when i want to insert an accordion menu in the menu div, it doesn't work... The only solution i found was to write the menu code in my index page, which is quite... ugly... Does anybody know how i could fix that, and use jQuery in every frame? -- View this message in context: http://www.nabble.com/Problems-with-%22frames%22-tp15087899s27240p15087899.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Thickbox Alternative that Works with jQuery
Andy Matthews wrote: : If you like Thickbox, why are you looking for something different? The grass is always greener on the other side of the browser. HTH, Charles K. Clarkson -- Mobile Homes Specialist Free Market Advocate Web Programmer 254 968-8328 http://www.clarksonenergyhomes.com/wordpress/about/
[jQuery] FireFox Click Function Can't Access DHTML Element
Let me try to explain this. I'm creating a a bunch of div layers
dynamically which all contain child elements in some form or fashion.
Point being, I'm creating a link dynamically and adding a class name
to it. Then I have a bit of JQuery code that binds a click function
to that class name. When I click the link in IE7, everything
functions as expected. In FireFox, however, the DHTML created link
can't find the click function I created with JQuery. I will paste the
code below, which is self functioning and can be pasted into your
editor without depending on anything else, so you can see the problem
first hand. I've tried every combination of combining the javascript
into one area, putting my code in the document.ready function,
window.load function, everything and I just can't get this to work.
You notice that the Expand All Profiles link does work because it's
not created with DHTML, but the + View Profile link does not work as
it was created with DHTML. This is only in FireFox... IE7 seems to
work fine. Haven't tested IE6.
Any help would be soo greatly appreciated, I'm pulling my hair out
here.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
titleUntitled/title
script src=http://accountant.intuit.com/includes/scripts/jquery-
latest.js/script
script type=text/javascript
$(function(){
var aniSpeed = 500
$(.showProfile).click(function(){
alert('click');
var isDisplayed = $(this).parent().next();
if (isDisplayed.css(display) == 'none') {
isDisplayed.slideDown(aniSpeed);
$(this).text(- Close Profile);
} else {
isDisplayed.slideUp(aniSpeed);
$(this).text(+ View Profile);
}
return false;
});
$(.expandCollapse).click(function(){
var isDisplayed = $(.fullProfile)
if (isDisplayed.css(display) == 'none') {
isDisplayed.slideDown(aniSpeed);
$(this).text(- Collapse All Profiles);
$(.showProfile).text(- Close Profile);
} else {
isDisplayed.slideUp(aniSpeed);
$(this).text(+ Expand All Profiles);
$(.showProfile).text(+ View Profile);
}
return false;
});
});
function createDivs() {
// Create Div Layer to Clear Floats
var taxProListingClear = document.createElement('div');
taxProListingClear.className='clear';
taxProListingClear.appendChild(document.createTextNode('\u00a0'));
// Create the Main Container
var taxProListingRowCont = document.createElement('div');
taxProListingRowCont.className='taxProListingRowCont';
// Create the Map Marker Column Container
var taxProListingMapCol = document.createElement('div');
taxProListingMapCol.className='mapCol';
// Create the Map Marker Image
var taxProListingMapMark =
document.createElement('img')
taxProListingMapMark.setAttribute('src','/images/duh.jpg');
taxProListingMapMark.setAttribute('height',16);
taxProListingMapMark.setAttribute('width',16);
// Add the Map Marker Image to the Map Marker
Column Container
taxProListingMapCol.appendChild(taxProListingMapMark);
// Add the Map Marker Column Container to the
Main Container
taxProListingRowCont.appendChild(taxProListingMapCol);
// Create the Name Column Container
var taxProListingNameCol =
document.createElement('div');
taxProListingNameCol.className='nameCol';
taxProListingNameCol.appendChild(document.createTextNode('John
Doe'));
// Add the Name Column Container to the Main Container
taxProListingRowCont.appendChild(taxProListingNameCol);
// Create the Contact Information Container
var taxProListingContactCol =
document.createElement('div');
taxProListingContactCol.className='contactCol';
[jQuery] jQuery Cycle not working in IE 6 (You have to love it)
Hi, I am using jQuery Cycle on our portfolio page and all is fine, apart from IE6 (Shock IE6 not playing ball?) can anyone help me? Please? Here's the page... http://www.c9dd.com/v2/portfolio/index.php Thanks Ash
[jQuery] Re: ajaxSubmit and Loading message
jQuery(options.target).attr(innerHTML, data).evalScripts is not a function What versions of jQuery and the Form Plugin are you using?
[jQuery] Re: Release: Treeview plugin 1.4
Jörn Zaefferer schrieb: [...] Have fun! The actual link to the plugin page: http://bassistance.de/jquery-plugins/jquery-plugin-treeview/ While I'm at it: Download: http://jquery.bassistance.de/treeview/jquery.treeview.zip Complete changelog: http://jquery.bassistance.de/treeview/changelog.txt Demos: http://jquery.bassistance.de/treeview/demo/ Documentation: http://docs.jquery.com/Plugins/Treeview Jörn
[jQuery] Re: ajaxSubmit and Loading message
On Wed, Feb 06, 2008 at 08:21:25PM -0800, apadley wrote:
I have a complex form that uses ajaxSubmit (see code below). The form
takes awhile to process and I'd like to display a loading message or
loading gif while waiting for the response. How can I modify or add to
the code below to accomplish this. The message or gif should appear in
the #container div.
var v = jQuery(#two).validate({
submitHandler: function(form) {
jQuery(form).ajaxSubmit({
target: #ajax,
resetForm: true
});
},
debug: false,
errorContainer: container,
errorLabelContainer: $(ol, container),
wrapper: 'li',
event: keyup
});
I have tried adding the following which shows the loading gif, but
does not display the result from the action page in the ajax div :
$(#container).ajaxStart(function(){ $(this).show(); }).ajaxStop
(function(){ $(this).hide(); });
See http://malsup.com/jquery/form/#options-object
You can use beforeSubmit pointing to something like
function () {
$('#container').html('Loading...')
}
Works here (tm).
Cheers
Christoph
--
[EMAIL PROTECTED] www.workaround.org JID: [EMAIL PROTECTED]
gpg key: 79CC6586 fingerprint: 9B26F48E6F2B0A3F7E33E6B7095E77C579CC6586
[jQuery] Re: on click event does not response
thanks now it is working fine, I will install livequery but does it slow down the site load.
[jQuery] Translating XPath expressions to CSS selectors
The CSS 3 :root selector is not supported unfortunately, but the root
node of a document is represented by document.documentElement.
So you could try:
$(' KNOWN_NODE', document.documentElement)
or
$(document.documentElement.tagName + ' KNOWN_NODE')
Does that work?
Yes it does, thanks! This clears up a lot of confusion on my part even
though it isn't the answer I was looking for. This will only work when
KNOWN_NODE is only one level deep, and as far as I know there is still no
way to go n levels deep with CSS expressions.
However, I now realise I can do this with the children() method:
$(document.documentElement).children().find(' KNOWN_NODE')
Lemme see if I can hack that into the Basic XPath plugin...
Thanks,
Tim
[jQuery] Re: jquery cycle works in FF but stretches to the bottom in IE
Looks like you've fixed whatever problem you were having. Here you can see what I mean: http://afternine.be/development/htm/index8.html When you look at it you will see it works in FF but for some reason IE does not freakin render it :(
[jQuery] Re: thickbox reloaded and IE6 not good
You can see for yourself at: http://dev.kaizendigital.com/js_test/ if you click on the statically created under thickbox reloaded, the first time it looks ok but the 2 select boxes are showing up in front, not faded. if you then close and open it again, the select are gone like they should be the the bottom part of the page in white(not faded). Klaus Hartl-4 wrote: Yes it has. I'm using it on plazes.com and haven't faced any problems yet... What issues exactly? Mayb the CSS isn't up-to-date in the repository. --Klaus On Feb 6, 5:17 pm, Eridius [EMAIL PROTECTED] wrote: I just tested the index.hmtl from the jquery svn repository for thickbox realoaded in IE 6 and there are quite a few issues with it. has thickbox reloaded been tested in IE 6 yet? -- View this message in context:http://www.nabble.com/thickbox-reloaded-and-IE6-not-good-tp15306762s2... Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/thickbox-reloaded-and-IE6-not-good-tp15306762s27240p15342219.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jQuery UI Enchant Alpha Versions Released
Superb, well done team jQuery! The UI stuff is looking smooth. I notice that there are even some significant changes to the innerds of jQuery in v1.2.3. (For instance you've coded the :selectors using functions instead if strings. Has that improved performance?) George On Feb 7, 4:02 pm, Rey Bango [EMAIL PROTECTED] wrote: The jQuery UI team announced today the release of alpha versions of jQuery UI 1.5a and jQuery Enchant 1.0a! The projects aim to address the need for a strong set of UI controls and effects to complement the jQuery JavaScript library. From Paul Bakaus, UI team lead: Hi everybody! I'm very happy to announce the first alpha release of both jQuery UI 1.5 and jQuery Enchant 1.0 to all the adventurous guys out there. This is a huge update - the whole API has been standardized and updated, and many of the plugins have been completely rewritten. jQuery Enchant is the missing part of UI: A library completely devoted to rich effects. It already features all effects you know from scriptaculous/interface, as well as many more great additions: color animations, class animations and highly configurable effects. Be advised that while it's extremly hot (and fresh), this release is absolutely not stable - there is no documentation at this point, so you have to digg into the demos and code yourself if you want to check it out. It's really only a testing and try-out release. This will allow us to be able to get it out to you guys, then spend the next days on further bugfixing and improvements. It would be great if you could test and report whatever you think should work from looking at the code - it really helps us to get the beta ready, which is scheduled for February 10th. The beta will come out with official release notes and an updated documentation. Since it's alpha, it's not only stablity missing - the following stuff is not included: - Draggable option wrapHelper - Almost everything of slider I will soon answer to this thread with uploaded demos that you can try out right away. Thanks a lot so far for everyone who helped in making this happen (more on that in the beta release!) Anyway, try it out for yourself! The code and demos for the two libraries can be found here: jQuery UI:http://jqueryjs.googlecode.com/files/jquery.ui-1.5a.ziphttp://ui.jquery.com/1.5a/demos/ jQuery Enchant:http://jqueryjs.googlecode.com/files/jquery.enchant-1.0a.ziphttp://ui.jquery.com/enchant/1.0a/demos/ It's important to note that both jQuery UI and Enchant require the newly jQuery v1.2.3 which was released last night.http://code.jquery.com/jquery-1.2.3.jshttp://code.jquery.com/jquery-1.2.3.min.jshttp://code.jquery.com/jquery-1.2.3.pack.js
[jQuery] Re: intercepting links and adding a short animation before executing them
oh my god - allex, you did it. it just works.
i am totally aware about the issues reg. usability - but in this case
it's not for the general public.
many, many thanks.
s
On Feb 7, 11:30 pm, Smith, Allex [EMAIL PROTECTED] wrote:
I think this is a bad idea from a usability standpoint... But...
Untested Code:
$('a').click(function(){
var hrefLoc = $(this).attr('href');
$('body').fadeOut(slow,function(){
window.location = hrefLoc;
});
return false;
});
Might be a better way to do it, here you go.
AllexS
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of schnuck
Sent: Thursday, February 07, 2008 3:17 PM
To: jQuery (English)
Subject: [jQuery] intercepting links and adding a short animation before
executing them
hello guys,
the title tells it all really: intercepting links and adding a short
animation before executing them
this might be the most amateur question for tonight - however an answer
would be very appreciated.
example:
i have a simple navigation in an unordered list. i want to make the page
i am on fade away in a smooth short animation before the onclick- event
is actually executed.
thanks in advance for any help.
s
[jQuery] Re: intercepting links and adding a short animation before executing them
No problem... Glad I could help.
AllexS
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of schnuck
Sent: Thursday, February 07, 2008 4:05 PM
To: jQuery (English)
Subject: [jQuery] Re: intercepting links and adding a short animation before
executing them
oh my god - allex, you did it. it just works.
i am totally aware about the issues reg. usability - but in this case it's not
for the general public.
many, many thanks.
s
On Feb 7, 11:30 pm, Smith, Allex [EMAIL PROTECTED] wrote:
I think this is a bad idea from a usability standpoint... But...
Untested Code:
$('a').click(function(){
var hrefLoc = $(this).attr('href');
$('body').fadeOut(slow,function(){
window.location = hrefLoc;
});
return false;
});
Might be a better way to do it, here you go.
AllexS
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED]
On
Behalf Of schnuck
Sent: Thursday, February 07, 2008 3:17 PM
To: jQuery (English)
Subject: [jQuery] intercepting links and adding a short animation
before executing them
hello guys,
the title tells it all really: intercepting links and adding a short
animation before executing them
this might be the most amateur question for tonight - however an
answer would be very appreciated.
example:
i have a simple navigation in an unordered list. i want to make the
page i am on fade away in a smooth short animation before the onclick-
event is actually executed.
thanks in advance for any help.
s
[jQuery] Re: jQuery won't recognise attribute names containing [square brackets]
Remember also that technically in HTML id and name attributes can't contain '[]'s. ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens (-), underscores (_), colons (:), and periods (.). - http://www.w3.org/TR/html401/types.html#type-name In XHTML name can contain a lot more though. ( http://www.w3.org/TR/2002/REC-xhtml1-20020801/#C_8 ) Browsers have relaxed the HTML rules and allowed name to contain whatever it can contain in XHTML. PHP uses the name attribute rather that id and so it gets away with it because the relaxed rules. Karl Rudd On Feb 8, 2008 10:14 AM, Dave Stewart [EMAIL PROTECTED] wrote: Wow, that's really useful to know, thanks Karl. I think I'll just use a regular expression: selector = selector.replace(/(\[|\])/g, '\$1') It would be really useful if this were an option, somehow. My jQuery- foo is not all that. Any ideas, anyone? Cheers, Dave
[jQuery] I'm stumped! How to accomplish this navigation rollover effect?
This is what the client wants: http://commadelimited.com/uploads/rollover.jpg (text has been blurred out intentionally) The site is VERY basic: nav colum on left, content column on right. The building it out is easy, but the nav is throwing me for a loop. My original thought was that I could use animate to fly the wide bar out to it's desired width. But now I realize that if I do that, my container DIV will screw up my layout. I'm thinking now that I could possible position each column absolutely in a parent container and theoretically that would prevent the animation from messing with anything else. Does anyone else have any ideas?
[jQuery] Re: Adding events to newly added fields
Indeed, Listen won't work for events that don't bubble. blur and focus can be patched with the focusin/focusout approach. I don't know anything about delegate. LiveQuery is the easiest to implement and it should work just fine. If your site is really big, as in, you have lots of bindings and you are constantly renewing them, then event delegation might be necessary. Listen and Intercept are similar, Intercept has full support for simple selectors, but it's constantly calling .is(), so it might get slow if it's actioned too often. Listen only supports a set of selectors, but it should be almost 100% scalable, as selectors are indexed. In short, if LiveQuery works fast enough for your site, it'll be the faster to use. If not, then, if the selectors Listen supports are enough for you, it should be the faster approach, else Intercept might be the one. Well.. it's up to you :) Cheers Ariel Flesler On 7 feb, 21:01, bikuta [EMAIL PROTECTED] wrote: Cool thanks, but it doesn't work for blur and change. I guess that's because they don't bubble. I saw the intercept plugin and there's also livequery. Apparently there's also a delegate plugin, but I can't find it. I'm not sure what I should use to get the best performance. Any suggestions? On Feb 8, 2:08 am, Ariel Flesler [EMAIL PROTECTED] wrote: This can help you do what Juha said:http://flesler.blogspot.com/2007/10/jquerylisten.html Cheers Ariel Flesler On Feb 7, 11:37 am, Juha Suni SC [EMAIL PROTECTED] wrote: bikuta wrote: The way I'm adding the item is just by adding another row to the html table using the append() method. Should I be doing it another way? Instead of binding the events for all the rows individually, just bind the events once to the container element. It's events get triggered as the event bubbles up the DOM, and there you can use e.target to check which element was actually clicked etc... This way you: A) Only bind events once, for one object instead of many (fast, clear) B) Don't need to bind events agains as rows are added (fast, simple). Search this group for Event delegation or Event bubbling and you should find further information. -- Suni- Ocultar texto de la cita - - Mostrar texto de la cita -
[jQuery] Re: Mouse controlled scrolling
Hi I'd say that is doable, but using jQuery's animate() might not be the best solution, as you have to stop the current animation and start a new one. Maybe a setInterval that modifies scrollTop might be the best approach. I know you said you are a beginner.. :) Cheers Ariel Flesler On 7 feb, 20:43, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, I've got an interface concept that I can't quite see through. The link to the prototype is here: http://dev.accelerantstudios.com/promo/index.html What I'd like to do is to take the ul's with options in them (the one with the scrollbar (overflow: auto) on the left, the one without (overflow:hidden) on the right), and have them scroll automatically when the mouse in placed within the ul. If the mouse is in the top part, the content scrolls up and the speed increases depending on how high you move the mouse position. The reverse would be true for the bottom part - scroll downward with increasing speed depending on how far from center you go. The functionality would be similar to:http://www.flashloaded.com/flashcomponents/flvplayerpro/example1.html Any advice would be very helpful - I'm kind a JavaScript and jQuery beginner. Thanks!
[jQuery] Re: it's only 1 character
Note that I added to all my plugins. I'll add a Thanks to weepy for
the semicolon idea heh :)
Ariel Flesler
On 7 feb, 11:38, Karl Swedberg [EMAIL PROTECTED] wrote:
Thanks for the heads up, Jonah. I'll add this to my plugins.
--Karl
_
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Feb 7, 2008, at 8:10 AM, weepy wrote:
The closures around plugins, when concatenated together (e.g. via
Rails 2.0) into one javascript file for production, can confuse the
javascript parser - despite the fact there is a new line. I propose
that there should be a semicolon at the first character to stop this.
I.e.
;(function($) {
rather than
(function($) {
I think it can confuse the closure as an argument of a function.
I've mentioned it before and there's been some good uptake of the idea
(e.g.http://dev.jquery.com/view/trunk/plugins/accordion/widget.js) ,
but the problem hit me again today whilst putting a site out to
production - so I thought I'd mention it again.
It will save lots of people lots of time :o)
Jonah- Ocultar texto de la cita -
- Mostrar texto de la cita -
[jQuery] jQuery 1.2.3 Released
Hey Everyone - We just released jQuery 1.2.3, more information can be found in the announcement blog post: http://jquery.com/blog/2008/02/08/jquery-123-air-namespacing-and-ui-alpha/ --John
[jQuery] Re: jQuery 1.2.3 Released
Thank John ! 2008/2/8, John Resig [EMAIL PROTECTED]: Hey Everyone - We just released jQuery 1.2.3, more information can be found in the announcement blog post: http://jquery.com/blog/2008/02/08/jquery-123-air-namespacing-and-ui-alpha/ --John
