[jQuery] Re: TableSorter + Validate problem
The validate plugin method sort-of breaks the usual plugin contract.
It validates always only the selected from.
So changing this $(.lockcodeform).validate();
to this:
$(.lockcodeform).each(function() {
$(this).validate();
});
should fix it.
Jörn
On Thu, Dec 4, 2008 at 1:23 AM, jsrobinson [EMAIL PROTECTED] wrote:
Problem: Can't use Validate on forms inside a table sorted by
TableSorter
I have a table with rows, each row is a form. I run TableSorter on it
at load time to sort on default columns. When I click submit for a
given form/row, Validate validates the wrong form. When I turn off
the
default sort, Validate works fine.
I have tried:
1) Giving each form it's own id
2) use validate() + classes
3) use validate(rules:{...})
Any ideas?
The actual application is not available publically (of course) so I
have boiled it down into an example:
http://jquery.magiclamp.net/validate-tablesorter.html
Clicking on any submit button after the first will try to validate
the
first form.
Thank you in advance for any help that might be provided!
[jQuery] Re: jcarousel ie6 bug
solution found:).. On 3 Dic, 17:36, hcvitto [EMAIL PROTECTED] wrote: hi i'm using jcarousel plugin for a project. Problem is in ie6 the last image in all of my carousel doesn't show up? Any idea? Thanks Vitto
[jQuery] Re: jQuery.uploader released: Flash based jQuery uploader
yup excellent work Gilles ! On Thu, Dec 4, 2008 at 5:13 AM, web_dev123 [EMAIL PROTECTED] wrote: Hey Just checked the plugin. Looks awsome. I'll make sure to implement on my next project! Keep it up. J
[jQuery] Problem with IE 6 7
I write a simple example works fine in firefox3,but not in IE 67.
In IE 6 there is nothing in page,and IE 7 the origin content is down .
The code is here:
HTML
HEAD
titletest/title
link href=http://dev.iceburg.net/jquery/jqModal/jqModal.css;
type=text/css rel=stylesheet/
script type=text/javascript
src=http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js;/script
script src=http://dev.iceburg.net/jquery/jqModal/jqModal.js;
type=text/javascript/script
script type=text/javascript
$().ready(function() {
$('#dialog').jqm();
});
/script
/HEAD
body
# view
...
div class=jqmWindow id=dialog
# Close
hr
emREAD ME/em --
This is a vanilla plain jqModal window. Behavior and appeareance extend
far beyond this.
The demonstrations on this page will show off a few possibilites. I
recommend walking
through each one to get an understanding of jqModal embefore/em using
it.
br /br /
You can view the sourcecode of examples by clicking the Javascript, CSS, and
HTML tabs.
Be sure to checkout the README documentation too!
br /br /
emNOTE/em; You can close windows by clicking the tinted background known
as the overlay.
Clicking the overlay will have no effect if the modal parameter is passed,
or if the
overlay is disabled.
/div
/body
/html
--
View this message in context:
http://www.nabble.com/Problem-with-IE-6---7-tp20829163s27240p20829163.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jQuery.uploader released: Flash based jQuery uploader
Gilles, while browsing through the doc, there is a small 404 triggered for this link to the buttonSkin http://jquery.webunity.nl/img/demo1/buttonSkin.png Also, a question: does your plugin returns the created file name (in case of serverside rewriting, for example, to avoid file duplication ?) i personally never found an easy way to tackle this using flash to upload files. And it's my main gripe against them. On Thu, Dec 4, 2008 at 9:28 AM, Alexandre Plennevaux [EMAIL PROTECTED]wrote: yup excellent work Gilles ! On Thu, Dec 4, 2008 at 5:13 AM, web_dev123 [EMAIL PROTECTED] wrote: Hey Just checked the plugin. Looks awsome. I'll make sure to implement on my next project! Keep it up. J
[jQuery] jquery ui tabs with cookie problem
HI,
I have set up this shopping cart using the UI tabs for a multi level
vertical menu giving the user the option of browsing by category or by
type. I've used the cookie option so that when a user clicks through
to an option using by type for example the new page would load with by
type selected and if they leave the page when they come back hopefully
it would remember their preference from last time the were at the
store whatever page they were on. However it seems as though the
cookie is being stored seperately for each page the menu is on, when
what I need it to do is use the same cookie remembering which tab was
selected for all pages. Is this possible?
here is a link to the site.
http://rejuvi.businesscatalyst.com/products.html
the code i am using is
$(.menuTabs).tabs({ cookie: { expires: 365 } }).tabs({ fx:
{ opacity: 'toggle' } });
});
navigate through the left hand vertical menu to see what i mean.
thank you,
Chay.
[jQuery] Confirm Delete from DB
Okay I'm getting there, how would i combine the delnews javascript to the
jQuery statement?
[CODE]
script language=JavaScript type=text/javascript
function delnews(user_id, user_firstname){
if (confirm(Are you sure you want to delete ' + user_firstname +
')) {
window.location.href = 'test.php?delnews=' + user_id;
}
}
$(document).ready(function() {
$('.removeLink').bind('click', function(){
if (confirm(Are you sure you want to delete )) {
$(this).parent().fadeOut(1000, function() {
$(this).parents('tr').remove();
alert('DELETED FROM DB');
});
}
return false;
});
});
/script
/head
body
table border=0 width=50%
trtdpersonA javascript:delnews('1','personA') Delete /td/tr
trtdtest1 javascript:delnews('10','test1') Delete /td/tr
/table
[/CODE]
--
View this message in context:
http://www.nabble.com/Confirm-Delete-from-DB-tp20789251s27240p20789251.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] autocomplete help
Hi, I have got the autocomplete from: http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ And looking at the last example: http://docs.jquery.com/Plugins/Autocomplete This doesn't work in Firefox. The error I see is: value is undefined anyone know what I'm doing wrong? Thanks, monk.e.boy
[jQuery] Re: Drag/Drop + Node Connection through arrows
Take a look at WriteMaps: http://writemaps.com/tour/ This was created by Scott Jehl (of Filament Group) using jQuery UI. It's slick. It's got drag-and-drop support, is zoom-scalable, and even has a print-preview. - Richard On Wed, Dec 3, 2008 at 11:46 AM, Startworld67 [EMAIL PROTECTED] wrote: Hi, Is there something similar to http://www.il og.com/image.cfm?name=designer_topology.png http://www.mida regami.net/Japan-Hierarchy.jpg http://www.ajax weaver.com/screenshots.html which can done using jQuery. Thanks.
[jQuery] Re: problem with document ready function
Think it is possible to make my menu close the previous tab when a new one is opened using Jquery? This was only having one open at a time. On Nov 25, 7:09 pm, ricardobeat [EMAIL PROTECTED] wrote: that's odd. Try using a minified (instead of packed) version of your galleria.js On Nov 25, 6:16 pm, firstarsbrnwhite [EMAIL PROTECTED] wrote: except on IE 6 and 7. FF and Safari both hide the main photo in the gallery when clicking on collapsing menu
[jQuery] Re: IE z-index problems with superfish and jquery.cycle.plugin.
elvisparsley wrote on 12/4/2008 1:00 AM: I have images with jquery cycle under superfish. Dropdown submenu of superfish over the images goes behind the images. I put z-index: 100; for the superfish menu and it works with firefox but not with IE. If bgiframe isn't fixing the issue, then read through these: OverlappingAndZIndex http://css-discuss.incutio.com/?page=OverlappingAndZIndex Give Me Some Z’s http://www.search-this.com/2007/08/15/give-me-some-zs/ Effect of z-index value to positioned elements http://aplus.rs/lab/z-pos/index2.php - Bil
[jQuery] Re: How to detect a autocomplete on a input field?
I don't find any solution, then I do that : $('input').attr
(autocomplete, off);
On 24 nov, 16:50, temega [EMAIL PROTECTED] wrote:
I'm creating a login box that has a Username and Password field. Their
label is displayed inside the input field them self, so you see
Username and Password in the field when the page is loaded and
when you focus the field this label is hidden. It's actually a
background image that a hide and show on focus and on blur.
Now my problem detecting auto completions by browsers. The change
event doesn't get called when a field is auto completed so I have no
idea how to detect this...
Any ideas?
[jQuery] ActiveX message for every DOM manipulation?
Hi there,
I am trying to get rid of the annoying Allow execution of ActiveX
control elements? (or similar, translated from German) message that
comes along with a higher security setting in Internet Explorer. I
receive this message every time I want to manipulate the DOM tree, for
now it's only the following line that triggers it:
$('body').wrapInner('div id=fixedWrapper/div');
Do you have an idea if there is a way to avoid this? I have no clue,
do not even know why simple DOM manipulation should be ActiveX related
though.
Any help welcome, of course :-)
Best regards
Arne
[jQuery] strange ie7-related font behaviour - jQ/ie7 bug?
Apologies if this msg was duplicated ... had problems subbing to list thru Nabble. Bit odd this...probably I am missing something, I am new to jQuery, but maybe I've found a bug? Here's the deal. I've built a site using jQuery to show/hide some content boxes, amongst other things. In ie7, and only in ie7 from what I've tested (FF/Safari/Opera/Chrome, ie7 and ie6), on loading the page the font is good, as coded. But. Then, on minimising a box, then re-maximising, the font has changed to a generic, courier-like font. Anyone seen this problem? Maybe it's an ie7 thing. But no problem in the other browsers, including ie6. You can see what I mean at the site, http://guvnr.com www.guvnr.com . If you hover over the nav bar you'll initiate an accordian, and the loaded font. And you'll see a +/- option on the same nav bar (there's only one nav). If you toggle the accordian off then on, you'll see how the font has changed. ...and the same thing happens with the toggle boxes on the sidebar. There are three of those to the right of the page. Many thanks for any help with this. Olly (the_guv!) - http://guvnr.com guvnr.com - Web Design Spain inc. the_guv's Tips amp; Tutorials:- web wise - producing, blogging amp; surfing content - how-to's and highlights pc care - hone IT, enjoy IT just launched the new site, with weekly features planned, so share the love and come support it ... http://feeds.feedburner.com/guvnr or just fix a feed. :working: -- View this message in context: http://www.nabble.com/strange-ie7-related-font-behaviour---jQ-ie7-bug--tp20825761s27240p20825761.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jquery.cycle scrollDown FX
Live example at:http://john1.netfirms.com/VAM/news.html Any help is appreciated. You just need to get the right style rules in there. Here's a hint: http://jquery.malsup.com/cycle/test/dec4.html
[jQuery] jcluetip problems with multiple on a page (when local = true)
I'm using jcluetip--multiple instances on a page--and i'm using rel to
specify that it pull the data from a class. the markup and the class is the
same for all elements. i didn't notice initially but the plugin pulls the
data from the first class instance only and uses it for all of the tooltips.
i believe this is the code line that is causing issues:
else if (opts.local){
var $localContent = $(tipAttribute + ':first'); // if i remove +
':first' it pulls all of data for every instance of the class and replicates
it for all of the tooltips
var localCluetip = $.fn.wrapInner ?
$localContent.wrapInner('div/div').children().clone(true) :
$localContent.html();
$.fn.wrapInner ? $cluetipInner.empty().append(localCluetip) :
$cluetipInner.html(localCluetip);
cluetipShow(pY);
any help on how to rework the code so that each tooltip pulls from its class
instance?
thanks.
--
View this message in context:
http://www.nabble.com/jcluetip-problems-with-multiple-on-a-page-%28when-local-%3D-true%29-tp20834233s27240p20834233.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: autocomplete help
Could you provide a testpage? Jörn On Thu, Dec 4, 2008 at 1:01 PM, monk.e.boy [EMAIL PROTECTED] wrote: Hi, I have got the autocomplete from: http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ And looking at the last example: http://docs.jquery.com/Plugins/Autocomplete This doesn't work in Firefox. The error I see is: value is undefined anyone know what I'm doing wrong? Thanks, monk.e.boy
[jQuery] simple selector problem :beginner();
I like to select every span, thats in this
$(this span)
sorry, simple and stupid...
full function:
function liCounting (){
$(#staerke1 li,#staerke2 li).each(function(liCounter){
liCounter++; //set liCounter to 1, not 0
$(this span).replaceWith(span+ liCounter
+. /span);
})
};
thx tom
[jQuery] Re: simple selector problem :beginner();
The second parameter is the context to search
So
$(this span)
would be
$(span, $(this))
or
$(this).find(span)
On Dec 4, 9:56 am, tlob [EMAIL PROTECTED] wrote:
I like to select every span, thats in this
$(this span)
sorry, simple and stupid...
full function:
function liCounting (){
$(#staerke1 li,#staerke2
li).each(function(liCounter){
liCounter++; //set liCounter to 1, not 0
$(this span).replaceWith(span+
liCounter +. /span);
})
};
thx tom
[jQuery] Re: autocomplete help
My JS:
var data = [ {text:'Link A', url:'/page1'}, {text:'Link B', url: '/
page2'} ];
$().ready(function() {
$(#names_autocomplete)
.autocomplete(data, {mustMatch: true, autoFill: true,
matchContains: false})
//.result(function(event, item)
{document.nav_admin.submit()});
.result(function(event, item) { location.href =
item.url } );
//.result(function(event, item) {alert
(!);document.nav_admin.submit()});
});
--
The error is: value is undefined, line 460
When I use an array of strings it works fine, but I would like to use
an array of names with the DB id of the name, when the user selects
the name the ID is sent to the next page :-) so my data would look
like {text:'monk.e.boy', url:'?id=XXX'}
That would be great :-)
Even better would be for the autocomplete to auto load the next page,
POSTing the ID... I'm not sure how I'd do that?
Thanks
monk.e.boy
[jQuery] WordPress IMM-Glossary - request for tooltip port to JQuery
I am attempting to use this great plugin for WP glossary creation, which has a tooltip definition option that uses prototype. http://www.internetmarketingmonitor.org/word-press-plugins/imm-glossary-wordpress-plugin/ I have a lot of other JQ running on this site, and the prototype tooltips are not working due to what I assume are conflicts between prototype and JQ. Would anyone be interested in project work to port this to JQ?? Thanks! -Adam
[jQuery] click function doesn't work on html element created on the fly with jquery
hi to all ;)
It seems that click function doesn't work on html element created on
the fly with jquery. Where am i wrong ?
When i click on the checkbox from paragraph P2, i got the alert.
But when i click on the checkbox from paragraph P1 created on the
fly (when i submit a button), then i got no alert.
regards,
f.
Here is my code:
JQUERY Part:
$(#Idsubmit).click(function () {
$(#P1).html('input type=checkbox value=soft_boosoft_boo');
});
$(:checkbox).click(function () {
alert(foo);
});
HTML Part:
input id=Idsubmit type=button value=afficher
p id=P1/p
p id=P2input type=checkbox value=hard_boohard_boo/p
[jQuery] Re: click function doesn't work on html element created on the fly with jquery
That's because the element did not exist when you assigned the click
handler. Have a look at the liveQuery plugin [1] or otherwise make
sure that any newly-created elements are given notice of how the're
supposed to act when you introduce them to the document.
[1] http://brandonaaron.net/docs/livequery/
On Thu, Dec 4, 2008 at 11:06 AM, fabrice.regnier
[EMAIL PROTECTED] wrote:
hi to all ;)
It seems that click function doesn't work on html element created on
the fly with jquery. Where am i wrong ?
When i click on the checkbox from paragraph P2, i got the alert.
But when i click on the checkbox from paragraph P1 created on the
fly (when i submit a button), then i got no alert.
regards,
f.
Here is my code:
JQUERY Part:
$(#Idsubmit).click(function () {
$(#P1).html('input type=checkbox value=soft_boosoft_boo');
});
$(:checkbox).click(function () {
alert(foo);
});
HTML Part:
input id=Idsubmit type=button value=afficher
p id=P1/p
p id=P2input type=checkbox value=hard_boohard_boo/p
[jQuery] Re: Bug with AJAX json setting an element to a value and back to 0 when polling
Hmm over a month an no other responsesthat isn't really helpful.
On Nov 14, 10:09 pm, Technocrat [EMAIL PROTECTED] wrote:
That was my thought as well at first, but as I said if I change
dataType to text and just alert(data); it comes across as expected. I
also manually adjusted the output from the ajax file and can reproduce
the same results.
Perhaps there is something else I am missing, but I can't see it.
On Nov 14, 4:08 pm, George [EMAIL PROTECTED] wrote:
Somehow i do not think it has anything to do with JSON.
Nobody analyzes passed values on client.
With AJAX there are 2 to tango :)
I think it's the server side that has a problem...
George.
On Nov 14, 6:00 pm,Technocrat[EMAIL PROTECTED] wrote:
I am using the AJAX class with the dataType set to json and cache off.
I am polling with the this class about every 2 minutes.
So here what I am doing to get the error and it is reproducible. I
have everything set really simply right now.
Here is the success function I am using:
function(data) {
alert(data.id);}
It just set to alert so I can see what's going on.
Here is the first JSON data getting passed to it:
{name:,id:0}
And I get an alert that says 0. So far so good.
Next poll I get:
{name:test,id:22}
And I get an alert that says 22. Still fine.
Next poll I get:
{name:,id:0}
I get an alert of 22!? Which is wrong.
Next poll I get:
{name:test2,id:23}
And I get an alert that says 23. Ok back on track.
Next poll I get:
{name:,id:0}
I get an alert of 23!? Which is wrong again.
So for some reason if a value gets set to 0 it doesn't send back a
proper 0 it send back a previous value. I changed from json to text
to make sure the data was correct and it shows correctly on each
poll. So this appears to be a json only issue.
My guess is there is a not equal statement some where that is not
correct.
[jQuery] Selecting a table cell based upon it's header?
Hi All, Hopefully this is a stupid question, and I just haven't been able to find information about it. Given a table, with headers at the top. I want to loop through the rows of the table (easy), and loop through the elements of each row (easy), and based upon the values of those elements, construct a URL. If I set the headers as th scope=colProperty Name/th, is there any way to then select the cells according to their header name? In theory, I guess I could first loop through the non header rows, assigning each cell a classname according to the header row, and then when I process each row to construct my url, I can select it according to the classname. ... but it seems that there should be a better way. Any ideas? Josh
[jQuery] toggle text class name and pop-up tool tip
Hello everybody,
I'm JQuery beginner and need help on the following.
I have a anchor tag with class name red. I want three things to
trigger on click of anchor link
1. change class name from red to gray
2. change anchor text from hello to bye
3. pop-up tool tip (just display will do)
here is the html
html
head
titleUntitled Document/title
script src=jquery-1.2.6.js type=text/javascript/script
style
.red{background:#ff;}
.gray{background:#ccc;}
.tooltip{display:none;}
/style
/head
body
a id=toggle-content class=red href=#hello/abr /
span class=tooltiptool tip /span
/body
/html
I gave try with .removeClass .addClass... however not able to get
the result upon click. I did even gave a try with toggle function.
appreciate immediate help. Thanks in advance.
-ipog
[jQuery] Select checkbox when click on row
Hi people, i need a little help, i´m complete new in jquery and i am a little lost... my doubt is: how can i check/uncheck a checkbox by clicking a row like yahoo mail ,for example. my checks id is (for all) CheckAreaID and the value that they are taking ar the AreaID. Thanks and sorry for my english! Lucas
[jQuery] Re: Scope variables in anonymous functions?
It's good that you're thinking in terms of making mini-plugins like your
enable and disable functions. That's a really nice way to do things.
If you want to simplify the code a bit, try:
$.fn.disable = function() {
return this.attr({ checked:false, disabled:true });
};
$.fn.enable = function() {
return this.attr({ disabled:false });
};
Note that 'this' in a plugin function is already the jQuery object, so you
don't need to (and shouldn't) wrap it in a $(this) - that gives you a new
jQuery object which isn't generally what you want. Also the semicolon at the
end is required, because these are actually assignment statements. You can
usually get away without it, but it will bite you eventually if you leave
them out.
function foo() {
} // semicolon not required here
foo = function() {
}; // semicolon IS required here
-Mike
From: 703designs
Thanks, that makes sense. I still don't feel good about this code...
$.fn.disable = function() {
$(this).attr(checked, false);
$(this).attr(disabled, true);
return $(this);
}
$.fn.enable = function() {
$(this).attr(disabled, false);
return $(this);
}
$(.responsibleCouncil .category).each(function() {
var cat = $(this);
var inputSelector = ul input;
cat.find(.toggler input).focus(function() {
cat.siblings().find(inputSelector).disable();
cat.find(inputSelector).enable();
});
});
What do you think? Any obvious improvements? Corresponding Form
structure:
form
...
fieldset class=responsibleCouncil
...
div class=category
div class=toggler
input type=radio ... /
/div
ul
liinput type=radio... //li
liinput type=radio... //li
/ul
/div
...repeated
/fieldset
...
/form
Thomas
On Dec 3, 1:19 pm, Josh Nathanson [EMAIL PROTECTED] wrote:
You have to do it that way because the context has changed. Thus
this in the second anonymous function will refer to something
different than in the first. A lot of people use the
convention var
self = this or something similar.
Also within the anonymous function you can do this:
siblings.find( etc );
category.find( etc );
...since they are already jQuery objects.
-- Josh
-Original Message-
From: jquery-en@googlegroups.com
[mailto:[EMAIL PROTECTED]
On
Behalf Of 703designs
Sent: Wednesday, December 03, 2008 9:44 AM
To: jQuery (English)
Subject: [jQuery] Scope variables in anonymous functions?
What I'm trying to figure out is how I can access parent
scopes from a
nested anonymous function. As you can see here, I'm managing to do
this by assigning this to variables, but I know that
there's a way
to pass this into the anonymous functions:
$(.responsibleCouncil .category).each(function() {
var category = $(this);
var input = $(this).find(.toggler input);
var siblings = $(this).siblings();
input.click(function() {
$(siblings).find(ul).hide();
$(category).find(ul).show();
});
});
Basically, those three assignments at the top of the first
anonymous
function would be unnecessary if I knew of a better way to access
this from nested functions.
[jQuery] Re: click function doesn't work on html element created on the fly with jquery
That's because the element did not exist when you assigned the click handler. Have a look at the liveQuery plugin [1] or otherwise make sure that any newly-created elements are given notice of how the're supposed to act when you introduce them to the document. [1]http://brandonaaron.net/docs/livequery/ Also, more info can be found here: http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_Ajax_request.3F
[jQuery] Re: Selecting a table cell based upon it's header?
Once you loop through the headers and get the index position of a particular one, you could select the nth child of the row. On Thu, Dec 4, 2008 at 11:23 AM, Josh Rosenthal [EMAIL PROTECTED] wrote: Hi All, Hopefully this is a stupid question, and I just haven't been able to find information about it. Given a table, with headers at the top. I want to loop through the rows of the table (easy), and loop through the elements of each row (easy), and based upon the values of those elements, construct a URL. If I set the headers as th scope=colProperty Name/th, is there any way to then select the cells according to their header name? In theory, I guess I could first loop through the non header rows, assigning each cell a classname according to the header row, and then when I process each row to construct my url, I can select it according to the classname. ... but it seems that there should be a better way. Any ideas? Josh
[jQuery] Re: strange ie7-related font behaviour - jQ/ie7 bug?
You're seeing a known problem with IE7 (and unfortunately not fixed in the new IE8). The problem has to do with ClearType rendering of fonts. If you use a fade effect on a font rendered with ClearType, you get the ugly jagginess you are witnessing. I've whined about this to MS for a LONG time, most recently on the IE8 beta feedback. Despite the fact that everyone sees it happening, there is no acknowledgement that it will be fixed. It even shows up when using the ASP.NET AJAX Control Toolkit's fade effects. I'd love to see someone find a fix for this. It seems to crop up when the opacity is set, however removing the opacity doesn't seem to matter. Best workaround is to avoid fading text. If you absolutely have to, try putting a div in front of the text the same color as the background and fade the div in over the text. On Dec 4, 5:55 am, guvnrDOTcom [EMAIL PROTECTED] wrote: Apologies if this msg was duplicated ... had problems subbing to list thru Nabble. Bit odd this...probably I am missing something, I am new to jQuery, but maybe I've found a bug? Here's the deal. I've built a site using jQuery to show/hide some content boxes, amongst other things. In ie7, and only in ie7 from what I've tested (FF/Safari/Opera/Chrome, ie7 and ie6), on loading the page the font is good, as coded. But. Then, on minimising a box, then re-maximising, the font has changed to a generic, courier-like font. Anyone seen this problem? Maybe it's an ie7 thing. But no problem in the other browsers, including ie6. You can see what I mean at the site, http://guvnr.comwww.guvnr.com. If you hover over the nav bar you'll initiate an accordian, and the loaded font. And you'll see a +/- option on the same nav bar (there's only one nav). If you toggle the accordian off then on, you'll see how the font has changed. ...and the same thing happens with the toggle boxes on the sidebar. There are three of those to the right of the page. Many thanks for any help with this. Olly (the_guv!) -http://guvnr.comguvnr.com - Web Design Spain inc. the_guv's Tips amp; Tutorials:- web wise - producing, blogging amp; surfing content - how-to's and highlights pc care - hone IT, enjoy IT just launched the new site, with weekly features planned, so share the love and come support it ... http://feeds.feedburner.com/guvnror just fix a feed. :working: -- View this message in context:http://www.nabble.com/strange-ie7-related-font-behaviour---jQ-ie7-bug... Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Tabs - External link not working on remote tab in IE 7
Is there a secret handshake in this group? I am happy to go thru fraternity hazing to learn it. :) On Dec 3, 10:38 am, strummer75 [EMAIL PROTECTED] wrote: Dear jQuery gang, I am having the following issue with a remote content tab in IE 7. Here's the scoop: Link on one page ie: (http://appname/list/#tab_two) takes me to another page with 3 tabs and via that link I want to default to the 2nd tab open. This of course works like a dream in Firefox and loads up the ajax for that tab... IE 7 does not do this. I found an example of the same issue occurring on Klaus' site here: http://stilbuero.de/jquery/test/remote_tabs_with_scripts.html#Tab_one The text in tab one will show 'Plain HTML' if you are viewing in Firefox but it wont if you are viewing in IE 7. I have tried the approach of creating container divs and giving them all an id and then referring to those ids in the title tags of my hrefs in my tab list to no avail. Anyone had any experience with this issue and any luck with a workaround? Thanks, Tony
[jQuery] Re: click function doesn't work on html element created on the fly with jquery
Hi,
Thanx for the tip ;) I realize now it's a common problem with jquery.
You talked about LiveQuery. According to you, what is the main
difference with the quite new plugin LiveBind ?
otherwise make
sure that any newly-created elements are given notice of how the're
supposed to act when you introduce them to the document.
I don't get you. Could you give me a short exemple to make it
understandable ?
regards,
f.
[1]http://brandonaaron.net/docs/livequery/
On Thu, Dec 4, 2008 at 11:06 AM, fabrice.regnier
[EMAIL PROTECTED] wrote:
hi to all ;)
It seems that click function doesn't work on html element created on
the fly with jquery. Where am i wrong ?
When i click on the checkbox from paragraph P2, i got the alert.
But when i click on the checkbox from paragraph P1 created on the
fly (when i submit a button), then i got no alert.
regards,
f.
Here is my code:
JQUERY Part:
$(#Idsubmit).click(function () {
$(#P1).html('input type=checkbox value=soft_boosoft_boo');
});
$(:checkbox).click(function () {
alert(foo);
});
HTML Part:
input id=Idsubmit type=button value=afficher
p id=P1/p
p id=P2input type=checkbox value=hard_boohard_boo/p
[jQuery] Can't understand why this won't work
Hi all,
I'm developing an iphone oriented site, and I'm having some problem
with the click event not firing ( and I think is mine selectors who
are wrong ) can anyone help me figure out?
Heres the jscript:
$(#homeMenu A.colecao).click(function(e){
alert('menu');
});
$(#brindesMenu, #colecaoMenu, #repMenu).toggleClass('hide'); // this
works
$(#menuRowA[href='colecao.html'],#homeMenu A
[href='colecao.html']).click(function(e){
alert('colecao');
pageTracker._trackPageview('/iphone/colecao');
})
$(#menuRowA[href='brindes.html'],#homeMenu A
[href='brindes.html']).click(function(e){
alert('brindes');
pageTracker._trackPageview('/iphone/brindes');
})
$(#menuRowA[href='rep.html']).click(function(e){ // tried this to
see if the problem was the multiple selectors
alert('representantes');
pageTracker._trackPageview('/iphone/representantes');
})
heres the html:
div id=colecaoMenu class=hide
a href=modelos.php?col=sandaliasimg src=images/
colecao_tipoSandalia.png alt=Conheça nossas sandálias //a
a href=modelos.php?col=peeptoeimg src=images/
colecao_tipoPeepToe.png alt=São diversos modelos para você
escolher //a
a href=modelos.php?col=sapatilhasimg src=images/
colecao_tipoSapatilha.png alt=Um modelo de sapatilha mais bonito que
o outro //a
a href=modelos.php?col=tamancoimg src=images/
colecao_tipoTamanco.png alt=Veja nossa linha de tamancos //a
/div
div id=menu
div id=menuRow
diva href=colecao.htmlimg src=images/menu_btColecao.png
alt=Conheça a coleção da Bottero //a/div
diva href=brindes.htmlimg src=images/menu_btBrindes.png
alt=Baixe wallpapers para o seu iPhone //a/div
diva href=rep.htmlimg src=images/menu_btRepres.png
alt=Veja nossos representantes //a/div
/div
/div
TIA
Marcelo Wolfgang
[jQuery] Re: Select checkbox when click on row
Got an example of the html for the tr tag? On Dec 4, 10:44 am, Chizo [EMAIL PROTECTED] wrote: Hi people, i need a little help, i´m complete new in jquery and i am a little lost... my doubt is: how can i check/uncheck a checkbox by clicking a row like yahoo mail ,for example. my checks id is (for all) CheckAreaID and the value that they are taking ar the AreaID. Thanks and sorry for my english! Lucas
[jQuery] Re: problem with document ready function
Of course:
$(document).ready(function(){
var subs = $('.menu ul ul');
subs.hide();
$('.menu ul li a').click(function(){
subs.hide();
$(this).next('ul').toggle();
});
});
On Dec 4, 10:32 am, firstarsbrnwhite [EMAIL PROTECTED] wrote:
Think it is possible to make my menu close the previous tab when a new
one is opened using Jquery? This was only having one open at a time.
On Nov 25, 7:09 pm, ricardobeat [EMAIL PROTECTED] wrote:
that's odd. Try using a minified (instead of packed) version of your
galleria.js
On Nov 25, 6:16 pm, firstarsbrnwhite [EMAIL PROTECTED] wrote:
except on IE 6 and 7. FF and Safari both hide the main photo in the
gallery when clicking on collapsing menu
[jQuery] Re: Can I make image change only by part of it?
That is exactly what the page I linked to does: you put a plain image
of the map with the image map, then overlay transparent GIFs (with the
states) on top of each other, with the map area on top. Then you show/
hide each one of them depending on the area you're hovering. Try
visiting the link I gave, that's exactly how it works.
cheers,
- ricardo
On Dec 4, 3:28 am, David .Wu [EMAIL PROTECTED] wrote:
Hi, my question is, there are maybe many area in one map, how to show
different pictures when mouse over each of them.
On 11月14日, 上午12時42分, livefree75 [EMAIL PROTECTED] wrote:
I couldn't get your link to load, but it sounds like you may need to
do something similar to the following. The image you're mapping would
need to be either relative or absolutely positioned.
Note that #map_area is the map area you're mousing over.
#bg_image is the image the map is on.
Not sure if this would work - you may need to get the top/left/width/
height of the map area some other way.
$(#map_area).mouseover(function() {
var bg_image = $(#bg_image);
var hover_img = document.createElement(img);
$(hover_img).css({
position: 'absolute',
top : $(this).css('top'),
left : $(this).css('left'),
zIndex : (bg_image.css(z-index) + 1)
}).
width($(this).width()).
height($(this).height()).
mouseout(function() {
$(this).remove();
}).
insertAfter(bg_image);
});
Jamie
[jQuery] Changing Class using Jquery
Kindly help!!! I am in a situation where I have to develop a news website, and my client wants me to display three stories from each category rest all should be hidden by default and when a user wants to view more stories he can click add a story the next story with class blocked should get visible. Same when a user clicks on remove a story, the list item with no class should get changed to class blocked Basically i have seen this on BBC's website homepage. I will be thankful if anyone helps me out. All I know is that it is possible through jquery and jquery is a new thing to me. div class=gkMod id=NewsBox h2a href=#News/a/h2 div class=gkSet div class=gkData h3a href=/Categories/?Show=1Frontpage/a/h3 p class=addremove a href=# class=addspan class=hideAdd a Story/span /a #160; a class=remove href=#span class=hideRemove a story /span/a/p ul class=c1 lip a href=/fullstory/?Date=2_12_2008ItemID=46cat=1 'Knee-jerk reaction will shatter peace'/a /p/li li p a href=/fullstory/?Date=2_12_2008ItemID=45cat=1 Mir sits pretty on home turf/a /p/li li p a href=/fullstory/?Date=2_12_2008ItemID=44cat=1 Kupwara #8216;under-age voting#8217; to be probed/a /p/li lip a href=/fullstory/?Date=2_12_2008ItemID=43cat=1 Candidate#8217;s house attacked/a /p/li li class=blockedp a href=/fullstory/?Date=2_12_2008ItemID=42cat=1 AIDS bomb ticking in Kashmir/a /p/li li class=blockedp a href=/fullstory/?Date=2_12_2008ItemID=41cat=1 Aunt and nephew in Chadoora/a /p/li li class=blockedp a href=/fullstory/?Date=2_12_2008ItemID=40cat=1 Zardari for pact /a /p/li li class=blockedp a href=/fullstory/?Date=2_12_2008ItemID=40cat=1 Win win suspects/a /p/li /ul/div div class=gkData h3a href=/Categories/?Show=2News/a/h3 p class=addremove a href=# class=addspan class=hideAdd a Story/span /a#160; a class=remove href=#span class=hideRemove a story/span/a/p ul class=c21 lip a href=/fullstory/?Date=2_12_2008ItemID=39cat=21 Bar#8217;s legal notice to CS on detainee/a /p/li lip a href=/fullstory/?Date=2_12_2008ItemID=38cat=21 #8216;Govt indifferent towards physically challenged#8217;/a /p/li lip a href=/fullstory/?Date=2_12_2008ItemID=37cat=21 16 injured in NC-Pgk clashes/a /p/li li class=blockedp a href=/fullstory/?Date=2_12_2008ItemID=36cat=21 111 candidates to contest in Chenab valley/a /p/li li class=blockedp a href=/fullstory/?Date=2_12_2008ItemID=35cat=21 Bar expels 4 members/a /p/li li class=blockedp a href=/fullstory/?Date=2_12_2008ItemID=34cat=21 Kara to contest from Batamaloo/a /p/li li class=blockedp a href=/fullstory/?Date=2_12_2008ItemID=33cat=21 Khan booked under PSA/a /p/li /ul/div /div/div
[jQuery] Mouse Out with two divs
Hi,
I have a two div with two id :
div id=somediv
many Contenet
/div
div id=result/div
i want to make something like that :
$(#somediv).bind(mouseleave,function(){
$('#result').fadeOut();
});
$(#result).bind(mouseleave,function(){
$('#result').fadeOut();
});
But i don't want that result dissapears if if move my mouse on the
other div.
Is there a way to say : hide a div, when mouseout two divs, but not if
you are hover one or another ?
The div are not in the same area in the page.
But They are touching in render page.
[jQuery] Stupid question: what is the return value of replaceWith good for?
While I love most things in jQuery, one thing I don't get is replaceWith. This method returns the object you just replaced, which as far as I can see is 100% worthless, rather than the the object you're replacing it with. If you do: $.(someHtmlElement).replaceWith(divmy div/div); There is no way whatsoever (as far as I can tell at least) to access divmy div/div after the replacement. You can access someHtmlElement, but that's not very helpful; if you're replacing it, you probably don't care about it anymore. I read on some other threat that this hearkens back to an early jQuery design philosophy issue. However, I have a hard time believing such an otherwise awesome library would make such a (seemingly) obviously poor design choice just for philosophy, so I have to ask: Am I just missing some obvious case where it would actually be useful to get the replaced element back? Or am I perhaps instead missing some obvious way to access the replacement element? Any explanation of this problematic (to me at least) behavior would be appreciated.
[jQuery] Re: siblings() not working properly in IE7
I bet that is related to incorrect markup. Are you using tbody, thead,
tfoot elements?
On Dec 3, 9:47 pm, Marc [EMAIL PROTECTED] wrote:
Has anyone ever seen the behavior where $('#someId').siblings()
returns an empty set in IE7 while returning a non-empty set in FF3?
This seems to specifically happen when #someId refers to a tr
element. I can't seem to reproduce the problem for all similar
situations, but I can't for the life of me figure out why my page is
inconsistent. I would post a link to the page, but the project is a
closed system and I can't really open it up.
Thanks,
Marc
[jQuery] Re: Selecting a table cell based upon it's header?
Basically doing that, though using eq rather than nth-child. However, I can't seem to get eq or nth-child to take a variable. When I do var idxCol = 3; jQuery(#myHeadersth:eq(idxCol)).text(); it returns nothing, while jQuery(#myHeadersth:eq(3)).text(); returns the header Same with nth-child (with nth-child removing the th). Am I missing something obvious? On Thu, Dec 4, 2008 at 11:50 AM, brian [EMAIL PROTECTED] wrote: Once you loop through the headers and get the index position of a particular one, you could select the nth child of the row. On Thu, Dec 4, 2008 at 11:23 AM, Josh Rosenthal [EMAIL PROTECTED] wrote: Hi All, Hopefully this is a stupid question, and I just haven't been able to find information about it. Given a table, with headers at the top. I want to loop through the rows of the table (easy), and loop through the elements of each row (easy), and based upon the values of those elements, construct a URL. If I set the headers as th scope=colProperty Name/th, is there any way to then select the cells according to their header name? In theory, I guess I could first loop through the non header rows, assigning each cell a classname according to the header row, and then when I process each row to construct my url, I can select it according to the classname. ... but it seems that there should be a better way. Any ideas? Josh
[jQuery] Re: Stupid question: what is the return value of replaceWith good for?
While I love most things in jQuery, one thing I don't get is
replaceWith. This method returns the object you just replaced, which
as far as I can see is 100% worthless, rather than the the object
you're replacing it with. If you do:
$.(someHtmlElement).replaceWith(divmy div/div);
100% worthless? Nah. Consider this:
$(someHtmlElement).replaceWith(divmy div/div).appendTo('body');
[jQuery] Re: strange ie7-related font behaviour - jQ/ie7 bug?
I'd love to see someone find a fix for this. It seems to crop up when the opacity is set, however removing the opacity doesn't seem to matter. Best workaround is to avoid fading text. If you absolutely have to, try putting a div in front of the text the same color as the background and fade the div in over the text. http://jquery.malsup.com/fadetest.html
[jQuery] Re: Targetting .class-0 .class-1 .class-2 .class-3
A horrible solution, but in case someone is wondering:
var count = 0;
var cal = $('.jquery-calendar-'+count);
while (cal.length) {
cal.doSomething();
cal = $('.jquery-calendar-'+(++count))
}
or $('[class*=jquery-calendar-]').each(function(i){
//but this way you won't be sure the index equals the class
number
});
- ricardo
On Dec 3, 11:39 pm, light-blue [EMAIL PROTECTED] wrote:
This is a beginner question. Does anyone know how to target
$('.jquery-calendar-0')
$('.jquery-calendar-1')
$('.jquery-calendar-2')
$('.jquery-calendar-3')
etc...
I need to run the following, where X is the number, but I don't know
how many X exist until after the page renders.
$('.jquery-calendar-X').calendar( {stuff} )
I can't find the solution in Learning Jquery (Chaffer and Swedberg),
at least not in Chapter 2 How to Get Anything You Want. ;-)
Thanks!
[jQuery] Re: Mouse Out with two divs
I have a two div with two id :
div id=somediv
many Contenet
/div
div id=result/div
i want to make something like that :
$(#somediv).bind(mouseleave,function(){
$('#result').fadeOut();});
$(#result).bind(mouseleave,function(){
$('#result').fadeOut();
});
But i don't want that result dissapears if if move my mouse on the
other div.
Is there a way to say : hide a div, when mouseout two divs, but not if
you are hover one or another ?
The div are not in the same area in the page.
But They are touching in render page.
Check out the hover event:
http://docs.jquery.com/Events/hover
[jQuery] Re: Stupid question: what is the return value of replaceWith good for?
Aha! Thank you, that was something I totally didn't consider (moving
the replaced element somewhere else_.
It still seems to me that you're more likely to want to do something
(like say, hookup events) to the replaced element than you are to
append the replaced element somewhere else, but at least this gives
some explanation/value to the current behavior.
Guess I'll just have to write my own version of replaceWith
(replaceWithAndChain?) so that I can access the replacement :-(
Jeremy
On Dec 4, 9:45 am, Mike Alsup [EMAIL PROTECTED] wrote:
While I love most things in jQuery, one thing I don't get is
replaceWith. This method returns the object you just replaced, which
as far as I can see is 100% worthless, rather than the the object
you're replacing it with. If you do:
$.(someHtmlElement).replaceWith(divmy div/div);
100% worthless? Nah. Consider this:
$(someHtmlElement).replaceWith(divmy div/div).appendTo('body');
[jQuery] selector question
Hi -- I'm trying to hide all the contents from tds within a table *except* for the first td in each tr... I don't want to hide the tds, just their contents, but I'm having trouble finding the correct selector(s) to accomplish this. So, for example, if the table is: table tr tdone/td tdtwo/td tdthree/td /tr tr tdfour/td tdfive/td tdsix/td /tr /table I'd like to hide the actual *content* two, three, five, and six -- for as many tds there are after the first one in each row, and for as many rows as there are in the table. Thanks in advance! --Carl.
[jQuery] Re: Selecting a table cell based upon it's header?
To answer my own question, yes, I was. jQuery(#myHeadersth:eq(+idxCol+)).text()); Thanks! On Thu, Dec 4, 2008 at 12:45 PM, Josh Rosenthal [EMAIL PROTECTED] wrote: Basically doing that, though using eq rather than nth-child. However, I can't seem to get eq or nth-child to take a variable. When I do var idxCol = 3; jQuery(#myHeadersth:eq(idxCol)).text(); it returns nothing, while jQuery(#myHeadersth:eq(3)).text(); returns the header Same with nth-child (with nth-child removing the th). Am I missing something obvious? On Thu, Dec 4, 2008 at 11:50 AM, brian [EMAIL PROTECTED] wrote: Once you loop through the headers and get the index position of a particular one, you could select the nth child of the row. On Thu, Dec 4, 2008 at 11:23 AM, Josh Rosenthal [EMAIL PROTECTED] wrote: Hi All, Hopefully this is a stupid question, and I just haven't been able to find information about it. Given a table, with headers at the top. I want to loop through the rows of the table (easy), and loop through the elements of each row (easy), and based upon the values of those elements, construct a URL. If I set the headers as th scope=colProperty Name/th, is there any way to then select the cells according to their header name? In theory, I guess I could first loop through the non header rows, assigning each cell a classname according to the header row, and then when I process each row to construct my url, I can select it according to the classname. ... but it seems that there should be a better way. Any ideas? Josh
[jQuery] SOT: Blinking cursor in Firefox 2 bleeds through divs...
I have a weird problem I'm running into again, but haven't been able to find a fix. In FF2, when I place a div / over an input / element that currently has focus, the blinking cursor shows up through the top layer. I put together this little video to show off the problem: http://blog.pengoworks.com/index.cfm/2008/12/4/Blinking-cursor-in-Firefox-2- bleeds-through-divs Does anyone know of a fix for this problem? -Dan
[jQuery] Re: Can't understand why this won't work
Your selector
$(#homeMenu A.colecao).click(function(e){
alert('menu');
});
says: give me all a tags with the class of colecao inside the
object 'homeMenu'
but inside the HTML you show, there is no object with the ID of
homeMenu, nor are there any a tags with a class of colecao, so
the selector would bring back nothing to attach the event to
On Dec 4, 12:15 pm, Marcelo Wolfgang [EMAIL PROTECTED] wrote:
Hi all,
I'm developing an iphone oriented site, and I'm having some problem
with the click event not firing ( and I think is mine selectors who
are wrong ) can anyone help me figure out?
Heres the jscript:
$(#homeMenu A.colecao).click(function(e){
alert('menu');});
$(#brindesMenu, #colecaoMenu, #repMenu).toggleClass('hide'); // this
works
$(#menuRowA[href='colecao.html'],#homeMenu A
[href='colecao.html']).click(function(e){
alert('colecao');
pageTracker._trackPageview('/iphone/colecao');})
$(#menuRowA[href='brindes.html'],#homeMenu A
[href='brindes.html']).click(function(e){
alert('brindes');
pageTracker._trackPageview('/iphone/brindes');})
$(#menuRowA[href='rep.html']).click(function(e){ // tried this to
see if the problem was the multiple selectors
alert('representantes');
pageTracker._trackPageview('/iphone/representantes');
})
heres the html:
div id=colecaoMenu class=hide
a href=modelos.php?col=sandaliasimg src=images/
colecao_tipoSandalia.png alt=Conheça nossas sandálias //a
a href=modelos.php?col=peeptoeimg src=images/
colecao_tipoPeepToe.png alt=São diversos modelos para você
escolher //a
a href=modelos.php?col=sapatilhasimg src=images/
colecao_tipoSapatilha.png alt=Um modelo de sapatilha mais bonito que
o outro //a
a href=modelos.php?col=tamancoimg src=images/
colecao_tipoTamanco.png alt=Veja nossa linha de tamancos //a
/div
div id=menu
div id=menuRow
diva href=colecao.htmlimg
src=images/menu_btColecao.png
alt=Conheça a coleção da Bottero //a/div
diva href=brindes.htmlimg
src=images/menu_btBrindes.png
alt=Baixe wallpapers para o seu iPhone //a/div
diva href=rep.htmlimg src=images/menu_btRepres.png
alt=Veja nossos representantes //a/div
/div
/div
TIA
Marcelo Wolfgang
[jQuery] Re: selector question
If you don't want to manipulate the td's themselves, then you have to have the content of the td's wrapped in some sort of object so that you can show/hide it... something your example HTML doesn't have On Dec 4, 12:56 pm, clorentzen [EMAIL PROTECTED] wrote: Hi -- I'm trying to hide all the contents from tds within a table *except* for the first td in each tr... I don't want to hide the tds, just their contents, but I'm having trouble finding the correct selector(s) to accomplish this. So, for example, if the table is: table tr tdone/td tdtwo/td tdthree/td /tr tr tdfour/td tdfive/td tdsix/td /tr /table I'd like to hide the actual *content* two, three, five, and six -- for as many tds there are after the first one in each row, and for as many rows as there are in the table. Thanks in advance! --Carl.
[jQuery] Re: selector question
On Thu, Dec 4, 2008 at 9:56 AM, clorentzen [EMAIL PROTECTED] wrote:
I'm trying to hide all the contents from tds within a table *except*
for the first td in each tr... I don't want to hide the tds,
just their contents, but I'm having trouble finding the correct
selector(s) to accomplish this.
table
tr
tdone/td
tdtwo/td
tdthree/td
/tr
tr
tdfour/td
tdfive/td
tdsix/td
/tr
/table
I'd like to hide the actual *content* two, three, five, and
six -- for as many tds there are after the first one in each row,
and for as many rows as there are in the table.
$(function() {
$('tr td:not(:first-child)').css({visibility:'hidden'});
});
--
I have failed as much as I have succeeded. But I love my life. I love my
wife. And I wish you my kind of success.
[jQuery] Re: Can't understand why this won't work
Hi, sorry my mistake, I've pasted the wrong part of the code :/
this is the relevant info:
div id="homeMenu"
a href="" class="colecao"img
src="" alt="Conhea a coleo da Bottero"
//a
a href="" class="brindes"img
src="" alt="Baixe wallpapers para o seu
iPhone" //a
a href="" class="rep"img
src="" alt="Veja nossos representantes"
//a
/div
forget about the div id="colecaoMenu"
Thanks for spotting this
On 4/12/2008 16:17, MorningZ wrote:
Your selector
$("#homeMenu A.colecao").click(function(e){
alert('menu');
});
says: give me all a tags with the class of "colecao" inside the
object 'homeMenu'
but inside the HTML you show, there is no object with the ID of
"homeMenu", nor are there any a tags with a class of "colecao", so
the selector would bring back nothing to attach the event to
On Dec 4, 12:15pm, Marcelo Wolfgang [EMAIL PROTECTED] wrote:
Hi all,
I'm developing an iphone oriented site, and I'm having some problem
with the click event not firing ( and I think is mine selectors who
are wrong ) can anyone help me figure out?
Heres the jscript:
$("#homeMenu A.colecao").click(function(e){
alert('menu');});
$("#brindesMenu, #colecaoMenu, #repMenu").toggleClass('hide'); // this
works
$("#menuRowA[href=''],#homeMenu A
[href='']").click(function(e){
alert('colecao');
pageTracker._trackPageview('/iphone/colecao');})
$("#menuRowA[href=''],#homeMenu A
[href='']").click(function(e){
alert('brindes');
pageTracker._trackPageview('/iphone/brindes');})
$("#menuRowA[href='']").click(function(e){ // tried this to
see if the problem was the multiple selectors
alert('representantes');
pageTracker._trackPageview('/iphone/representantes');
})
heres the html:
div id="colecaoMenu" class="hide"
a href=""img src="" alt="Conhea nossas sandlias" //a
a href=""img src="" alt="So diversos modelos para voc
escolher" //a
a href=""img src="" alt="Um modelo de sapatilha mais bonito que
o outro" //a
a href=""img src="" alt="Veja nossa linha de tamancos" //a
/div
div id="menu"
div id="menuRow"
diva href=""img src=""
alt="Conhea a coleo da Bottero" //a/div
diva href=""img src=""
alt="Baixe wallpapers para o seu iPhone" //a/div
diva href=""img src=""
alt="Veja nossos representantes" //a/div
/div
/div
TIA
Marcelo Wolfgang
[jQuery] Re: selector question
On Thu, Dec 4, 2008 at 10:28 AM, Charlie Griefer
[EMAIL PROTECTED]wrote:
On Thu, Dec 4, 2008 at 9:56 AM, clorentzen [EMAIL PROTECTED]wrote:
I'm trying to hide all the contents from tds within a table *except*
for the first td in each tr... I don't want to hide the tds,
just their contents, but I'm having trouble finding the correct
selector(s) to accomplish this.
table
tr
tdone/td
tdtwo/td
tdthree/td
/tr
tr
tdfour/td
tdfive/td
tdsix/td
/tr
/table
I'd like to hide the actual *content* two, three, five, and
six -- for as many tds there are after the first one in each row,
and for as many rows as there are in the table.
$(function() {
$('tr td:not(:first-child)').css({visibility:'hidden'});
});
Altho, to MorningZ's point... that's affecting the tds themselves, and not
specifically the content.
--
I have failed as much as I have succeeded. But I love my life. I love my
wife. And I wish you my kind of success.
[jQuery] jQuery works locally, but not online
Hi, I've got 2 jQuery features in 2 pages of a site I'm building. One is a show/hide list that's working perfectly, but on another page I've got a carousel image slide feature that's working when viewed locally but not when it's uploaded to our test server, which I can't understand. I've tried referencing the jQuery file and the javascript code locally and absolutely to no avail, the same thing's happening, I'm getting nothing online. Here's what I've got in the header - script type=text/javascript language=javascript src=lib/ jquery-1.2.6.js/script script type=text/javascript language=javascript src=lib/ jcarousellite.js/script - this is the 'functional' bit script type=text/javascript language=javascript src=lib/ carousel.js/script - this is controlling the speed etc. This is the page that's working perfectly - http://www.fireloopcreative.co.uk/clients/new_fireloop/services.php Here's where it's not - http://www.fireloopcreative.co.uk/clients/new_fireloop/index.php It's the big grey hole in the first column... If someone wise in the ways of jQuery could shed some light on what I'm doing wrong I'd much appreciate it as I've been trying to figure out the schoolboy error I've made for hours now! Cheers, Dave
[jQuery] jquery + struts action
Hi
I need to call an action using jquery..
The following piece of code works correctly for it is calling and
executing code the correct struts action. However.. the action itseft is
not being correcty forwarded. I don't think that the problem is the
action, for if I call it in other ways the forward works. Any ideas?
$.ajax({
url: '/listReports.do',
type:'post',
cache: false,
dataType:'xml'
});
thanks
Marta
[jQuery] Re: Radio Buttons - checking a option by value.
alo.
maybe like this:
if ($(input[name='dita']:checked).val() == 0)
is that what you mean?
On Nov 11, 12:02 pm, cchurch [EMAIL PROTECTED] wrote:
I'm trying to work out how to a check a radio button of a particular
group based on it's value.
Here's the html
input type=radio value=2 name=gender/Female
input type=radio value=1 name=gender/Male
input type=radio value=0 name=gender/Not Specified
// My current code.
$(document).ready(function(){
$(input[name='gender']??).attr('checked', true);
});
I know the value I want to set for the group, but not sure how to
access this in jquery, hence the question marks.
[jQuery] Re: Stupid question: what is the return value of replaceWith good for?
Don't forget that you don't have to do everything with chaining. Simply grab
a reference to any jQuery object or DOM element you want to use later.
var $myDiv = $('divmy div/div');
$(someHtmlElement).replaceWith($myDiv);
$myDiv.click( function() { alert( $(this).html() ); } );
-Mike
From: machineghost
While I love most things in jQuery, one thing I don't get is
replaceWith. This method returns the object you just
replaced, which as far as I can see is 100% worthless, rather
than the the object you're replacing it with. If you do:
$.(someHtmlElement).replaceWith(divmy div/div);
There is no way whatsoever (as far as I can tell at least) to
access divmy div/div after the replacement. You can
access someHtmlElement, but that's not very helpful; if
you're replacing it, you probably don't care about it anymore.
[jQuery] Re: autocomplete help
Take a look at the source of this demo:
http://dev.jquery.com/view/trunk/plugins/autocomplete/demo/json.html
That should be very close to what you're looking for.
Jörn
On Thu, Dec 4, 2008 at 4:13 PM, monk.e.boy [EMAIL PROTECTED] wrote:
My JS:
var data = [ {text:'Link A', url:'/page1'}, {text:'Link B', url: '/
page2'} ];
$().ready(function() {
$(#names_autocomplete)
.autocomplete(data, {mustMatch: true, autoFill: true,
matchContains: false})
//.result(function(event, item)
{document.nav_admin.submit()});
.result(function(event, item) { location.href =
item.url } );
//.result(function(event, item) {alert
(!);document.nav_admin.submit()});
});
--
The error is: value is undefined, line 460
When I use an array of strings it works fine, but I would like to use
an array of names with the DB id of the name, when the user selects
the name the ID is sent to the next page :-) so my data would look
like {text:'monk.e.boy', url:'?id=XXX'}
That would be great :-)
Even better would be for the autocomplete to auto load the next page,
POSTing the ID... I'm not sure how I'd do that?
Thanks
monk.e.boy
[jQuery] Re: jquery + struts action
Marta - what exactly are you trying to do? By using an Ajax call, you
are going to get a response that should be the output of the forwarded
action.
$.ajax({
url: '/listReports.do',
type:'post',
cache: false,
dataType:'xml',
success: function (resp) {
// do something with resp
}
});
-Eric
On Dec 4, 10:32 am, Marta Figueiredo [EMAIL PROTECTED] wrote:
Hi
I need to call an action using jquery..
The following piece of code works correctly for it is calling and
executing code the correct struts action. However.. the action itseft is
not being correcty forwarded. I don't think that the problem is the
action, for if I call it in other ways the forward works. Any ideas?
$.ajax({
url: '/listReports.do',
type:'post',
cache: false,
dataType:'xml'
});
thanks
Marta
[jQuery] Re: selector question
Thanks! The lack of something else wrapping each tds content was
indeed the problem.
On Dec 4, 1:34 pm, Charlie Griefer [EMAIL PROTECTED]
wrote:
On Thu, Dec 4, 2008 at 10:28 AM, Charlie Griefer
[EMAIL PROTECTED]wrote:
On Thu, Dec 4, 2008 at 9:56 AM, clorentzen [EMAIL PROTECTED]wrote:
I'm trying to hide all the contents from tds within a table *except*
for the first td in each tr... I don't want to hide the tds,
just their contents, but I'm having trouble finding the correct
selector(s) to accomplish this.
table
tr
tdone/td
tdtwo/td
tdthree/td
/tr
tr
tdfour/td
tdfive/td
tdsix/td
/tr
/table
I'd like to hide the actual *content* two, three, five, and
six -- for as many tds there are after the first one in each row,
and for as many rows as there are in the table.
$(function() {
$('tr td:not(:first-child)').css({visibility:'hidden'});
});
Altho, to MorningZ's point... that's affecting the tds themselves, and not
specifically the content.
--
I have failed as much as I have succeeded. But I love my life. I love my
wife. And I wish you my kind of success.
[jQuery] Re: jQuery works locally, but not online
Looking at the HTML you have inside the ul that is the carousel, you have like img src=images/home/featuredProject-1.jpg / meaning according the the path it would look at for the image would be http://www.fireloopcreative.co.uk/clients/new_fireloop/images/home/featuredProject-1.jpg which throws a 404 not found error On Dec 4, 1:34 pm, FireloopCreative [EMAIL PROTECTED] wrote: Hi, I've got 2 jQuery features in 2 pages of a site I'm building. One is a show/hide list that's working perfectly, but on another page I've got a carousel image slide feature that's working when viewed locally but not when it's uploaded to our test server, which I can't understand. I've tried referencing the jQuery file and the javascript code locally and absolutely to no avail, the same thing's happening, I'm getting nothing online. Here's what I've got in the header - script type=text/javascript language=javascript src=lib/ jquery-1.2.6.js/script script type=text/javascript language=javascript src=lib/ jcarousellite.js/script - this is the 'functional' bit script type=text/javascript language=javascript src=lib/ carousel.js/script - this is controlling the speed etc. This is the page that's working perfectly -http://www.fireloopcreative.co.uk/clients/new_fireloop/services.php Here's where it's not -http://www.fireloopcreative.co.uk/clients/new_fireloop/index.php It's the big grey hole in the first column... If someone wise in the ways of jQuery could shed some light on what I'm doing wrong I'd much appreciate it as I've been trying to figure out the schoolboy error I've made for hours now! Cheers, Dave
[jQuery] Re: Stupid question: what is the return value of replaceWith good for?
For some reason I didn't think that would work, because of issues with
$myDiv not being on the page when it's created (and events only being
hook-up-able to on-page elements). But after testing your example I
realized that jQuery does keep it's references straight even when you
create the element off screen, so thanks; that actually solves my
problem perfectly!
Man, I love it when I think this can't be right, post to a forum,
and in less than two hours have a helpful response that explains it's
not right; here's where you are misunderstanding.
Jeremy
On Dec 4, 10:38 am, Michael Geary [EMAIL PROTECTED] wrote:
Don't forget that you don't have to do everything with chaining. Simply grab
a reference to any jQuery object or DOM element you want to use later.
var $myDiv = $('divmy div/div');
$(someHtmlElement).replaceWith($myDiv);
$myDiv.click( function() { alert( $(this).html() ); } );
-Mike
From: machineghost
While I love most things in jQuery, one thing I don't get is
replaceWith. This method returns the object you just
replaced, which as far as I can see is 100% worthless, rather
than the the object you're replacing it with. If you do:
$.(someHtmlElement).replaceWith(divmy div/div);
There is no way whatsoever (as far as I can tell at least) to
access divmy div/div after the replacement. You can
access someHtmlElement, but that's not very helpful; if
you're replacing it, you probably don't care about it anymore.
[jQuery] Re: jQuery works locally, but not online
Your #featuredProject div has a width of 0. I don't know if that is the only problem, but it's the first thing I noticed while poking around the page in Firebug. On another issue, do you not want people to be able to contact you? :-) Your phone number and email address are almost invisible. The colorful links at the top are also pretty hard to read, as is much of the body text if I disable my minimum font size in Firefox to see the page the way most people see it. Consider larger text and more contrast (but not such vivid colors for text links). -Mike -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of FireloopCreative Sent: Thursday, December 04, 2008 10:34 AM To: jQuery (English) Subject: [jQuery] jQuery works locally, but not online Hi, I've got 2 jQuery features in 2 pages of a site I'm building. One is a show/hide list that's working perfectly, but on another page I've got a carousel image slide feature that's working when viewed locally but not when it's uploaded to our test server, which I can't understand. I've tried referencing the jQuery file and the javascript code locally and absolutely to no avail, the same thing's happening, I'm getting nothing online. Here's what I've got in the header - script type=text/javascript language=javascript src=lib/ jquery-1.2.6.js/script script type=text/javascript language=javascript src=lib/ jcarousellite.js/script - this is the 'functional' bit script type=text/javascript language=javascript src=lib/ carousel.js/script - this is controlling the speed etc. This is the page that's working perfectly - http://www.fireloopcreative.co.uk/clients/new_fireloop/services.php Here's where it's not - http://www.fireloopcreative.co.uk/clients/new_fireloop/index.php It's the big grey hole in the first column... If someone wise in the ways of jQuery could shed some light on what I'm doing wrong I'd much appreciate it as I've been trying to figure out the schoolboy error I've made for hours now! Cheers, Dave
[jQuery] Re: Expanding div over an image on mouse-over
*cough* bump! :) On Dec 3, 1:43 pm, Robert K [EMAIL PROTECTED] wrote: I want to add a description/info to some images, I came across this really cool effect that I think is created usingMooTools, just wondering if it is possible to replicate in jQuery? Half way down the page (http://www.irishtimes.com/), 5 images with a black text box, put mouse over an image, text box expands to reveal more info. This is exactly what I want, can it be done in jQuery? I have tried using a couple of effects, but nothing that doesn't mess up the image. Is it possible with jQuery? Any suggestions? Thanks in advance. Ro
[jQuery] SimpleModal v1.2 released
A new version of SimpleModal has been released. It contains a few improvements and fixes for browser related issues. There are some new options and a few that have been deprecated, so make sure to check out the project homepage for a list changes and upgrade details. Homepage: http://www.ericmmartin.com/projects/simplemodal/ Demos: http://www.ericmmartin.com/simplemodal/ Plugin Page: http://plugins.jquery.com/project/SimpleModal I've also updated the contact form demo to include a subject and cc field, as well as utf-8 support. For those of you who use the SMCF WordPress plugin, I'll be updating that shortly. Thanks to everyone who has used SimpleModal and provided valuable feedback! -Eric
[jQuery] InnerFade bug
I'm using the InnerFade plugin for cycling through an underorderd list, works great until I resize my window to get a horizontal scroll bar and scroll to the right, the content within the InnerFade gets cut off. Not sure how to fix this? http://s54419.gridserver.com/
[jQuery] livequery not acting on radgrid ajax row elements
I have a livequery function that doesn't run after elements are added
with an AJAX RadGrid control.
the elements are image thumbnails ie: img class=thumb/
$(function() {
$(.thumb).livequery(function() {
$(this)
.resizeToScale({ width: 50, height: 50 });
});
});
If elements are added dynamically via other means (like a click event)
the livequery function runs right away.
click event that works:
$(function() {
$(.click).click(function() {
$(#dynamic)
.AddImage(../729424.jpg)
.children(img)
.addClass(thumb);
});
});
It seems to only be a problem with the RadGrid control when it
dynamically creates the elements.
Anyone have similar problem or thoughts on a fix/workaround?
[jQuery] Re: problem with document ready function
ricardo your the man. thank you so much.
[jQuery] Re: SOT: Blinking cursor in Firefox 2 bleeds through divs...
Can't reproduce it. Have you played with the z-indexes? On Dec 4, 4:02 pm, Dan G. Switzer, II [EMAIL PROTECTED] wrote: I have a weird problem I'm running into again, but haven't been able to find a fix. In FF2, when I place a div / over an input / element that currently has focus, the blinking cursor shows up through the top layer. I put together this little video to show off the problem: http://blog.pengoworks.com/index.cfm/2008/12/4/Blinking-cursor-in-Fir... bleeds-through-divs Does anyone know of a fix for this problem? -Dan
[jQuery] Re: SOT: Blinking cursor in Firefox 2 bleeds through divs...
There are some issues in FF with cursors and absolute positioned divs. Might've been fixed in FF3. Another one is the cursor won't show up in a text field within an absolute positioned div that is in a layer above the document body. If you do a google search on firebox cursor bug or the like you'll probably find some information. -- Josh -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of ricardobeat Sent: Thursday, December 04, 2008 1:13 PM To: jQuery (English) Subject: [jQuery] Re: SOT: Blinking cursor in Firefox 2 bleeds through divs... Can't reproduce it. Have you played with the z-indexes? On Dec 4, 4:02 pm, Dan G. Switzer, II [EMAIL PROTECTED] wrote: I have a weird problem I'm running into again, but haven't been able to find a fix. In FF2, when I place a div / over an input / element that currently has focus, the blinking cursor shows up through the top layer. I put together this little video to show off the problem: http://blog.pengoworks.com/index.cfm/2008/12/4/Blinking-cursor-in-Fir... bleeds-through-divs Does anyone know of a fix for this problem? -Dan
[jQuery] Re: How to animate frameset properties?
I tried it, believe me. :)
Yet I had to use frames due to close deadlines as divs that I used
were placed abnormally everwhere depending on which browser were
presented in.
I have to create a navigation side on the left and a content area on
the right. The menu should always be visible while the content should
be scrollable. The menu should become hidden on click and the
splitting between the sides should be adjustable. Tell me, is there
div-based jQuery code that accomplishes this? I use jTree for the
navigation menu and I tried jSplitter for creating the splitter but I
couldn't create an always visible yet scrollable layout :)
So I reverted back to frames and it works well in major browsers, I
can adjust splitter, I can scroll content, I just lost the possibility
of creating a smooth animation ( I animate the disappearing of the
navigation menu).
If you have better ideas, tell me.
On dec. 4, 02:28, ricardobeat [EMAIL PROTECTED] wrote:
You can only animate CSS properties, the col width is not one of them.
Get rid of the frames and use some clean code :)
On Dec 3, 9:40 pm, andriscs [EMAIL PROTECTED] wrote:
Hi,
I know it's kinda lame, but I should animate the setting of a
frameset's cols property.
So far I managed to learn that html properties can be animated using
anime({prop:”value”},duration)
I created for example a font size changer using that code.
As I work now with frames, I tried to modify a frameset’s properties:
first I used the following code:
top.$(#main_frame).attr(cols,0%,*);
It worked fine, the left frame disappeared. I just wanted to make it
with animation, so I tried the following:
top.$(#main_frame).animate({cols:0%,*},600);
but nothing happened. Is it because attribute ’cols’ cannot be
animated by jQuery’s inner mechanism? Honestly, I don’t feel much
difference between animating width property and cols property. Do you
have any idea of how to animate that kind of operation?
If not possbile what else solution would you suggest me to hide a left
sided navigation menu that resides in a frame?
[jQuery] Re: SOT: Blinking cursor in Firefox 2 bleeds through divs...
No matter what I set the z-index to, it always blinks through the layer. Here's a very straightforward example that shows the issue in every version of FF2 I have: http://www.pengoworks.com/workshop/bugs/ff2_blink_through.htm -Dan Can't reproduce it. Have you played with the z-indexes? On Dec 4, 4:02 pm, Dan G. Switzer, II [EMAIL PROTECTED] wrote: I have a weird problem I'm running into again, but haven't been able to find a fix. In FF2, when I place a div / over an input / element that currently has focus, the blinking cursor shows up through the top layer. I put together this little video to show off the problem: http://blog.pengoworks.com/index.cfm/2008/12/4/Blinking-cursor-in-Fir... bleeds-through-divs Does anyone know of a fix for this problem? -Dan
[jQuery] Re: Stupid question: what is the return value of replaceWith good for?
You can also do the opposite:
$('divmy div/div').replaceAll
(someHtmlElement).somethingWithTheNewElement()
- ricardo
On Dec 4, 5:02 pm, machineghost [EMAIL PROTECTED] wrote:
For some reason I didn't think that would work, because of issues with
$myDiv not being on the page when it's created (and events only being
hook-up-able to on-page elements). But after testing your example I
realized that jQuery does keep it's references straight even when you
create the element off screen, so thanks; that actually solves my
problem perfectly!
Man, I love it when I think this can't be right, post to a forum,
and in less than two hours have a helpful response that explains it's
not right; here's where you are misunderstanding.
Jeremy
On Dec 4, 10:38 am, Michael Geary [EMAIL PROTECTED] wrote:
Don't forget that you don't have to do everything with chaining. Simply grab
a reference to any jQuery object or DOM element you want to use later.
var $myDiv = $('divmy div/div');
$(someHtmlElement).replaceWith($myDiv);
$myDiv.click( function() { alert( $(this).html() ); } );
-Mike
From: machineghost
While I love most things in jQuery, one thing I don't get is
replaceWith. This method returns the object you just
replaced, which as far as I can see is 100% worthless, rather
than the the object you're replacing it with. If you do:
$.(someHtmlElement).replaceWith(divmy div/div);
There is no way whatsoever (as far as I can tell at least) to
access divmy div/div after the replacement. You can
access someHtmlElement, but that's not very helpful; if
you're replacing it, you probably don't care about it anymore.
[jQuery] Re: How to animate frameset properties?
I'm going to toss this out there, though you may not want the effort.
You could sort of roll your own animation that uses the attribute, rather
than the CSS.
It would involve a setTimeout, and use the $(el).attr('cols',val);
Again, that's a lot of plumbing to tackle, but any attribute that can be set
by jQuery.attr can be animated.
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of andriscs
Sent: Thursday, December 04, 2008 1:35 PM
To: jQuery (English)
Subject: [jQuery] Re: How to animate frameset properties?
I tried it, believe me. :)
Yet I had to use frames due to close deadlines as divs that I used
were placed abnormally everwhere depending on which browser were
presented in.
I have to create a navigation side on the left and a content area on
the right. The menu should always be visible while the content should
be scrollable. The menu should become hidden on click and the
splitting between the sides should be adjustable. Tell me, is there
div-based jQuery code that accomplishes this? I use jTree for the
navigation menu and I tried jSplitter for creating the splitter but I
couldn't create an always visible yet scrollable layout :)
So I reverted back to frames and it works well in major browsers, I
can adjust splitter, I can scroll content, I just lost the possibility
of creating a smooth animation ( I animate the disappearing of the
navigation menu).
If you have better ideas, tell me.
On dec. 4, 02:28, ricardobeat [EMAIL PROTECTED] wrote:
You can only animate CSS properties, the col width is not one of them.
Get rid of the frames and use some clean code :)
On Dec 3, 9:40 pm, andriscs [EMAIL PROTECTED] wrote:
Hi,
I know it's kinda lame, but I should animate the setting of a
frameset's cols property.
So far I managed to learn that html properties can be animated using
anime({prop:value},duration)
I created for example a font size changer using that code.
As I work now with frames, I tried to modify a framesets properties:
first I used the following code:
top.$(#main_frame).attr(cols,0%,*);
It worked fine, the left frame disappeared. I just wanted to make it
with animation, so I tried the following:
top.$(#main_frame).animate({cols:0%,*},600);
but nothing happened. Is it because attribute cols cannot be
animated by jQuerys inner mechanism? Honestly, I dont feel much
difference between animating width property and cols property. Do you
have any idea of how to animate that kind of operation?
If not possbile what else solution would you suggest me to hide a left
sided navigation menu that resides in a frame?
[jQuery] Re: Changing Class using Jquery
Here is some basic jQuery that does what you want.
First hide all li elements with class=blocked
Then add click handler to a elements with class=add to locate the
first hidden li within the Category and to remove class=blocked
and show the li
Add similar click handler for remove a element.
$('.blocked').hide();
$('.add').click(function() {
var Category = $(this).parent().parent();
$('li:hidden:first', Category).removeClass('blocked').show();
return false;
});
$('.remove').click(function() {
var Category = $(this).parent().parent();
$('li:visible:last', Category).addClass('blocked').hide();
return false;
});
Hope that helps
Paul
[jQuery] Re: Select checkbox when click on row
off the top of my head:
$('tr').click(function(event) {
if (event.target.type !== 'checkbox') {
$(':checkbox', this).click();
}
});
--Karl
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Dec 4, 2008, at 10:44 AM, Chizo wrote:
Hi people, i need a little help, i´m complete new in jquery and i am a
little lost... my doubt is:
how can i check/uncheck a checkbox by clicking a row like yahoo
mail ,for example.
my checks id is (for all) CheckAreaID and the value that they are
taking ar the AreaID.
Thanks and sorry for my english!
Lucas
[jQuery] div hides ok, but doesn't show up again.
Hi all,
I am trying to load content from another file in several divs on one
page.
If i use this script:
var ct=0;
$(.container).each(function () {
var id=this.id;
$([id=+id+]).append(div id=pic+ct+img src='../grafix/
spinner.gif'd/div);//alert('r');
$(#pic+ct).hide()
.load(ajax_getimage.php?url=+id);
$(#pic+ct).fadeIn(slow);
ct++;
});
everything works wel.
Now i'd like the script to hold until the complete remote content has
been loaded (an image) and then fade it in.
Therefore I use this script:
var ct=0;
$(.container).each(function () {
var id=this.id;
$([id=+id+]).append(div id=pic+ct+img src='../grafix/
spinner.gif'd/div);
$(#pic+ct).hide()
.load(ajax_getimage.php?url=+id,function(){
$(#pic+ct).fadeIn(slow);
});
ct++;
});
The div which holds the content has to hide until fully loaded, and
the fade in. It hides already, but doesn't show up again.
obviously I am overlooking soemthing here. Anyone who can shed some
light?
Thanks!
[jQuery] Re: Expanding div over an image on mouse-over
One way to do it: http://jsbin.com/owamu/ (yeah I went crazy on the math :D) - ricardo On Dec 4, 5:24 pm, Robert K [EMAIL PROTECTED] wrote: *cough* bump! :) On Dec 3, 1:43 pm, Robert K [EMAIL PROTECTED] wrote: I want to add a description/info to some images, I came across this really cool effect that I think is created usingMooTools, just wondering if it is possible to replicate in jQuery? Half way down the page (http://www.irishtimes.com/), 5 images with a black text box, put mouse over an image, text box expands to reveal more info. This is exactly what I want, can it be done in jQuery? I have tried using a couple of effects, but nothing that doesn't mess up the image. Is it possible with jQuery? Any suggestions? Thanks in advance. Ro
[jQuery] Re: jquery.cycle scrollDown FX
You just need to get the right style rules in there. Here's a hint: http://jquery.malsup.com/cycle/test/dec4.html Wow that was easy! Thanks again Mike!
[jQuery] Re: SOT: Blinking cursor in Firefox 2 bleeds through divs...
Josh, There are some issues in FF with cursors and absolute positioned divs. Might've been fixed in FF3. Another one is the cursor won't show up in a text field within an absolute positioned div that is in a layer above the document body. If you do a google search on firebox cursor bug or the like you'll probably find some information. I can't find lots of information on the cursor *not* showing up, unfortunately my problem is it is bleeding through. The example page I posted is so basic, I'm sure there's got to be a workaround for it. -Dan
[jQuery] newbie: making a sortable table by some hidden value
Hi, I would like to sort a table a number of table rows by values inside hidden form elements inside cells of the table. These form elements can represent different 'datatypes' (I put datatypes in quotes because the types my application defines aren't necessarily always the classic types one might expect), the first case that I need to sort on is basically datetime values. Anyone can give some pseudo code to do this with jquery Thanks
[jQuery] Re: Confirm Delete from DB
I really need to get this fixed please help.. am new to jquery.
james182 wrote:
Okay I'm getting there, how would i combine the delnews javascript to the
jQuery statement?
[CODE]
script language=JavaScript type=text/javascript
function delnews(user_id, user_firstname){
if (confirm(Are you sure you want to delete ' + user_firstname +
')) {
window.location.href = 'test.php?delnews=' + user_id;
}
}
$(document).ready(function() {
$('.removeLink').bind('click', function(){
if (confirm(Are you sure you want to delete )) {
$(this).parent().fadeOut(1000, function() {
$(this).parents('tr').remove();
alert('DELETED FROM DB');
});
}
return false;
});
});
/script
/head
body
table border=0 width=50%
trtdpersonA javascript:delnews('1','personA') Delete /td/tr
trtdtest1 javascript:delnews('10','test1') Delete /td/tr
/table
[/CODE]
--
View this message in context:
http://www.nabble.com/Confirm-Delete-from-DB-tp20789251s27240p20844816.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: problem with document ready function
works great but now with the subs.hide() the toggle on the category no longer works :(
[jQuery] Re: Simple Selector Question -- Context
Liam,
Right, but that defeats the point of caching the jQuery object that
was created by:
var pError = $('p.error');
Since I'm just calling it again with a different selector, namely,
the :visible one.
On Dec 3, 9:17 am, Liam Potter [EMAIL PROTECTED] wrote:
it would be this
$('p.error:visible')
Joe wrote:
If I have the following:
var pError = $('p.error');
Then I can do the following with no problem:
pError.text('lorem);
Yet, I want to check for the paragraphs that have the class error
that are visible, I would think it is something like this:
var visibleError = $(':visible', pError);
However, this fails.
Is this because the visible selector is different in creating the
wrapped set of paragraph tags with the class error?
What is the proper way of using the context of pError with the visible
selector?
Thanks!
[jQuery] Re: Simple Selector Question -- Context
Thanks Ricardo, looks good.
On Dec 3, 10:14 am, ricardobeat [EMAIL PROTECTED] wrote:
Or pError.filter(':visible').
By using 'pError' as a context, you are looking for it's children, not
the elements themselves.
- ricardo
On Dec 3, 1:17 pm, Liam Potter [EMAIL PROTECTED] wrote:
it would be this
$('p.error:visible')
Joe wrote:
If I have the following:
var pError = $('p.error');
Then I can do the following with no problem:
pError.text('lorem);
Yet, I want to check for the paragraphs that have the class error
that are visible, I would think it is something like this:
var visibleError = $(':visible', pError);
However, this fails.
Is this because the visible selector is different in creating the
wrapped set of paragraph tags with the class error?
What is the proper way of using the context of pError with the visible
selector?
Thanks!
[jQuery] Re: SOT: Blinking cursor in Firefox 2 bleeds through divs...
Hi Dan, I wish I could give you some good news, but instead I can only commiserate. FF 2 had all sorts of problems like that. Try having an absolutely positioned div overlapping the scrollbar of a div with overflow: scroll. Ugly. I even recall seeing a cursor in one tab's textarea blinking through to the currently visible tab. Those problems appear to have been fixed in FF3. --Karl On Dec 4, 2008, at 5:58 PM, Dan Switzer wrote: Josh, There are some issues in FF with cursors and absolute positioned divs. Might've been fixed in FF3. Another one is the cursor won't show up in a text field within an absolute positioned div that is in a layer above the document body. If you do a google search on firebox cursor bug or the like you'll probably find some information. I can't find lots of information on the cursor *not* showing up, unfortunately my problem is it is bleeding through. The example page I posted is so basic, I'm sure there's got to be a workaround for it. -Dan
[jQuery] Re: div hides ok, but doesn't show up again.
Try putting some logging in the .load callback, on the ct
variable...make sure it's getting bound correctly.
On Dec 4, 2:19 pm, Polskaya [EMAIL PROTECTED] wrote:
Hi all,
I am trying to load content from another file in several divs on one
page.
If i use this script:
var ct=0;
$(.container).each(function () {
var id=this.id;
$([id=+id+]).append(div id=pic+ct+img src='../grafix/
spinner.gif'd/div);//alert('r');
$(#pic+ct).hide()
.load(ajax_getimage.php?url=+id);
$(#pic+ct).fadeIn(slow);
ct++;
});
everything works wel.
Now i'd like the script to hold until the complete remote content has
been loaded (an image) and then fade it in.
Therefore I use this script:
var ct=0;
$(.container).each(function () {
var id=this.id;
$([id=+id+]).append(div id=pic+ct+img src='../grafix/
spinner.gif'd/div);
$(#pic+ct).hide()
.load(ajax_getimage.php?url=+id,function(){
$(#pic+ct).fadeIn(slow);
});
ct++;
});
The div which holds the content has to hide until fully loaded, and
the fade in. It hides already, but doesn't show up again.
obviously I am overlooking soemthing here. Anyone who can shed some
light?
Thanks!
[jQuery] Re: jEditable - simple datepicker
Any updates on this plugin, I have tried to make it myself, I'm almost there, but maybe someone can just finish the job!!! :))
[jQuery] Electricity - Make It, Dont Buy It.
Electricity - Make It, Dont Buy It. http://dispaying.com/electricity-make-it-dont-buy-it--s-157.html Build A Wind Generator http://dispaying.com/build-wind-generator-s-158.html Simple Water Car http://dispaying.com/simple-water-car-s-156.html Create electricity at home - renewable energy. Make a windmill and solar power system http://dispaying.com/create-electricity-home-renewable-energy--make-windmill-and-solar-power-system-s-140.html Learn How I Earn $1000 to $3500 Every Day! http://www.dispaying.com/learn-how-earn-every-day--s-182.html Convert Your Car To Burn Water + Gasoline = Boost Your Mileage! http://www.dispaying.com/convert-your-car-burn-water-gasoline-boost-your-mileage--s-183.html
[jQuery] using jquery to implement google maps on phpbb3
I have a small phpbb3 bulletin board and I'm trying to implement
google maps via a mod/bb code solution.
I have got it working where I can embed a single map. But
unfortunately, when a 2nd map is added to a thread, the first one
disappears. I've isolated this as having to do with the div tag id
used by the javascript. I've tried creating a random number for the id
code in js. But that doesn't work either, as the variable name is the
same for both instances of the map.
sigh...
I just today stumbled on jquery and was told there was a way to keep
each div id unique when multiple instances of the script are on the
page.
The javascript (along with the google maps api for my site) is below:
There are three phpbb bbcode variables in this code. SIMPLETEXT1,
SIMPLETEXT2 AND NUMBER They correspond to location, description and
the zoom for the map.
As noted, the map works in a single instance. But the next time
someone posts a map, the first one doesn't display. Does anyone know
how to use jquery to write the div id so that this actually works?
I will be forever in your debt for any help with this.
-bob
script src=http://www.google.com/jsapi?
key=ABQIM79iA8VQkkozpKHIqSxUhRSXnAaMq2fjh449SYdBhdqqjpIXQBQfhT6m4WhePFr1o6g3nyIXBcFe_g
type=text/javascript/script
script type=text/javascript
//![CDATA[
google.load(maps, 2.x);
function initialize() {
var map = new GMap2(document.getElementById(map- + ranNum),
{ size: new GSize(400,300) } );
var address = '{SIMPLETEXT1}';
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
geocoder = new GClientGeocoder();
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert(address + not found);
} else {
map.setCenter(point, {NUMBER});
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml('{SIMPLETEXT2}');
}
}
);
}
var ranNum= Math.round(Math.random()*999);
document.write('div id=map-' + ranNum + ' style=width:
650px; height: 550px/div');
google.setOnLoadCallback(initialize);
window.onunload = function() {
if (map) {GUnload();}
}
//]]
/script
[jQuery] Object Oriented Form Handling
Does anyone know of a way to use class like objects in event handling using jQuery? For Example, input type='button' value='Button' onclick='Record.show()' / where .show() is a method of the Record object. This would be really cool to be able to reuse the method name .show() but with different objects verses just coding a huge list of functions that are hard to organize and end up with long names. Thanks
[jQuery] Functions and variables
I'm sure this is dealt with somewhere in the jQuery tutorials but I
have not been able to find it.
I'm new to jQuery and used to working with functions and variables so
that I can create reusable code and not have to hard code every event
that could happen. This is pretty much basic programming. For
Example,
function action(id) {
//do something.
}
Short of using this method of traditionally programming is there a
better way of doing this in jQuery?
[jQuery] using jquery to implement google maps on phpbb3
I have a small phpbb3 bulletin board and I'm trying to implement
google maps via a mod/bb code solution.
I have got it working where I can embed a single map. But
unfortunately, when a 2nd map is added to a thread, the first one
disappears. I've isolated this as having to do with the div tag id
used by the javascript. I've tried creating a random number for the id
code in js. But that doesn't work either, as the variable name is the
same for both instances of the map.
sigh...
I just today stumbled on jquery and was told there was a way to keep
each div id unique when multiple instances of the script are on the
page.
The javascript (along with the google maps api for my site) is below:
There are three phpbb bbcode variables in this code. SIMPLETEXT1,
SIMPLETEXT2 AND NUMBER They correspond to location, description and
the zoom for the map.
As noted, the map works in a single instance. But the next time
someone posts a map, the first one doesn't display. Does anyone know
how to use jquery to write the div id so that this actually works?
I will be forever in your debt for any help with this.
-bob
script src=http://www.google.com/jsapi?
key=ABQIM79iA8VQkkozpKHIqSxUhRSXnAaMq2fjh449SYdBhdqqjpIXQBQfhT6m4WhePFr1o6g3nyIXBcFe_g
type=text/javascript/script
script type=text/javascript
//![CDATA[
google.load(maps, 2.x);
function initialize() {
var map = new GMap2(document.getElementById(map- + ranNum),
{ size: new GSize(400,300) } );
var address = '{SIMPLETEXT1}';
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
geocoder = new GClientGeocoder();
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert(address + not found);
} else {
map.setCenter(point, {NUMBER});
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml('{SIMPLETEXT2}');
}
}
);
}
var ranNum= Math.round(Math.random()*999);
document.write('div id=map-' + ranNum + ' style=width:
650px; height: 550px/div');
google.setOnLoadCallback(initialize);
window.onunload = function() {
if (map) {GUnload();}
}
//]]
/script
[jQuery] Re: Functions and variables
Sorry...this question is a little ambiguous to me. Can you be more
specific or give an example/use case? I think you will have to hard
code every event, because otherwise there's no logic dictating what
happens when, say, you click something. As for defining actual
functions and reusable code...either use the regular code you have
there, wrap up your code in a regular JavaScript class, or make a
jQuery plugin that's specific for your site.
Max
On Dec 4, 2:26 pm, Will [EMAIL PROTECTED] wrote:
I'm sure this is dealt with somewhere in the jQuery tutorials but I
have not been able to find it.
I'm new to jQuery and used to working with functions and variables so
that I can create reusable code and not have to hard code every event
that could happen. This is pretty much basic programming. For
Example,
function action(id) {
//do something.
}
Short of using this method of traditionally programming is there a
better way of doing this in jQuery?
[jQuery] Re: Object Oriented Form Handling
As with your other question about functions and variables, could you give a specific example of some jQuery code that doesn't look good to you, and then we can talk about how to clean it up? One thing to keep in mind is that jQuery focuses pretty much on DOM manipulation. It doesn't provide much help with creating and using objects, but you can use any of the usual JavaScript techniques for these. Also, you'll find that a lot of jQuery code uses closures where other code might use traditional JS objects. It isn't required to use one or the other, but often closures are a simpler solution. -Mike From: Will Does anyone know of a way to use class like objects in event handling using jQuery? For Example, input type='button' value='Button' onclick='Record.show()' / where .show() is a method of the Record object. This would be really cool to be able to reuse the method name .show() but with different objects verses just coding a huge list of functions that are hard to organize and end up with long names. Thanks
[jQuery] Re: Object Oriented Form Handling
This sort of goes against the grain of what jQuery is about -- UJS
(unobtrusive javascript). I think what you're normally do (or at
least, what I'd do; I'm not a huge buff on passing validation) is add
a record_id property to the input, then have like
input type='button' value='Button' onclick='Record.show()'
id=my_show_button /
$(input.my_show_button).click(function(){ $(#record_+$(this).attr
(record_id)).show() });
or something. Or you could encode the record id in the name or id of
the input (like after a _ or something, my_show_button_4).
I may be wrong, but I think Prototype is more about creating object
classes (like Record), but jQuery certainly isn't.
Thoughts?
Max
On Dec 4, 2:31 pm, Will [EMAIL PROTECTED] wrote:
Does anyone know of a way to use class like objects in event handling
using jQuery?
For Example,
input type='button' value='Button' onclick='Record.show()' /
where .show() is a method of the Record object. This would be really
cool to be able to reuse the method name .show() but with different
objects verses just coding a huge list of functions that are hard to
organize and end up with long names.
Thanks
[jQuery] Jquery UI Tabs
http://d40541.u24.gazungle.com/portfolio.php working for me fine in FF .. but not in IE7 ... any suggestions ? I am using the AJAX call method instead of DIVS as well. thank you !!!
[jQuery] Re: Functions and variables
jQuery isn't a separate language with its own rules. It's still JavaScript
code, just like any other JavaScript code. Functions, variables, reusable
code, those are all good practice, and none of it changes because you're
using jQuery.
Could you give a specific example of some jQuery code that doesn't look
good, and then we can talk about how to clean it up?
-Mike
From: Will
I'm sure this is dealt with somewhere in the jQuery tutorials
but I have not been able to find it.
I'm new to jQuery and used to working with functions and
variables so that I can create reusable code and not have to
hard code every event that could happen. This is pretty much
basic programming. For Example,
function action(id) {
//do something.
}
Short of using this method of traditionally programming is
there a better way of doing this in jQuery?
