Re: [jQuery] New forum completely inaccessible
I would vote for using both the email list and forums. I would definitely not use the forum often since it requires opening a browser and going to site, getting to the forum, logging in, etc., etc too much trouble. I agree with you, but right now I'm a little bit confused: - this list in google will be removed or not? - both the email list and forums are working together or not? In this case messages are the same for sure? Thanks -- Massimiliano Marini - http://www.massimilianomarini.com It's easier to invent the future than to predict it. -- Alan Kay
Re: [jQuery] New forum completely inaccessible
Andre Polykanine wrote: the new jQuery forum at http://forum.jquery.com/ is inaccessible for blind and visually impaired persons. For instance, I can't create a topic because my screen reading program can't find the appropriate edit boxes to post message in. I don't know if it's any comfort to you, but I'm having tons of problems finding my way in the new forum, and I'm not blind (although I do wear quite thick glasses...), and I'm a very experienced user (and also a programmer). Having tried for an hour or two, I still don't know how to follow a topic or bookmark one. A very underwhelming experience. Actually the Zoho forums seem to be pre-alfa quality. -- Bertilo Wennergren http://bertilow.com
[jQuery] Re: hide() works fine - fadeOut() is not working - Don't understand....
After switching to jQuery 1.4 everything works fine.
My guess is, that it had something to do with the css of my div. It
had a position:fixed attribute. But thats just a guess.
On 14 Jan., 23:08, Reinhard Vornholt reinhard.vornh...@gmail.com
wrote:
Hello group,
ich am fairly new to jQuery and using it with my wicket application. I
have a problem with quite easy situation. I would like tofadeOut() a
div when someon clicks on it.
Thats what I have:
div id=feedbackPanel12 class=info onclick= $
('#feedbackPanel12').fadeOut();
ul class=feedbackPanel
li class=feedbackPanelINFO
span class=feedbackPanelINFOArbeiter neu eingeteilt/span
/li
/ul
/div
And it it is not working... If I changefadeOut() with hide()
everything is fine...
can someont point me in the right direction
thanx
ps: I tried with FF and IE latest version each.
[jQuery] Re: Disable Submit
or you can bind to $(#your-form).submit(function({ ... }); if you're
making your JS unobtrusive
On Jan 16, 6:41 pm, Viz skillipedia skillipe...@googlemail.com
wrote:
You will need just this tiny js script:
function disableOnSubmit(form ){
for (var i = 0; i form.length; i++){
var e = form.elements[i];
if (e.type.toLowerCase() == button || e.type.toLowerCase()
== reset || e.type.toLowerCase() == submit) {
e.disabled=true;
}
}
}
and then add :
form method=POST action=/account name=fm onsubmit=disableOnSubmit(
document.fm)
That's all what you need - i think
[jQuery] Re: Real time AJAX
Hmm, I get what you mean, but how exactly do I update the label
text in real-time? One of the better ways that I've discovered is by
using long polling technique (
http://blog.perplexedlabs.com/2009/05/04/php-jquery-ajax-javascript-long-polling/
). What do you think?
On Jan 17, 12:16 am, waseem sabjee waseemsab...@gmail.com wrote:
I'm guessing you mean like on google wave.
ok.
AJAX would mean passing data to a file and returning a response to the user
without refreshing the page the user is on.
you could say what you want falls sort of under JavaScript animation
say you have something like this.
textarea class=editableMy test th at can be edited/textarea
labelMy test th at can be edited/label
the above is you HTML markup.
the text area is hidden and the label is shown.
when the user clicks the label you would hide the label and show the text
area. as well as focus on the textarea.
when the users blurs from the text are or presses enter you hide the text
are and show the label. however you update the label text.
var obj = $(.editable);
var lbl = obj.next();
lbl.click(function() {
lbl.hide();
obj.show();
obj.focus();
});
obj.blur(function() {
lbl.text(obj.text());
obj.hide();
lbl.show()l;
});
obj.keypress(function(e) {
if(e.which == 13) {
lbl.text(obj.text());
obj.hide();
lbl.show()l;
}
});
On Sat, Jan 16, 2010 at 7:45 AM, Izad CM iza...@gmail.com wrote:
Hi guys. I'm a jQuery newbie and naturally I have a question. :)
What's the best way to do real-time AJAX calls? I'm developing a web
app that has a functionality which is somewhat similar to Google
Wave's real-time blip editing feature. Well, you know that thing
where we can see the blip being edited by someone else in real-time?
That's the thing I'm referring to.
What's the best way to do that? One think that I can think of is to do
periodic ajax calls using setTimeout() or setInterval(), but I'm not
sure if that's the standard way of doing this. Can someone point me in
the right direction? Thanks.
[jQuery] Re: Mega menu, but the good one.
no one? On 14 jan, 11:46, Michal greatmedia...@gmail.com wrote: I came across quite some examples of the so called mega menu. But there just doesnt seem to be 1 version that rules them all. What i really would need is a auto calculate size in the menu just like on;http://shop.puma.com. There menu does not go outside the wrapper. Is there anyone who has seen something like this.
Re: [jQuery] Re: Mega menu, but the good one.
superfish is fairly easy to program using the onBeforeShow option.
Using jQuery css functions you can make position changes to subs. There
is a bit of a mystique about "mega menus" . Reality of using UL LI
structure is you can put multiple columns inside an LI using most
block level container elements.(div,ol,ul..etc)
Here's a usage example used on a vertical menu that aligns all subs
with top of main menu instead of the top of the parent li:
var menuOffset=$('ul.sf-menu').offset().top;
$('ul.sf-menu').superfish({
autoArrows: true,
onBeforeShow: function(){
var offset=$(this).parent().offset().top
$(this).css("top",(menuOffset-offset))
}
});
Michal wrote:
no one?
On 14 jan, 11:46, Michal greatmedia...@gmail.com wrote:
I came across quite some examples of the so called "mega menu". But
there just doesnt seem to be 1 version that rules them all.
What i really would need is a auto calculate size in the menu just
like on;http://shop.puma.com. There menu does not go outside the
wrapper.
Is there anyone who has seen something like this.
[jQuery] s
s
Re: [jQuery] Re: help combine LightBox jMyCarousel effect?
Basically, at the bottom of the .ready(function(), I pass a tweet
status id number, so that I can only pull tweets via Ajaxx with a
status_id greater than (newer than) the current -
$(document).ready(function()
{
$.ajaxSetup({
error:function(x,e){
if(x.status==0){
alert('You are offline!!\n Please Check Your Network.');
}else if(x.status==404){
alert('Requested URL not found.');
}else if(x.status==500){
alert('Internel Server Error.');
}else if(e=='parsererror'){
alert('Error.\nParsing JSON Request failed.');
}else if(e=='timeout'){
alert('Request Time out.');
}else {
alert('Unknow Error.\n'+x.responseText);
}
}
});
/* status id number */
getTwitter('7833519704');
});
I hardcoded a number and perfect my PHP code, but now I need a way to
pass it in dynamically. What is the recommended strategy? It may
mean that I need to imploy a different way of calling it, but that's
fine. Perhaps cookies or some database idea may be a workaround, but
I am trying to find what jQuery supports here - that is, how can I
best pass in parameters when .ready() is called, and how to do so
subsequently to that.
~Patrick
On Sun, Jan 17, 2010 at 12:03 PM, JamaicaMan
williambradley.ro...@gmail.com wrote:
Is this what you are trying to do? http://www.rouse.ws/jCarouselDemo.php
If so send a link to the web page that does not work and let me take a
look at it.
J M
On Jan 16, 1:37 pm, bhupal fren4...@gmail.com wrote:
I want the combine effect of these two plugins..
LightBoxhttp://leandrovieira.com/projects/jquery/lightbox/;
jMyCarouselhttp://www.enova-tech.net/eng/lab/jMyCarousel
but when i tried to combine these plugins.. the resulting page looks
good in my localhost but don't work well when uploaded to real server.
please help me get the horizontal scroll with lightbox effects for
thumbnails.
regards.
[jQuery] Passing in a parameter
Hi all, I have a newbie question. You know how you can pass a variable to a JavaScript function like this: onload=getStuff(data) Which is done via the BODY tag. Now, jQuery uses $(document).ready (function() }); My problem is simple: I want to pass in a variable to the ready (function(). When the page is first loaded, how can I pass in a variable to this function, or what strategy should I imploy to do such? Thanks for the pointers. Pat
[jQuery] Re: jQuery 1.4 LiveQuery
I'm not using blockUI and livequery doesn't work well with jquery 1.4 (with 1.3 it's perfect). Livequery often work activates when I lunch firebug (strange...). So impossible to understand why it doesn't work with firebug... live() function needs an event, whereas livequery just execute the function when the selector appear. So for me it's not possible to switch to live() function. On 16 jan, 02:41, Steven Yang kenshin...@gmail.com wrote: Jon what version of blockUI are you using? I think i just ran into similar problem yesterday when i upgraded jQuery to 1.4 and blockUI stopped working. but i solved it by upgrading blockUI to the newest version then everything worked again. i think the newest version was updated some time in Jan 2010 On Fri, Jan 15, 2010 at 10:00 PM, Dave Methvin dave.meth...@gmail.comwrote: In 1.4 the built in live() function has been heavily extended, so perhaps you can switch to using that instead? Agreed, but I think livequery should still work. The error posted there is in blockUI and not livequery anyway. Jon Bennett, can you put up a simple page that is a complete test case? It will probably be simple to diagnose using Firebug.
[jQuery] jQuery 1.4 and Broken UI Dialog Animations
I dropped the new jQuery 1.4 into my site, and suddenly every dialog
window stopped working.
Simple dialog code no longer works:
$(div).dialog({show: drop});
It will play the animation, but when the animation finishes the dialog
disappears.
I've tried this with jQuery UI 1.7.1, 1.7.2, and 1.8a1. Same issue
across the board.
Re: [jQuery] After donating how do I download a book title?
Brett, have you even read the website: http://jquery14.com/donate The jQuery Project will send you an email with instructions for downloading your e-book. Please do not contact the conservancy regarding your book. E-books will be distributed starting on Tuesday, Jan 19th. Regards, Nicolai
[jQuery] Re: Select tab from link
Thanks MorningZ.. But, it appears that your script is missing syntax
somewhereI do not know enough about javascript to find the error.
Any ideas why it's not showing as valid?
$(document).ready(function(){
var $tabs = $(#tabs).tabs();
$('a[id^='link').live(click, function() {
var hit = this.id.match(/^link(\d+)$/);
if (hit lit.length == 2) {
$tabs.tabs('select', hit[1]);
return false;
}
});
});
Follow up question: What does the a href mark up need to look like?
On Jan 16, 9:38 pm, MorningZ morni...@gmail.com wrote:
There's no need to repeat the code... you can even do it with .live
so it'll work if there's 1 or 100 tabs
$(document).ready(function(){
var $tabs = $(#tabs).tabs();
$('a[id^='link').live(click, function() {
var hit = this.id.match(/^link(\d+)$/);
if (hit lit.length == 2) {
$tabs.tabs('select', hit[1]);
return false;
}
});
});
On Jan 16, 5:59 pm, CMI_Guy market...@cmilc.com wrote:
StephenJacob,
Sloppy fix. But works.
script type=text/javascript
$(document).ready(function(){
var $tabs = $(#tabs).tabs();
$('#link0').click(function() { // bind click event to link
$tabs.tabs('select', 0); // switch to first tab
return false;
});});
$(document).ready(function(){
var $tabs = $(#tabs).tabs();
$('#link1').click(function() { // bind click event to link
$tabs.tabs('select', 1); // switch to second tab
return false;
});});
$(document).ready(function(){
var $tabs = $(#tabs).tabs();
$('#link2').click(function() { // bind click event to link
$tabs.tabs('select', 2); // switch to third tab
return false;
});});
$(document).ready(function(){
var $tabs = $(#tabs).tabs();
$('#link3').click(function() { // bind click event to link
$tabs.tabs('select', 3); // switch to fourth tab
return false;
});});
$(document).ready(function(){
var $tabs = $(#tabs).tabs();
$('#link4').click(function() { // bind click event to link
$tabs.tabs('select', 4); // switch to fifth tab
return false;
});});
/script
div id=tabs
ul
lia href=users-admin.phpAdministrators/a/li
lia href=users-standard.phpUsers/a/li
lia href=users-notify.phpProcess Users/a/li
lia href=users-activity.phpUser Activity/a/li
lia href=db-backup.phpDatabase Backup/a/li
/ul
/div
TEXT LINKS elsewhere on page that activate the tabs.
a href=users-standard.php id=link0Administrators/a
a href=users-standard.php id=link1Users/a
a href=users-notify.php id=link2Process Users/a
a href=users-activity.php id=link3User Activity/a
a href=db-backup.php id=link4Database Backup/a- Hide quoted text -
- Show quoted text -
[jQuery] Re: help combine LightBox jMyCarousel effect?
@JamaicaMan .. yeah a sort of.. i wonder why all the carousel around net are just limited to 3 images! i have posted this after googling a lot on horizontalcarousels. i want the effect in marquee like fashion that's when i hover the carousel it should stop and when i mouse out it should slide! and whenever i click on a link it should open up like it does in the link you given(or i wanted to use lightbox beforehand)... but with more than 3 images. in my case 5 images (in horizontal carousel .) Let me generalize my question, i have tried many times to combine the jQuery plugin's effects.. but i don't know why it doesn't work. Is there any jQuery version incompatibility issue associated with plugins?? can't i include Plugin1 - uses jquery1.2.1.js Plugin2 - uses jQuery 1.3.2 in the same web page and expect combined output? Please, share some of your experience so that i can go through this. the site i am trying to work out on is: http://www.khotangdarpan.org/ (see the horizontal carousel above navigation links) thanks for the reply. On Jan 17, 10:03 am, JamaicaMan williambradley.ro...@gmail.com wrote: Is this what you are trying to do?http://www.rouse.ws/jCarouselDemo.php If so send a link to the web page that does not work and let me take a look at it. J M On Jan 16, 1:37 pm, bhupal fren4...@gmail.com wrote: I want the combine effect of these two plugins.. LightBoxhttp://leandrovieira.com/projects/jquery/lightbox/; jMyCarouselhttp://www.enova-tech.net/eng/lab/jMyCarousel but when i tried to combine these plugins.. the resulting page looks good in my localhost but don't work well when uploaded to real server. please help me get the horizontal scroll with lightbox effects for thumbnails. regards.
Re: [jQuery] Re: Real time AJAX
Have you looked at Web Sockets?
On Sun, Jan 17, 2010 at 5:17 AM, Izad CM iza...@gmail.com wrote:
Hmm, I get what you mean, but how exactly do I update the label
text in real-time? One of the better ways that I've discovered is by
using long polling technique (
http://blog.perplexedlabs.com/2009/05/04/php-jquery-ajax-javascript-long-polling/
). What do you think?
On Jan 17, 12:16 am, waseem sabjee waseemsab...@gmail.com wrote:
I'm guessing you mean like on google wave.
ok.
AJAX would mean passing data to a file and returning a response to the
user
without refreshing the page the user is on.
you could say what you want falls sort of under JavaScript animation
say you have something like this.
textarea class=editableMy test th at can be edited/textarea
labelMy test th at can be edited/label
the above is you HTML markup.
the text area is hidden and the label is shown.
when the user clicks the label you would hide the label and show the text
area. as well as focus on the textarea.
when the users blurs from the text are or presses enter you hide the text
are and show the label. however you update the label text.
var obj = $(.editable);
var lbl = obj.next();
lbl.click(function() {
lbl.hide();
obj.show();
obj.focus();
});
obj.blur(function() {
lbl.text(obj.text());
obj.hide();
lbl.show()l;
});
obj.keypress(function(e) {
if(e.which == 13) {
lbl.text(obj.text());
obj.hide();
lbl.show()l;
}
});
On Sat, Jan 16, 2010 at 7:45 AM, Izad CM iza...@gmail.com wrote:
Hi guys. I'm a jQuery newbie and naturally I have a question. :)
What's the best way to do real-time AJAX calls? I'm developing a web
app that has a functionality which is somewhat similar to Google
Wave's real-time blip editing feature. Well, you know that thing
where we can see the blip being edited by someone else in real-time?
That's the thing I'm referring to.
What's the best way to do that? One think that I can think of is to do
periodic ajax calls using setTimeout() or setInterval(), but I'm not
sure if that's the standard way of doing this. Can someone point me in
the right direction? Thanks.
--
John Arrowwood
John (at) Irie (dash) Inc (dot) com
John (at) Arrowwood Photography (dot) com
John (at) Hanlons Razor (dot) com
--
http://www.irie-inc.com/
http://arrowwood.blogspot.com/
[jQuery] jQuery Cycle Plug Issue with Multiple SPANS and single call
Using the awesome jQuery Cycle plugin, Im working on a wall with
each title rotating between pics but Im not getting any love.
The page is setup like this:
span class='pics'
img alt= border=0 height=48 src=http://
s.twimg.com/a/1263495459/images/default_profile_1_normal.png
width=48 /
img alt= border=0 height=48 src=http://
a3.twimg.com/profile_images/269773851/IMG_0812_2_normal.JPG
width=48 /
img alt= border=0 height=48 src=http://
a3.twimg.com/profile_images/63490705/Photo_163_normal.jpg width=48 /
img alt= border=0 height=48 src=http://
s.twimg.com/a/1263410604/images/default_profile_2_normal.png
width=48 /
img alt= border=0 height=48 src=http://
a3.twimg.com/profile_images/552266897/fav_icon_normal.png width=48 /
/span
span class='pics'
img alt= border=0 height=48 src=http://
a1.twimg.com/profile_images/130977868/web_normal.jpg width=48 /
img alt= border=0 height=48 src=http://
a3.twimg.com/profile_images/325110783/sc_normal.jpg width=48 /
img alt= border=0 height=48 src=http://
a3.twimg.com/profile_images/408380189/blurred_me_normal.jpg
width=48 /
img alt= border=0 height=48 src=http://
a1.twimg.com/profile_images/43603112/wayne_mii_normal.png width=48 /
img alt= border=0 height=48 src=http://
s.twimg.com/a/1263495459/images/default_profile_6_normal.png
width=48 /
/span
span class='pics'
img alt= border=0 height=48 src=http://
a1.twimg.com/profile_images/524747624/avatar_normal.jpg width=48 /
img alt= border=0 height=48 src=http://
a3.twimg.com/profile_images/564187483/momandzoeicon_normal.jpg
width=48 /
img alt= border=0 height=48 src=http://
a1.twimg.com/profile_images/269795496/new_normal.jpg width=48 /
img alt= border=0 height=48 src=http://
a1.twimg.com/profile_images/632178730/IMG_2401_small_normal.JPG
width=48 /
img alt= border=0 height=48 src=http://
a3.twimg.com/profile_images/320947559/Genright_Pic_normal.jpg
width=48 /
/span
span class='pics'
img alt= border=0 height=48 src=http://
a1.twimg.com/profile_images/564248764/Fundmission_normal.jpg
width=48 /
img alt= border=0 height=48 src=http://
a3.twimg.com/profile_images/186738229/Image_4_normal.jpg width=48 /
img alt= border=0 height=48 src=http://
a1.twimg.com/profile_images/609575508/twitterProfilePhoto_normal.jpg
width=48 /
img alt= border=0 height=48 src=http://
a3.twimg.com/profile_images/65779995/me_normal.jpg width=48 /
img alt= border=0 height=48 src=http://
a1.twimg.com/profile_images/610357728/twitterProfilePhoto_normal.jpg
width=48 /
/span
span class='pics'
img alt= border=0 height=48 src=http://
a1.twimg.com/profile_images/633081412/scfxmpsoeriutcd_normal.jpg
width=48 /
img alt= border=0 height=48 src=http://
a3.twimg.com/profile_images/605685005/twitterProfilePhoto_normal.jpg
width=48 /
img alt= border=0 height=48 src=http://
a3.twimg.com/profile_images/476884751/twitterProfilePhoto_normal.jpg
width=48 /
img alt= border=0 height=48 src=http://
a3.twimg.com/profile_images/561458611/icon1_normal.jpg width=48 /
img alt= border=0 height=48 src=http://
a3.twimg.com/profile_images/
613936191/9333_1059297581122_1786397902_129191_152968_n_normal.jpg
width=48 /
/span
and based on examples Ive tried this:
$('.pics').each(function() {
$(this).cycle({
fx:'fade',
speed: 2500
});
});
and this
$('.pics').cycle({
fx:'fade',
speed: 2500
});
without any luck. Either way I end up with a SINGLE tile rotating
images instead of five individual tiles of changing images. Also, I
want each one to change at random times so they arent all changing at
the same time.
Thanks!
[jQuery] Re: Select tab from link
MorningZ, Thanks for your reply. Something was missing from your
syntax so I made one small change to your script:
$(document).ready(function(){
var $tabs = $(#tabs).tabs();
$(a[id^='link']).live(click, function() {
var hit = this.id.match(/^link(\d+)$/);
if (hit lit.length == 2) {
$tabs.tabs('select', hit[1]);
return false;
}
});
});
But, I must admit I know next to nothing about jquery live events. Can
you help me understand what markup I would need to put on a a href
link to make this script work. I would love to be able to simplify my
method for allowing text links on the page to interact with the tabs.
Much Thanks!!
On Jan 16, 9:38 pm, MorningZ morni...@gmail.com wrote:
There's no need to repeat the code... you can even do it with .live
so it'll work if there's 1 or 100tabs
$(document).ready(function(){
var $tabs= $(#tabs).tabs();
$('a[id^='link').live(click, function() {
var hit = this.id.match(/^link(\d+)$/);
if (hit lit.length == 2) {
$tabs.tabs('select', hit[1]);
return false;
}
});
});
On Jan 16, 5:59 pm, CMI_Guy market...@cmilc.com wrote:
StephenJacob,
Sloppy fix. But works.
script type=text/javascript
$(document).ready(function(){
var $tabs= $(#tabs).tabs();
$('#link0').click(function() { // bind click event tolink
$tabs.tabs('select', 0); // switch to first tab
return false;
});});
$(document).ready(function(){
var $tabs= $(#tabs).tabs();
$('#link1').click(function() { // bind click event tolink
$tabs.tabs('select', 1); // switch to second tab
return false;
});});
$(document).ready(function(){
var $tabs= $(#tabs).tabs();
$('#link2').click(function() { // bind click event tolink
$tabs.tabs('select', 2); // switch to third tab
return false;
});});
$(document).ready(function(){
var $tabs= $(#tabs).tabs();
$('#link3').click(function() { // bind click event tolink
$tabs.tabs('select', 3); // switch to fourth tab
return false;
});});
$(document).ready(function(){
var $tabs= $(#tabs).tabs();
$('#link4').click(function() { // bind click event tolink
$tabs.tabs('select', 4); // switch to fifth tab
return false;
});});
/script
div id=tabs
ul
lia href=users-admin.phpAdministrators/a/li
lia href=users-standard.phpUsers/a/li
lia href=users-notify.phpProcess Users/a/li
lia href=users-activity.phpUser Activity/a/li
lia href=db-backup.phpDatabase Backup/a/li
/ul
/div
TEXT LINKS elsewhere on page that activate thetabs.
a href=users-standard.php id=link0Administrators/a
a href=users-standard.php id=link1Users/a
a href=users-notify.php id=link2Process Users/a
a href=users-activity.php id=link3User Activity/a
a href=db-backup.php id=link4Database Backup/a- Hide quoted text -
- Show quoted text -
[jQuery] How to pass in data
What is the best way to get data into jQuery? Obviously, jQuery
separates data and presentation. How can I pass in a parameter?
Below, you can see how I called a method with a hardcoded value, but
I want to dynamically pass in a value from web page.
$(document).ready(function()
{
/* tweet status id number */
getTwitter('7833519704');
});
What is the recommended strategy when using jQuery? Should I use a
different event? It may mean that I should employ a hybrid method or
technique.
Any ideas or recommendations are appreciated.
Thanks. Pat
[jQuery] Re: How to pass in data
I guess this is the answer to my question --
bind( type, [data], fn )
If I use bind, I can pass in data to event handlers.
~PK
On Mon, Jan 18, 2010 at 12:48 AM, Patrick kenned...@gmail.com wrote:
What is the best way to get data into jQuery? Obviously, jQuery
separates data and presentation. How can I pass in a parameter?
Below, you can see how I called a method with a hardcoded value, but
I want to dynamically pass in a value from web page.
$(document).ready(function()
{
/* tweet status id number */
getTwitter('7833519704');
});
What is the recommended strategy when using jQuery? Should I use a
different event? It may mean that I should employ a hybrid method or
technique.
Any ideas or recommendations are appreciated.
Thanks. Pat
Re: [jQuery] Passing in a parameter
Do you have some function inside of the ready() block that you could pass the data to instead? Could you post some of your code? On Sat, Jan 16, 2010 at 11:57 PM, Patrick kenned...@gmail.com wrote: Hi all, I have a newbie question. You know how you can pass a variable to a JavaScript function like this: onload=getStuff(data) Which is done via the BODY tag. Now, jQuery uses $(document).ready (function() }); My problem is simple: I want to pass in a variable to the ready (function(). When the page is first loaded, how can I pass in a variable to this function, or what strategy should I imploy to do such? Thanks for the pointers. Pat
Re: [jQuery] Jquery DOM
http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F On Sun, Jan 17, 2010 at 10:50 AM, Louie39 loui...@gmail.com wrote: I have a form that is using jqury to post data (ajax) to another page and returns the result, but after the new content is loading, all links that are using jquery doesn't work anymore. Does anyone have a solution to this?
RE: [jQuery] Re: Real time AJAX
You have to remove yourself by logging into Google groups.
And why don't we include instructions at the bottom of every page on how to
remove oneself from the mailing list? There are sufficient questions on how
to do this
from users that it would seem to warranted.
Rick
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of Anoop Richards
Sent: Sunday, January 17, 2010 10:55 AM
To: jquery-en@googlegroups.com
Subject: Re: [jQuery] Re: Real time AJAX
REMOVE MOVE ME ASAP.
On Sun, Jan 17, 2010 at 9:23 PM, John Arrowwood jarro...@gmail.com wrote:
Have you looked at Web Sockets?
On Sun, Jan 17, 2010 at 5:17 AM, Izad CM iza...@gmail.com wrote:
Hmm, I get what you mean, but how exactly do I update the label
text in real-time? One of the better ways that I've discovered is by
using long polling technique (
http://blog.perplexedlabs.com/2009/05/04/php-jquery-ajax-javascript-long-pol
ling/
). What do you think?
On Jan 17, 12:16 am, waseem sabjee waseemsab...@gmail.com wrote:
I'm guessing you mean like on google wave.
ok.
AJAX would mean passing data to a file and returning a response to the
user
without refreshing the page the user is on.
you could say what you want falls sort of under JavaScript animation
say you have something like this.
textarea class=editableMy test th at can be edited/textarea
labelMy test th at can be edited/label
the above is you HTML markup.
the text area is hidden and the label is shown.
when the user clicks the label you would hide the label and show the text
area. as well as focus on the textarea.
when the users blurs from the text are or presses enter you hide the text
are and show the label. however you update the label text.
var obj = $(.editable);
var lbl = obj.next();
lbl.click(function() {
lbl.hide();
obj.show();
obj.focus();
});
obj.blur(function() {
lbl.text(obj.text());
obj.hide();
lbl.show()l;
});
obj.keypress(function(e) {
if(e.which == 13) {
lbl.text(obj.text());
obj.hide();
lbl.show()l;
}
});
On Sat, Jan 16, 2010 at 7:45 AM, Izad CM iza...@gmail.com wrote:
Hi guys. I'm a jQuery newbie and naturally I have a question. :)
What's the best way to do real-time AJAX calls? I'm developing a web
app that has a functionality which is somewhat similar to Google
Wave's real-time blip editing feature. Well, you know that thing
where we can see the blip being edited by someone else in real-time?
That's the thing I'm referring to.
What's the best way to do that? One think that I can think of is to do
periodic ajax calls using setTimeout() or setInterval(), but I'm not
sure if that's the standard way of doing this. Can someone point me in
the right direction? Thanks.
--
John Arrowwood
John (at) Irie (dash) Inc (dot) com
John (at) Arrowwood Photography (dot) com
John (at) Hanlons Razor (dot) com
--
http://www.irie-inc.com/
http://arrowwood.blogspot.com/
Re: [jQuery] Re: hide() works fine - fadeOut() is not working - Don't understand....
On Sun, Jan 17, 2010 at 6:17 AM, Reinhard Vornholt reinhard.vornh...@gmail.com wrote: After switching to jQuery 1.4 everything works fine. My guess is, that it had something to do with the css of my div. It had a position:fixed attribute. But thats just a guess. Glad you got it figured out but it wasn't the position:fixed styling or, at least, not only that. http://jsbin.com/esado/edit I just like to play on JSBin. :)
Re: [jQuery] Passing in a parameter
If your current code in the body tag is literally:
onload=getStuff(data)
then 'data' must be a global variable. You can reference this global
variable directly in any of your JavaScript code. For example:
$(document).ready( function() {
getStuff( data );
});
If that's not exactly what your code looks like, give a more specific
example and it will be easy to come up with some suggestions.
-Mike
On Sat, Jan 16, 2010 at 8:57 PM, Patrick kenned...@gmail.com wrote:
Hi all,
I have a newbie question. You know how you can pass a variable to a
JavaScript function like this:
onload=getStuff(data)
Which is done via the BODY tag. Now, jQuery uses $(document).ready
(function() });
My problem is simple: I want to pass in a variable to the ready
(function(). When the page is first loaded, how can I pass in a
variable to this function, or what strategy should I imploy to do
such?
Thanks for the pointers. Pat
[jQuery] Re: Select tab from link
if your link follows the pattern of having it's ID as linkXX where
XX is the zero-based index of a tab, then the live binding will
pick up any new instances of such links in your AJAX responses/
additions
btw, i had a typo... lit.length should be hit.length
On Jan 17, 11:06 am, CMI_Guy market...@cmilc.com wrote:
MorningZ, Thanks for your reply. Something was missing from your
syntax so I made one small change to your script:
$(document).ready(function(){
var $tabs = $(#tabs).tabs();
$(a[id^='link']).live(click, function() {
var hit = this.id.match(/^link(\d+)$/);
if (hit lit.length == 2) {
$tabs.tabs('select', hit[1]);
return false;
}
});
});
But, I must admit I know next to nothing about jquery live events. Can
you help me understand what markup I would need to put on a a href
link to make this script work. I would love to be able to simplify my
method for allowing text links on the page to interact with the tabs.
Much Thanks!!
On Jan 16, 9:38 pm, MorningZ morni...@gmail.com wrote:
There's no need to repeat the code... you can even do it with .live
so it'll work if there's 1 or 100tabs
$(document).ready(function(){
var $tabs= $(#tabs).tabs();
$('a[id^='link').live(click, function() {
var hit = this.id.match(/^link(\d+)$/);
if (hit lit.length == 2) {
$tabs.tabs('select', hit[1]);
return false;
}
});
});
On Jan 16, 5:59 pm, CMI_Guy market...@cmilc.com wrote:
StephenJacob,
Sloppy fix. But works.
script type=text/javascript
$(document).ready(function(){
var $tabs= $(#tabs).tabs();
$('#link0').click(function() { // bind click event tolink
$tabs.tabs('select', 0); // switch to first tab
return false;
});});
$(document).ready(function(){
var $tabs= $(#tabs).tabs();
$('#link1').click(function() { // bind click event tolink
$tabs.tabs('select', 1); // switch to second tab
return false;
});});
$(document).ready(function(){
var $tabs= $(#tabs).tabs();
$('#link2').click(function() { // bind click event tolink
$tabs.tabs('select', 2); // switch to third tab
return false;
});});
$(document).ready(function(){
var $tabs= $(#tabs).tabs();
$('#link3').click(function() { // bind click event tolink
$tabs.tabs('select', 3); // switch to fourth tab
return false;
});});
$(document).ready(function(){
var $tabs= $(#tabs).tabs();
$('#link4').click(function() { // bind click event tolink
$tabs.tabs('select', 4); // switch to fifth tab
return false;
});});
/script
div id=tabs
ul
lia href=users-admin.phpAdministrators/a/li
lia href=users-standard.phpUsers/a/li
lia href=users-notify.phpProcess Users/a/li
lia href=users-activity.phpUser Activity/a/li
lia href=db-backup.phpDatabase Backup/a/li
/ul
/div
TEXT LINKS elsewhere on page that activate thetabs.
a href=users-standard.php id=link0Administrators/a
a href=users-standard.php id=link1Users/a
a href=users-notify.php id=link2Process Users/a
a href=users-activity.php id=link3User Activity/a
a href=db-backup.php id=link4Database Backup/a- Hide quoted text -
- Show quoted text -
[jQuery] autocomplete returning multiple identical values in dropdown
The autocomplete plugin I obtained from http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ is working great aside from one significant problem: it is returning multiple identical results in the dropdown. Say I wish to search for all records that contain 'march' in the month field and there are 12 such records that meet this criteria. I don't want a dropdown to appear that dispays 'march' 12 times if I type 'm' in the month field. I want only two values to appear exactly once each: 'march', and 'may'. It appears as though the code was written with the expectation that the data will contain all unique values. Or am I doing something wrong? I have been unable to see any option settings that control this. Thanks.
[jQuery] Re: autocomplete returning multiple identical values in dropdown
You pulling the data from server side code? if so, it's that codes responsibility to return unique values On Jan 17, 4:25 pm, rumremix sdiv...@gmail.com wrote: The autocomplete plugin I obtained fromhttp://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/is working great aside from one significant problem: it is returning multiple identical results in the dropdown. Say I wish to search for all records that contain 'march' in the month field and there are 12 such records that meet this criteria. I don't want a dropdown to appear that dispays 'march' 12 times if I type 'm' in the month field. I want only two values to appear exactly once each: 'march', and 'may'. It appears as though the code was written with the expectation that the data will contain all unique values. Or am I doing something wrong? I have been unable to see any option settings that control this. Thanks.
[jQuery] Re: jQuery Form File Download Error
I have a form in which one of the submit buttons initiates a download
of a file. Under normal circumstances this works perfectly, however,
if I introduce the JQuery Form plugin as follows:
var options = { target: #dialog };
$('#viewform').ajaxForm(options);
Try setting the 'iframe' option to true. And you don't need the
target option.
var options = { iframe: true };
Re: [jQuery] some basic questions
On Sat, Jan 16, 2010 at 12:03 AM, Enoch enochelli...@gmail.com wrote: I have a tabbed page using jquery themes with the tabs structured as lis. The first tab has a form that you can fill out. The second tab, when clicked is supposed to bring up a summary of your form and offer a submit button. Aside from the jQuery documentation (http://docs.jquery.com/) I have no specific tutorials to recommend. If it helps, though, I've implemented a quick, but annotated, example of what you described: http://jsbin.com/aqoti/edit Good luck and have fun! Nathan
Re: [jQuery] background mouseover fade effect
On Tue, Jan 12, 2010 at 4:25 PM, 1.am.W1z4rd 1.am.w1z...@gmail.com wrote: I need to add a mouseover effect to the navigation for a site that I'm building. I need the backgroundColor to fade from none, to black, and then on mouseout, I need it to fade back to none. This would be easy if I were using two colors, but since I'm using 'none' as one You probably figured something out for this by now but, if not, one kinda ugly way would be to position a black div behind the element, hide it, and fade it in on mouseover and back out on mouseout... Nathan
[jQuery] Re: background mouseover fade effect
For sure check out the color.js plugin (Google jQuery color.js and
you'll find it)... it can animate the backgroundColor property, as for
color, instead of none, you should be able to use transparent
or better yet, just fade to the current page/DOM object background
color
On Jan 12, 5:25 pm, 1.am.W1z4rd 1.am.w1z...@gmail.com wrote:
I need to add a mouseover effect to the navigation for a site that I'm
building. I need the backgroundColor to fade from none, to black, and
then on mouseout, I need it to fade back to none. This would be easy
if I were using two colors, but since I'm using 'none' as one of the
color's, I don't know what to do. I have tried:
[code]
$('.nav_link').hover(function() {
$(this).animate({backgroundColor: '#00'});}, function() {
$(this).animate({backgroundColor: 'none'});});
[/code]
but that doesn't seem to work.
Any help / plugin links would be greatly appreciated.
Thanks, bye.
[jQuery] Superfish - Arrows don't display on dropdown
I'm really excited to use this bu the arrows aren't displaying on my
menu. Here's the code I've got in the head...
link rel=stylesheet type=text/css media=screen href=superfish/
css/superfish.css /
script type=text/javascript src=superfish/hoverIntent.js/
script
script type=text/javascript src=superfish/superfish.js/script
script type=text/javascript src=superfish/supersubs.js/script
script type=text/javascript
$(document).ready(function(){
$(ul.sf-menu).supersubs({
minWidth:12,
maxWidth:27,
extraWidth: 1,
autoArrows: true,
}).superfish();
});
/script
Here's what I've got in the body...
div id=menu
ul class=sf-menu
li class=current
a
href=http://localhost:/claykirkland/;home/a
/li
li
a
href=http://localhost:/claykirkland/bio/;bio/a
ul
lia href=#musical/a/li
lia
href=#personal/a/li
/ul
/li
li class=current
a
href=http://localhost:/claykirkland/events/;events/a
/li
li class=current
a
href=http://localhost:/claykirkland/music/;music/a
/li
li class=current
a
href=http://localhost:/claykirkland/photos/;photos/a
/li
li
a
href=http://localhost:/claykirkland/bio/;shop/a
ul
lia
href=#checkout/a/li
lia href=#menu
item/a/li
/ul
/li
/ul
/div
In the css I show that the images at...
http://localhost:/claykirkland/superfish/images/
I'm building this using MAMP and Wordpress on my computer. I don't get
it. Everything else works great.
Help!
[jQuery] Jquery noconflict not working
If you look at the page;
http://www.sars-clan.co.uk/forums/ (ignore styling etc as its a work
in progress)
In the header source the forum system myBB calls prototype and then I
call jquery and the noconflict;
script type=text/javascript
jQuery.noConflict();
jQuery(document).ready(function($){
//my jquery stuff
});
/script
with all my jquery code inside those tags. However I still get
warnings about unknown functions although they are clearly defined in
the header, any thoughts?
[jQuery] Re: Superfish - Arrows don't display on dropdown
Also, it appears that the menu works fine on the home page but not on
any of the individual pages. Any suggestions there?
On Jan 17, 7:57 pm, initialsbr luke.kirkl...@gmail.com wrote:
I'm really excited to use this bu the arrows aren't displaying on my
menu. Here's the code I've got in the head...
link rel=stylesheet type=text/css media=screen href=superfish/
css/superfish.css /
script type=text/javascript src=superfish/hoverIntent.js/
script
script type=text/javascript src=superfish/superfish.js/script
script type=text/javascript src=superfish/supersubs.js/script
script type=text/javascript
$(document).ready(function(){
$(ul.sf-menu).supersubs({
minWidth: 12,
maxWidth: 27,
extraWidth: 1,
autoArrows: true,
}).superfish();
});
/script
Here's what I've got in the body...
div id=menu
ul class=sf-menu
li class=current
a
href=http://localhost:/claykirkland/;home/a
/li
li
a
href=http://localhost:/claykirkland/bio/;bio/a
ul
lia
href=#musical/a/li
lia
href=#personal/a/li
/ul
/li
li class=current
a
href=http://localhost:/claykirkland/events/;events/a
/li
li class=current
a
href=http://localhost:/claykirkland/music/;music/a
/li
li class=current
a
href=http://localhost:/claykirkland/photos/;photos/a
/li
li
a
href=http://localhost:/claykirkland/bio/;shop/a
ul
lia
href=#checkout/a/li
lia href=#menu
item/a/li
/ul
/li
/ul
/div
In the css I show that the images at...
http://localhost:/claykirkland/superfish/images/
I'm building this using MAMP and Wordpress on my computer. I don't get
it. Everything else works great.
Help!
[jQuery] JQuery Star Rating Plugin not calling Callback?
Hello all,
I installed the star rating plugin, which works great.
Except for one, that my callback is never called. I tried everything,
but still no relief :(
This is my HTML code:
divspan class=boldStem zelf:/span/divdiv
input name=star2 type=radio
class=star {if $currentRating eq 1}checked=checked{/if}/
input name=star2 type=radio
class=star {if $currentRating eq 2}checked=checked{/if}/
input name=star2 type=radio
class=star {if $currentRating eq 3}checked=checked{/if}/
input name=star2 type=radio
class=star {if $currentRating eq 4}checked=checked{/if}/
input name=star2 type=radio
class=star {if $currentRating eq 5}checked=checked{/if}/
/div
/div
Don't mind the smarty code.
Now, for a callback, I use this:
$(document).ready(function() {
$('.auto-submit-star').rating(callback: function(){
alert('OK');
})
});
But still, nothing happens when clicking the stars.
Help appreciated!
[jQuery] Re: Jquery noconflict not working
The error I see is on this line:
setTimeout('chatHeartbeat();',chatHeartbeatTime);
Instead of passing a string as the first arg to setTimeout, pass the
actual fn reference:
setTimeout(chatHeartbeat, chatHeartbeatTime);
When passing a string it will be evaluated in the global context. But
your chatHeartbeat fn is not defined in the global context. And as a
matter of style and performance, it is better to pass the fn ref
anyway.
Mike
On Jan 17, 6:28 pm, Alex Crooks alexcro...@googlemail.com wrote:
If you look at the page;
http://www.sars-clan.co.uk/forums/(ignore styling etc as its a work
in progress)
In the header source the forum system myBB calls prototype and then I
call jquery and the noconflict;
script type=text/javascript
jQuery.noConflict();
jQuery(document).ready(function($){
//my jquery stuff
});
/script
with all my jquery code inside those tags. However I still get
warnings about unknown functions although they are clearly defined in
the header, any thoughts?
