[jQuery] Re: BBC Redesign
i think he means the whitespace in the source On Jan 1, 11:08 pm, Sam Sherlock [EMAIL PROTECTED] wrote: overhaul is overdue, however there are some issues with this site pros and cons, there was a discussion over on the WebStandards Group List Glad to see jquery in use at BBC, but that metric ton of white space to which you refer is an issue, personally its not an improvement http://www.mail-archive.com/[EMAIL PROTECTED]/msg32387.html On 01/01/2008, nathandh [EMAIL PROTECTED] wrote: Looks like the long-overdue BBC redesign is using jQuery (and a metric ton of whitespace and internal CSS): http://www.bbc.co.uk/home/beta/
[jQuery] Re: Conditional events
On Dec 21, 2007, at 9:32 PM, LeonL wrote:
This will work fine - alert the edit var value.
However, when adding 'event: edit' it wont do a thing:
$(.item_title).editable(operator.php,{
submitdata: {'type': 'title'},
width: 250,
event: edit
}).bind(click,function() {
alert(edit)
});
Is there something I'm doing wrong?
Thanks!
Sorry it took awhile. Just came back from christmas travels.
Make sure you are using recent version of Jeditable. Latest here:
http://www.appelsiini.net/download/jquery.jeditable-1.5.2.js
--
Mika Tuupola
http://www.appelsiini.net/
[jQuery] failing in jqModal results
happy new year to everybody! there is a nice tool to create cute popup windows (jqModal). using it I call (ajax) an html that has some ajax calls returing data from a database, the problem is that the results are not displayed (and they should). Please test and check the source code in: http://edit3.csic.es/fitxers/xmls/jqModal.html All the code is correctly referenced, so maybe I'm missing something... thanks a lot, PEre
[jQuery] Re: failing in jqModal results
happy oh eight 2 u ! try once changing div class=jqmWindow id=ex2/ to this div class=jqmWindow id=ex2/div On Jan 2, 2008 11:59 AM, perikut [EMAIL PROTECTED] wrote: happy new year to everybody! there is a nice tool to create cute popup windows (jqModal). using it I call (ajax) an html that has some ajax calls returing data from a database, the problem is that the results are not displayed (and they should). Please test and check the source code in: http://edit3.csic.es/fitxers/xmls/jqModal.html All the code is correctly referenced, so maybe I'm missing something... thanks a lot, PEre -- Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] Re: failing in jqModal results
also this:
$('#ex2')
.jqDrag('.jqDrag')
.jqResize('.jqResize') //#categorySelect
$('#ex2')
should be:
$('#ex2')
.jqDrag('.jqDrag')
.jqResize('.jqResize')
.jqm({ajax: 'select_form.html',
// target: 'p.obrir',
trigger: 'a.ex2trigger', // When a trigger is clicked,
the window it is assosiated with is displayed.
// DOM associat al trigger per obrir
//modal: false //If modal is enabled (true), input
(mouse clicks,
keypresses) will be locked to the
//modal window (forced focus a.k.a.
true modal). If false, the
user will be able to interact outside of the modal window.
//overlay:0 // The overlay
transparency as a percentage.
//overlayClass: 'whiteOverlay'
});
//$('#ex2').jqDrag('.jqDrag');
});
On Jan 2, 2008 1:12 PM, Alexandre Plennevaux [EMAIL PROTECTED] wrote:
happy oh eight 2 u !
try once changing
div class=jqmWindow
id=ex2/
to this
div class
=jqmWindow id=ex2/div
On Jan 2, 2008 11:59 AM, perikut [EMAIL PROTECTED] wrote:
happy new year to everybody!
there is a nice tool to create cute popup windows (jqModal). using it
I call (ajax) an html that has some ajax calls returing data from a
database, the problem is that the results are not displayed (and they
should).
Please test and check the source code in:
http://edit3.csic.es/fitxers/xmls/jqModal.html
All the code is correctly referenced, so maybe I'm missing
something...
thanks a lot,
PEre
--
Alexandre Plennevaux
LAb[au]
http://www.lab-au.com
--
Alexandre Plennevaux
LAb[au]
http://www.lab-au.com
[jQuery] Re: jquery and safari
Have you tried the new Inspect Element contextual command? It will show any errors in the console for you. On Dec 31 2007, 7:09 am, pixeline [EMAIL PROTECTED] wrote: hi! i'm having issues to have my project work in safari. No problem with Firefox, IE6+ or Opera, just Safari, both the mac and windows versions. The symptom is: the page is empty! only the background image shows, and nothing on top! My code is quite long so instead of burdening you under it, i would rather ask an open question about any known issues with Safari and jquery? thanks for your help! Alexandre
[jQuery] Re: Selecting a certain field of a table
I haven't seen a plugin, which does exactly this, but I'm looking to
write something like this for columns in the next little while. Rows
should be quite a bit easier.
something like this I suspect
[code]
$(td#rowHeader).click(function(){
var getRowCells = $(td#rowHeader).siblings;
getrowCells.addClass(highlighted);
});
[/code]
This is not working code, but hopefully this can get you started.
[jQuery] Help making my code more efficient...
Can anybody offer some advice on how to make the following code more
efficient? I'm reusing a lot of the same code and I know it can be
streamlined quite a bit.
thanks...
$(document).ready(function() {
$('#question1').click(function() {
$('#contentblock #answer6, #contentblock #answer5, #contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer1').removeClass('hidden');
});
$('#question2').click(function() {
$('#contentblock #answer6, #contentblock #answer5, #contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer2').removeClass('hidden');
});
$('#question3').click(function() {
$('#contentblock #answer6, #contentblock #answer5, #contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer3').removeClass('hidden');
});
$('#question4').click(function() {
$('#contentblock #answer6, #contentblock #answer5, #contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer4').removeClass('hidden');
});
$('#question5').click(function() {
$('#contentblock #answer6, #contentblock #answer5, #contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer5').removeClass('hidden');
});
$('#question6').click(function() {
$('#contentblock #answer6, #contentblock #answer5, #contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer6').removeClass('hidden');
});
});
[jQuery] Re: livequery runs only once...
UPDATE I had more than one element with same ID. This was creating the unexpected results. This was not a problem with jQuery, but with the webmaster (me!) thanks
[jQuery] Selector confusion
I'm working on a table that has nested tables. My problem is that I need to retrieve all the rows for the main table, but ignore the nested tables. I know I can do something like this: $(#mytable tbody tr); But my table reference is passed into my function(s) as a parameter. So can I do something like this then? $(tbody tr, tblRef); If I'm understanding correctly that would give me all the TRs within the context of my tblRef element. But wouldn't that also include the nested tables? Or maybe this $(tbody:first tr, tblRef); ?? I know as a fallback I can do $(tblRef).children(tbody).children(tr); But that seems inefficient to me... Any tips on doing this? Thanks in advance. Shawn
[jQuery] Re: BBC Redesign
Very nice...well done -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of nathandh Sent: Monday, December 31, 2007 11:51 PM To: jQuery (English) Subject: [jQuery] BBC Redesign Looks like the long-overdue BBC redesign is using jQuery (and a metric ton of whitespace and internal CSS): http://www.bbc.co.uk/home/beta/
[jQuery] Re: BBC Redesign
Can't stand that clock in the right hand corner... why on earth is it there? - jake On Jan 2, 2008 9:43 AM, Andy Matthews [EMAIL PROTECTED] wrote: Very nice...well done -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of nathandh Sent: Monday, December 31, 2007 11:51 PM To: jQuery (English) Subject: [jQuery] BBC Redesign Looks like the long-overdue BBC redesign is using jQuery (and a metric ton of whitespace and internal CSS): http://www.bbc.co.uk/home/beta/
[jQuery] Re: BBC Redesign
Duh...so that you know what time it is. :) _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Jake McGraw Sent: Wednesday, January 02, 2008 8:50 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: BBC Redesign Can't stand that clock in the right hand corner... why on earth is it there? - jake On Jan 2, 2008 9:43 AM, Andy Matthews [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: Very nice...well done -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of nathandh Sent: Monday, December 31, 2007 11:51 PM To: jQuery (English) Subject: [jQuery] BBC Redesign Looks like the long-overdue BBC redesign is using jQuery (and a metric ton of whitespace and internal CSS): http://www.bbc.co.uk/home/beta/
[jQuery] Re: Looking for jquery dev for job?
Thanks to all that have contacted me. I have found a developer :-) On Dec 30 2007, 8:38 am, yabado [EMAIL PROTECTED] wrote: Anyone? On Dec 20, 8:41 pm,yabado[EMAIL PROTECTED] wrote: I am looking for an experienced jquery developer to work with me on a project? Any recommendations are welcome. :-) Please contact me at mike -at- yadab -dot- com
[jQuery] Superfish feature request
I am thoroughly enjoying the Superfish menu.. However, I would love to see the following option: when a submenu falls outside of the window, it's position should be adapted in order to fit. Just like most operating systems handle menus when they don't fit.. Would this be possible? It could be called something like 'forceFit' or so.. Thanks in advance! (The simplest approach would probably be to check if a ul's offset left plus it's width exceeds the window width, and adjust x position accordingly.. Likewise, this could be done for the vertical position)
[jQuery] Re: What would you do? Cycling images
You just need to be a little creative: http://www.malsup.com/jquery/cycle/hover.html Nope, that won't really work well for me. It applies to all children and I want one of the children to be a control panel (next, previous, pause/play) that appears on hover. Since positioning something from outside of the slideshow container is not a good option, the entire package is not a good option.
[jQuery] Re: jquery and safari
hi Yabado, can you tell me more about it? i found the script console log in safari, but it doesn't show any error. but i do not see the inspect element command . Where is it to be found? thanks a lot alex On Jan 2, 2008 12:21 PM, yabado [EMAIL PROTECTED] wrote: Have you tried the new Inspect Element contextual command? It will show any errors in the console for you. On Dec 31 2007, 7:09am, pixeline [EMAIL PROTECTED] wrote: hi! i'm having issues to have my project work in safari. No problem with Firefox, IE6+ or Opera, just Safari, both the mac and windows versions. The symptom is: the page is empty! only the background image shows, and nothing on top! My code is quite long so instead of burdening you under it, i would rather ask an open question about any known issues with Safari and jquery? thanks for your help! Alexandre -- Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] [SITE SUBMISSION] Brightegg.com
I would like to announce the launch of http://www.brightegg.com, a new web platform for building/managing professional-looking websites built with jQuery. Brightegg utilizes several popular jQuery plugins, including blockUI, datePicker, cookie, corner, superfish, and validate. jQuery is Brightegg's primary toolkit, although the main application uses a combination of Dojo and FCKeditor as well. Brightegg offers full-featured website building, including the addition of forms and customization options for a myriad of design themes. All of Brightegg's design themes are provided by our growing community of designers, and Brightegg also supports the use of custom designs. All forms come with built-in client-side validation (using the jQuery validate plugin) as well as server-side validation (the server framework is developed with CakePHP). Date fields include an AJAX calendar (jquery.datePicker) and all textareas are expandable (using jQuery). I would like to personally thank John Resig for this wonderful toolkit as well as the plugin authors. Keep up the great work! Thank you and Happy New Year! Regards, Ryan Rose Chief Technology Officer Digiwize, Inc. One Technology Drive Tolland, CT 06084 e: [EMAIL PROTECTED] p: 860.730.2631 http://www.digiwize.com http://www.brightegg.com Build, Manage and Market A Better Website
[jQuery] Re: Superfish feature request
I have written some test code, which does what it's meant to do, but I
think it isn't in the right place..
I have added this code to the default options block of superfish.js:
autofitX: true,
autofitY: true,
And this code instead of the original showSuperfishUl part:
showSuperfishUl : function(o){
return this
.addClass(o.hoverClass)
.find('ul:hidden')
.css('visibility','visible')
.animate(o.animation,o.speed,function(){
o.onshow.call(this);
if (o.autofitY) {
var menuHeight = $ul.height();
var expandUp = ($ul.offset().top + menuHeight
$(window).height());
if (expandUp) $ul.css(margin-top,($(window).height() -
menuHeight - $ul.offset().top) + px);
}
})
.each(function(){
$ul = $(this);
if (o.autofitX) {
var menuWidth = $ul.width();
var parentWidth = $ul.parents('ul').width();
var expandLeft = ($ul.offset().left + menuWidth
$(window).width());
if (expandLeft) $ul.css(margin-left,- + (menuWidth +
parentWidth) + px);
}
})
.end();
},
This works, however, I don't think it's the correct place to perform
these actions. Any opinions?
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Jesse Klaasse
Sent: Wednesday, January 02, 2008 4:25 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Superfish feature request
Importance: Low
I am thoroughly enjoying the Superfish menu.. However, I would love to
see the following option: when a submenu falls outside of the window,
it's position should be adapted in order to fit. Just like most
operating systems handle menus when they don't fit.. Would this be
possible? It could be called something like 'forceFit' or so.. Thanks in
advance!
(The simplest approach would probably be to check if a ul's offset
left plus it's width exceeds the window width, and adjust x position
accordingly.. Likewise, this could be done for the vertical position)
[jQuery] Re: Selecting a certain field of a table
mhm, that's a good idea, thanks so far. perhaps somebody else knows a
plugin or a script already done for that ...
I just think about a solution for columns ... I think about that:
- on click: read out which column of the head it is (let's say the
fourth),
- go through all tr's (.each()) and select the fourth td
(with :eq(3)) and add a class
... should be doable! what do you think of it? I have to look into
jquery since I'm not too familiar with the functions and selectors and
everything ... :(
On 2 Jan., 05:42, pedalpete [EMAIL PROTECTED] wrote:
I haven't seen a plugin, which does exactly this, but I'm looking to
write something like this for columns in the next little while. Rows
should be quite a bit easier.
something like this I suspect
[code]
$(td#rowHeader).click(function(){
var getRowCells = $(td#rowHeader).siblings;
getrowCells.addClass(highlighted);
});
[/code]
This is not working code, but hopefully this can get you started.
[jQuery] Re: Help making my code more efficient...
Brianfidler wrote:
Can anybody offer some advice on how to make the following
code more efficient? I'm reusing a lot of the same code and I
know it can be streamlined quite a bit.
$(document).ready(function() {
$('#question1').click(function() {
$('#contentblock #answer6, #contentblock
#answer5, #contentblock #answer4, #contentblock #answer3,
#contentblock #answer2, #contentblock #answer1').addClass('hidden');
$('#contentblock #answer1').removeClass('hidden');
});
$('#question2').click(function() {
$('#contentblock #answer6, #contentblock
#answer5, #contentblock #answer4, #contentblock #answer3,
#contentblock #answer2, #contentblock #answer1').addClass('hidden');
$('#contentblock #answer2').removeClass('hidden');
});
$('#question3').click(function() {
$('#contentblock #answer6, #contentblock
#answer5, #contentblock #answer4, #contentblock #answer3,
#contentblock #answer2, #contentblock #answer1').addClass('hidden');
$('#contentblock #answer3').removeClass('hidden');
});
$('#question4').click(function() {
$('#contentblock #answer6, #contentblock
#answer5, #contentblock #answer4, #contentblock #answer3,
#contentblock #answer2, #contentblock #answer1').addClass('hidden');
$('#contentblock #answer4').removeClass('hidden');
});
$('#question5').click(function() {
$('#contentblock #answer6, #contentblock
#answer5, #contentblock #answer4, #contentblock #answer3,
#contentblock #answer2, #contentblock #answer1').addClass('hidden');
$('#contentblock #answer5').removeClass('hidden');
});
$('#question6').click(function() {
$('#contentblock #answer6, #contentblock
#answer5, #contentblock #answer4, #contentblock #answer3,
#contentblock #answer2, #contentblock #answer1').addClass('hidden');
$('#contentblock #answer6').removeClass('hidden');
});
});
Add a question class to each of your clickable questions and an answer
class to each of your hidable answers. Then use:
$(document).ready(function() {
$('.question').click(function() {
var answerNum =
this.id.replace('question','');
$('#contentblock .answer').addClass('hidden');
$('#contentblock #answer' +
answerNum).removeClass('hidden');
});
});
This hides all answers based on class and then unhides the desired answer
based on id. I use this.id.replace('question','') instead of
this.id.substr(8,1) to make it more obvious what I'm doing. Also, I tend to
use underscores to cleanly separate naming from numbering in ids, but it's
just a style I like:
$(document).ready(function() {
$('.question').click(function() {
var answerNum =
this.id.replace('question_','');
$('#contentblock .answer').addClass('hidden');
$('#contentblock #answer_' +
answerNum).removeClass('hidden');
});
});
HTH and LMK if it gives you what you need.
--
-Mike Schinkel
http://www.mikeschinkel.com/blogs/
http://www.welldesignedurls.org
http://atlanta-web.org
[jQuery] Re: jCarousel + slideshow effect?
Hi Bryan, I've been tinkering with something along the same lines for awhile now unfortunately your url was truncated so i'm not 100% certain this is the same as the example you gave but take a look http://www.robertalla.com/new/newgaltest.php?g=1 I'm still getting my feet wet with jquery but its starting to get somewhere. (Any jquery ninjas feel free to suggest changes optimisations !) Currently it can extract the link from the carousel image, load the image while displaying a loading graphic then animate (fade) in the selected image I also preload the images for the first thumbnails displayed and the jcarousel auto scroll function can work like a slideshow to trigger the loading of the images sequentially (needs more work though) todo: control the slideshow with a toggle link add another callback function prior to the image being loaded to check if its already displayed make the height of the big image container stay the same as the last image so it doesn't jump so much when changing images maybe add optional captions from the thumbnail title tidy optimise Hope this is of some help to you Regards Brad On Dec 18 2007, 10:49 pm, Bryank [EMAIL PROTECTED] wrote: I must say thejCarousellocated here is fantastic:http://sorgalla.com/jcarousel/ Now, The effect with the thickbox is nice, but I would love it if there was a Jquery plugin that mixedjCarouselwith SlideViewer. So basically, on this page:http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/i... you where all the numbers are clickable to initiate the slide effect, the numbers would be thumbnails of the all the possible image choices, but those thumbnails would be inside ajCarouseleffect. Basically, replace the numbers onhttp://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/i... withjCarouseland it would be done? Is there an existing solution like that, or can someone may whip up an example of how that can be done? Thanks, Br yan
[jQuery] Re: Selector confusion
Hi Shawn,
On Jan 2, 2008, at 5:30 AM, Shawn wrote:
I'm working on a table that has nested tables. My problem is that I
need to retrieve all the rows for the main table, but ignore the
nested
tables. I know I can do something like this:
$(#mytable tbody tr);
But my table reference is passed into my function(s) as a
parameter. So
can I do something like this then?
$(tbody tr, tblRef);
No. That won't work, as you suggest below.
If I'm understanding correctly that would give me all the TRs within
the
context of my tblRef element. But wouldn't that also include the
nested
tables? Or maybe this
$(tbody:first tr, tblRef);
??
yes, that should work.
I know as a fallback I can do
$(tblRef).children(tbody).children(tr); But that seems
inefficient
to me...
Any tips on doing this? Thanks in advance.
Your solution works for me:
$(tbody:first tr, tblRef);
Another option would be this:
$( tbody tr, tblRef);
If you're sure there will be one nested table, and you want to
select the tr only in the outer table, you could also do this:
$('tr:has(table)', tblRef);
Cheers,
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
[jQuery] Is there any slideshow plugin not only for images?
What i mean is ... I have my unordered list and its content is a div with more then a img inside. I tried ScrollShow but I couldn't managed adapting it. Has anyone tried slideViewer for it? Or others? -- Rafael Santos Sá :: webdeveloper www.rafael-santos.com
[jQuery] Re: [SITE SUBMISSION] Brightegg.com
Ryan, Great stuff. It's always good to see the American Dream at work. One small issue you may want to address, since you're selling design services, is your type/font choice of your home page. It renders miserably in Firefox 2 on WinXP (I'm at 1280 x 1024 res, if it matters). Very choppy and stilted. -- Steve Cutter Blades Adobe Certified Professional Advanced Macromedia ColdFusion MX 7 Developer _ http://blog.cutterscrossing.com --- The Past is a Memory The Future a Dream But Today is a Gift That's why they call it The Present
[jQuery] Re: failing in jqModal results
thanks for the answer, Alexandre, but it's still not enough.
the new HTML simply doesn't obey the document.ready event.
I have tried the usual window.open just to check and works fine, so there
is something about events (or jqModal?) i'm missing.
Any idea?
thanks,
Pere
Alexandre Plennevaux wrote:
also this:
$('#ex2')
.jqDrag('.jqDrag')
.jqResize('.jqResize') //#categorySelect
$('#ex2')
should be:
$('#ex2')
.jqDrag('.jqDrag')
.jqResize('.jqResize')
.jqm({ajax: 'select_form.html',
// target: 'p.obrir',
trigger: 'a.ex2trigger', // When a trigger is clicked,
the window it is assosiated with is displayed.
// DOM associat al trigger per obrir
//modal: false //If modal is enabled (true), input
(mouse clicks,
keypresses) will be locked to the
//modal window (forced focus a.k.a.
true modal). If false, the
user will be able to interact outside of the modal window.
//overlay:0 // The overlay
transparency as a percentage.
//overlayClass: 'whiteOverlay'
});
//$('#ex2').jqDrag('.jqDrag');
});
On Jan 2, 2008 1:12 PM, Alexandre Plennevaux [EMAIL PROTECTED] wrote:
happy oh eight 2 u !
try once changing
div class=jqmWindow
id=ex2/
to this
div class
=jqmWindow id=ex2/div
On Jan 2, 2008 11:59 AM, perikut [EMAIL PROTECTED] wrote:
happy new year to everybody!
there is a nice tool to create cute popup windows (jqModal). using it
I call (ajax) an html that has some ajax calls returing data from a
database, the problem is that the results are not displayed (and they
should).
Please test and check the source code in:
http://edit3.csic.es/fitxers/xmls/jqModal.html
All the code is correctly referenced, so maybe I'm missing
something...
thanks a lot,
PEre
--
Alexandre Plennevaux
LAb[au]
http://www.lab-au.com
--
Alexandre Plennevaux
LAb[au]
http://www.lab-au.com
--
View this message in context:
http://www.nabble.com/failing-in-jqModal-results-tp14576527s27240p14581743.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] [SITE SUBMISSION] Open Source Job Board Software
Just saw this posted on a blog. http://www.jobberbase.com/ JobberBase is an open source job board that is using jQuery and jCarousel. Rey
[jQuery] Re: Is there any slideshow plugin not only for images?
The Cycle plugin works with ANY element placed within the container. There's actually a demo for plain old text here: http://www.malsup.com/jquery/cycle/int2.html bottom of the page. _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Rafael Santos Sent: Wednesday, January 02, 2008 10:51 AM To: jquery-en@googlegroups.com Subject: [jQuery] Is there any slideshow plugin not only for images? What i mean is ... I have my unordered list and its content is a div with more then a img inside. I tried ScrollShow but I couldn't managed adapting it. Has anyone tried slideViewer for it? Or others? -- Rafael Santos Sá :: webdeveloper www.rafael-santos.com
[jQuery] Re: BBC Redesign
Looks like the long-overdue BBC redesign is using jQuery (and a metric ton of whitespace and internal CSS): http://www.bbc.co.uk/home/beta/ Using the portlets is slow as hell on my computer -- Fabien Meghazi Website: http://www.amigrave.com Email: [EMAIL PROTECTED] IM: [EMAIL PROTECTED]
[jQuery] Re: [SITE SUBMISSION] Brightegg.com
Ryan Rose schrieb:
I would like to announce the launch of http://www.brightegg.com, a new
web platform for building/managing professional-looking websites built
with jQuery. Brightegg utilizes several popular jQuery plugins,
including blockUI, datePicker, cookie, corner, superfish, and
validate. jQuery is Brightegg’s primary toolkit, although the main
application uses a combination of Dojo and FCKeditor as well.
Brightegg offers full-featured website building, including the
addition of forms and customization options for a myriad of design
themes. All of Brightegg’s design themes are provided by our growing
community of designers, and Brightegg also supports the use of custom
designs. All forms come with built-in client-side validation (using
the jQuery validate plugin) as well as server-side validation (the
server framework is developed with CakePHP). Date fields include an
AJAX calendar (jquery.datePicker) and all textareas are expandable
(using jQuery).
I would like to personally thank John Resig for this wonderful toolkit
as well as the plugin authors. Keep up the great work!
Thank you and Happy New Year!
Its always nice to see your own work in the wild. I took a look at the
registration page - I like combination of validation and password
strength meter, thats nice.
The message display leaves a lot to deserve. The one thing that you
really should fix is the padding on the error class (.error { ...;
padding: 10px }) which is also applied to the input, which is really
annoying. It should help to apply that padding only to label.error.
That should improve things, but still leaves the problem of those yellow
boxes popping up. I've got a few ideas on how to improve that generally,
but would require siginificant changes, so most likely needs a 2.x
version...
Anyway, let me know if you find something you need improved on the
validation plugin. I'd be glad to help.
Regards
Jörn
[jQuery] Re: [SITE SUBMISSION] Brightegg.com
One point on the password strength meter. The green of the very strong has
almost no contrast against the light blue of the field module. It's very
difficult to read. You might consider changing that green to something
darker.
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Jörn Zaefferer
Sent: Wednesday, January 02, 2008 12:17 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: [SITE SUBMISSION] Brightegg.com
Ryan Rose schrieb:
I would like to announce the launch of http://www.brightegg.com, a new
web platform for building/managing professional-looking websites built
with jQuery. Brightegg utilizes several popular jQuery plugins,
including blockUI, datePicker, cookie, corner, superfish, and
validate. jQuery is Brighteggs primary toolkit, although the main
application uses a combination of Dojo and FCKeditor as well.
Brightegg offers full-featured website building, including the
addition of forms and customization options for a myriad of design
themes. All of Brighteggs design themes are provided by our growing
community of designers, and Brightegg also supports the use of custom
designs. All forms come with built-in client-side validation (using
the jQuery validate plugin) as well as server-side validation (the
server framework is developed with CakePHP). Date fields include an
AJAX calendar (jquery.datePicker) and all textareas are expandable
(using jQuery).
I would like to personally thank John Resig for this wonderful toolkit
as well as the plugin authors. Keep up the great work!
Thank you and Happy New Year!
Its always nice to see your own work in the wild. I took a look at the
registration page - I like combination of validation and password strength
meter, thats nice.
The message display leaves a lot to deserve. The one thing that you really
should fix is the padding on the error class (.error { ...;
padding: 10px }) which is also applied to the input, which is really
annoying. It should help to apply that padding only to label.error.
That should improve things, but still leaves the problem of those yellow
boxes popping up. I've got a few ideas on how to improve that generally, but
would require siginificant changes, so most likely needs a 2.x version...
Anyway, let me know if you find something you need improved on the
validation plugin. I'd be glad to help.
Regards
Jörn
[jQuery] IE7 DOM manipulation and redraws
Hi Everyone,
I've run into a little problem which leaves me stunned.
I'm having a page with a list of div's (a search result). It looks like this:
container div
div id=result1/
div id=result2/
div id=result3/
div id=result4/
/container div
the result divs certainly contain something. Now I have a button in each of
the result divs that allows the result do be removed. When the button is
clicked (below for result2) this snipped of code is executed:
$('#result2').remove()
On FF2 this works nicely. Not so on IE7 (or 6 for that matter). What happens
is that the element is removed, however the elements below are not moved up
properly. It now looks like this:
result 1
space the height of former result 2
result3 and result4 overlapping
The moment some other javascript that draws on the page is executed everyting
falls in place correctly. In my case it's a modal yes no dialog (jqmodal),
but I assume it doesn't really matter. Anything that draws on the page will
make it look correct.
Any ideas?
Thanks
Uwe
[jQuery] Re: Help making my code more efficient...
Are your Question 1,2,3,4,5,6 textboxes, checkboxes or something like
that?
On Jan 2, 6:30 am, brianfidler [EMAIL PROTECTED] wrote:
Can anybody offer some advice on how to make the following code more
efficient? I'm reusing a lot of the same code and I know it can be
streamlined quite a bit.
thanks...
$(document).ready(function() {
$('#question1').click(function() {
$('#contentblock #answer6, #contentblock #answer5,
#contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer1').removeClass('hidden');
});
$('#question2').click(function() {
$('#contentblock #answer6, #contentblock #answer5,
#contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer2').removeClass('hidden');
});
$('#question3').click(function() {
$('#contentblock #answer6, #contentblock #answer5,
#contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer3').removeClass('hidden');
});
$('#question4').click(function() {
$('#contentblock #answer6, #contentblock #answer5,
#contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer4').removeClass('hidden');
});
$('#question5').click(function() {
$('#contentblock #answer6, #contentblock #answer5,
#contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer5').removeClass('hidden');
});
$('#question6').click(function() {
$('#contentblock #answer6, #contentblock #answer5,
#contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer6').removeClass('hidden');
});});
[jQuery] Re: Problem with tablesorter
got it to work with the version of metadata that comes with the
release from tablesorter.com!
On 1 Jan., 13:45, KnoxBaby [EMAIL PROTECTED] wrote:
Hello,
after a long discussion with karl about cluetip (http://
groups.google.com/group/jquery-en/browse_thread/thread/
26229d51487e3bf9/2140d6480c81b21a#2140d6480c81b21a), I have the
problem, that the inline options for tablesorter don't work anymore:
http://www.jahlabs.de/jquery/test/
e.g. I have set class={sorter: false} to the column Aktion since
it's stupid to sort after it but that's not recognized anymore ... :(
What's wrong about it???
Thanks :)
[jQuery] Re: IE7 DOM manipulation and redraws
Hi Uwe,
Not sure why that's happening, but you could try this instead:
$('#result2').hide().remove()
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jan 2, 2008, at 1:35 PM, Uwe C. Schroeder wrote:
Hi Everyone,
I've run into a little problem which leaves me stunned.
I'm having a page with a list of div's (a search result). It looks
like this:
container div
div id=result1/
div id=result2/
div id=result3/
div id=result4/
/container div
the result divs certainly contain something. Now I have a button in
each of
the result divs that allows the result do be removed. When the
button is
clicked (below for result2) this snipped of code is executed:
$('#result2').remove()
On FF2 this works nicely. Not so on IE7 (or 6 for that matter). What
happens
is that the element is removed, however the elements below are not
moved up
properly. It now looks like this:
result 1
space the height of former result 2
result3 and result4 overlapping
The moment some other javascript that draws on the page is executed
everyting
falls in place correctly. In my case it's a modal yes no dialog
(jqmodal),
but I assume it doesn't really matter. Anything that draws on the
page will
make it look correct.
Any ideas?
Thanks
Uwe
[jQuery] Re: jQuery Incorrectly Identified as a Virus
FYI. Looks like McAfee is now triggering this too as of the Jan 2, 2008 update. On Jan 1, 6:56 pm, Benjamin Sterling [EMAIL PROTECTED] wrote: Thanks for the heads up Rey. On 1/1/08, Rey Bango [EMAIL PROTECTED] wrote: Just as an FYI, some AV products are incorrectly identifying certain JS libs, including jQuery as a virus. This is a false positive as reported here: http://cybernetnews.com/2007/12/31/jssnza-virus-is-false-positive/ It seems to be associated to packing the libs. Please make a note in case you get questions about that. Rey jQuery Project -- Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjaminsterling.com
[jQuery] Re: jQuery Incorrectly Identified as a Virus
oh yeah, if you use YUIMIN instead of packer, you are OK. On Jan 1, 6:56 pm, Benjamin Sterling [EMAIL PROTECTED] wrote: Thanks for the heads up Rey. On 1/1/08, Rey Bango [EMAIL PROTECTED] wrote: Just as an FYI, some AV products are incorrectly identifying certain JS libs, including jQuery as a virus. This is a false positive as reported here: http://cybernetnews.com/2007/12/31/jssnza-virus-is-false-positive/ It seems to be associated to packing the libs. Please make a note in case you get questions about that. Rey jQuery Project -- Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjaminsterling.com
[jQuery] Re: songza.com
songza.com so-o-o it's downloading the audio from youtube using the flash player, pretty slick. Why's everyone so convinced it will be illegal, if the stuff's legal on youtube to begin with, then it just may work out. The money get's what the money buys, it's an ambitious project! thanks Aza Raskin at humanized.com ;) Also check this link: http://ajaxian.com/archives/songza-would-you-like-a-habituatable-pie-menus-with-your-social-music On Nov 19 2007, 8:38 pm, Jake McGraw [EMAIL PROTECTED] wrote: This is one of the first sites I saw and the following events took place: 1. They've got to have some slick-ass library running underneath... 2. Click firebug... 3. and what do you know jQuery. Enjoy it while it's still legal. - jake
[jQuery] Re: Thickbox Position is Too Low in IE 6
Am I the only one noticing this bug?
[jQuery] Re: songza.com
Doesn't seem to work in Safari. The request made to Youtube are shown as forbidden. Firefox works great. Pretty cool stuff. On Jan 2, 2008 1:59 PM, Ty [EMAIL PROTECTED] wrote: songza.com so-o-o it's downloading the audio from youtube using the flash player, pretty slick. Why's everyone so convinced it will be illegal, if the stuff's legal on youtube to begin with, then it just may work out. The money get's what the money buys, it's an ambitious project! thanks Aza Raskin at humanized.com ;) Also check this link: http://ajaxian.com/archives/songza-would-you-like-a-habituatable-pie-menus-with-your-social-music On Nov 19 2007, 8:38 pm, Jake McGraw [EMAIL PROTECTED] wrote: This is one of the first sites I saw and the following events took place: 1. They've got to have some slick-ass library running underneath... 2. Click firebug... 3. and what do you know jQuery. Enjoy it while it's still legal. - jake
[jQuery] Re: Help making my code more efficient...
Is this for something like a FAQ? If so, a simple way to do this is
with a definition list, like so:
$(#FAQ dt)
.click(function()
{
$(#FAQ dd).hide();
$(this).next().show();
}
);
You'll want to pre-hide your dds, with something like $(#FAQ
dd).hide(); in the ready script. If definition lists don't work for
you, you could still do something similar as long as you have a strict
q,a,q,a,q,a... sequence.
Larry
On Jan 1, 11:30 pm, brianfidler [EMAIL PROTECTED] wrote:
Can anybody offer some advice on how to make the following code more
efficient? I'm reusing a lot of the same code and I know it can be
streamlined quite a bit.
thanks...
$(document).ready(function() {
$('#question1').click(function() {
$('#contentblock #answer6, #contentblock #answer5,
#contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer1').removeClass('hidden');
});
$('#question2').click(function() {
$('#contentblock #answer6, #contentblock #answer5,
#contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer2').removeClass('hidden');
});
$('#question3').click(function() {
$('#contentblock #answer6, #contentblock #answer5,
#contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer3').removeClass('hidden');
});
$('#question4').click(function() {
$('#contentblock #answer6, #contentblock #answer5,
#contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer4').removeClass('hidden');
});
$('#question5').click(function() {
$('#contentblock #answer6, #contentblock #answer5,
#contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer5').removeClass('hidden');
});
$('#question6').click(function() {
$('#contentblock #answer6, #contentblock #answer5,
#contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer6').removeClass('hidden');
});
});- Hide quoted text -
- Show quoted text -
[jQuery] Re: IE7 DOM manipulation and redraws
I have seen IE act weird if you try to delete the owner of the event
from inside the event. In other words, element delete thyself can be
a problem. However, since the current jQuery doesn't actually delete
the element with .remove(), it just takes it out of the DOM, I don't
know if that's your problem. I suppose one way to check would be to
try running the .remove() from outside the element, just as a test,
and see if it works properly.
Larry
On Jan 2, 11:35 am, Uwe C. Schroeder [EMAIL PROTECTED] wrote:
Hi Everyone,
I've run into a little problem which leaves me stunned.
I'm having a page with a list of div's (a search result). It looks like this:
container div
div id=result1/
div id=result2/
div id=result3/
div id=result4/
/container div
the result divs certainly contain something. Now I have a button in each of
the result divs that allows the result do be removed. When the button is
clicked (below for result2) this snipped of code is executed:
$('#result2').remove()
On FF2 this works nicely. Not so on IE7 (or 6 for that matter). What happens
is that the element is removed, however the elements below are not moved up
properly. It now looks like this:
result 1
space the height of former result 2
result3 and result4 overlapping
The moment some other javascript that draws on the page is executed everyting
falls in place correctly. In my case it's a modal yes no dialog (jqmodal),
but I assume it doesn't really matter. Anything that draws on the page will
make it look correct.
Any ideas?
Thanks
Uwe
[jQuery] Re: BBC Redesign
What clock? The clock disappears behind the menu bar when you use a large font size. A few other bits go astray as well, but I've seen much worse. I thought the BBC was for us old folk, anyway. I can't wait until all these young designers start hitting forty. Maybe then someone will actually think of testing with larger fonts. Larry On Jan 2, 7:50 am, Jake McGraw [EMAIL PROTECTED] wrote: Can't stand that clock in the right hand corner... why on earth is it there? - jake On Jan 2, 2008 9:43 AM, Andy Matthews [EMAIL PROTECTED] wrote: Very nice...well done -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of nathandh Sent: Monday, December 31, 2007 11:51 PM To: jQuery (English) Subject: [jQuery] BBC Redesign Looks like the long-overdue BBC redesign is using jQuery (and a metric ton of whitespace and internal CSS): http://www.bbc.co.uk/home/beta/- Hide quoted text - - Show quoted text -
[jQuery] Re: IE7 DOM manipulation and redraws
Nope, that doesn't do it either. Actually I was really using a fade effect,
but left that out because I can reproduce it with just the remove.
I'm suspecting this is some kind of interaction of javascripts, because the
site loads a bunch of them (tinymce, jquery, submodal and a couple of jquery
plugins).
Guess I'll have to disable them one by one and see if that helps.
Uwe
On Wednesday 02 January 2008, Karl Swedberg wrote:
Hi Uwe,
Not sure why that's happening, but you could try this instead:
$('#result2').hide().remove()
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jan 2, 2008, at 1:35 PM, Uwe C. Schroeder wrote:
Hi Everyone,
I've run into a little problem which leaves me stunned.
I'm having a page with a list of div's (a search result). It looks
like this:
container div
div id=result1/
div id=result2/
div id=result3/
div id=result4/
/container div
the result divs certainly contain something. Now I have a button in
each of
the result divs that allows the result do be removed. When the
button is
clicked (below for result2) this snipped of code is executed:
$('#result2').remove()
On FF2 this works nicely. Not so on IE7 (or 6 for that matter). What
happens
is that the element is removed, however the elements below are not
moved up
properly. It now looks like this:
result 1
space the height of former result 2
result3 and result4 overlapping
The moment some other javascript that draws on the page is executed
everyting
falls in place correctly. In my case it's a modal yes no dialog
(jqmodal),
but I assume it doesn't really matter. Anything that draws on the
page will
make it look correct.
Any ideas?
Thanks
Uwe
--
UC
--
Open Source Solutions 4U, LLC 1618 Kelly St
Phone: +1 707 568 3056 Santa Rosa, CA 95401
Cell: +1 650 302 2405 United States
Fax:+1 707 568 6416
[jQuery] Re: Thickbox Position is Too Low in IE 6
By the way, there was also a problem with the thickbox position after
scrolling down on the page and then clicking on the thickbox link...
FYI, using the dimensions plugin and $(document).scrollTop(), I think
I've just made a fix for this.
Here's how I've modified the tb_position function in thickbox.js:
function tb_position() {
$(#TB_window).css({marginLeft: '-' + parseInt((TB_WIDTH / 2),10) +
'px', width: TB_WIDTH + 'px'});
if ( !(jQuery.browser.msie jQuery.browser.version 7)) { // take
away IE6
$(#TB_window).css({marginTop: '-' + parseInt((TB_HEIGHT /
2),10) +
'px'});
}
else {
var scrolledDown = $(document).scrollTop()-200;
$(#TB_window).css(margin-top, scrolledDown +px);
}
}
[jQuery] slowness in IE 6/7 compare to FF/Safari/Opera
here is the code is question:
for(var x = 0; x array_length; x++)
{
var search_text = order_new[x];
for(var i = 0; i array_length; i++)
{
if(search_text === order_old[i])
{
var table_id = order_old[i].split('.')[1];
var new_tab_html = 'li id=tab_' + table_id +
'1 javascript:void(0);
Prices /li';
new_tab_html += 'li id=tab_' + table_id +
'2 javascript:void(0);
Reviews /li';
new_tab_html += 'li id=tab_' + table_id +
'3 javascript:void(0);
Photos /li';
var element = $('#hotel_tab_' + table_id + '
ul');
element.removeClass('tabs_nav');
element.empty();
element.html(new_tab_html);
new_dom[x] = $('#hotel_selection' +
table_id).clone(true);
new_dom_ids[x] = table_id;
break;
}
}
}
The first loop loops through 13 element and the inner for loops throught 13
until it find the correct one. In FF/Safari/Opera it takes about 1-2
seconds to run through(which seems ok) but in IE 6/7 it take 20-25 seconds
to run which is way longer, anyone see why it would take so much longer on
IE that FF?
--
View this message in context:
http://www.nabble.com/slowness-in-IE-6-7-compare-to-FF-Safari-Opera-tp14587007s27240p14587007.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Thickbox Position is Too Low in IE 6
Are you using the latest versions of the js and css files for Thickbox? I
had the same problems but when I got the latest css and js files it went
away.
-- Josh
- Original Message -
From: cfdvlpr [EMAIL PROTECTED]
To: jQuery (English) jquery-en@googlegroups.com
Sent: Wednesday, January 02, 2008 1:35 PM
Subject: [jQuery] Re: Thickbox Position is Too Low in IE 6
By the way, there was also a problem with the thickbox position after
scrolling down on the page and then clicking on the thickbox link...
FYI, using the dimensions plugin and $(document).scrollTop(), I think
I've just made a fix for this.
Here's how I've modified the tb_position function in thickbox.js:
function tb_position() {
$(#TB_window).css({marginLeft: '-' + parseInt((TB_WIDTH / 2),10) +
'px', width: TB_WIDTH + 'px'});
if ( !(jQuery.browser.msie jQuery.browser.version 7)) { // take
away IE6
$(#TB_window).css({marginTop: '-' + parseInt((TB_HEIGHT / 2),10) +
'px'});
}
else {
var scrolledDown = $(document).scrollTop()-200;
$(#TB_window).css(margin-top, scrolledDown +px);
}
}
[jQuery] Re: Thickbox Position is Too Low in IE 6
Yes, I was using the latest. I just downloaded version 3.1 this morning from http://jquery.com/demo/thickbox/
[jQuery] Re: Selector confusion
Thanks Karl.
Unfortunately I can't guarantee there will be one (or more) tables at
all. I'm using dynamic content, so some rows may have one or more sub
tables, while others will have none...
I *might* be able to rework the code some so there are no nested tables
(use DIVs instead to get a row effect...). That would solve my issue
too.. :)
For now, using the context seems to be working.
Shawn
Karl Swedberg wrote:
Hi Shawn,
On Jan 2, 2008, at 5:30 AM, Shawn wrote:
I'm working on a table that has nested tables. My problem is that I
need to retrieve all the rows for the main table, but ignore the nested
tables. I know I can do something like this:
$(#mytable tbody tr);
But my table reference is passed into my function(s) as a parameter. So
can I do something like this then?
$(tbody tr, tblRef);
No. That won't work, as you suggest below.
If I'm understanding correctly that would give me all the TRs within the
context of my tblRef element. But wouldn't that also include the nested
tables? Or maybe this
$(tbody:first tr, tblRef);
??
yes, that should work.
I know as a fallback I can do
$(tblRef).children(tbody).children(tr); But that seems inefficient
to me...
Any tips on doing this? Thanks in advance.
Your solution works for me:
$(tbody:first tr, tblRef);
Another option would be this:
$( tbody tr, tblRef);
If you're sure there will be one nested table, and you want to select
the tr only in the outer table, you could also do this:
$('tr:has(table)', tblRef);
Cheers,
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
[jQuery] Cluetip delayed?
I'm seeing an odd delay before the Cluetip code fires. I'm wondering if
I have cluetip configured badly, or if the problem is elsewhere in my
code (most likely, but need to check...). Here's the Cluetip code:
$(this).attr(rel, xhr/dayDetails.cfm).cluetip({
activation : click,
positionBy: mouse,
mouseOutClose: true,
sticky: true,
closePosition: title,
ajaxSettings : {
type: GET,
data: e= + eid + sd= + dt + d= + dt
},
onShow : function (ct, c) {
$(#dayDetailTip).children(.taskdetail:even).css(background-color,
#fff);
$(#dayDetailTip).children(.taskdetail:odd).css(background-color,
#ddd);
$(#dayDetailTip).children(.taskdetail).unbind(click).click(function
() {
var id = this.id.toString().split(-)[1];
task.edit(id);
$(#cluetip-close).click();
});
}
});
What I'm seeing is a 1 or 2 second delay before my Ajax activity
indicator (via .ajaxStart() ) shows up. SO, that would seem to mean
that nothing is happening for that 1 or 2 second period. I would assume
the Ajax via ClueTip would fire almost instantly??
I know it's only a second or two, but it makes the application feel
sluggish. The called Ajax page (dayDetails.cfm) already is doing stuff
with the database that incurs a performance penalty. So This delay just
adds to it. (And I'm looking at the SQL side of things to see if I can
speed it up. Not promising though - it's a non-trivial task).
If it helps, I do have the hoverIntent plugin loaded (as well as a bunch
more). I have tried setting the hoverintent delay to 0 with no effect.
Thanks for any tips.
Shawn
[jQuery] Re: click event is not listening from .html() output
You can't assign an event to an element that does not exist yet, and
the uncheckall_field does not exist until you click the first link.
You could move the event assignment into the function that creates the
uncheckall_field, but then you'd need to reassign the
checkall_field event later and you'll just go back-and-forth in a
big mess.
Instead, the simplest way to do this, off the top of my head, would be
to just have two different links, each with their respective click
events assigned, and then just toggle their visibility (actually, the
display property). You could start with the checkall visible and the
uncheckall hidden, then put the .toggle() method inside each click
event.
I don't know how you're using this, but you might not want the two
links to be exclusive. The most friendly implementation would allow
users to either uncheck or check all at any time.
Larry
On Jan 2, 3:24 pm, webophir [EMAIL PROTECTED] wrote:
Hey all,
I am very new to jQuery and becoming a fan of this wonderful
framework.
Please give me an idea of how to solve this problem if you know
howtos.
I am trying to create a form with many checkboxes with 'check all'
link to check all the checkboxes. It's kind of simple and it is
already in jQuery site tutorial. But what I wanted is that when I
click 'check all' link, check all checkboxes as well as change the
link text to 'uncheck all.'
Here is my code:
jQuery(document).ready(function() {
// I do not show 'check all' when javascript is disabled from
browser
$(#field_check).html('a href= id=checkall_fieldcheck all/
a');
// when 'check all' is clicked, update the html id to
'uncheckall_field' and text to uncheck all
$(#checkall_field).click(function() {
$(#field_check).html('a href=
id=uncheckall_fielduncheck all/a');
$(#dbcolumn [EMAIL PROTECTED]'checkbox']).check('on');
return false;
});
$(#uncheckall_field).click(function() {
$(#field_check).html('a href= id=checkall_fieldcheck
all/a');
$(#dbcolumn [EMAIL PROTECTED]'checkbox']).check('off');
return false;
});
});
Ok, from the firebug debugger, I can see the #checkall_field.click
event listener is working, but after that, 'uncheck all' event
listener is skipped.
Any idea how to solve this problem?
Thanks.
[jQuery] Re: click event is not listening from .html() output
Thanks!
That could solve my problem!
I'll keep in mind that the usability issue you mentioned above.
But I just wanted to exercise the forms with jQuery for myself ;).
Blessing,
On Jan 2, 3:36 pm, McLars [EMAIL PROTECTED] wrote:
You can't assign an event to an element that does not exist yet, and
the uncheckall_field does not exist until you click the first link.
You could move the event assignment into the function that creates the
uncheckall_field, but then you'd need to reassign the
checkall_field event later and you'll just go back-and-forth in a
big mess.
Instead, the simplest way to do this, off the top of my head, would be
to just have two different links, each with their respective click
events assigned, and then just toggle their visibility (actually, the
display property). You could start with the checkall visible and the
uncheckall hidden, then put the .toggle() method inside each click
event.
I don't know how you're using this, but you might not want the two
links to be exclusive. The most friendly implementation would allow
users to either uncheck or check all at any time.
Larry
On Jan 2, 3:24 pm, webophir [EMAIL PROTECTED] wrote:
Hey all,
I am very new to jQuery and becoming a fan of this wonderful
framework.
Please give me an idea of how to solve this problem if you know
howtos.
I am trying to create a form with many checkboxes with 'check all'
link to check all the checkboxes. It's kind of simple and it is
already in jQuery site tutorial. But what I wanted is that when I
click 'check all' link, check all checkboxes as well as change the
link text to 'uncheck all.'
Here is my code:
jQuery(document).ready(function() {
// I do not show 'check all' when javascript is disabled from
browser
$(#field_check).html('a href= id=checkall_fieldcheck all/
a');
// when 'check all' is clicked, update the html id to
'uncheckall_field' and text to uncheck all
$(#checkall_field).click(function() {
$(#field_check).html('a href=
id=uncheckall_fielduncheck all/a');
$(#dbcolumn [EMAIL PROTECTED]'checkbox']).check('on');
return false;
});
$(#uncheckall_field).click(function() {
$(#field_check).html('a href= id=checkall_fieldcheck
all/a');
$(#dbcolumn [EMAIL PROTECTED]'checkbox']).check('off');
return false;
});
});
Ok, from the firebug debugger, I can see the #checkall_field.click
event listener is working, but after that, 'uncheck all' event
listener is skipped.
Any idea how to solve this problem?
Thanks.
[jQuery] ui.datePicker and clone() issue
hi,
In a form, I'm cloning a number of times a portion of html that
displays a sub form. Now, that subform contains date input fields
which *should* display the date picker plugin. The plugin works fine
on other input dates, but not on the cloned ones.
I tried previously with the masked Plugin and i also had issues with
it, so i suspect i'm the faulty one here...
Any idea what i 'm doing wrong?
Here is the cloning code if that can help:
$.datepicker.setDefaults({
showOn: 'both',
buttonImageOnly: true,
buttonImage: '../_js/jquery_plugins/ui/datePicker/3.2/
calendar.gif',
buttonText: 'Calendar',
dateFormat: 'dd/mm/yy',
speed: 'fast'
});
$(.isADate).datepicker();
// more code .. then comes this:
$('#weekamount').bind(change, function(){
$weeks = $(this).val();
$('.newWeek').remove();
for (i = 0; i $weeks; i++) {
$('#templateUI legend').text('Semaine ' + parseInt(i +
1));
$
('#templateUI').clone(true).fadeIn(slow).addClass('newWeek').attr('id',
'#templateUI' + i).appendTo('#addWeekUIholder').css({
backgroundColor: yellow
}).animate({
backgroundColor: 'white'
}, 1000);
//$(.newWeek .isADate).mask(99/99/);
$(.isADate).datepicker();
}
});
