[jQuery] Safest way to test is a variable is a jQuery object?
I am wondering what is the safest way to test if a variable is a
jQuery object. I am building a function where I want to be able to
pass in either the id of the form or the form object itself. The
current way I am doing this is
var $form = (form instanceof jQuery ? form : $('#' + form));
Is this the safest way that is not likely to change? Would I be
better offer wrapping this functionality into a function all by itself
so incase this does change, I only need it to change in one spot (plan
on building a complete UI type framework)?
[jQuery] With IE8 out, how do you test for IE6?
I say that friday that IE8 was released so I downloaded it to check it out. I am happy that they did seemed to do at least a few right right and it seem very easy to test for IE8 and IE7 in the IE8 browser (which is very nice). However, after i installed IE8, Multiple IE stopped render correctly (I use Multiple IE to test for IE6 and this is only at work since I have yet to find a way to run IE6 on Vista at home). Do you guys have any tips/tricks for properly test IE8/7/6 On Vista and XP? I am almost at the point where I want to drop support for IE6 on my own javascript plug-ins because it is utterly retarded to have to main code that works on 3 separate version of the same browser (come on IE6 is over 8 years old, FireFox 1 wass released after IE6 and no one officially supports that). -- View this message in context: http://www.nabble.com/With-IE8-out%2C-how-do-you-test-for-IE6--tp22659647s27240p22659647.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Proper way of binding/unbinding event in plug-ins
Anyone?
Eridius wrote:
Is the following syntax the proper way to bind and unbind event in plugin
so that you minimize the chance you will unbind and event that you did not
set?
$(selector).bind('event.custom_tag', function);
so if you take the following:
$('#binding_test').bind('click.part1', function()
{
alert('part1');
});
$('#binding_test').bind('click.part2', function()
{
alert('part2');
});
$('#binding_test').unbind('click.part1');
at the end of the code click.part2 is still working but the other one does
not. currently i just do unbind('event') which could unbind event i did
not set. I want to make cure this is the proper way of doing things and
the most current(will this functionality be in jquery 1.3, 1.4, 1.5,
etc...) so i can update all my plug-ins.
--
View this message in context:
http://www.nabble.com/Proper-way-of-binding-unbinding-event-in-plug-ins-tp21299054s27240p21313944.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Proper way of binding/unbinding event in plug-ins
Is the following syntax the proper way to bind and unbind event in plugin so
that you minimize the chance you will unbind and event that you did not set?
$(selector).bind('event.custom_tag', function);
so if you take the following:
$('#binding_test').bind('click.part1', function()
{
alert('part1');
});
$('#binding_test').bind('click.part2', function()
{
alert('part2');
});
$('#binding_test').unbind('click.part1');
at the end of the code click.part2 is still working but the other one does
not. currently i just do unbind('event') which could unbind event i did not
set. I want to make cure this is the proper way of doing things and the
most current(will this functionality be in jquery 1.3, 1.4, 1.5, etc...) so
i can update all my plug-ins.
--
View this message in context:
http://www.nabble.com/Proper-way-of-binding-unbinding-event-in-plug-ins-tp21299054s27240p21299054.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] unbinding certain events
I remember reading somewhere and hear at the conference about how you can add
some to the event string in the bind method like:
$(this).bind('click:my_plugin', function(){});
And then if you wanted to just remove that binding event, while leaving all
the other events still there, you could do:
$(this).unbind('click:my_plugin');
I just can't remember the exact syntax. Does anything know if this is true?
If so does anyone know the correct syntax for doing this?
--
View this message in context:
http://www.nabble.com/unbinding-certain-events-tp21133100s27240p21133100.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Issue with my dragging code
I have the following code:
//add the ability to drag columns
if(options.draggable === true)
{
$('#' + options.element_id + ' table.cr_data_grid tbody tr th
span').bind('mousemove', function(event)
{
if(self.resize === true)
{
var change = event.pageX - self.mouse_down_start;
$(this).parent().css('width', $(this).parent().width()
+ change);
self.mouse_down_start =
event.pageX;$('body').append('mouse down at ' +
event.pageX + ' and this columns width is' + $(this).parent().width());
}
});
$('#' + options.element_id + ' table.cr_data_grid tbody tr th
span').bind('mousedown', function(event)
{
self.resize = true;
//self.resize_id = $(this).parent().slice(0, 1).attr('id');
self.mouse_down_start = event.pageX;$('body').append('mouse
down at ' +
event.pageX + ' and this columns width is' + $(this).parent().width());
});
$('#' + options.element_id + ' table.cr_data_grid tbody tr th
span').bind('mouseup', function(event)
{
var change = event.pageX - self.mouse_down_start;
$(this).parent().css('width', $(this).parent().width() +
change);
self.mouse_down_start = 0;
self.resize = false;
//self.resize_id = null;
});
}
And this code works properly for the most part however this is one thing
that is no working properly. If i drag and try to resize a column past the
minimum width it stop as the minimum width but as i move my mouse if the
opposite direct is will start resize the column, even if my mouse is no
where near the column itself. Is there a way to confine the resize only if
the mouse if over the handle that does the resizing?
--
View this message in context:
http://www.nabble.com/Issue-with-my-dragging-code-tp21091128s27240p21091128.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Simple way to track dragging?
I know i can do mouseup/mousedown to track where the mouse was clicked down and where the mouse was clicked up but it there a simple way to track the dragging from those 2 point without inlcude 25K mined js from jquery ui(which is 9X+ the size of my current plugin). -- View this message in context: http://www.nabble.com/Simple-way-to-track-dragging--tp21072641s27240p21072641.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Simple way to track dragging?
Anyone? I mean i have the code for the mouse up/down working and it repositions the element on mouse up(and this is only about 400 bytes of code) but i can get it to resize as the mouse moves. It seems like i would not have to have 24K on minjs code just to havet he ability to resize an element on a mousedown+mousemove but if so i will use the jquery UI draggable code. Eridius wrote: I know i can do mouseup/mousedown to track where the mouse was clicked down and where the mouse was clicked up but it there a simple way to track the dragging from those 2 point without inlcude 25K mined js from jquery ui(which is 9X+ the size of my current plugin). -- View this message in context: http://www.nabble.com/Simple-way-to-track-dragging--tp21072641s27240p21078290.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: trigger event on resize of window
What happens if there is another $(window).resize event in another plugin,
does both things happen or only the last one called?
Jason Huck wrote:
Yes, .resize():
html
head
script
type=text/javascript
src=http://cachefile.net/scripts/jquery/1.2.3/
jquery-1.2.3.min.js
/script
script type=text/javascript
$(function(){
$(window).resize(function(){
alert('You resized the window!');
});
});
/script
/head
body
hi
/body
/html
This has some pretty bizarre side effects in Firefox 3 with Firebug
enabled. :P
- jason
On May 15, 5:18 pm, Eridius [EMAIL PROTECTED] wrote:
Is there a way to trigger an event when the use resize the window with
jquery
or vanilla javascript?
--
View this message in
context:http://www.nabble.com/trigger-event-on-resize-of-window-tp17262754s27...
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
--
View this message in context:
http://www.nabble.com/trigger-event-on-resize-of-window-tp17262754s27240p17274516.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: loading content form ajax request in safari
Another weird this is that is seem that not all javascript is include when placed inline. I have code that created a swf object and when the javascript code what inline safari would not load if but FF/IE did but when i placed the javascript is a separate file and included that fine the player opened fine. anyon else expereince these weird things with safari 3.1.1? Eridius wrote: When i am loading content from an ajax request in safari, the javascript loads fine but the css does not load, is this a problem in safari 3.1.1? It seem like the thickbox plugin does it fine but i don't see what they are doing different from my plugin. -- View this message in context: http://www.nabble.com/loading-content-form-ajax-request-in-safari-tp17259330s27240p17275562.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] loading content form ajax request in safari
When i am loading content from an ajax request in safari, the javascript loads fine but the css does not load, is this a problem in safari 3.1.1? It seem like the thickbox plugin does it fine but i don't see what they are doing different from my plugin. -- View this message in context: http://www.nabble.com/loading-content-form-ajax-request-in-safari-tp17259330s27240p17259330.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] trigger event on resize of window
Is there a way to trigger an event when the use resize the window with jquery or vanilla javascript? -- View this message in context: http://www.nabble.com/trigger-event-on-resize-of-window-tp17262754s27240p17262754.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Question about validation
This is the thing i need to be able to do trying to use the Validation 1.2 plug. Basically i want to be able to undisabled a button if the validation fails. Now i just disable the button on click which works fine but i don't see anything in the documentation on being able to trigger a function on a failed validation, only on a successful validation. is this possible? -- View this message in context: http://www.nabble.com/Question-about-validation-tp17189880s27240p17189880.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jdmenu 1.4.0 bug?
i have this code li /index.php/destinations/index Destinations ul li /index.php/hotels/index Hotels /li li /index.php/party_packages/index Party Packages /li li /index.php/meal_plans/index Meal Plans /li li /index.php/clubs/index Clubs /li /ul /li however the when i click on Destinations it does not goto /index.php/destinations/index, if jdmenu removing the click event if it has a sub menu cause the other links work? -- View this message in context: http://www.nabble.com/jdmenu-1.4.0-bug--tp16329388s27240p16329388.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: finding if element is focused
anyone?
Eridius wrote:
i know i bind a function to the event focus of an element but is there a
way i can see if a element is focused like?
if(element.focus())
{
//true
}
else
{
//false
}
--
View this message in context:
http://www.nabble.com/finding-if-element-is-focused-tp15357587s27240p15546789.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: how to disable wheel scroll?
Why on earth do you think you know hat my plugin is and needs. I have my reason for wanting to disable scrolling just like thickbox does. [EMAIL PROTECTED] wrote: Why on earth would you want to? Your visitors may think your page broke their computer! Eridius wrote: but the wheel scroll still scrolls the window, how to i disable it. -- View this message in context: http://www.nabble.com/how-to-disable-wheel-scroll--tp15471899s27240p15479659.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: how to disable wheel scroll?
I guess i should have been more specific. This is basically a rewrite of
thickbox but designed for html content and not for images and thickbox is
not really design in a way i can use it and thickbox reloaded has an IE bug
that is annoy so i thought I would rewrite the plugin from scratch and try
to learn a few things while i do it.
This is a seation of code that does not work in all browser, explain below
reset_size_fade: function()
{
var document_height = parseInt($(document).height());
var document_width = parseInt($(document).width());
var window_width = parseInt($(window).width());
var window_height = parseInt($(window).height());
if(document_height window_height)
{
document_width += 21;
}
$('#fade_box_dim').css(
{
height: document_height,
width: document_width
});
//this is to disable the scrolling and also does not require me
to apply anything special to ie for position fixed hacks
}
this is the result of adding height: 100% and overflow: hidden to the html
tag.
IE6:disabling of the scroll does work, even the mouse can't scroll, however
the above code alert 0, note sure why that code does not work in IE which
in turn make the content higher than it should be.
IE7:disabling of the scroll does work, even the mouse can't scroll, however
the above code alert 0, note sure why that code does not work in IE which
in turn make the content higher than it should be.
FF:disabling of the scroll does work, even the mouse can't scroll, however
the above code alert 0, note sure why that code does not work in FF but FF
also shoot the window to the top so the content does display ok but the
indow should not shoot up to the top
OP:when the fade box load the content is in the right place but even tho the
scroll bar is gone, I can still scroll with my mouse. the above code works
fine.
SF: when the fade box load the content is in the right place but even tho
the scroll bar is gone, I can still scroll with my mouse. the above code
works fine.
After all this testing i really think that overflow hidden is no the best
choice to use. shouldn't returning false in the scroll function not allow
scroll, that how it looks like thickbox reloaded does it.
Matt-70 wrote:
You could just set the css overflow property to hidden.
body {
overflow:hidden;
}
this should hide scrollbars, so no scroling possible
Matt
2008/2/14, Eridius [EMAIL PROTECTED]:
Why on earth do you think you know hat my plugin is and needs. I have my
reason for wanting to disable scrolling just like thickbox does.
[EMAIL PROTECTED] wrote:
Why on earth would you want to? Your visitors may think your page
broke their computer!
Eridius wrote:
but the wheel scroll still scrolls the window, how to i disable it.
--
View this message in context:
http://www.nabble.com/how-to-disable-wheel-scroll--tp15471899s27240p15479659.html
Sent from the jQuery General Discussion mailing list archive at
Nabble.com
.
--
Matthias ETIENNE
--
View this message in context:
http://www.nabble.com/how-to-disable-wheel-scroll--tp15471899s27240p15489009.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Jquery AJAX Email Client ???
Not sure how hard it would be but it would be a big project to do. bmsterling wrote: I don't know if it would be hard to do, but there is a little more you need then just a js framework to achieve. You will need some backend programming, ie. asp, asp.net, php, ruby, coldfusion, etc. On 2/14/08, Cloudream [EMAIL PROTECTED] wrote: is it hard to do it? jQuery is quite easy to use. Try it yourself :) On Feb 15, 1:47 am, KONIU [EMAIL PROTECTED] wrote: Hi, Does anybody know an ajax email client like this one ona dojohttp://dojotoolkit.org/demos/email-using-1-0??? but in Jquery. -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.benjaminsterling.com -- View this message in context: http://www.nabble.com/Jquery-AJAX-Email-Client-tp15486152s27240p15489184.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] scrollTop not working in IE 6/7 or FF
i have this code
alert($('body').scrollTop());
in opera and safari, I get the correct number however IE 6/7 and FF give me
0, anyone no why this would happen? My HTML is valid so that is not an
issue, not sure what else tho would case IE and FF to me up.
--
View this message in context:
http://www.nabble.com/scrollTop-not-working-in-IE-6-7-or-FF-tp15489721s27240p15489721.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: scrollTop not working in IE 6/7 or FF
ScrollTop is a function from teh dimensions plugin. I found the
$(window).scrollTop(); works, still curoius why it does not work for
functions.
polyrhythmic wrote:
AFAIK scrolltop is an element property, _not_ a function.
See these for more info:
http://www.quirksmode.org/viewport/compatibility.html
http://developer.mozilla.org/en/docs/DOM:element.scrollTop
http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12
Also these sites are great general references for any future issues,
too.
Charles
On Feb 14, 1:25 pm, Eridius [EMAIL PROTECTED] wrote:
i have this code
alert($('body').scrollTop());
in opera and safari, I get the correct number however IE 6/7 and FF give
me
0, anyone no why this would happen? My HTML is valid so that is not an
issue, not sure what else tho would case IE and FF to me up.
--
View this message in
context:http://www.nabble.com/scrollTop-not-working-in-IE-6-7-or-FF-tp1548972...
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
--
View this message in context:
http://www.nabble.com/scrollTop-not-working-in-IE-6-7-or-FF-tp15489721s27240p15491605.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] keeping element is same position no matter scroll
I want to create the same effect the thickbox/thickbox reloaded does so if someone tries to scroll down manually with the mouse and browser side scroll bar my content remain in the same place not matter where they scroll, how is this possible? I search the thickbox reloaded code and can't seem to find out how they did it. -- View this message in context: http://www.nabble.com/keeping-element-is-same-position-no-matter-scroll-tp15466372s27240p15466372.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: keeping element is same position no matter scroll
I have used a js script that did this same thing(might have been the same script) and instead of fixed IE 6 it would crash IE 6 randomly. I also think it is over kill to add 23KB to fix a small issue or make this a requirement to use my plugin. Cloudream wrote: try DEAN's IE7 js lib. http://dean.edwards.name/IE7/ On Feb 14, 4:08 am, Eridius [EMAIL PROTECTED] wrote: I want to create the same effect the thickbox/thickbox reloaded does so if someone tries to scroll down manually with the mouse and browser side scroll bar my content remain in the same place not matter where they scroll, how is this possible? I search the thickbox reloaded code and can't seem to find out how they did it. -- View this message in context:http://www.nabble.com/keeping-element-is-same-position-no-matter-scro... Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/keeping-element-is-same-position-no-matter-scroll-tp15466372s27240p15467570.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] re[jQuery] moving a certain event from element
I have a plugin that creates a click event on $(document). I want to be able
to remove just that event and if something else has added an click event to
the $(document) I still want it. $(document).unbind('click') will remove
all event, even ones i did not create. is there a way to do this?
--
View this message in context:
http://www.nabble.com/removing-a-certain-event-from-element-tp15468938s27240p15468938.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] how to disable wheel scroll?
I have
$(window).bind('scroll', function(){return false;});
but the wheel scroll still scrolls the window, how to i disable it.
--
View this message in context:
http://www.nabble.com/how-to-disable-wheel-scroll--tp15471899s27240p15471899.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] mouseover and IE 6
my mouseover event is not taken effect in IE 6 -- View this message in context: http://www.nabble.com/mouseover-and-IE-6-tp15421402s27240p15421402.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: mouseover and IE 6
well mouseover does work but i think i did find the issue: look at this code:
//load auto complete after set number characters
if($(this).val().length = self.options.load_number)
{
$('#' + self.options.auto_complete_id).load(self.options.url,
{
search_filter: self.element.val()
},
function()
{
self.show_list();
self.options.list_count = 0;
$('#' + self.options.auto_complete_id + '
li').each(function(number)
{
alert('test');
self.options.list_count++;
$(this).bind('mouseenter', function()
{
self.focus(number);
});
});
$('#' + self.options.auto_complete_id + ' li').bind('click',
function(event)
{
self.update_value();
});
});
now with that alert('test') it works fine is ie 6 but without it it does
not, but the click even does work for IE6 with the alert. it is like when
it try to apply the mouseenter, the element is not there and for the click
it is. anyone seea nything wrong with this code?
Eridius wrote:
my mouseover event is not taken effect in IE 6
--
View this message in context:
http://www.nabble.com/mouseover-and-IE-6-tp15421402s27240p15421790.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: thickbox reloaded and IE6 not good
Anyone look at my example because it does not work in IE 6 and it is getting to the point where i really need something to work very soon. Eridius wrote: 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-tp15306762s27240p15418705.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] getting elements tag type
now lets say the i have this
var element = $('#input_element');
is there a way i get get what type of html element this element is(in the
case it would be a input tag)?
--
View this message in context:
http://www.nabble.com/getting-elements-tag-type-tp15371435s27240p15371435.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] finding if element is focused
i know i bind a function to the event focus of an element but is there a way
i can see if a element is focused like?
if(element.focus())
{
//true
}
else
{
//false
}
--
View this message in context:
http://www.nabble.com/finding-if-element-is-focused-tp15357587s27240p15357587.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Codereck Beat plug-in
Now I saw the jHeartBeat plug-in and it was nice and simple but I though t there were a few were things from looking at the code. First of all it looks like you can only have the url ajax call load in the div create by the plug-in were all i think you really need is a way to call a function every x seconds(and you can put all your code in that function including any ajax calls), I think this make the plug-in a little bit more general. now that can be very easily fixed without a rewrite but the second issue was a little more of a fix. The second issue i saw is that I can only have one instance of this running at a time(I did not try it though but pretty sure). After seeing that i decided i would just rewrite the entire plug-in(it was only 30 lines). Thanks to Jason Levine to inspire me to write this plug-in. You can get it at: http://dev.kaizendigital.com/js_test/javascript/codereck/cr.beat.js If anyone has any suggestions or see any bugs please let me know. -- View this message in context: http://www.nabble.com/Codereck-Beat-plug-in-tp15367953s27240p15367953.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[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] Create thickbox dymanically after opening one
This is the deal. I have a form and based on the information they enter in this form, when they click to submit it, it take the form data and turns it into the url query and they create a link with the url, adds thickbox to the newly created link and then triggers the link to bring up the thickbox which works fine. Now lets say that they wan to change something. so they go and close the thickbox and then change the form and then re submits but this time the redirects the page to the url, not open up the thickbox. From my testing, I can create as many thickboxes dynamic but once i open one, i can not create anymore. anyone know a way around this. -- View this message in context: http://www.nabble.com/Create-thickbox-dymanically-after-opening-one-tp15306742s27240p15306742.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] thickbox reloaded and IE6 not good
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-tp15306762s27240p15306762.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Create thickbox dymanically after opening one
is there a way to prevent someone from closing the thickbox Eridius wrote: This is the deal. I have a form and based on the information they enter in this form, when they click to submit it, it take the form data and turns it into the url query and they create a link with the url, adds thickbox to the newly created link and then triggers the link to bring up the thickbox which works fine. Now lets say that they wan to change something. so they go and close the thickbox and then change the form and then re submits but this time the redirects the page to the url, not open up the thickbox. From my testing, I can create as many thickboxes dynamic but once i open one, i can not create anymore. anyone know a way around this. -- View this message in context: http://www.nabble.com/Create-thickbox-dymanically-after-opening-one-tp15306742s27240p15306957.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] ie 6 z-index workaround?
Is there a common way getting around the z-index IE6 issue? I am talking about how select boxes appear infront of element with higher z-index. -- View this message in context: http://www.nabble.com/ie-6-z-index-workaround--tp15312083s27240p15312083.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] clone(true) still not working in jquery 1.2.3
i have this
self.element.children('.cr_tab_content').append(self.element.children('#' +
id).clone(true));
and this does nothing but
self.element.children('.cr_tab_content').html(self.element.children('#' +
id).html());
still works just does not copy trigger, is there anything wrong with that
line of code with .clone()?
--
View this message in context:
http://www.nabble.com/clone%28true%29-still-not-working-in-jquery-1.2.3-tp15325919s27240p15325919.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] getting element number?
$('#' + self.options.auto_complete_id + ' li').bind('mouseover', function()
{
//code
});
now is there a way i can get the element number of the one my mouse is
currently over? I mean lets say there is 10 li's in that list and my mouse
is over the 4th one, is there a easy way to get the number 3(since
javascript 0 is the first and so on)?
--
View this message in context:
http://www.nabble.com/getting-element-number--tp15289891s27240p15289891.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] looking for a certain type of plug-in(example included)
http://sidekick.com/ I am basically looking for a plug-in that does what the bottom does. I thought i already saw one but can't seem to find anything and that plug-in uses mootools and i really don't want to use mootools and jquery. -- View this message in context: http://www.nabble.com/looking-for-a-certain-type-of-plug-in%28example-included%29-tp15291430s27240p15291430.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: getting element number?
Yea, i just thought about the .each thing about 15mins ago and it worked
perfect. Thanks for the replies.
Bohdan Ganicky wrote:
Hi Eridius,
I guess this could do it:
$('#' + self.options.auto_complete_id + ' li').each(function(i) {
// i is now an index
$(this).bind('mouseover', function() {
//do something on mouseover
});
});
--
Bohdan Ganicky
On Feb 5, 2:15 pm, Eridius [EMAIL PROTECTED] wrote:
$('#' + self.options.auto_complete_id + ' li').bind('mouseover',
function()
{
//code
});
now is there a way i can get the element number of the one my mouse is
currently over? I mean lets say there is 10 li's in that list and my
mouse
is over the 4th one, is there a easy way to get the number 3(since
javascript 0 is the first and so on)?
--
View this message in
context:http://www.nabble.com/getting-element-number--tp15289891s27240p152898...
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
--
View this message in context:
http://www.nabble.com/getting-element-number--tp15289891s27240p15292916.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] wierd thickbox reloaded behavior
I am getting some weird behavior from thickbox reloaded. for some reason when i trigger a thickbox, it reloads the page with the thickbox by default showing. I am going to debug this but does anyone know what might cause this? it might might be my code plug-ins are overwriting a event on something so any information to send me in the right direction would be great. -- View this message in context: http://www.nabble.com/wierd-thickbox-reloaded-behavior-tp15299911s27240p15299911.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Validation 1.2 and UI Date Picker issue
I think I found a bug in the validation 1.2 or ui datepicker plug-in. I also
have the ui datepicker attacked to two of the form elements. Now when I try
to validation a form and the fields that are calendars are not fielded in,
the calendar popped up for the first calendar element. Now I am not sure if
this is an issue with the datepicker or the validation plug-in. I don't
know how the calendar it triggered, i would assume a click event, but i
searched the validation plug-in for a trigger('click') and could not find
one(I could not find and trigger() for that matter).
--
View this message in context:
http://www.nabble.com/Validation-1.2-and-UI-Date-Picker-issue-tp15274047s27240p15274047.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] problem doing auto complete
I have create an auto complete plug-in the it almost prefect for what I need, just one small problem. The problem is that I can't get the auto complete box to disappear when i click click outside of the input box and outside the auto complete box. now my first try was to do a blur event on the input box which does the job but since the blur event happens before the .click event on the auto complete items, the auto complete box disappear before the click event happens. Is there another way to hide the auto complete box when i click outside the input and auto complete box? Also, please don't respond by saying use X plug-in instead. I know that a lot of people don't like when people recreate the wheel(i don't really understand it. I have recreated a plug-in(a tab plug-in) and the reason I am re create a auto complete plug-in(and I am sure there will be more) is I want to actually learn jQuery. I don't want to have to be dependent on another person work. Also the plug-ins that i create and recreate I am actually interested in learn how they really work. Know I am not someone is is trying to create every plug-in under the sun, for instance I would never think about recreating a form validation plug or thickbox plug-in because I can find fantastic plug-in that do that and I really have no deep need to learn those from scratch. -- View this message in context: http://www.nabble.com/problem-doing-auto-complete-tp15254596s27240p15254596.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: problem doing auto complete
Well I tried
$(document).click(function(event)
{
if(!$(event.target).is($('#' + self.options.auto_complete_id),
self.element))
{
alert(event.target);
$('#' + self.options.auto_complete_id).css('display', 'none');
}
});
and that does work for closing the auto complete box. I am also getting
t.substring is not a function error
Karl Swedberg-2 wrote:
Not sure about your particular situation, but one thing you might
consider is event delegation. Pseudo-code:
$(document).click(function(event) {
if ( !$(event.target).is('your autocomplete box, the input box') {
// close the autocomplete box
}
});
so, on clicking anywhere in the document, if the click is not on the
autocomplete or input box, you close the autocomplete box. Is that
what you're looking for?
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Feb 3, 2008, at 10:43 AM, Eridius wrote:
I have create an auto complete plug-in the it almost prefect for
what I need,
just one small problem. The problem is that I can't get the auto
complete
box to disappear when i click click outside of the input box and
outside the
auto complete box. now my first try was to do a blur event on the
input box
which does the job but since the blur event happens before
the .click event
on the auto complete items, the auto complete box disappear before
the click
event happens. Is there another way to hide the auto complete box
when i
click outside the input and auto complete box?
Also, please don't respond by saying use X plug-in instead. I
know that a
lot of people don't like when people recreate the wheel(i don't
really
understand it. I have recreated a plug-in(a tab plug-in) and the
reason I
am re create a auto complete plug-in(and I am sure there will be
more) is I
want to actually learn jQuery. I don't want to have to be dependent
on
another person work. Also the plug-ins that i create and recreate I
am
actually interested in learn how they really work. Know I am not
someone is
is trying to create every plug-in under the sun, for instance I
would never
think about recreating a form validation plug or thickbox plug-in
because I
can find fantastic plug-in that do that and I really have no deep
need to
learn those from scratch.
--
View this message in context:
http://www.nabble.com/problem-doing-auto-complete-tp15254596s27240p15254596.html
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
--
View this message in context:
http://www.nabble.com/problem-doing-auto-complete-tp15254596s27240p15261661.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jQuert Validate 1.2 issues
I am dont see what metadata has to do with this(at far as i know metadata in html is what you use inside the head tags, and also don't know what the rules-option is. Jörn Zaefferer wrote: Eridius schrieb: um those is a little bit of an issue you you need you code to me valid. For example required in not a valid attribute for an input so adding these webform attribute will make my code invalid. Just use metadata or the rules-option is you code for the w3c validator. Jörn -- View this message in context: http://www.nabble.com/jQuert-Validate-1.2-issues-tp15231991s27240p15242952.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: dimensions height/width bug
it seems to work with jquery 1.2.2 Eridius wrote: http://brandonaaron.net/docs/dimensions/#sample-2 if you click on the run for height() or width() you will see the screen flicker(tested on FF) and I am getting that same error on my page and it only t=seems to happen for those 2 function(like offset which I am also using works fine. anyone know about this issue. I am use dimensions REV 4257. -- View this message in context: http://www.nabble.com/dimensions-height-width-bug-tp15220351s27240p15226247.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: dimensions height/width bug
Maybe this is a issue with jquery itself. http://docs.jquery.com/CSS/height that example for getting the height is not working. I am also using javascript 1.2.1. Eridius wrote: http://brandonaaron.net/docs/dimensions/#sample-2 if you click on the run for height() or width() you will see the screen flicker(tested on FF) and I am getting that same error on my page and it only t=seems to happen for those 2 function(like offset which I am also using works fine. anyone know about this issue. I am use dimensions REV 4257. -- View this message in context: http://www.nabble.com/dimensions-height-width-bug-tp15220351s27240p15225947.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jQuert Validate 1.2 issues
I have a slight issue and maybe it is because I don't know enough about this plugin but is seems like the validation is based off of the name of the form field so if I wanted to have a email validation on 2 imputs I would have to put 2 input both have the name email but that would then only send on through the form. am I missing something here? -- View this message in context: http://www.nabble.com/jQuert-Validate-1.2-issues-tp15231991s27240p15231991.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jQuert Validate 1.2 issues
Another thing is there a reason why the class name are very generic? This is just an issue because a lot of those names are already used for other stuff and is interfering with the current css. is there a reason you did not use something like validate_required, validate_email, etc...? it not a big deal, just whenever you upgrade the plug-in I will need to change all those names again, no big deal, just annoying. Eridius wrote: I have a slight issue and maybe it is because I don't know enough about this plugin but is seems like the validation is based off of the name of the form field so if I wanted to have a email validation on 2 imputs I would have to put 2 input both have the name email but that would then only send on through the form. am I missing something here? -- View this message in context: http://www.nabble.com/jQuert-Validate-1.2-issues-tp15231991s27240p15232254.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] thickbox reloaded question
I am wanting to trigger a thickbox after I validate a form. Basically I can trigger a function when the form is fully validated and I want to trigger a thickbox event to open the thickbox. This this possible with thickbox reload? -- View this message in context: http://www.nabble.com/thickbox-reloaded-question-tp15233663s27240p15233663.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] stopping a link to redirecting
I thought this would stop the link from redirecting:
$('a.some_link').click(function(event)
{
event.preventDefault();
//custom code
});
however this does not work. is thier a way is jQuery (or plain javascript)
to not have the link redirect on an onclick event?
--
View this message in context:
http://www.nabble.com/stopping-a-link-to-redirecting-tp15234346s27240p15234346.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: stopping a link to redirecting
wow, that was simple. I never really did much javascript adn when I started
I went straight to a framework and did not do a lot of plain javascript,
thanks.
Josh Nathanson-3 wrote:
Did you try this?
$('a.some_link').click(function(event)
//custom code
return false;
});
- Original Message -
From: Eridius [EMAIL PROTECTED]
To: jquery-en@googlegroups.com
Sent: Friday, February 01, 2008 1:17 PM
Subject: [jQuery] stopping a link to redirecting
I thought this would stop the link from redirecting:
$('a.some_link').click(function(event)
{
event.preventDefault();
//custom code
});
however this does not work. is thier a way is jQuery (or plain
javascript)
to not have the link redirect on an onclick event?
--
View this message in context:
http://www.nabble.com/stopping-a-link-to-redirecting-tp15234346s27240p15234346.html
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
--
View this message in context:
http://www.nabble.com/stopping-a-link-to-redirecting-tp15234346s27240p15236448.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jQuert Validate 1.2 issues
um those is a little bit of an issue you you need you code to me valid. For example required in not a valid attribute for an input so adding these webform attribute will make my code invalid. Jörn Zaefferer wrote: Eridius schrieb: Another thing is there a reason why the class name are very generic? This is just an issue because a lot of those names are already used for other stuff and is interfering with the current css. is there a reason you did not use something like validate_required, validate_email, etc...? it not a big deal, just whenever you upgrade the plug-in I will need to change all those names again, no big deal, just annoying. They are designed to match the style used by the webforms specification. There you have min and max attributes to validate values, with 1.2 you can use exactly the same style. Once webform gets implemented by browsers you could just check if that is available and let the browser handle the validation, without having to change your markup from some proprietary stuff to the standard. You could also switch to a different validatin plugin, if that uses the same generic names instead of implementation specific ones. Of course there is a cost to pay as you describe, but I hope thats worth it. After all, you don't have to use classes/attributes, metadata and plugin options are still an option. Jörn -- View this message in context: http://www.nabble.com/jQuert-Validate-1.2-issues-tp15231991s27240p15237333.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: thickbox reloaded question
I have this code:
$('a.fare_finder_link').bind('click', function()
{
$('#fare_finder_form').submit();
if($('#fare_finder_form input[name=validated]').val() === 'true')
{
alert('test');
var url_query = $('#fare_finder_form').form_to_string();
$(this).attr('href', $(this).attr('href') + '?' + url_query);
var my_thickbox = $(this).thickbox(thickbox_options);
my_thickbox .trigger('click');
}
return false;
});
this just repeats until the url is too long. the problem in that the link i
am clicking on to check the form is the same link I want to use to popup the
thickbox. I guess one fix to to create 2 links, and make one hidden and
that one can trigger the thickbox but not sure if that is the best way to do
it.
Klaus Hartl-4 wrote:
Yes, it is also possible with Thickbox Reloaded and pretty easy and
straight forward:
var $thickbox = $('a.thickbox').thickbox();
$thickbox.trigger('click');
--Klaus
On Feb 1, 9:45 pm, Eridius [EMAIL PROTECTED] wrote:
I am wanting to trigger a thickbox after I validate a form. Basically I
can
trigger a function when the form is fully validated and I want to trigger
a
thickbox event to open the thickbox. This this possible with thickbox
reload?
--
View this message in
context:http://www.nabble.com/thickbox-reloaded-question-tp15233663s27240p152...
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
--
View this message in context:
http://www.nabble.com/thickbox-reloaded-question-tp15233663s27240p15238232.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] dimensions height/width bug
http://brandonaaron.net/docs/dimensions/#sample-2 if you click on the run for height() or width() you will see the screen flicker(tested on FF) and I am getting that same error on my page and it only t=seems to happen for those 2 function(like offset which I am also using works fine. anyone know about this issue. I am use dimensions REV 4257. -- View this message in context: http://www.nabble.com/dimensions-height-width-bug-tp15220351s27240p15220351.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: .clone not work in FF or IE, please help
you said your code copied the element correctly, but mine is not. do you see
anything wrong with my code that would make my element it should be coping
to data empty?
chrismarx wrote:
should clone also work for behaviors that were not added by jquery?
(like a google map?) i tried to clone a div with a google map, and
although clone successfully copied all the elements, the behaviors
were lost. append did the job for a workaround. should clone(true) be
able to also grab all the associated behavior from child elements?
On Jan 29, 10:13 am, Eridius [EMAIL PROTECTED] wrote:
my code:
var append_to = self.element.children('.cr_tab_content');
var clone_element = self.element.children('#' + id).clone(true)
$(clone_element).appendTo(append_to);
When I do this my element is still empty but should be filled with the
cloned element
var append_to = self.element.children('.cr_tab_content');
var clone_element = self.element.children('#' + id).clone(true)
$(append_to).append(element.html());
work fine but I want to make sure and events are carried over. any help
please?
--
View this message in
context:http://www.nabble.com/.clone-not-work-in-FF-or-IE%2C-please-help-tp15...
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
--
View this message in context:
http://www.nabble.com/.clone-not-work-in-FF-or-IE%2C-please-help-tp15160495s27240p15163862.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] .clone not work in FF or IE, please help
my code:
var append_to = self.element.children('.cr_tab_content');
var clone_element = self.element.children('#' + id).clone(true)
$(clone_element).appendTo(append_to);
When I do this my element is still empty but should be filled with the
cloned element
var append_to = self.element.children('.cr_tab_content');
var clone_element = self.element.children('#' + id).clone(true)
$(append_to).append(element.html());
work fine but I want to make sure and events are carried over. any help
please?
--
View this message in context:
http://www.nabble.com/.clone-not-work-in-FF-or-IE%2C-please-help-tp15160495s27240p15160495.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] .clone not work in FF or IE, please help
-- View this message in context: http://www.nabble.com/.clone-not-work-in-FF-or-IE%2C-please-help-tp15160494s27240p15160494.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: validationaide issue
Is there any validation script that does allow it? Eridius wrote: I am trying to find a way to use validation aide for this form but having issues. Basically this form is not going to post to another page, I need it to do a .load to another page and then replace the form with the return text but it seems like it validationaide passes, it automatically send the page to the action of the form. I know there is a way to pass a function is before and after you process an element but is there a way to have validationaide use a function instead on submitting the form when all elements are successful? -- View this message in context: http://www.nabble.com/validationaide-issue-tp15090921s27240p15095052.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: [TABS plugin RELATED] Look mum, TABS layout only with CSS !!
I actually think that using a UL with divs for content is more natural than using a div with a clas for the tabs itself. The reason is because the tabs end up being in a list is the end, why not use a tab. I never learn your way which is also why I like this way a lot better. emelendez wrote: Looking at official TABs plugin, I realized that the HTML structure is not very natural. It uses a list (UL) of tab headers follow by tab bodies (DIV). Normally, what you get from your favorite CMS is something more like : a header (div, h,...), its body (div), another header (div, h, ...), its body (div), etc... My challenge was, using this last natural HTML structure, try to layout it in a TABs way. I think I've got it: http://www.ita.es/jquery/tabs_only_css.htm , where practically I have used the same HTML for all 8 TABS combinations. The result is compatible with IE6, IE7, FF and Opera. But there are some limitations to take into account when implementing as a Jquery plugin (as I wish, ;-): * Only versions topRight, topLeft, leftTop and rightTop are100% automatic (CSS doesn't depend on TABs number, height and width). * Versions leftBottom, rightBottom, bottomLeft and bottomRight depends on TABS number, and the height and/or width applied (This is very jquerysh-able) * I used QUIRK format (see doctype in HTML) for IE: the same CSS for IE6 and IE7, but in STRICT format it would only work in IE7 (I don't control IE6 by now) * Body TABs height is fixed (100px) and scroll appears where content doesn't fit. In case of non-liquid TABs, with fixed width, it could be possible to automatically calculate height for no-scroll body via jquery-script with 3 modes: * 1. height fixed: like now in the example. 2. height max: fixed to maximum no-scroll body TAB height. 3. height auto: calculating each no-scroll body TAB height. With all this, next steps would be: to search a little more for IE6 STRICT mode compatibility, and to create a Jquery plugin (with CSS dinamically generated?) Any suggestions, help, critics, comments, are very welcome. -- Enrique Meléndez Estrada (2367) Servicios Informáticos Organización y Servicios Internos Instituto Tecnológico de Aragón -- View this message in context: http://www.nabble.com/-TABS-plugin-RELATED--Look-mum%2C-TABS-layout-only-with-CSS-%21%21-tp14847263s27240p14878691.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] thickbox question
is there a way to trigger thickbox to popup without any clicking. I tried
$(#id').trigger('click') but that did not work.
--
View this message in context:
http://www.nabble.com/thickbox-question-tp14695419s27240p14695419.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: thickbox question
nvm, trigger seems to work now, must has had a type of some sort
Eridius wrote:
is there a way to trigger thickbox to popup without any clicking. I tried
$(#id').trigger('click') but that did not work.
--
View this message in context:
http://www.nabble.com/thickbox-question-tp14695419s27240p14696387.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Using JQuery with PHP Frameworks
Well not sure if thier will be an complications I would recommend using Codeigniter. rics wrote: Hello, I wish to start usign some PHP framework soon and was wondering wich one works better with JQuery. I will use Zend Framework or CakePHP. Not decided yet. Do you have any experience with one of them? How can I use JQuery with them? Any article or tutorial I can read? Thanks, rics -- View this message in context: http://www.nabble.com/Using-JQuery-with-PHP-Frameworks-tp14664189s27240p14665274.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] any update on new versions of jQuery or jQuery UI?
is there any update on when new versions of jQuery and/or jQuery UI are coming out? I know I heard the last dates of 17/18 of December last month. I am mainly interested in the jQuery UI. -- View this message in context: http://www.nabble.com/any-update-on-new-versions-of-jQuery-or-jQuery-UI--tp14671627s27240p14671627.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] selecting element question
for instance
$('[EMAIL PROTECTED]')
would select based on name being gender but is there a way to select based
on name being gender and checked being checked in one select of chained
select?
--
View this message in context:
http://www.nabble.com/selecting-element-question-tp14677219s27240p14677219.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] javascript class question
I am using the following method of creating classes
(function($)
{
//function to perform on element
//function the relate to the object
//the class itself
})(jQuery)
Now if there a common or perferred way to have one class inherit all the
methods/member from a base class?
--
View this message in context:
http://www.nabble.com/javascript-class-question-tp14616017s27240p14616017.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Debug Tools - Charles, DebugBar, Firebug Lite
I would never in a million years choose to develop in IE first and then FF, there are just so many tools in FF that increases my reproductivity it would be slower for me to try to debug first in IE for the issue that FF would let me catch easier and faster. Andy Matthews-4 wrote: Larry... I'm RIGHT there with you. Better to develop in IE, then move forward into other browsers. Better than getting cool code working with a fringe browser, then finding out it doesn't work correctly in the primary browser. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of McLars Sent: Thursday, January 03, 2008 1:59 PM To: jQuery (English) Subject: [jQuery] Re: Debug Tools - Charles, DebugBar, Firebug Lite IEDeveloperToolbar is somewhat helpful, but kinda flaky. Honestly, though, 99% of the time I just use alert(). I have Firebug, but never use it since I develop on IE. As you said, that's what the vast majority of (and all of our intranet) users are on. I know that is contrary to how many develop, but I feel it's better to develop on the weaker and more popular platform. If it works on IE, FF, Opera, and Safari are usually pretty close. It's better to find the bugs while you work, rather than build a lot of stuff only to find it fail in IE--where the debugging is limited. That's just my personal choice, but I don't have very many bugs. ;) Larry Jeffrey Kretz wrote: There's a bit more overhead, but the free Visual Studio Web Express Edition has a very good debugger: http://www.microsoft.com/express/vwd/Default.aspx I use Firebug as well, but I feel that this is the best IE debugger available. JK _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Benjamin Sterling Sent: Thursday, January 03, 2008 10:19 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Debug Tools - Charles, DebugBar, Firebug Lite In IE I use a combination of DebugBar, IEDevelopemnt toolbar and Opera (IE and Opera use more or less that same javascript engine and Opera has a nice Error console). I also us the iLogger plugin[1] http://trac.asterisk2billing.org/cgi-bin/trac.cgi/browser/tags/1.3.1/A 2BCust omer_UI/javascript/jquery/ilogger.js?rev=462 On 1/3/08, Christof Donat [EMAIL PROTECTED] wrote: Hi, What debug tools do you all use? [...] How about tools for IE? Is there anything you'd reccomend? alert() Christof -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.benjaminsterling.com -- View this message in context: http://www.nabble.com/Debug-Tools---Charles%2C-DebugBar%2C-Firebug-Lite-tp14602012s27240p14607913.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[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: LIVE jQuery
This might or might not be what your looking for but if you want to keep pushing new content to a page you could use the JHeartbeat plugin http://www.jasons-toolbox.com/JHeartbeat/ coughlinsmyalias wrote: Hey all, I am wondering is it possible with jQuery or any other plugin to have say real time results on a page. To do say see what other changes are being made as you are on the screen? Or any with a tad bit delay of a couple of seconds? Thanks! Ryan -- View this message in context: http://www.nabble.com/LIVE-jQuery-tp14538048s27240p14566515.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: my new plugins
I was using that one and on a page I was using it, I was basically re ordering a bunch of divs using jQuery. When I was reordering, I was copying these divs but event were not copying so I had to recreate the tabs which worked fine in FF but would not work in IE. This is the reason I created my own tabs becuase these tabs work with the code I have written. KnoxBaby wrote: what's the advantage of your tabs plugin to this one: http://stilbuero.de/jquery/tabs_3/ (styling, loading from divs/ajax etc)??? On 1 Jan., 01:35, Eridius [EMAIL PROTECTED] wrote: Here is a demo of them http://www.kaizendigital.com/test/codereck_javascript.php Current these are the features: Tabs: load tab from content on page load content from remote page(ajax) with loading animation(going to be optional) add callback before and after tab loaded. Paginator: Basic, loads data from a remote page, you just need to page the page, how many items there are and how many items per page. Currently there is very styling, just working on functional for now. What else would you like to see added to these plugins? -- View this message in context:http://www.nabble.com/my-new-plugins-tp14563111s27240p14563111.html Sent from the jQuery General Discussion mailing list archive at Nabble.com. -- View this message in context: http://www.nabble.com/my-new-plugins-tp14563111s27240p14567174.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: my new plugins
Thanks, fixed the bug in the tabs plugin Glen Lipka wrote: I got a JS error in IE7/Vista. :( Glen On Jan 1, 2008 7:08 AM, Eridius [EMAIL PROTECTED] wrote: I was using that one and on a page I was using it, I was basically re ordering a bunch of divs using jQuery. When I was reordering, I was copying these divs but event were not copying so I had to recreate the tabs which worked fine in FF but would not work in IE. This is the reason I created my own tabs becuase these tabs work with the code I have written. KnoxBaby wrote: what's the advantage of your tabs plugin to this one: http://stilbuero.de/jquery/tabs_3/ (styling, loading from divs/ajax etc)??? On 1 Jan., 01:35, Eridius [EMAIL PROTECTED] wrote: Here is a demo of them http://www.kaizendigital.com/test/codereck_javascript.php Current these are the features: Tabs: load tab from content on page load content from remote page(ajax) with loading animation(going to be optional) add callback before and after tab loaded. Paginator: Basic, loads data from a remote page, you just need to page the page, how many items there are and how many items per page. Currently there is very styling, just working on functional for now. What else would you like to see added to these plugins? -- View this message in context: http://www.nabble.com/my-new-plugins-tp14563111s27240p14563111.html Sent from the jQuery General Discussion mailing list archive at Nabble.com http://nabble.com/. -- View this message in context: http://www.nabble.com/my-new-plugins-tp14563111s27240p14567174.html Sent from the jQuery General Discussion mailing list archive at Nabble.com http://nabble.com/. -- View this message in context: http://www.nabble.com/my-new-plugins-tp14563111s27240p14570655.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Advantages of jQuery
not sure what ajax tech is unless you mean ajax technology. if you mean ajax technology then well jQuery provide a few functions to make ajax a lot easier but jQuery also has a lot of other things to do with javascript like animation, dom selections, styling, and other things. Mohd Daslim Arif wrote: Hi there., Season's Greetings., I very newbie to jQuery. May I Know what are the advantages of jQuery over ajax tech. Is it open a connection with the Server to Browser until the setted cookie info ? Can i able to develop my own function in that integrate with it? Thanks., Daslim -- View this message in context: http://www.nabble.com/Advantages-of-jQuery-tp14561670s27240p14561932.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] my new plugins
Here is a demo of them http://www.kaizendigital.com/test/codereck_javascript.php Current these are the features: Tabs: load tab from content on page load content from remote page(ajax) with loading animation(going to be optional) add callback before and after tab loaded. Paginator: Basic, loads data from a remote page, you just need to page the page, how many items there are and how many items per page. Currently there is very styling, just working on functional for now. What else would you like to see added to these plugins? -- View this message in context: http://www.nabble.com/my-new-plugins-tp14563110s27240p14563110.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] my new plugins
Here is a demo of them http://www.kaizendigital.com/test/codereck_javascript.php Current these are the features: Tabs: load tab from content on page load content from remote page(ajax) with loading animation(going to be optional) add callback before and after tab loaded. Paginator: Basic, loads data from a remote page, you just need to page the page, how many items there are and how many items per page. Currently there is very styling, just working on functional for now. What else would you like to see added to these plugins? -- View this message in context: http://www.nabble.com/my-new-plugins-tp14563111s27240p14563111.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] ajax callback issue
I have this code:
self.element.children('.cr_tab_content').load(id.substring(5), {},
self.options.after_load());
however the after_load function is being called before the ajax request, not
after this(I tested in firebug and request is not sent until I close that
alert generated by that after_load() function. How can I create a callback
after the ajax request is finished? is there is different function like
$.post or $.ajax and not load?
Thanks
Ryan
--
View this message in context:
http://www.nabble.com/ajax-callback-issue-tp14549667s27240p14549667.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] $.ajax
var response = new $.ajax(
{
'type': 'post',
'url': this_class.options.url,
'data':
{
'total_items': this_class.options.total_items,
'items_per_page': this_class.options.items_per_page,
'current_page': this_class.options.current_page,
'load_page': this_class.options.new_page
}
});
alert(response.responseText);
This code gives me an empty alert box but firebug gives me a response of
page 1. How do I get the html from the $.ajax response?
--
View this message in context:
http://www.nabble.com/%24.ajax-tp14552462s27240p14552462.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: $.ajax
Thanks, that did the trick.
Rey Bango-2 wrote:
That's because your Ajax call is running asynchronously and finishes
after your alert. Try this:
var response = new $.ajax(
{
'type': 'post',
'url': this_class.options.url,
'data':
{
'total_items': this_class.options.total_items,
'items_per_page': this_class.options.items_per_page,
'current_page': this_class.options.current_page,
'load_page': this_class.options.new_page
},
success: function(msg){
alert( Data Saved: + msg );
}
});
Rey...
Eridius wrote:
var response = new $.ajax(
{
'type': 'post',
'url': this_class.options.url,
'data':
{
'total_items': this_class.options.total_items,
'items_per_page': this_class.options.items_per_page,
'current_page': this_class.options.current_page,
'load_page': this_class.options.new_page
}
});
alert(response.responseText);
This code gives me an empty alert box but firebug gives me a response of
page 1. How do I get the html from the $.ajax response?
--
View this message in context:
http://www.nabble.com/%24.ajax-tp14552462s27240p14552709.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: ajax callback issue
I am all set, using $.ajax instead.
Eridius wrote:
I have this code:
self.element.children('.cr_tab_content').load(id.substring(5), {},
self.options.after_load());
however the after_load function is being called before the ajax request,
not after this(I tested in firebug and request is not sent until I close
that alert generated by that after_load() function. How can I create a
callback after the ajax request is finished? is there is different
function like $.post or $.ajax and not load?
Thanks
Ryan
--
View this message in context:
http://www.nabble.com/ajax-callback-issue-tp14549667s27240p14552712.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] livequery and trigger() issue?
I have this code:
$('#' + this.options.tab_set_id + ' a').livequery('click', function()
{
var id = $(this).attr('rel');
self.element.children('.cr_tab_content').html(self.element.children('#'
+
id).html());
});
and when i do a trigger('click') on on one of the those links, nothing
happens, but if i use bind instead of livequery, it does work. it this a
known issue?
--
View this message in context:
http://www.nabble.com/livequery-and-trigger%28%29-issue--tp14538619s27240p14538619.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: cloning events problems
I did a really quick test building a base tab system myself(only took about
30 mins, it is functional, just not styling) and it works fine in IE and FF,
anyone know why the existing tabs does not work(from UI)?
Eridius wrote:
Would this be the correct way of cloning events?
for(var i = 0; i array_length; i++)
$new_dom[x] = $('#hotel_information div#hotel_selection' +
table_id).clone(true);
}
for(var x = 0; x array_length; x++)
{
var new_element = new_dom[x];
$(new_element).appendTo('#hotel_information');
}
I am trying this and and all my html is properly being copied by my binded
events(well bind events for the tabs plugin) and not being pulled? is
this an issue with my code, with the tabs plug, or with something else?
--
View this message in context:
http://www.nabble.com/cloning-events-problems-tp14506243s27240p14512572.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] cloding events problems
Would this be the correct way of cloning events?
for(var i = 0; i array_length; i++)
$new_dom[x] = $('#hotel_information div#hotel_selection' +
table_id).clone(true);
}
for(var x = 0; x array_length; x++)
{
var new_element = new_dom[x];
$(new_element).appendTo('#hotel_information');
}
I am trying this and and all my html is properly being copied by my binded
events(well bind events for the tabs plugin) and not being pulled? is this
an issue with my code, with the tabs plug, or with something else?
--
View this message in context:
http://www.nabble.com/cloding-events-problems-tp14506243s27240p14506243.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: check if an id exists
not sure, this is untested but might work(not sure what jQuery return if
nothing is found)
if($('#id'))
{
//it exists
}
else
{
//it does not
}
debussy007 wrote:
Hi,
what is the best way in jquery to check wether an id exists ?
Thank you for any kind help !!
--
View this message in context:
http://www.nabble.com/check-if-an-id-exists-tp14488007s27240p14488089.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jquery not working in IE
can anyone tell me if they see anything wrong with this code?
Eridius wrote:
This particular code in not work IE 6/7 but works in firefox. Can't get a
demo up right now but any suggestions are welcomed.
script type=text/javascript
function ie_fix()
{
//update filters
$('#select_destination_filter').change(function()
{
//select values
var destination_select = $('#destination_filter').val();
var hotel_select = $('#hotel_filter').val();
var travel_week_select = $('#travel_week_filter').val();
$('#select_travel_week_filter').empty();
$('#select_hotel_filter').empty();
$('#select_travel_week_filter').load('/lib/ajax/community/search/filter_update.php',
{
'change': 'travel_week',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'destination'
});
$('#select_hotel_filter').load('/lib/ajax/community/search/filter_update.php',
{
'change': 'hotel',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'destination'
});
});
$('#select_travel_week_filter').change(function()
{
//select values
var destination_select = $('#destination_filter').val();
var hotel_select = $('#hotel_filter').val();
var travel_week_select = $('#travel_week_filter').val();
$('#select_destination_filter').empty();
$('#select_hotel_filter').empty();
$('#select_destination_filter').load('/lib/ajax/community/search/filter_update.php',
{
'change': 'destination',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'travel_week'
});
$('#select_hotel_filter').load('/lib/ajax/community/search/filter_update.php',
{
'change': 'hotel',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'travel_week'
});
});
$('#select_hotel_filter').change(function()
{
//select values
var destination_select = $('#destination_filter').val();
var hotel_select = $('#hotel_filter').val();
var travel_week_select = $('#travel_week_filter').val();
$('#select_travel_week_filter').empty();
$('#select_destination_filter').empty();
$('#select_travel_week_filter').load('/lib/ajax/community/search/filter_update.php',
{
'change': 'travel_week',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'hotel'
});
$('#select_destination_filter').load('/lib/ajax/community/search/filter_update.php',
{
'change': 'destination',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'hotel'
});
});
};
$(document).ready(function()
{
setTimeout(ie_fix, 5000);
});
/script
--
View this message in context:
http://www.nabble.com/jquery-not-working-in-IE-tp14407531s27240p14416882.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jquery not working in IE
The empty does not take effect or anything after it which is the first first
that should happen. I am about to start just commenting code and start
alerting stuff and see what happens.
Karl Swedberg-2 wrote:
Hi Eridius,
I don't see anything obviously wrong with the code. Can you specify
what is (or is not) happening when you attempt this with IE 6/7? In
other words, how is it not working? Do you get an error, or does it
fail silently? Also, just for troubleshooting purposes, could you
replace .change with something else, such as blur? Maybe IE 6/7
aren't picking up on the change event.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Dec 19, 2007, at 8:25 AM, Eridius wrote:
can anyone tell me if they see anything wrong with this code?
Eridius wrote:
This particular code in not work IE 6/7 but works in firefox.
Can't get a
demo up right now but any suggestions are welcomed.
script type=text/javascript
function ie_fix()
{
//update filters
$('#select_destination_filter').change(function()
{
//select values
var destination_select = $('#destination_filter').val();
var hotel_select = $('#hotel_filter').val();
var travel_week_select = $('#travel_week_filter').val();
$('#select_travel_week_filter').empty();
$('#select_hotel_filter').empty();
$('#select_travel_week_filter').load('/lib/ajax/community/search/
filter_update.php',
{
'change': 'travel_week',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'destination'
});
$('#select_hotel_filter').load('/lib/ajax/community/search/
filter_update.php',
{
'change': 'hotel',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'destination'
});
});
$('#select_travel_week_filter').change(function()
{
//select values
var destination_select = $('#destination_filter').val();
var hotel_select = $('#hotel_filter').val();
var travel_week_select = $('#travel_week_filter').val();
$('#select_destination_filter').empty();
$('#select_hotel_filter').empty();
$('#select_destination_filter').load('/lib/ajax/community/search/
filter_update.php',
{
'change': 'destination',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'travel_week'
});
$('#select_hotel_filter').load('/lib/ajax/community/search/
filter_update.php',
{
'change': 'hotel',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'travel_week'
});
});
$('#select_hotel_filter').change(function()
{
//select values
var destination_select = $('#destination_filter').val();
var hotel_select = $('#hotel_filter').val();
var travel_week_select = $('#travel_week_filter').val();
$('#select_travel_week_filter').empty();
$('#select_destination_filter').empty();
$('#select_travel_week_filter').load('/lib/ajax/community/search/
filter_update.php',
{
'change': 'travel_week',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'hotel'
});
$('#select_destination_filter').load('/lib/ajax/community/search/
filter_update.php',
{
'change': 'destination',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'hotel'
});
});
};
$(document).ready(function()
{
setTimeout(ie_fix, 5000);
});
/script
--
View this message in context:
http://www.nabble.com/jquery-not-working-in-IE-tp14407531s27240p14416882.html
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
--
View this message in context:
http://www.nabble.com/jquery-not-working-in-IE-tp14407531s27240p14417570.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jquery not working in IE
I figured it out, the #select_... was the span tag I was emptying which
included the select box. Even tho I hate IE, it is a way makes you a better
programmer because you have to code correctly where firefox is forgiving a
knows what you meant. I did have to change the .change to a livequery to
fix it in IE(I swear that is the best plugin ever) but it all works now.
Eridius wrote:
The empty does not take effect or anything after it which is the first
first that should happen. I am about to start just commenting code and
start alerting stuff and see what happens.
Karl Swedberg-2 wrote:
Hi Eridius,
I don't see anything obviously wrong with the code. Can you specify
what is (or is not) happening when you attempt this with IE 6/7? In
other words, how is it not working? Do you get an error, or does it
fail silently? Also, just for troubleshooting purposes, could you
replace .change with something else, such as blur? Maybe IE 6/7
aren't picking up on the change event.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Dec 19, 2007, at 8:25 AM, Eridius wrote:
can anyone tell me if they see anything wrong with this code?
Eridius wrote:
This particular code in not work IE 6/7 but works in firefox.
Can't get a
demo up right now but any suggestions are welcomed.
script type=text/javascript
function ie_fix()
{
//update filters
$('#select_destination_filter').change(function()
{
//select values
var destination_select = $('#destination_filter').val();
var hotel_select = $('#hotel_filter').val();
var travel_week_select = $('#travel_week_filter').val();
$('#select_travel_week_filter').empty();
$('#select_hotel_filter').empty();
$('#select_travel_week_filter').load('/lib/ajax/community/search/
filter_update.php',
{
'change': 'travel_week',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'destination'
});
$('#select_hotel_filter').load('/lib/ajax/community/search/
filter_update.php',
{
'change': 'hotel',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'destination'
});
});
$('#select_travel_week_filter').change(function()
{
//select values
var destination_select = $('#destination_filter').val();
var hotel_select = $('#hotel_filter').val();
var travel_week_select = $('#travel_week_filter').val();
$('#select_destination_filter').empty();
$('#select_hotel_filter').empty();
$('#select_destination_filter').load('/lib/ajax/community/search/
filter_update.php',
{
'change': 'destination',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'travel_week'
});
$('#select_hotel_filter').load('/lib/ajax/community/search/
filter_update.php',
{
'change': 'hotel',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'travel_week'
});
});
$('#select_hotel_filter').change(function()
{
//select values
var destination_select = $('#destination_filter').val();
var hotel_select = $('#hotel_filter').val();
var travel_week_select = $('#travel_week_filter').val();
$('#select_travel_week_filter').empty();
$('#select_destination_filter').empty();
$('#select_travel_week_filter').load('/lib/ajax/community/search/
filter_update.php',
{
'change': 'travel_week',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'hotel'
});
$('#select_destination_filter').load('/lib/ajax/community/search/
filter_update.php',
{
'change': 'destination',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'hotel'
});
});
};
$(document).ready(function()
{
setTimeout(ie_fix, 5000);
});
/script
--
View this message in context:
http://www.nabble.com/jquery
[jQuery] my plugin not working
I am working on an ajaxified paginator plugin using jquery. here is my code:
$.paginator = function(options)
{
this.options =
{
'url': null,
'replace_id': null,
'total_items': 0,
'items_per_page': 10,
'total_pages': 0,
'current_page': 1,
'new_page': 1,
'navigator_type': 'numbers'
};
$.extend(this.options, options);
this.options.total_pages = this.options.total_items /
this.options.items_per_page;
this.go_to_page(this.options.current_page);
};
$.paginator.prototype =
{
go_to_page: function(number)
{
this.options.new_page = number;
reload_content();
},
get_page: function(way)
{
if(way === 'next')
{
this.options.new_page = this.options.current_page + 1;
}
else if('previous')
{
this.options.new_page = this.options.current_page - 1;
}
reload_content();
},
next_page: function()
{
get_page('next');
},
previous_page: function()
{
get_page('previous');
},
navigator: function()
{
var x = 0;
var navigation = 'div id=paginator_navigation';
for(x = 1; x = this.options.total_pages; x++)
{
navigation += ' ' + x + ' ';
}
navigation += '/div';
alert(navigation);
$('#' + this.options.replace_id).append(navigation);
},
reload_content: function()
{
$('#' + this.options.replace_id).empty();
//add loading screen code
$('#' + this.options.replace_id).load
(
this.options.url,
{
'total_items': this.options.total_items,
'items_per_page': this.options.items_per_page,
'current_page': this.options.current_page,
'new_page': this.options.new_page
},
function()
{
//remove loading screen code
}
);
//update internal variables
this.options.current_page = this.options.new_page
navigator();
}
};
however when I do:
var paginator = $.paginator(
{
'url': 'page_test.php',
'replace_id': 'paginator_test',
'total_items': 10,
'items_per_page': 2
});
I get this.go_to_page in not a function. I figured that I could call that
function there even though the function is declared later since don't call
the constructor function until all the code is loaded anyway but I guess
not. Any help on making this work since I do want to be able load the
paginator once it is declared.
--
View this message in context:
http://www.nabble.com/my-plugin-not-working-tp14419521s27240p14419521.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: my plugin not working
I have it working, forget the new keyword
Eridius wrote:
I am working on an ajaxified paginator plugin using jquery. here is my
code:
$.paginator = function(options)
{
this.options =
{
'url': null,
'replace_id': null,
'total_items': 0,
'items_per_page': 10,
'total_pages': 0,
'current_page': 1,
'new_page': 1,
'navigator_type': 'numbers'
};
$.extend(this.options, options);
this.options.total_pages = this.options.total_items /
this.options.items_per_page;
this.go_to_page(this.options.current_page);
};
$.paginator.prototype =
{
go_to_page: function(number)
{
this.options.new_page = number;
reload_content();
},
get_page: function(way)
{
if(way === 'next')
{
this.options.new_page = this.options.current_page + 1;
}
else if('previous')
{
this.options.new_page = this.options.current_page - 1;
}
reload_content();
},
next_page: function()
{
get_page('next');
},
previous_page: function()
{
get_page('previous');
},
navigator: function()
{
var x = 0;
var navigation = 'div id=paginator_navigation';
for(x = 1; x = this.options.total_pages; x++)
{
navigation += ' ' + x + ' ';
}
navigation += '/div';
alert(navigation);
$('#' + this.options.replace_id).append(navigation);
},
reload_content: function()
{
$('#' + this.options.replace_id).empty();
//add loading screen code
$('#' + this.options.replace_id).load
(
this.options.url,
{
'total_items': this.options.total_items,
'items_per_page': this.options.items_per_page,
'current_page': this.options.current_page,
'new_page': this.options.new_page
},
function()
{
//remove loading screen code
}
);
//update internal variables
this.options.current_page = this.options.new_page
navigator();
}
};
however when I do:
var paginator = $.paginator(
{
'url': 'page_test.php',
'replace_id': 'paginator_test',
'total_items': 10,
'items_per_page': 2
});
I get this.go_to_page in not a function. I figured that I could call that
function there even though the function is declared later since don't call
the constructor function until all the code is loaded anyway but I guess
not. Any help on making this work since I do want to be able load the
paginator once it is declared.
--
View this message in context:
http://www.nabble.com/my-plugin-not-working-tp14419521s27240p14421271.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jquery not working in IE
This particular code in not work IE 6/7 but works in firefox. Can't get a
demo up right now but any suggestions are welcomed.
script type=text/javascript
function ie_fix()
{
//update filters
$('#select_destination_filter').change(function()
{
//select values
var destination_select = $('#destination_filter').val();
var hotel_select = $('#hotel_filter').val();
var travel_week_select = $('#travel_week_filter').val();
$('#select_travel_week_filter').empty();
$('#select_hotel_filter').empty();
$('#select_travel_week_filter').load('/lib/ajax/community/search/filter_update.php',
{
'change': 'travel_week',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'destination'
});
$('#select_hotel_filter').load('/lib/ajax/community/search/filter_update.php',
{
'change': 'hotel',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'destination'
});
});
$('#select_travel_week_filter').change(function()
{
//select values
var destination_select = $('#destination_filter').val();
var hotel_select = $('#hotel_filter').val();
var travel_week_select = $('#travel_week_filter').val();
$('#select_destination_filter').empty();
$('#select_hotel_filter').empty();
$('#select_destination_filter').load('/lib/ajax/community/search/filter_update.php',
{
'change': 'destination',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'travel_week'
});
$('#select_hotel_filter').load('/lib/ajax/community/search/filter_update.php',
{
'change': 'hotel',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'travel_week'
});
});
$('#select_hotel_filter').change(function()
{
//select values
var destination_select = $('#destination_filter').val();
var hotel_select = $('#hotel_filter').val();
var travel_week_select = $('#travel_week_filter').val();
$('#select_travel_week_filter').empty();
$('#select_destination_filter').empty();
$('#select_travel_week_filter').load('/lib/ajax/community/search/filter_update.php',
{
'change': 'travel_week',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'hotel'
});
$('#select_destination_filter').load('/lib/ajax/community/search/filter_update.php',
{
'change': 'destination',
'destination': destination_select,
'hotel': hotel_select,
'travel_week': travel_week_select,
'source_change' : 'hotel'
});
});
};
$(document).ready(function()
{
setTimeout(ie_fix, 5000);
});
/script
--
View this message in context:
http://www.nabble.com/jquery-not-working-in-IE-tp14407531s27240p14407531.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Creating plugins
Yea, i guess your right. jQuery has grown on me the past few month and know I would why I wanted to use mootools instead. Dan G. Switzer, II wrote: guess) it a pain. the javascript class code structure it also very akword to be coming from a C++ background. Amen, and i had the same hurdle to climb, but JavaScript isn't C++. It uses a completely different type of OOP. These articles may be helpful in understanding it: Implementing classical inheritance in JS: http://javascript.crockford.com/inheritance.html Understanding Prototypal inheritance: http://javascript.crockford.com/prototypal.html It's interesting to note that while the first article is quite famous, and does show how to implement C++-like inheritance in JS, the author of the article no longer stands by that method, preferring prototypal inheritance instead. This is just my opinion, but one reason I prefer to create JS objects the way ECMA has defined the syntax is it helps me to keep in mind that JavaScript is not C, Java, C++ or C#--it's JavaScript. If you end up trying to copy coding techniques from another language too closely, I find myself expecting that language to behave accordingly. That usually gets me into trouble. So while it coding your JS objects in a way that fits your C++ familiarity may help you develop code a little faster out of the box, it's important to realize that JS is not C++ and it has its own caveats and quirks. I'm sure you realize this, but sticking with the native JS object creation methods has helped to limit confusion for me... -Dan -- View this message in context: http://www.nabble.com/Creating-plugins-tp12110577s27240p14321308.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] dimensions plugin error
I am getting this follow error and not sure what it means [Exception... 'Dimensions: jQuery collection is empty' when calling method: [nsIDOMEventListener::handleEvent] nsresult: 0x8057001e (NS_ERROR_XPC_JS_THREW_STRING) location: unknown data: no] -- View this message in context: http://www.nabble.com/dimensions-plugin-error-tp14301281s27240p14301281.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: dimensions plugin error
I figured it out. Eridius wrote: I am getting this follow error and not sure what it means [Exception... 'Dimensions: jQuery collection is empty' when calling method: [nsIDOMEventListener::handleEvent] nsresult: 0x8057001e (NS_ERROR_XPC_JS_THREW_STRING) location: unknown data: no] -- View this message in context: http://www.nabble.com/dimensions-plugin-error-tp14301281s27240p14307201.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: [PLUGIN] jqGirdView - Excellent Grid Plugin by Victor Bartel
Yea it is pretty nice, has most of the ExtJS grid functionality. I know there was another grid for jQuery but this one looks a little better. Rey Bango-2 wrote: Haven't seen this once announced anywhere but I'm really impressed by the looks and functionality: http://creamarketing.net/Products/jqGridView/Demos/tabid/59/Default.aspx Very impressive work. General feautres: * Column resizing. * Server-side sorting. * Server-side paging. * Server-side filtering. * 100% XML support. * Inline row edit. * Columns templates. Code and theme can be found here: http://sourceforge.net/projects/jqgridview/ Rey... -- View this message in context: http://www.nabble.com/-PLUGIN--jqGirdView---Excellent-Grid-Plugin-by-Victor-Bartel-tp14235623s27240p14238020.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: [PLUGIN] jqGirdView - Excellent Grid Plugin by Victor Bartel
allowing json would be good but the support for XML still needs to be there. json instead of XML is no good. json AND XML is good. Web Specialist wrote: Nice. May be this plugin creator could be allow json instead xml. Cheers 2007/12/9, Eridius [EMAIL PROTECTED]: Yea it is pretty nice, has most of the ExtJS grid functionality. I know there was another grid for jQuery but this one looks a little better. Rey Bango-2 wrote: Haven't seen this once announced anywhere but I'm really impressed by the looks and functionality: http://creamarketing.net/Products/jqGridView/Demos/tabid/59/Default.aspx Very impressive work. General feautres: * Column resizing. * Server-side sorting. * Server-side paging. * Server-side filtering. * 100% XML support. * Inline row edit. * Columns templates. Code and theme can be found here: http://sourceforge.net/projects/jqgridview/ Rey... -- View this message in context: http://www.nabble.com/-PLUGIN--jqGirdView---Excellent-Grid-Plugin-by-Victor-Bartel-tp14235623s27240p14238020.html Sent from the jQuery General Discussion mailing list archive at Nabble.com . -- View this message in context: http://www.nabble.com/-PLUGIN--jqGirdView---Excellent-Grid-Plugin-by-Victor-Bartel-tp14235623s27240p14246230.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Making a jQuery plugin
I can't seem to remember since it has been ahile since I want to do this, how
do i make a jQuery plug that i can access like
var paginator = $.paginator({/*data*/});
paginator.next_page();
//etc...
currently my code is like this:
(function($)
{
initialize= function(options)
{
$.extend(this.options, options);
};
options =
{
'url': null,
'replace_id': null,
'load_file': null,
'total_items': 0,
'items_per_page': 10,
'total_pages': 0,
'current_page': 0,
'new_page': 0;
};
}(jQuery);
I also need to make sure that the initialize function is called when i
create the object. Thanks.
--
View this message in context:
http://www.nabble.com/Making-a-jQuery-plugin-tf4958186s27240.html#a14199613
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Making a jQuery plugin
Ok, I have looked at other code and still get get it to work
(function($)
{
$.fn.extend(
{
paginator: function(options)
{
$.extend(this.options, options);
//this.go_to_page(this.options.current_page);
}
});
})(jQuery);
$(document).ready(function()
{
var paginator = $.paginator({
'url':
'/lib/ajax/trip_search/load_users.php',
'replace_id':
'user_paginator',
'total_items':
'?php echo $total_items; ?',
'items_per_page': '10',
'total_pages':
'?php echo $total_pages; ?'
});
});
But this code tells me there is an error that paginator is not a function,
what is wrong here?
Eridius wrote:
I can't seem to remember since it has been ahile since I want to do this,
how do i make a jQuery plug that i can access like
var paginator = $.paginator({/*data*/});
paginator.next_page();
//etc...
currently my code is like this:
(function($)
{
initialize= function(options)
{
$.extend(this.options, options);
};
options =
{
'url': null,
'replace_id': null,
'load_file': null,
'total_items': 0,
'items_per_page': 10,
'total_pages': 0,
'current_page': 0,
'new_page': 0;
};
}(jQuery);
I also need to make sure that the initialize function is called when i
create the object. Thanks.
--
View this message in context:
http://www.nabble.com/Making-a-jQuery-plugin-tf4958186s27240.html#a14201039
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Making a jQuery plugin
Cool, thanks.
Now if i want to extend the $.paginator to add a function so i could don't
something like this
this.go_to_page(this.options.current_page);
would i do:
$.paginator.extend(
{
go_to_page: function(number)
{
this.option.new_page = number;
this.reload_content();
}
});
or something else?
John Resig wrote:
Do $.extend instead of $.fn.extend to get the result that you want.
--John
On Dec 6, 2007 4:02 PM, Eridius [EMAIL PROTECTED] wrote:
Ok, I have looked at other code and still get get it to work
(function($)
{
$.fn.extend(
{
paginator: function(options)
{
$.extend(this.options, options);
//this.go_to_page(this.options.current_page);
}
});
})(jQuery);
$(document).ready(function()
{
var paginator = $.paginator({
'url':
'/lib/ajax/trip_search/load_users.php',
'replace_id': 'user_paginator',
'total_items': '?php echo $total_items; ?',
'items_per_page': '10',
'total_pages': '?php echo $total_pages; ?'
});
});
But this code tells me there is an error that paginator is not a
function,
what is wrong here?
Eridius wrote:
I can't seem to remember since it has been ahile since I want to do
this,
how do i make a jQuery plug that i can access like
var paginator = $.paginator({/*data*/});
paginator.next_page();
//etc...
currently my code is like this:
(function($)
{
initialize= function(options)
{
$.extend(this.options, options);
};
options =
{
'url': null,
'replace_id': null,
'load_file': null,
'total_items': 0,
'items_per_page': 10,
'total_pages': 0,
'current_page': 0,
'new_page': 0;
};
}(jQuery);
I also need to make sure that the initialize function is called when i
create the object. Thanks.
--
View this message in context:
http://www.nabble.com/Making-a-jQuery-plugin-tf4958186s27240.html#a14201039
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
--
View this message in context:
http://www.nabble.com/Making-a-jQuery-plugin-tf4958186s27240.html#a14201915
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: ExtJS
ExtJS is designed to play together since most of the plugins are designed by the ExtJS team. I was excited to start play with it however in the end really did not like it. One thing is that it high a bit of a learning curve were as with jQuery I was able to start coding very very quickly. Another thing is that if you want some of the features that ExtJS has in your layout, chances are ExtJS is going to take over the entire layout. I think ExtJS is great if you are starting new and don't mind have ExtJS take over the entire layout and the way it looks but jQuery suites my taste better where I can just use what i want and not use what i don't want and it does not take over my UI. jQuery UI has in developmenet(hope it get released soon): toolbar menu tree form dragable resizeable dialog(kinda like ExtJS window) slider tabs There is also a separate plugin for a grid, does not have everything ExtJS grid has but a very very nice. That can be found here: http://www.reconstrukt.com/ingrid/ I have mention everything but layout however I think that the ExtJS layout stuff does too much for me at least(I would like to have a little more control in the layout than my javascript). Kaare Rasmussen-3 wrote: Inspired by this Christmas Calendar (http://catalyst.perl.org/calendar/2007/1) i want to ask for input regarding ExtJS vs. jQuery. The ExtJS overview and demos are very straight forward and rather impressive at a glance. I guess that what makes the biggest impression is that the library seems to fit together seamlessly. jQuery OTOH seems more like a toolbox where you choose plugins yourself with the risk that there are incompatibilities - but the tools can be more powerful. Is this a fair statement? The link above mentions these widgets (or plugins). * window * layout * tabs * form * toolbar * menu * tree * combobox * grid Can you put together a list of jQuery plugins that matches ExtJS and that plays well together? -- View this message in context: http://www.nabble.com/ExtJS-tf4936236s27240.html#a14129509 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: ExtJS
Another reason why jQuery is for me and a better choice in my opinion is the license. Believe released under the MIT license allow me to include this in my PHP Framework I am building which will allow me to bring some very nice built-in feature to it. Kaare Rasmussen-3 wrote: Inspired by this Christmas Calendar (http://catalyst.perl.org/calendar/2007/1) i want to ask for input regarding ExtJS vs. jQuery. The ExtJS overview and demos are very straight forward and rather impressive at a glance. I guess that what makes the biggest impression is that the library seems to fit together seamlessly. jQuery OTOH seems more like a toolbox where you choose plugins yourself with the risk that there are incompatibilities - but the tools can be more powerful. Is this a fair statement? The link above mentions these widgets (or plugins). * window * layout * tabs * form * toolbar * menu * tree * combobox * grid Can you put together a list of jQuery plugins that matches ExtJS and that plays well together? -- View this message in context: http://www.nabble.com/ExtJS-tf4936236s27240.html#a14129895 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: ExtJS
Do you know what they are changing in the new release(is it 1.2.2 or a 1.3 release) Andy Matthews-4 wrote: They're planning on releasing an updated version of jQuery UI on december 18th, one day after the next release of jQuery. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Kaare Rasmussen Sent: Monday, December 03, 2007 10:58 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: ExtJS Looks good, but perhaps not quite there yet. E.g. no edit option for the tablesorter. Also, it was incredible slow on Konqueror (Safari engine). http://ui.jquery.com On 12月3日, 下午8时36分, Kaare Rasmussen [EMAIL PROTECTED] wrote: Inspired by this Christmas Calendar (http://catalyst.perl.org/calendar/2007/1) i want to ask for input regarding ExtJS vs. jQuery. The ExtJS overview and demos are very straight forward and rather impressive at a glance. I guess that what makes the biggest impression is that the library seems to fit together seamlessly. jQuery OTOH seems more like a toolbox where you choose plugins yourself with the risk that there are incompatibilities - but the tools can be more powerful. Is this a fair statement? The link above mentions these widgets (or plugins). * window * layout * tabs * form * toolbar * menu * tree * combobox * grid Can you put together a list of jQuery plugins that matches ExtJS and that plays well together? -- Med venlig hilsen Kaare Rasmussen, Jasonic Jasonic Telefon: +45 3816 2582 Nordre Fasanvej 12 2000 Frederiksberg Email: [EMAIL PROTECTED] -- View this message in context: http://www.nabble.com/ExtJS-tf4936236s27240.html#a14143884 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] .clone(true) not working in IE
What my code does is you click on the link and it re orders these divs, here
is the part of my code having trouble
new_div[x] = $('#hotel_information [EMAIL PROTECTED]:eq(' +
div_index + ')').clone(true);
then:
for(x = 0; x div_length; x++)
{
$('#hotel_information').append(new_div[x]);
}
Does anything look wrong in there? It works in FF(actually it works without
the clone method) but not fully work in IE 7 or 6. Also the part that is
not work is the tabs(using the older version and not the UI version).
another thing to mention is that the event do care over if i do not trigger
them. say i have 2 div and i click on the tabs in the first one. I then re
order when make the first div the last div and the last div the first div.
now if i click on the first div tabs, they work because i did not click on
them before the reorder but the second tabs do not work because i click on
the before the reorder. anyone know what mgiht be cause this from this
description(can't give a link right now).
--
View this message in context:
http://www.nabble.com/.clone%28true%29-not-working-in-IE-tf4628650s27240.html#a13216375
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] (OT - CSS) setting screen height to 100%
This is a off topic because there should be a solution using css but i can't
figure it out. I am wanting to make a certain div height be 100% of what it
can be(so the footer is at the bottom of the page i the content does not
already push it down there). Know i though that is i say for an element to
be 100% it means 100% of the existing room. hear is my css(BTW I am using a
php file to generate dynamic css):
html, body
{
margin: 0px;
padding 0px;
height: 100%;
}
#header
{
min-height: 100px;
background: url('?php echo $my_colors['image_folder'];
?/large_gradient.png') repeat-x;
}
#footer
{
min-height: 60px;
background-image: url(?php echo $my_colors['image_folder'];
?/large_gradient_reverse.png);
background-repeat: repeat-x;
background-position: bottom center;
}
Now when i put 100% it does not take into effect the the height of the
header and footer which shoot the footer off the screen to the way bottom.
I just what my footer to be at the bottom of the screen without a scrollbar.
The only way i can think of doing to is by using the dimensions plug-in but
it would seem that this could be done in plain css, can it?
--
View this message in context:
http://www.nabble.com/%28OT---CSS%29-setting-screen-height-to-100--tf4538042s15494.html#a12952187
Sent from the JQuery mailing list archive at Nabble.com.
