[jQuery] Re: iPhoto done in JQuery
wow, this is a quite impressive showcase! To be put on the front page of jquery ! On Wed, Mar 26, 2008 at 6:23 PM, ajk49 [EMAIL PROTECTED] wrote: Check out these three Ajax apps developed almost entirely using JQuery by Mobyko. They are an iPhoto type photo management tool, a video management tool and a text management tool. Click on the links in the navigation to switch between the galleries. All the galleries are aimed at helping people to manage their mobile assets - photos, videos and texts. Demo versions can be seen at http://www.mobyko.com/gallerydemo/mobykogallery/index.php Sign up with Mobyko if you want your own galleries. ajk49 -- Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] Re: jScrollPane: horizontal scroll and dynamic height/width
hi there,
i can't help with the horizontal scrollbar but for your other issue,
be aware that
jscrollpane needs to be reinitialized everytime the window changes its size.
I did something like that here:
http://www.pixeline.be/test/markitup_bug/ (it was set up to show a
possible bug to the markitup plugin developer, don't mind that).
now, i didn't manage to make jscrollpane reinitialize on
window.resize. but if you change the window size and refresh the page,
you'll see what you need.
basically this is how i set it up. I made a small plugin that
redimensions the div that must become the scrollable zone:
jQuery.fn.setScrollableArea = function(modifier){
jQuery('#main, body,html').css({
overflow: 'hidden'
});
var availableHeight = jQuery(window).height();
return this.each(function(){
var offset = jQuery(this).offset();
modifier = (modifier == '') ? 0 : modifier;
var newHeight = availableHeight - offset.top - modifier;
$(this).css({
height: newHeight,
overflow: 'hidden'
});
});
}
and then i use the plugin like that:
$(window).bind(load, function(){
$('#section_content').setScrollableArea(30).jScrollPane({
scrollbarWidth: 13,
scrollbarMargin: 10,
animateTo: true
});
});
$(window).resize(function(){
$('#section_content').setScrollableArea(30).jScrollPane({
scrollbarWidth: 13,
scrollbarMargin: 10,
animateTo: true
});
});
i hope this helps a bit.
On Wed, Mar 26, 2008 at 1:13 AM, Hk. [EMAIL PROTECTED] wrote:
Hello,
I have just found this nice little piece of JS while I was looking for
a nice script to replace this cruel scrollbars from my site. Anyway, I
miss two features and thought it would be more clever to ask here if
someone has already customized the script in the way I need it before
I try it by myself (I'm not a JS expert).
I have two problems, first of all I need the possibility to scroll the
div horizontal and vertical, the second problem ist, that height and
width of my div have to be dynamic, depending on the screen
resolution/
window size of my visitors. I tried so give the div the individual
height by using the DOM but the ScrollPane script doesn't seem to
recognize it, seems that it only notices the static height of the div.
Any hints, ideas or snippets out there?
Good night and thanks for your response...
--
Alexandre Plennevaux
LAb[au]
http://www.lab-au.com
[jQuery] first child of type form control
Hi guys,
I've got:
$('#elHombre').focus();
Which sets focus to a legend at the top of a form.
I'd like to do:
$('#elHombre').next-instance-of-tag-of-type==inputORtextareaORselect.focus();
The page is set to scroll to the elHombre anchor. The focus needs to
be set to the first form control that follows the anchor. For example:
p id=elHombre
This is the introduction/p
form
label
Your name:
input type=text //label
/form
The script would set the focus to the text input box.
Thanks all :-)
Best,
Dug
--
Dug Falby
+44 75 15 66 16 55
http://www.donkeyontheedge.com/
[jQuery] CSS
Hi Friends h r u ? this is raju I want to create dropdown menu in css. Advance thanks
[jQuery] Flash animation VS jQuery?
% response.write(Hello World!) % Yup... I'm a old fashion ASP 3.0 guy, maybe the only one in this group? :=) It is now time to see if I can do a cool animation without calling my flash guy. This is not to save the money but more to see if I can use jQuery instead... Don't like flash, sorry! My client need a basic NEWS SLIDE animation like this one: http://www.cogiscan.com 4 or 5 news... each one has; - 1 picture (on the left) - 1 text header (top right) - 1 description (under le header) - 1 link (pure text? or image link?) 4 options are available for me; 1- The easiest way will be to use Benjamin Sterling plug-in http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery and combine the image, text header description in one image (x 5 because we have 5 news, right?)... The problem? The Client really wants an animation in the text, not images slides. 2- I could use Easy News Plus 1.0.3 plug-in from http://www.ezjquery.com and try to play around to do something be tit will never be as slik! 3- Wait for comments or suggestions from this group to see if there is something out there like this, perhaps give a small donation via paypal to a member from this group? 4- Call my flash guy and get more experience with jQuery for next time! Cheers! //JF//
[jQuery] Re: iPhoto done in JQuery
Hi There Love it. Sorry to be a pain but if i was to give some constructive criticism... id say that the thumbnail bar on the album slideshow view needs a little easing on the side-to-side animation. Signing up.. S On Mar 27, 8:16 am, Alexandre Plennevaux [EMAIL PROTECTED] wrote: wow, this is a quite impressive showcase! To be put on the front page of jquery ! On Wed, Mar 26, 2008 at 6:23 PM, ajk49 [EMAIL PROTECTED] wrote: Check out these three Ajax apps developed almost entirely using JQuery by Mobyko. They are an iPhoto type photo management tool, a video management tool and a text management tool. Click on the links in the navigation to switch between the galleries. All the galleries are aimed at helping people to manage their mobile assets - photos, videos and texts. Demo versions can be seen at http://www.mobyko.com/gallerydemo/mobykogallery/index.php Sign up with Mobyko if you want your own galleries. ajk49 -- Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] Re: How to change contextmenu-plugin to trigger on left-click
Hi Dan
I'm about to use your plugin in a RIA and I'd need to change the binding.
In order to avoid to duplicate stuff, I wonder if you've come to a
configurable
property.
Otherwise I'll see if I've the time to contribute something.
cheers
Frrancesco
Dan G. Switzer, II wrote:
I've tried to solve this myself, and seeked help on the IRC-channel,
but the problem seems to be hard to overcome. I've implementet the
contextmenu-plugin (
http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js
) on a site, and the client has fallen in love with it and how it
works - but they want to have it trigger on left-click instead of
right.
The problem is that i can't figure out -where- the rightclick is
caught, so that i can change it to left-click. Can anyone think of a
way to solve that?
I'm at a loss here :p
Look for the line starting with:
$(this).bind('contextmenu',
The contextmenu is what is binding this to the right-click. Change
contextmenu to click and it should work with a left click.
-Dan
--
View this message in context:
http://www.nabble.com/How-to-change-contextmenu-plugin-to-trigger-on-left-click-tp14688817s27240p16323992.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: attr() fails sometimes.... (using droppable and draggable)
Fixed it anyway Sacked the idea of using custom attributes completely.
[jQuery] Re: please, please, please, please, please, help me with this
Hi,
after much fiddling, i figured out that in Mozilla the
jquery.jcarousel.css gets rendered last (or has priorit) and the
classes that relate to the buttons in the mentioned file did not have
the image declaration as that resides in the skin.css file hence the
images for the arrows were not showing even though the alignment and
even the click event for the image containing divs were working fine.
so basically i move the following lines over into their respective
classes in the jquery.jcarousel.css and it worked:
background : transparent url(../skins/tango/next-horizontal.png) no-
repeat 0 0; into the .jcarousel-next class
AND
background : transparent url(../skins/tango/prev-horizontal.png) no-
repeat 0 0; into the .jcarousel-prev class
it is a very weired behaviour of Mozilla but at least i got it right.
as for IE, it doesnt care in which one of the files mentioned the
image declaration resides.
thanks for trying to help anyways.
ciao.
On Mar 13, 2:16 pm, chrismarx [EMAIL PROTECTED] wrote:
i recently implement jcarousel on one of my own pages, and i ran into
the same problem, but i noticed that the buttons worked after the
browser window was resized. if you look, there are some methods that
refresh the jcarousel on window resize, and calling these methods
after initialization have fixed the problem for me in firefox.
it was a little tricky storing a reference to the carousel reference,
i did so in the function i used for the itemLoadCallback
//helper function
function mycarousel_itemLoadCallback(carousel, state) {
self.mycarousel = carousel;
for (var i = carousel.first; i = carousel.last; i++) {
if (carousel.has(i)) {
continue;
}
if (i self.mycarousel_itemList.length) {
break;
}
carousel.add(i,
self.mycarousel_getItemHTML(self.mycarousel_itemList[i-1]));
}
};
where self refers the a parent functions property that could then
store the reference to the carousel.
after that, you can call:
mycarousel.reload();
to get those buttons to work.
hope that helps-
On Feb 26, 6:42 am,Tal[EMAIL PROTECTED] wrote:
I've pasted all the code you need in my message. assuming you have the
rest of the files.
I cant give you a link to my page as it is on my company's intranet.
below is the latest version of my attempt:
(using the tango skin - skin.css)
[css]
.jcarousel-skin-tango.jcarousel-container-horizontal
{
width : 450px;
padding : 0px;
}
.jcarousel-skin-tango.jcarousel-container-vertical
{
width : 115px;
height : 365px;
padding : 40px 0px 40px 0px;
}
.jcarousel-skin-tango.jcarousel-clip-horizontal
{
width : 365px;
height : 115px;
}
.jcarousel-skin-tango.jcarousel-clip-vertical
{
width : 115px;
height : 365px;
}
.jcarousel-skin-tango.jcarousel-item
{
width : 115px;
height : 115px;
}
.jcarousel-skin-tango.jcarousel-item-horizontal{ margin-right :
10px; }
.jcarousel-skin-tango.jcarousel-item-vertical{ margin-bottom : 10px; }
.jcarousel-skin-tango.jcarousel-item-placeholder
{
background : #FF;
color : #00;
}
/* Horizontal Buttons */
.jcarousel-skin-tango.jcarousel-next-horizontal
{
position : absolute;
top : 43px;
right : 5px;
width : 32px;
height : 32px;
cursor : pointer;
background : transparent url(next-horizontal.png) no-repeat center
center;
}
.jcarousel-skin-tango.jcarousel-next-horizontal:hover{ background-
position : -32px 0; }
.jcarousel-skin-tango.jcarousel-next-horizontal:active{ background-
position : -64px 0; }
.jcarousel-skin-tango.jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango.jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango.jcarousel-next-disabled-horizontal:active
{
cursor : default;
background-position : -96px 0;
}
.jcarousel-skin-tango.jcarousel-prev-horizontal
{
position : absolute;
top : 43px;
left : 5px;
width : 32px;
height : 32px;
cursor : pointer;
background : transparent url(prev-horizontal.png) no-repeat center
center;
}
.jcarousel-skin-tango.jcarousel-prev-horizontal:hover{ background-
position : -32px 0; }
.jcarousel-skin-tango.jcarousel-prev-horizontal:active{ background-
position : -64px 0; }
.jcarousel-skin-tango.jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango.jcarousel-prev-disabled-horizontal:active
{
cursor : default;
background-position : -96px 0;
}
/* Vertical Buttons */
.jcarousel-skin-tango.jcarousel-next-vertical
{
position
[jQuery] Re: first child of type form control
Try this:
$('#elHombre').next('form').children('input select textarea')
[0].focus();
- jason
On Mar 27, 6:32 am, Dug Falby [EMAIL PROTECTED] wrote:
Hi guys,
I've got:
$('#elHombre').focus();
Which sets focus to a legend at the top of a form.
I'd like to do:
$('#elHombre').next-instance-of-tag-of-type==inputORtextareaORselect.focus();
The page is set to scroll to the elHombre anchor. The focus needs to
be set to the first form control that follows the anchor. For example:
p id=elHombre
This is the introduction/p
form
label
Your name:
input type=text //label
/form
The script would set the focus to the text input box.
Thanks all :-)
Best,
Dug
--
Dug Falby
+44 75 15 66 16 55http://www.donkeyontheedge.com/
[jQuery] samples of DropShadow
Samples of McLars's DropShadow Plugin http://allabout.co.jp/internet/javascript/closeup/CU20080325A/index2.htm DropShadow http://plugins.jquery.com/project/DropShadow
[jQuery] Fading images 'slow' on mouseover
Hi there, Does anyone know of a way to have an image that when you rollover it, it fades into another image? Additionally, I would like the fade to be fast onmouseover and slow onmouseout. I have tried this lots of times and the issue that I keep getting is that I have to let the fades complete before you can initiate the fade again. In other words if I set onmouseout fade to 'slow' if I rollover the image again before this 'slow' fade has completed, nothing happens. I have to let the fade complete before you can rollover again. I would like to know if there is a way to interrupt the fade so that if it half complete, the fadeOut is stopped and immediately starts the fadeIn My pathetic attempts are: a href=http://www.pictureandword.com/test_platform/index.html;Here! /a And the .js file is: a href=http://www.pictureandword.com/test_platform/effects.js;Here! /a It is cluncky, to say the least. ANY help would be great. (Thanks to Ariel Flesher for trying to help me with this before, sorry, I'm just too stupid!) Thanks.
[jQuery] Re: iPhoto done in JQuery
That's seriously impressive!!! It kind of blew me away... On Mar 26, 7:23 pm, ajk49 [EMAIL PROTECTED] wrote: Check out these three Ajax apps developed almost entirely using JQuery by Mobyko. They are an iPhoto type photo management tool, a video management tool and a text management tool. Click on the links in the navigation to switch between the galleries. All the galleries are aimed at helping people to manage their mobile assets - photos, videos and texts. Demo versions can be seen at http://www.mobyko.com/gallerydemo/mobykogallery/index.php Sign up with Mobyko if you want your own galleries. ajk49
[jQuery] Re: Fading images 'slow' on mouseover
Hi Nat, I provided an answer to the same question you posted here: http://www.learningjquery.com/2007/02/more-showing-more-hiding#comment-35009 It might not be a complete solution, but I think it will point you in the right direction. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Mar 27, 2008, at 7:10 AM, Nat wrote: Hi there, Does anyone know of a way to have an image that when you rollover it, it fades into another image? Additionally, I would like the fade to be fast onmouseover and slow onmouseout. I have tried this lots of times and the issue that I keep getting is that I have to let the fades complete before you can initiate the fade again. In other words if I set onmouseout fade to 'slow' if I rollover the image again before this 'slow' fade has completed, nothing happens. I have to let the fade complete before you can rollover again. I would like to know if there is a way to interrupt the fade so that if it half complete, the fadeOut is stopped and immediately starts the fadeIn My pathetic attempts are: a href=http://www.pictureandword.com/test_platform/index.html;Here! /a And the .js file is: a href=http://www.pictureandword.com/test_platform/effects.js;Here! /a It is cluncky, to say the least. ANY help would be great. (Thanks to Ariel Flesher for trying to help me with this before, sorry, I'm just too stupid!) Thanks.
[jQuery] [validate] - Strange problem with validations - fields disappear
Hi,
I am facing really strange problem with validation plugin.
Following is the code I am using:
---
script type=text/javascript language=javascript
$(document).ready(function() {
$(#designform).validate({
errorClass: show_error,
wrapper: li
});
});
/script
---
Basicaly I am trying to wrap error in list element so it can fit well
in my design. It works fine at the time of showing the error but once
the value in invalid field has been entered, thet whole field
disappears. I think it is because my elements are also wrapped in LI
and the plugin sets display of LI as non once the field gets
validated.
Following is my HTML code:
lispanFirst Name :/spaninput name=first_name type=text
id=first_name class=inputText required //li
lispanLast Name :/spaninput name=last_name type=text
id=last_name class=inputText required //li
I would appriciate if anyone can throw some light on this issue.
Regards,
Deep
[jQuery] Re: iPhoto done in JQuery
Alexandre Glad you like the galleries. They wouldn't have been possible - or at least they would have been mad hard to do - without jQuery. So hats off to John Resig and the jQuery team. It would be brilliant if they were showcased on the jQuery site. If you're interested, http://shockwaves.co.uk/ is another site I did a few months back (when working for airlock.com) using jquery PLus, I did the http://www.bbc.co.uk/music/sevenages/ timeline thingie for the BBC's Sevenages of Rock show. Again, with jQuery. Yes, jquery has changed my life! Cheers AJK49 (aka Alex Kearns) On Mar 27, 8:16 am, Alexandre Plennevaux [EMAIL PROTECTED] wrote: wow, this is a quite impressive showcase! To be put on the front page of jquery ! On Wed, Mar 26, 2008 at 6:23 PM, ajk49 [EMAIL PROTECTED] wrote: Check out these three Ajax apps developed almost entirely using JQuery by Mobyko. They are an iPhoto type photo management tool, a video management tool and a text management tool. Click on the links in the navigation to switch between the galleries. All the galleries are aimed at helping people to manage their mobile assets - photos, videos and texts. Demo versions can be seen at http://www.mobyko.com/gallerydemo/mobykogallery/index.php Sign up with Mobyko if you want your own galleries. ajk49 -- Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] Re: Problem with jquery.validate.js
Thanks for your help Jörn, that's solved that part of my equation.
I'm stuck again! I would like to find out how to get the value of an
id that ends in _replace
So for instance, I have the following line that looks for a input tag
with the type of submit, that has an id ending with _replace. (It
can have anything before that).
So, for EG: input type=submit id=sendButton_replace value=Send/
I then want to get the entire content of the id and store it into a
variable. I would also like to get the text in the Value and store it
as another variable.
I currently have:
$(document).ready(function(){
$(:submit[id$='_replace']);
var replaceID = $(:submit[id$='_replace']).val;
alert (replaceID);
return false;
});
On 26/03/2008, Jörn Zaefferer [EMAIL PROTECTED] wrote:
Paul Collins schrieb:
Hi all,
As a follow up to this, I've decided to try and rewrite the image
replace script with JQuery, so I can re-use it.
The one thing I can't seem to find any info on at the moment is doing
a search for only part of an ID.
So in this instance, I would like to search for all submit input tags
in a form that have an ID ending in _replace. So the ID might be
called submit_replace. I would only like to search for the
_replace part of any ID in the form.
So far I have:
$('form').find('#_replace').addClass(_replace);
Take a look at:
http://docs.jquery.com/Selectors
http://docs.jquery.com/Selectors/attributeEndsWith#attributevalue
Jörn
[jQuery] Collapsible / toggable table rows
Hi,
I am looking to implement collapsible and toggable table rows as you
can see in this demo:
http://www.mortgageworkout.co.uk/demo.html
It is broken for some reason.
1: Colspan does not work.
2: I have a problem with relationships of elements as well.
My current code is:
$(document).ready(function(){
$('.description').hide();
$('a.details').click(function() {
$(this).parents('table:first').find('.description').toggle(400);
return false;
});
});
I want to toogle the row classed description, when user clicks the
link classed detail in the row above. Animation would be nice, but
it is optional.
Could you help?
[jQuery] Re: [validate] need help with addMethod
-Original Message-
From: Jörn Zaefferer [mailto:[EMAIL PROTECTED]
Sent: Wednesday, March 26, 2008 2:33 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: [validate] need help with addMethod
Priest, James (NIH/NIEHS) [C] schrieb:
Jörn, the issue is it's not a checkbox :) It's a set of
radio buttons: o yes o no
The user must select 'yes' or they can't continue to submit
the form.
Okay, if you want to stick with radio buttons for a boolean value,
please post a testpage with what you've got so far.
Yes - unfortunately it's a client decision to do the 'yes/no' ... AND it is an
intranet page so I have no code to show :(
But here is the HTML:
I have read these terms and conditions and agree to all of the provisions
contained above.
input name=terms id=termsy value=Yes type=radiolabel
for=termsyYes/label
input name=terms id=termsn value=No type=radiolabel
for=termsnNo/label
Then for my validation:
$.validator.addMethod(checkyesno, function(value) {
if (value == 'Yes') {
return true;
} else {
return false;
}
},
You must read and agree to the terms and conditions before
proceeding.);
My rules:
rules: {
terms: {required: true, checkyesno: true}
},
Seems simple but I can't seem to make it work!
Thanks for the help!
Jim
[jQuery] Collapsible / toggable table rows
Hi,
I am looking to implement collapsible and toggable table rows as you
can see in this demo:
http://www.mortgageworkout.co.uk/demo.html
It is broken for two reasons:
1: Colspan does not work.
2: I have a problem with relationships of elements.
My current code is:
$(document).ready(function(){
$('.description').hide();
$('a.details').click(function() {
$(this).parents('table:first').find('.description').toggle(400);
return false;
});
});
I want to toogle the row classed description, when user clicks the
link classed detail in the row above. Animation would be nice, but
it is optional.
Could you help?
[jQuery] Re: Does anyone know how to convert this to jQuery?
I'm sorry, CurrVal is declared like below from a jQuery file I was working on. I just need to know how to convert the rest of this to jQuery. If anyone could help me I would appreciate it SOOO much. (-: Thanks var CurrVal = $([EMAIL PROTECTED]'rblMailingAddress']:checked).val()
[jQuery] Re: Fading images 'slow' on mouseover
Thanks for that Karl, I posted it on your site 1st and put it here aswell. Will look into it. Like your book by the way! On Mar 27, 1:53 pm, Karl Swedberg [EMAIL PROTECTED] wrote: Hi Nat, I provided an answer to the same question you posted here: http://www.learningjquery.com/2007/02/more-showing-more-hiding#commen... It might not be a complete solution, but I think it will point you in the right direction. --Karl _ Karl Swedbergwww.englishrules.comwww.learningjquery.com On Mar 27, 2008, at 7:10 AM, Nat wrote: Hi there, Does anyone know of a way to have an image that when you rollover it, it fades into another image? Additionally, I would like the fade to be fast onmouseover and slow onmouseout. I have tried this lots of times and the issue that I keep getting is that I have to let the fades complete before you can initiate the fade again. In other words if I set onmouseout fade to 'slow' if I rollover the image again before this 'slow' fade has completed, nothing happens. I have to let the fade complete before you can rollover again. I would like to know if there is a way to interrupt the fade so that if it half complete, the fadeOut is stopped and immediately starts the fadeIn My pathetic attempts are: a href=http://www.pictureandword.com/test_platform/index.html;Here! /a And the .js file is: a href=http://www.pictureandword.com/test_platform/effects.js;Here! /a It is cluncky, to say the least. ANY help would be great. (Thanks to Ariel Flesher for trying to help me with this before, sorry, I'm just too stupid!) Thanks.
[jQuery] cluetip + only title
Hi all!
I have an annoying but easy problem with cluetip:
I have:
a title=do not click me class=tooltiplink/a
$('.tooltip').cluetip({splitTitle: '|', showTitle: false});
I want almost the same, but without any title. Is that possible?
My workaround was to write:
a title=|do not click me class=tooltiplink/a
and use showTitle:false in the options, but it seems a bit hackish...
thanks
Gergo
[jQuery] Re: slideing pics
no thats not really what i'm looking for I want something like on the amazon.de site (under the headline Kunden, die diesen Artikel gekauft haben, kauften auch:) http://www.amazon.de/Learning-Jquery-Interaction-Development-JavaScript/dp/1847192505/ref=pd_bbs_sr_2?ie=UTF8s=books-intl-deqid=1206634422sr=8-2 Thanks On 26 Mrz., 14:39, Ariel Flesler [EMAIL PROTECTED] wrote: SerialScrollhttp://flesler.blogspot.com/2008/02/jqueryserialscroll.html Bye -- Ariel Fleslerhttp://flesler.blogspot.com On Mar 25, 4:20 pm, ripple [EMAIL PROTECTED] wrote: http://jquery.com/ zok [EMAIL PROTECTED] wrote: Hi, i'd like to display e.g. 5 pics and an arrow to the right. When you click that arrow the five pics slide to the left and other 5 pics come from the right. Is there a script to do such a slide show, i'm really new to jQuery so i need a little help with it. Maybe you could also give me some links to basic tutrials and/or books! Thanks - Looking for last minute shopping deals? Find them fast with Yahoo! Search.
[jQuery] [validate] remote validation only on submit
I'm including some complex validation through remote mechanism. My problem is that this validation took a while, so I would like to disable the validation on keypress after the user try to submit a form with an invalid value in that field. Is that possible? If so, how? Thanks in advance, Brian J. Cardiff
[jQuery] Selector problem
Hello Everybody,
I have an intrasting problem (I'm sure it's trivial, but I don't know
how to do it):
HTML:
div class=help
div class=exp/div
pbAny questions?/b Click '+' for additional search information!
/p
p class=helpCont
But the hunt is not over. With well practised skill Hank skins the
mosquito.
(Hank produces an enormous curved knife and begins to start
skinning the tiny mosquito)
/p
/div
jQuery:
I'd like to catch the click event on exp div (formatted with css), and
I'd like to toggle the helpCont class this way:
$(document).ready(function(){
$('.exp').click( function() {
$(this + ' + .helpCont').slideToggle('slow');
});
});
(there are many exp class on the page for many type of elements (divs,
paragraphs...), that's why I don't want to do it this way, instead of
using onclick attribute in div.exp)
Thank's for the answers!
{chron}
[jQuery] Re: cluetip + only title
On Mar 27, 2008, at 11:16 AM, pihentagy wrote:
Hi all!
I have an annoying but easy problem with cluetip:
I have:
a title=do not click me class=tooltiplink/a
$('.tooltip').cluetip({splitTitle: '|', showTitle: false});
I want almost the same, but without any title. Is that possible?
My workaround was to write:
a title=|do not click me class=tooltiplink/a
and use showTitle:false in the options, but it seems a bit hackish...
thanks
Gergo
Hi Gergo,
That's exactly what I do! It may be a bit hackish, but that's how it's
intended to work. :)
Cheers,
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
[jQuery] Re: slideing pics
http://sorgalla.com/jcarousel/ On Thu, Mar 27, 2008 at 12:15 PM, zok [EMAIL PROTECTED] wrote: no thats not really what i'm looking for I want something like on the amazon.de site (under the headline Kunden, die diesen Artikel gekauft haben, kauften auch:) http://www.amazon.de/Learning-Jquery-Interaction-Development-JavaScript/dp/1847192505/ref=pd_bbs_sr_2?ie=UTF8s=books-intl-deqid=1206634422sr=8-2 Thanks On 26 Mrz., 14:39, Ariel Flesler [EMAIL PROTECTED] wrote: SerialScrollhttp://flesler.blogspot.com/2008/02/jqueryserialscroll.html Bye -- Ariel Fleslerhttp://flesler.blogspot.com On Mar 25, 4:20 pm, ripple [EMAIL PROTECTED] wrote: http://jquery.com/ zok [EMAIL PROTECTED] wrote: Hi, i'd like to display e.g. 5 pics and an arrow to the right. When you click that arrow the five pics slide to the left and other 5 pics come from the right. Is there a script to do such a slide show, i'm really new to jQuery so i need a little help with it. Maybe you could also give me some links to basic tutrials and/or books! Thanks - Looking for last minute shopping deals? Find them fast with Yahoo! Search. -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.benjaminsterling.com
[jQuery] Re: Can't assign variable content to some element border color in IE (very weird problem)
Nevermind, I had a bug in the code. The colors were being retrieved
and assigned to respective elements. The problem? Well, the colors
being assigned were actually the colors already there so that's why I
didn't notice any change and for me it wasn't working. I knew this
couldn't be something else but a stupid bug on my code.
On Mar 26, 5:32 pm, Nazgulled [EMAIL PROTECTED] wrote:
:(
Nazgulled wrote:
Anyone please... This is really making me mad and I have no clue on
how to fix this stupid bug that shouldn't be happening.
If anyone as any idea, please, let me now... :(
Nazgulled wrote:
Hi there,
I'm having this strange problem with IE that I don't know how to fix.
Tried countless things, but neither worked and I just can't understand
why this is happening, it makes no sense to me.
First things first... To assign a color to some element border I do
the following which works fine:
$('id#element').css('borderColor', '#ff');
Now let's say I have a variable with that string, something like this
that also works fine:
var color = '#ff';
$('id#element').css('borderColor', color);
Now the real problem. On my original code, I have something like the
above example, the only difference is that the color variable is not
manually assigned like in the example. I have a function that grabs
some colors from an external stylesheet, puts them into an array and
returns the array.
That function is called getColorsFromCSS and the code is the
following:
getColorsFromCSS: function(cssElement) {
var cssRules, cssSelector;
var colors = [];
// Which CSS rules are available in the browser?
if (document.styleSheets[0].cssRules) {
cssRules = document.styleSheets[0].cssRules;
} else {
cssRules = document.styleSheets[0].rules;
}
// Double check if the CSS rules are really available
if (cssRules) {
// Loops through each CSS selector
for (var i = 0; i cssRules.length; i++) {
cssSelector =
cssRules[i].selectorText.toLowerCase();
// Get colors from which CSS elements?
if (cssElement == 'links') {
// Gets the color value for a specific
selector
switch (cssSelector.replace(/,.+/i, )) {
case ul#cp-block-items a:link:
colors[0] =
cssRules[i].style.color;
break;
case ul#cp-block-items a:hover:
colors[1] =
cssRules[i].style.color;
break;
case div#content a:link:
colors[2] =
cssRules[i].style.color;
break;
case div#content a:hover:
colors[3] =
cssRules[i].style.color;
break;
}
//
if(colors.length == 4) return colors;
} else if (cssElement.indexOf('popup') == 0) {
// Gets the color value for a specific
selector
switch (cssSelector.replace(/,.+/i, )) {
case div# + cssElement:
colors[0] =
cssRules[i].style.color;
colors[1] =
cssRules[i].style.backgroundColor;
break;
}
//
if(colors.length == 2) return colors;
}
}
}
},
Yes, the function is working, meaning the values are retrieved from
the external CSS and the array is returned with all the values inside
it. I conformed this by doing an alert(popupColors[0]); before trying
to set the border color and the output was a string with the color
value (like the code below).
And my real code goes like this:
var popupColors = $.admin.getColorsFromCSS('popup-notice-error');
alert(popupColors[0]); // This outputs the color value assigned to
this array index
$('div#popup-block').css('borderColor', popupColors[0]); // But this
doesn't work :(
This is only happening in IE6/7, not on Firefox 2.0.0.12, Opera 9.26
and Safari 3.1 (Win).
Any thoughts on this?
[jQuery] Re: Accessing Parent Classes variables from $.Post function
Can you not just make a new reference before the ajax call?
DB_info.prototype.get_column_details = function(obj, table, column) {
someRef=this; //or DB_info.prototype, or whatever you prefer
$.post(this.db_info_script,
{ action: get_column_details,
table: table,
column: column},
function(json) {
// Watch out, here comes the tricky part
someRef.results = json;
},
json);
return true;
}
The tricky part, or the part I'm having trouble with, is how to set
DB_info.results = to the json results of the $.post call. I realize
that the problem at the tricky part is that this at that point is
refering to the jQuery object, but DB_info.results and
DB_info.prototype.results don't seem to work either.
Is there anyway I can pass something through the $.post callback so
that my ajaxComplete listeners can get to that json object? Or is
there an obvious better way to do be doing all this in the first
place.
Again, thanks all for reading!
[jQuery] [validate] async validation
Is it possible to perform validation in asynchronously? I would need this in remote validations that took a while. Thanks -- Brian J. Cardiff bcardiff(?)gmail.com .
[jQuery] Re: Superfish problem with pathClass
I managed to make it work by altering the hasUl function to return all
li tags, not just those with ul children, which makes a mockery of
the function name, but solves the issue that the over() function never
runs for li's without children, and thus doesn't hide its sibling's
children.
hasUl = function(){ return $.superfish.op.oldJquery ? 'li' : 'li'; };
[jQuery] Free Call and SMS (World Wide)
Free Call and SMS (World Wide) http://www.freecall2phone.blogspot.com/
[jQuery] Re: Brain fade...how do you destroy a div?
mydiv.parentNode.removeChild(mydiv) works for me.. Gwyn Morfey http://gwynmorfey.com/ On Mar 20, 7:21 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I'm 99% sure this is really simple, but I just can't work it out... I have a collection of divs with unique IDs. On some event I need to destroy a specific one of these divs. I mean completely destroy, not just fill the div with nothing. Any pointers? Cheers, Steve
[jQuery] some survey plugin wanted
Theres some survey/poll plugin in jquery in anywhere? thx
[jQuery] Re: Can't assign variable content to some element border color in IE (very weird problem)
Ok than, I was just to reply.
[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: [validate] need help with addMethod
Priest, James (NIH/NIEHS) [C] schrieb:
-Original Message-
From: Jörn Zaefferer [mailto:[EMAIL PROTECTED]
Sent: Wednesday, March 26, 2008 2:33 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: [validate] need help with addMethod
Priest, James (NIH/NIEHS) [C] schrieb:
Jörn, the issue is it's not a checkbox :) It's a set of
radio buttons: o yes o no
The user must select 'yes' or they can't continue to submit
the form.
Okay, if you want to stick with radio buttons for a boolean value,
please post a testpage with what you've got so far.
Yes - unfortunately it's a client decision to do the 'yes/no' ... AND it is an
intranet page so I have no code to show :(
But here is the HTML:
I have read these terms and conditions and agree to all of the provisions
contained above.
input name=terms id=termsy value=Yes type=radiolabel
for=termsyYes/label
input name=terms id=termsn value=No type=radiolabel
for=termsnNo/label
Then for my validation:
$.validator.addMethod(checkyesno, function(value) {
if (value == 'Yes') {
return true;
} else {
return false;
}
},
You must read and agree to the terms and conditions before
proceeding.);
My rules:
rules: {
terms: {required: true, checkyesno: true}
},
Seems simple but I can't seem to make it work!
It could be related to a different issue that I solved recently. Could
you give the latest revision a try?
http://dev.jquery.com/view/trunk/plugins/validate/
Jörn
[jQuery] Re: Problem with jquery.validate.js
Paul Collins schrieb:
Thanks for your help Jörn, that's solved that part of my equation.
I'm stuck again! I would like to find out how to get the value of an
id that ends in _replace
So for instance, I have the following line that looks for a input tag
with the type of submit, that has an id ending with _replace. (It
can have anything before that).
So, for EG: input type=submit id=sendButton_replace value=Send/
I then want to get the entire content of the id and store it into a
variable. I would also like to get the text in the Value and store it
as another variable.
I currently have:
$(document).ready(function(){
$(:submit[id$='_replace']);
var replaceID = $(:submit[id$='_replace']).val;
alert (replaceID);
return false;
});
How about...
$(:submit[id$='_replace']).attr(id)
Jörn
[jQuery] Re: links in accordion plugin?
Kevin Evans schrieb:
Thanks for the help, I'm quite a newbie at jQuery so not sure how to
add that. I attempted to add that code to the jquery code the top in
the head
I can highly recommend to learn a few jQuery basics then. Until then,
try this:
jQuery('#list1b').accordion({
autoheight: false,
header: .accordion-heading
});
Jörn
[jQuery] Re: large string performance problem with html or append function
k, that was fun... not. Trying to reply to your message and waiting,
and waiting, and waiting for ThunderChicken to catch up... then do it
again after deleting the large block of text... :)
Any way... my question would be why you are using a string in the first
place?
A possible smarter alternative is to use a DOM object in memory.
Something like this:
var myTable = $(table/table);
for (var x = 0; x json.length; x++) {
var row = $(tr/tr);
row.append(tdmy stuff: + json[x] + /td);
myTable.append(row);
}
$(body).append(myTable);
Now, this will do nothing for the sheer volume of data you are dealing
with. But it gets rid of the string and creates DOM objects
immediately. So, the overall processing *should* be a little faster.
The other option is to NOT show so much data, but to introduce paging,
or a smart scroll that will only load data as needed... But dealing
with large volumes are always troublesome. a 7 or 8 second turnaround
isn't tooo bad. I have one page that is closer to 30 seconds (customer
asked for it though - wider date range = more data = more time). The
point is that when large volumes are being dealt with, a delay is
expected. We *should* try to eliminate the delays where we can, but
HTH
Shawn
wesbird wrote:
Hi
I just start use jQuery about 2 month ago, so please bear with me if
I ask some question which already answered.
I'm working a ajax project, I use JSON to get result from server and
then generate a table on the fly. the problem I have is, my end table
string is huge, length is 935895.
$(#m).html( str ); take
about 7000-8000ms
var m = document.getElementById(m);
m.innerHTML = str; tabke about 2000-3000ms
m is div, str is my test string.
Is there something wrong? How I can improve it?
Thank you very much.
[jQuery] Re: jEditable and TinyMCE
i'm not good in JS, I will wait for markItUp! Mika Tuupola napisał(a): On Mar 25, 2008, at 11:11 AM, [EMAIL PROTECTED] wrote: I've got problem in using jEditable. I would like to use TinyMCE in text area showed by jEditable. Is it possible anyway? Yes. But you need to write custom input type for it. Basically it is just few lines of code. If you can wait for a while. I almost have markItUp! input for Jeditable done. I am just awfully busy atm so might take couple of days to finish it. If you don't have time to wait check these and DIY ;) http://www.appelsiini.net/2008/2/creating-inline-timepicker-with-javascript http://www.appelsiini.net/2007/9/three-button-editable http://www.appelsiini.net/2007/8/custom-input-types or check autogrow input demo and source. It should be pretty close how TinyMCE input would be done. http://www.appelsiini.net/projects/jeditable/custom.html http://www.appelsiini.net/download/jquery.jeditable.autogrow.js -- Mika Tuupola http://www.appelsiini.net/
[jQuery] Re: Recommendations needed to replicate this flash functionality
Hey makgik. I havent tested this yet, so I can't promise anything,
but it should work. You need to use the document.ready event, as
above. So do this:
$(document).ready(function() {
..
});
then, within that, you first want to hide everything (instantly):
$(*).fadeOut();
Then, show the yellow or whatever (instantly perhaps):
$(div#yellow).fadeIn();
Then, bring in the black bar slowly:
$(...).fadeIn(slow);
Etc...
If you want to fire these effects one after the other (for non-instant
effects), then use the call back. For instance, to fade in div A
then div B:
$(div#A).fadeIn(slow,function() { $(div#B).fadeIn(slow);});
and such. To time events, use setTimeoutInterval() with a callback.
I think that function works in milliseconds, so to wait, say, 2
seconds and then fade in div A,
setTimeoutInterval(2000,function() { $(div#A).fadeIn(slow);}); of
course, you can then place a callback in that fadein as well to fire
another event afterwards.
If nested callbacks arent your thing, you can of course just read up
on the exact animation times and use separate setTimeoutInterval()
calls for each effect, or using setTimeoutInterval() you can allow
effects to overlap a little. You can really do anything you want with
these functions, this is just a quick primer. Have fun!
Ben Cherry
On Mar 26, 5:33 pm, makgik [EMAIL PROTECTED] wrote:
Hi, thanks for your time put in answering my question.
I'm not new at web developing at all. I'm using php/mysql/asp/access
for quite long time now. But, I can't decode this ajax/javascript
approach yet (and no time left for that). And this flash like
interface functionality is also causing me headache :(
Yes you're right I,m interested in fade/slide-in effect of the red
content box when menu clicked, and also I'm not so sure how can I
fade in the whole page, like in the mockup?
Suppose I can do that, but then how can I distribute all the other
effects to show in certain order?
Thank you
Any help appreciated.
On Mar 26, 12:34 pm, sweetL [EMAIL PROTECTED] wrote:
How new are you to web developing?
XML / Database will be whatever you prefer.
Im guessing what you're interested in, is the fade/slide-in effect of
the red content box when you click a menu item.
You want to be looking at the animate() functionality.
http://docs.jquery.com/Effects/animate#paramsoptions
Bear in mind that you only want to pop the content into the box ONCE
the animation has finished... else its gonna be fugly.
On Mar 25, 9:11 pm, makgik [EMAIL PROTECTED] wrote:
At first hello to everybody! I'm new to jquery and this group.
I'm just starting to dig into the framework, and I need some kind of
more concise guidelines on my very first project I'm trying to create
with jquery.
What I want is to clone this flash functionality
here:http://asaucerfulofpixels.com/files/mockup.swfwithjquery.
Can somebody please point me to some resources where I can learn how I
can do this? Are there any specific plugins/extensions that I can use?
Also, if it is possible, can I use some sort of simple backend cms to
change the contents on the panels? And What's best to use for dynamic
source: XML, Database or?
Thank you so much in advance!
[jQuery] Superfish IE hovers z-index
I've been working on this, and had issues with FF and Safari which have now been resolved. In IE, I have a bunch of different superfish menus which end up being hidden behind other menus. Here's a link to the demo error http://zifimusic.com/testing/broken-hovers.html and the css page http://zifimusic.com/testing/css/menus.css I have already tried setting z-indexes on the ul .show and .prep, and the elements are relatively positioned, so it is my understanding that the usual IE z-index issues should not be a problem here. I have also tried using the bgiframe plugin, on the following elements .show, .prep, ul, li, .dropped, but this did not fix the issue. Any suggestions would be greatly appreciated. Pete
[jQuery] Slow performance in IE7
I'm trying to use the hover event on a series of data with 18 columns
of data. Here's a sample of the code:
$(tr.orders).hover(
function() {$(this).addClass(highlighted);},
function() {$(this).removeClass(highlighted); }
);
This works beautifully in Firefox and IE (specifcally v7) but in IE
the performance is exponentially slower. Some of the pages I'm trying
to use this on display 45 to 50 rows and IE performs sluggish. On a
full display page we include over 200 rows and that makes scrolling
with the mousewheel over the list all but unbearable and the
application of the style is sluggish once scrolling stops. Any ideas
how I could increase the performance in IE7 for this type of
application.
James
[jQuery] Re: Using JQuery Effects in Parent Window from iFrame?
Awesome!!! Works great. Thanx tlphipps On Mar 7, 4:03 pm, tlphipps [EMAIL PROTECTED] wrote: I beat my head against this wall for quite some time. Try this: $(#myid, top.document); the top.document tells the selector to target the myid element which exists in the topmost document (your parent page). In order for this to work, jquery must be loaded in the file which is viewed through the iframe. On Mar 6, 6:24 pm, ABecks [EMAIL PROTECTED] wrote: Hello, I have a simple HTML file with an iframe. Inside the iframe is a simple submission form. I would like to be able to click Submit and have Jquery append content to a div that is outside of the iframe. I have exhausted my knowledge of parent heirarchy in JS trying to find a solution. I couldn't find a solution in the Wiki or on Google. Any help is appreciated, Andrew -- View this message in context:http://www.nabble.com/Using-JQuery-Effects-in-Parent-Window-from-iFra... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Selector problem
Looks like you could do something like this:
$('.exp').click(function(){
$(this).siblings('.helpCont').slideToggle('slow');
});
This is assuming that each .exp and .helpCont is going to be contained
in its own .help parent div.
On Mar 27, 12:25 pm, chronotype [EMAIL PROTECTED] wrote:
Hello Everybody,
I have an intrasting problem (I'm sure it's trivial, but I don't know
how to do it):
HTML:
div class=help
div class=exp/div
pbAny questions?/b Click '+' for additional search information!
/p
p class=helpCont
But the hunt is not over. With well practised skill Hank skins the
mosquito.
(Hank produces an enormous curved knife and begins to start
skinning the tiny mosquito)
/p
/div
jQuery:
I'd like to catch the click event on exp div (formatted with css), and
I'd like to toggle the helpCont class this way:
$(document).ready(function(){
$('.exp').click( function() {
$(this + ' + .helpCont').slideToggle('slow');
});
});
(there are many exp class on the page for many type of elements (divs,
paragraphs...), that's why I don't want to do it this way, instead of
using onclick attribute in div.exp)
Thank's for the answers!
{chron}
[jQuery] Re: CSS question: background color + background image with transparency
I would do something like this. (not tested at all so i dont know if
this works, but it should)
div style=background:#f00, url(bg.png)
div style=margin: 5px; background: #000;color:#f00
!--replace 5px with whatever size the shadow part of the
bg.png is. if the shadow is different sizes on the different sides
just do e.g margin:1px 2px 3px 4px--
ptest/p
/div
/div
On Mar 27, 2:05 pm, bmatzner [EMAIL PROTECTED] wrote:
Hi,
this isn't a jQuery question by nature, but I've searched the net for
a while now for a suitable solution with no success, so perhaps the
knowledgable folks here may have a hint for me.
Here's the problem:
I have an element (div) to which I would like to apply a png
background image with rounded corners on a transparent background,
i.e. the outer pixels of the image have an alpha channel shadow. I
want the background of the element to show through on these outer
pixels.
The image is dark, and I want the text inside the element to be white.
#element{
background: url(bg.png);
color: #ff;}
Now if I turn images off, the text is displayed white on my white page
background.
If I add a background color
#element{
background: url(bg.png) #00;
color: #ff;}
it looks fine with images off, but with images on, the black will show
through around the corners of my background image.
Here's the question: how can I apply the background color only if
images are turned off (or the other way around: change the foreground
color to white only if images are enabled. Or, another approach: how
can I force the background color to not show through the transparent
element?
Thanks for any ideas,
Bernd
[jQuery] key words - problem, animate function, jquery, bug, IE7.
problem with the property backgroundColor while running animation
function of div element within ie7
fine in FF2 - windows xp
does not work unless you quote up the property and write it in correct
css name (with hyphen)...
CORRECT:
$(this).animate({background-color:black},200)
WRONG:
$(this).animate({backgroundColor:black},200)
dunno if the jquery people know. cant be arsed to join their members
list to find out. should be picked up here.
hope this helpstook me ages to find the problem. DOH !
[jQuery] Selecting Children Of $(this)
I'm working on a wireframe for an ecommerce site. I need to simulate
some shopping cart functionality, like updating total counts and
dollar amounts on change(). I've already done this with a page that
contains one table. This page contains multiple tables, so I need to
add another loop:
from
--
$(.someGrid input).each(function(){
//some kind of code...
});
--
to
--
$(.someGrid).each(function(){
$(this + input).each(function(){
//some kind of code
});
});
--
The problem is, the second one isn't working. How can I loop through
the tables, then loop through the inputs they contain?
[jQuery] Re: Problem with jquery.validate.js
Hi all,
I'm really getting stuck here, sorry if I haven't made myself clear. I
will try and explain briefly:
All I want to do is pull the following two things out of the submit
button and make them variables:
- the content of the ID
- the text of the VALUE
Here is the line:
input type=submit id=sendButton_replace name=send value=Send/
Here is my current code:
$(document).ready(function(){
if ( $(:submit[id$='_replace'])) {
$.each(function(){
// get the text...
var me = $(this), txt = me.text();
// replace the text with constructed html...
me.html( [ 'img src=/images/topNav'
, txt
, '.gif alt='
, txt
, ' /'
].join('') );
});
}
return false;
});
Any help would be greatly appreciated... I mean it!
On 27/03/2008, Paul Collins [EMAIL PROTECTED] wrote:
Thanks for your help Jörn, that's solved that part of my equation.
I'm stuck again! I would like to find out how to get the value of an
id that ends in _replace
So for instance, I have the following line that looks for a input tag
with the type of submit, that has an id ending with _replace. (It
can have anything before that).
So, for EG: input type=submit id=sendButton_replace value=Send/
I then want to get the entire content of the id and store it into a
variable. I would also like to get the text in the Value and store it
as another variable.
I currently have:
$(document).ready(function(){
$(:submit[id$='_replace']);
var replaceID = $(:submit[id$='_replace']).val;
alert (replaceID);
return false;
});
On 26/03/2008, Jörn Zaefferer [EMAIL PROTECTED] wrote:
Paul Collins schrieb:
Hi all,
As a follow up to this, I've decided to try and rewrite the image
replace script with JQuery, so I can re-use it.
The one thing I can't seem to find any info on at the moment is doing
a search for only part of an ID.
So in this instance, I would like to search for all submit input tags
in a form that have an ID ending in _replace. So the ID might be
called submit_replace. I would only like to search for the
_replace part of any ID in the form.
So far I have:
$('form').find('#_replace').addClass(_replace);
Take a look at:
http://docs.jquery.com/Selectors
http://docs.jquery.com/Selectors/attributeEndsWith#attributevalue
Jörn
[jQuery] local the row and col of big table
Hi, I have a big table in my page, how I can know which row/col when I click a cell? Thank you, Wes
[jQuery] Calling a jQuery function from within an ajax-loaded div
I'm loading a div using this .ajax function:
$.ajax({
type: GET,
contentType: html,
url: url,
async: true,
success: function (conf) { $(#myDiv).html( conf );}
});
div id=myDiv
/div
In that url that's being loaded I have this jQuery function:
script type=text/javascript
$(document).ready(function() {
$('#user_list th').hover( function () {
alert(test test);
});
});
/script
table id=user_list
/table
But this simple function doesn't work. Why not? If I type the url for
this page directly then the function does work. How do you get a
jQuery
function to work from a div loaded by ajax? Thanks.
[jQuery] Re: validation works in firefox but not in IE
Interestingly, Aptana doesn't seem to think that there is a error there either. I guess it's because of the fact that aptana is using firefox 3 as the javascript engine. Is this no longer and error in the new version of javascript included in firefox, or is it a bug in firefox? On Mar 25, 2:10 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote: Arielschrieb: OK nevermind. after taking a break for a while and coming back, i immediately found the exra comma in there. although, in my defense, neither firebug nor webdeveloper toolbar fond the syntax error either. I highly recommend a syntax-checking editor. Helps completely avoiding that mistake. Try Aptana or Komodo Edit. Jörn
[jQuery] assigning data from $.getJSON() to a global variable?
Hi,
Is there a way to take the JSON from a $.getJSON() call and assign it
to a var in the global scope?
i tried the following but it didn't work:
var globalX;
function foo() {
$.getJSON(jsondata.js,function(data){
globalX = data;
});
}
thanks
[jQuery] Re: assigning data from $.getJSON() to a global variable?
That should work just fine. However... You didn't show the code that tries
to use the globalX variable, and that is probably where the problem lies.
Does the overall flow of your code look like this perhaps?
var globalX;
function foo() {
$.getJSON(jsondata.js,function(data){
globalX = data;
});
}
alert( globalX );
That won't work, because the alert() is called *before* the asynchronous
getJSON callback.
OTOH, this would work:
var globalX;
function foo() {
$.getJSON(jsondata.js,function(data){
globalX = data;
dataReady();
});
}
function dataReady() {
alert( globalX );
}
Now the alert() is called after the globalX data is ready.
But since you have to use a callback like this anyway, you may not need the
global variable at all. After all, this code:
function foo() {
$.getJSON(jsondata.js,function(data){
alert( data );
});
}
would obviously work, as would this:
var globalX;
function foo() {
$.getJSON(jsondata.js, dataReady);
}
function dataReady( data ) {
alert( data );
}
-Mike
-Original Message-
From: jquery-en@googlegroups.com
[mailto:[EMAIL PROTECTED] On Behalf Of funkadelic
Sent: Thursday, March 27, 2008 4:19 PM
To: jQuery (English)
Subject: [jQuery] assigning data from $.getJSON() to a global
variable?
Hi,
Is there a way to take the JSON from a $.getJSON() call and
assign it to a var in the global scope?
i tried the following but it didn't work:
var globalX;
function foo() {
$.getJSON(jsondata.js,function(data){
globalX = data;
});
}
thanks
[jQuery] hover() and flickering problem
I use this extension code to make a hover tooltip. I want the tooltip
(a div with position:absolute) to display on top of the hovered
element. This works great.
But when moving the mouse, the mouseout and mouseover events are being
fired all the time, causing a flicker effect.
How do I escape that? I tried to place a 'return false' in the hover
but no luck.
$.fn.hoverhelp = function(txt) {
$T = $(this).position().top;
$L = $(this).position().left;
$(this).hover(
function(e){$('#hoverhelp').empty().html(txt).css({top:$T,left:
$L}).show();return false;},
function(){$('#hoverhelp').hide();}
);
};
[jQuery] clueTip click and drag?
Hello, I think the clueTip plugin is fantastic and I'm using it heavily in one of my current projects. My clueTips are sticky so the user can interact with them. In one case the clueTip contains a small feedback form. But sometimes the clueTip partially covers the content that the user is giving feedback on! I'd love for the user to be able to click on the header and drag the clueTip to a more convenient location. Is the possible with the current clueTip code? If not, would it be difficult to add this? I'd be willing to take a crack at the code with a little guidance. thanks! az
[jQuery] Re: Problem width tabs + splitter
Hi I am having the same problem , I am not able to add splitter in tab, is it possible for you to share the code Rav On Mar 7, 7:56 pm, cesar [EMAIL PROTECTED] wrote: Thanks for the advice Klaus...I fixed the errorbut what happened when I call jquery twice? cesar. On Mar 7, 6:43 pm, Klaus Hartl [EMAIL PROTECTED] wrote: On Mar 7, 1:22 pm, cesar [EMAIL PROTECTED] wrote: The version of tabs is2.7.4 Ok, this should be compatible with jQuery 1.1.3.1. But in the demo some of the javascript files load an (error) html page causing a syntax error, so I can't tell anything reliable until this isn't fixed. Apart from that I saw that you're including jQuery twice. You should avoid that. --Klaus- Hide quoted text - - Show quoted text -
[jQuery] Re: Calling a jQuery function from within an ajax-loaded div
you want to ook into the getScript() function. the SCRIPT tags arent
interpreted by jquery, so you have to load the script separately.
On Mar 27, 4:10 pm, echobase [EMAIL PROTECTED] wrote:
I'm loading a div using this .ajax function:
$.ajax({
type: GET,
contentType: html,
url: url,
async: true,
success: function (conf) { $(#myDiv).html( conf );}
});
div id=myDiv
/div
In that url that's being loaded I have this jQuery function:
script type=text/javascript
$(document).ready(function() {
$('#user_list th').hover( function () {
alert(test test);
});
});
/script
table id=user_list
/table
But this simple function doesn't work. Why not? If I type the url for
this page directly then the function does work. How do you get a
jQuery
function to work from a div loaded by ajax? Thanks.
[jQuery] Anyone willing to take a look and see why this is happening?
Hi, all...
Got some strange sliding going on.
Here's the link:
http://c21ar.wsm-dev.com/cfm/our-agents.cfm
Click on the Click here to view or hide agent's biography link.
The top bio slides and hides nicely. The others are just spastic.
The jQ controlling this is:
script type=text/javascript
$(document).ready(function() {
$('div.bio-slide').find('div.biography').hide().end();
$('a.showbio').each(function(i) {
var $match = $('div.biography').eq(i);
$(this).toggle(function() {
$match.slideDown('slow');
}, function () {
$match.slideUp('slow');
}
);
});
});
/script
Ideas?
Thanks,
Rick
[jQuery] Re: Slow performance in IE7
I've come up against this a few times. I now use this type of approach:
$('table tr').each( function() {
var row = $(this);
row.hover(
function() {
setTimeout( function() { row.addClass('hover'); }, 0 );
},
function() {
setTimeout( function() {
row.removeClass('hover'); }, 0 );
}
);
});
Karl Rudd
On Fri, Mar 28, 2008 at 6:58 AM, Sand Dragon [EMAIL PROTECTED] wrote:
I'm trying to use the hover event on a series of data with 18 columns
of data. Here's a sample of the code:
$(tr.orders).hover(
function() {$(this).addClass(highlighted);},
function() {$(this).removeClass(highlighted); }
);
This works beautifully in Firefox and IE (specifcally v7) but in IE
the performance is exponentially slower. Some of the pages I'm trying
to use this on display 45 to 50 rows and IE performs sluggish. On a
full display page we include over 200 rows and that makes scrolling
with the mousewheel over the list all but unbearable and the
application of the style is sluggish once scrolling stops. Any ideas
how I could increase the performance in IE7 for this type of
application.
James
[jQuery] cross subdomain post
I want to submit a form from a page on a.mydomain.com to another page on b.mydomain.com without reloading my original page Both the pages are on the same domain but within different subdomains. If I use .ajax() , type=POST , it works fine on IE , but fails on Firefox because of the cross domain issue with this error below Error: [Exception... 'Permission denied to call method XMLHttpRequest.open' when calling method: [nsIDOMEventListener::handleEvent] nsresult: 0x8057001e (NS_ERROR_XPC_JS_THREW_STRING) location: unknown data: no] Any of you have any thoughts , how best to do this so that it works on all the browsers
[jQuery] Re: async validation
Maybe it's just me, but async validation makes absolutely no sense. you don't want your process to continue unless the data is valid Say you do kick off the validating of your fields in that manor, what are you going to do right after you kick off the process? On Mar 27, 12:36 pm, Brian J. Cardiff [EMAIL PROTECTED] wrote: Is it possible to perform validation in asynchronously? I would need this in remote validations that took a while. Thanks -- Brian J. Cardiff bcardiff(?)gmail.com .
[jQuery] Re: Anyone willing to take a look and see why this is happening?
What others... the page seems to work just fine (FF 2.0)
To note: firebug reports a 404 error for http://c21ar.wsm-dev.com/cfm/
images/loading.gif
On Mar 27, 9:45 pm, Rick Faircloth [EMAIL PROTECTED] wrote:
Hi, all...
Got some strange sliding going on.
Here's the link:
http://c21ar.wsm-dev.com/cfm/our-agents.cfm
Click on the Click here to view or hide agent's biography link.
The top bio slides and hides nicely. The others are just spastic.
The jQ controlling this is:
script type=text/javascript
$(document).ready(function() {
$('div.bio-slide').find('div.biography').hide().end();
$('a.showbio').each(function(i) {
var $match = $('div.biography').eq(i);
$(this).toggle(function() {
$match.slideDown('slow');
}, function () {
$match.slideUp('slow');
}
);
});
});
/script
Ideas?
Thanks,
Rick
[jQuery] Re: Anyone willing to take a look and see why this is happening?
Well... changing padding and margins around seems to have solved
the problem. The sliding seems to be working smoothly (except for
jerking at the end of the slide) in IE6, IE7, and FF2.
Rick
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Rick
Faircloth
Sent: Thursday, March 27, 2008 9:46 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Anyone willing to take a look and see why this is happening?
Hi, all...
Got some strange sliding going on.
Here's the link:
http://c21ar.wsm-dev.com/cfm/our-agents.cfm
Click on the Click here to view or hide agent's biography link.
The top bio slides and hides nicely. The others are just spastic.
The jQ controlling this is:
script type=text/javascript
$(document).ready(function() {
$('div.bio-slide').find('div.biography').hide().end();
$('a.showbio').each(function(i) {
var $match = $('div.biography').eq(i);
$(this).toggle(function() {
$match.slideDown('slow');
}, function () {
$match.slideUp('slow');
}
);
});
});
/script
Ideas?
Thanks,
Rick
[jQuery] Re: clueTip click and drag?
Hi az, I'm glad you like the plugin! Thanks for mentioning that. I imagine the additional feature could be accomplished, but perhaps it's not the right plugin for the job. Have you taken a look at the UI Dialog? http://docs.jquery.com/UI/Dialog That might be closer to what you're after there. If you want to have a go at making clueTip work with the drag, you can probably get some good ieas from Dialog or Draggables (both part of UI) or jqModal. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Mar 27, 2008, at 8:28 PM, az wrote: Hello, I think the clueTip plugin is fantastic and I'm using it heavily in one of my current projects. My clueTips are sticky so the user can interact with them. In one case the clueTip contains a small feedback form. But sometimes the clueTip partially covers the content that the user is giving feedback on! I'd love for the user to be able to click on the header and drag the clueTip to a more convenient location. Is the possible with the current clueTip code? If not, would it be difficult to add this? I'd be willing to take a crack at the code with a little guidance. thanks! az
[jQuery] Re: hover() and flickering problem
Hi jquertil,
It could be that a tiny part of the tooltip is appearing right where
the mouse position is. If the tooltip gets in between your mouse and
the hovered element, it'll flicker off and on. Try offsetting the top
or left position, or both.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Mar 27, 2008, at 8:37 PM, jquertil wrote:
I use this extension code to make a hover tooltip. I want the tooltip
(a div with position:absolute) to display on top of the hovered
element. This works great.
But when moving the mouse, the mouseout and mouseover events are being
fired all the time, causing a flicker effect.
How do I escape that? I tried to place a 'return false' in the hover
but no luck.
$.fn.hoverhelp = function(txt) {
$T = $(this).position().top;
$L = $(this).position().left;
$(this).hover(
function(e){$('#hoverhelp').empty().html(txt).css({top:$T,left:
$L}).show();return false;},
function(){$('#hoverhelp').hide();}
);
};
[jQuery] Why is this slide so jittery in IE 7?
Hi, all... Thought I had this solved, but would anyone care to take a look at this page: http://c21ar.wsm-dev.com/cfm/our-agents.cfm And click on the Click here to view or hide agent's biography link? FF2 doesn't have the jitters. The top agent's bio slides in smoothly. Any agent's bio for an agent who is beneath an already open bio works smoothly. But any bio, except the top agent, without a bio open above it, will open very jittery in IE7. Anyone else see this behavior? If you do, any possible solutions? I may have to just put the bio's up without the sliding if I can't get this to work smoothly. Thanks, Rick
[jQuery] Re: Calling all jQ CF users...
I know this post is old, but anyway... I haven't looked that carefully,
but perhaps the issue has to do with cloning an input that has an ID,
thus ending up with 2 controls with the same id (albeit different names)?
I'm not sure why image-upload-2 would not exist on submit even if you
didn't click the link to create it, since it looks like it's hardcoded
in the html (the name=image-upload-2)?
- Jack
Rick Faircloth wrote:
Hi, all...
Well, I'm still on the path of trying to create a file input cloning
system,
with CF as the server-side processor.
I'm having mixed results.
FF2 just returns to the page with no uploads or errors.
IE7 uploads a file for the first filefield, but, even when there is no
second field that has been added via JS, I get an error stating that
The form field 'IMAGE-UPLOAD-2' did not contain a file.
Well, form field 'IMAGE-UPLOAD-2' wouldn't contain a file, because I
hadn't
click on the link connected to the JS that would have created a form field
called 'IMAGE-UPLOAD-2'... IE seems to think that form field exists,
when it doesn't.
I've included my jQuery below and the CF and HTML.
If anyone could take a look and see if you spot a problem, please do.
If it will help, I'll re-create this page online.
Thanks for any help!
Rick
jQuery:
$(document).ready(function() {
$('#add-image').click(function() {
$('#image-next').clone(true).
attr('name', function() {
return this.name.replace(/(.+)(\d+$)/,
function(s, p1, p2) {
return p1 + (parseInt(p2, 10) + 1);
})
})
.insertAfter('#image-div :last');
});
});
CF for processing form when submitted:
cfif isDefined(form.fieldnames)
cfloop collection=#form# item=fieldname
cfoutput
#fieldname# - #form[fieldname]#br
/cfoutput
cfif left(#fieldname#, 5) eq image
cffile action=upload
filefield=#fieldname# destination=e:\inetpub\webroot\test
accept=image/jpg, image/pjpg,
image/jpeg, image/pjpeg nameconflict=makeunique
/cfif
/cfloop
/cfif
Relevant HTML:
ul
liClick the browse button to locate an image./li
liUse the Add New Image Field button below to create
addition image input fields./li
/ul
div style=margin-left:60px;
form name=add-image-form action=#cgi.script_name#
method=post enctype=multipart/form-data
div id=image-input
div id=image-div
input style=margin-bottom:25px; display:block;
id=image-next name=image-upload-2 type=file size=60 value=
/div
/div
pa id=add-image href=#Add New Image Field/p
input name=submit type=submit value=Submit Form
/form
/div
