[jQuery] cluetip class problems SOLVED!!
Thanxs Carl! Works great now! Start experimenting right now! thanxs!
[jQuery] Re: Refreshing Menu after Adding New Structure
The code that does the replace is within a javascript file and is
follows:
top.document.getElementById(topTabs).innerHTML = data;
topTabs is a div element and data is the new UL structure with the
added LI
Even if I somehow managed to just locate the correct parent UL and
add in the new LI I would still have the same problem in that it
would not have any auto generated JQuery code and therefore would not
appear when hovering over the parent item.
On Jan 20, 4:24 pm, Rick Faircloth r...@whitestonemedia.com wrote:
Can you post your code that's doing the replacement
for your menu? I assume that some of the jQuery code
in the original menu is generated by Superfish? If so,
replacing that auto-generated code could be tricky...
-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of cajchris
Sent: Tuesday, January 20, 2009 10:26 AM
To: jQuery (English)
Subject: [jQuery] Re: Refreshing Menu after Adding New Structure
Rick,
Its not really a problem to do with clicking events etc its more to do
with the general information that JQuery adds to elements being lost.
Here is an example of the UL code I have after the innerHTML replace
is done (the ULLIAAmex/A/LI/UL is the newly added
structure):
A id=m11780 title=FAQ onclick= href=http://
localhost/servlet/
com.isa.balmoral.admin.process.PFrameworkServlet#FAQ/A
UL
LI
A id=m11781 title=All Groups onclick=
href=http://localhost/servlet/
com.isa.balmoral.admin.process.PFrameworkServlet#All Groups/A
UL
LI
A id=m-2 title=Amex onclick= href=http://
localhost/servlet/
com.isa.balmoral.admin.process.PFrameworkServlet#Amex/A
/LI
/UL
/LI
LI
A id=m11782 title=Top 10 onclick=
href=http://localhost/servlet/
com.isa.balmoral.admin.process.PFrameworkServlet#Top 10/A
/LI
LI
A id=m12668 title=AECustView onclick=
href=http://localhost/servlet/
com.isa.balmoral.admin.process.PFrameworkServlet#AECustView/A
/LI
/UL
Before the innerHTML it was:
A class=sf-with-ul id=m11780 title=FAQ onclick=
href=# jQuery1232463464064=85FAQSPAN class=sf-sub-indicator
jQuery1232463464064=null»/SPAN/A
UL style=DISPLAY: none; VISIBILITY: hidden
oldblock=block
LI jQuery1232463464064=86
A id=m11781 title=All Groups onclick=
href=# jQuery1232463464064=87All Groups/A
/LI
LI jQuery1232463464064=88
A id=m11782 title=Top 10 onclick= href=#
jQuery1232463464064=89Top 10/A
/LI
LI jQuery1232463464064=90
A id=m12668 title=AECustView onclick= href=#
jQuery1232463464064=91AECustView/A
/LI
/UL
So you can see that all the JQuery information has been lost. Is there
anyway to get all of that back? As now the hover functionality on this
menu does not work. It is based on the superfish menu system
On Jan 20, 3:20 pm, Rick Faircloth r...@whitestonemedia.com wrote:
Here's a good link for you:
http://brandonaaron.net/blog/2007/08/19/new-plugin-live-query
And here's a sample (that's right off the page above)
$('a')
.livequery('click', function(event) {
alert('clicked');
return false;
});
There are also other examples and some demos on the page above, too.
Live query couldn't be easier. Just include the reference for the
plug-in in your header under the main jQuery core reference, then
find your code that triggers the action that injects new DOM elements
and put .livequery (as above) in between the element and the click
function.
That's all I had to do to solve this problem.
Send some of your code if you need more help.
Rick
-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of cajchris
Sent: Tuesday, January 20, 2009 9:03 AM
To: jQuery (English)
Subject: [jQuery] Re: Refreshing Menu after Adding New Structure
Also is it fairly straightforward to use. The only thing that seems to
have been dropped are things like:
LI class= jQuery1232455646417=3 replaced with just LI
AND
UL class= style=DISPLAY: none; FILTER: ; VISIBILITY: hidden; ZOOM:
1 oldblock=block jQuery1232455646417=452
replaced with UL
This is why I need the JQuery to refresh and put these values back in
Cheers
On Jan 20, 1:57 pm, cajchris cajch...@gmail.com wrote:
Hey Rick,
That URL you posted
[jQuery] Re: slideToggle in jQuery 1.3
you are right, this should be posted at the dev group http://groups.google.com/group/jquery-dev Kazzart wrote: I noticed as of version 1.3 slideToggle animation effect had been modified the vertical padding and vertical margin are also animated, creating a smoother effect so I decided to test this out. It works great in Firefox but in IE 7 its even less smooth than the previous version. The vertical padding and margin actually jumps rather than slides creating a noticable jumping effect (you can see this on the jquery docs example page - http://docs.jquery.com/Effects/slideToggle).
[jQuery] Re: Identify last keeypess
Stick autocomplete=off in your input tag and that should do it input type=text name=login autocomplete=off / Though this might cause XHTML validation to fail if that's an issue From: jquery-en@googlegroups.com on behalf of rob303 Sent: Tue 20/01/2009 16:40 To: jQuery (English) Subject: [jQuery] Re: Identify last keeypess Thanks again. On reflection I think you are right James. I should probably disable autocomplete for this field and doing so would resolve my issue. However, I've taken a quick look at the nocomplete plugin and that's not really what I want as it breaks some other functionality I have on those inputs. Is there a simple an elegant way to do it? Thanks! Rob. On Jan 20, 3:24 pm, James Hughes j.hug...@kainos.com wrote: On a side note... Do you want/need autocomplete becasue it is possible to stop a textfield being capable of autocomplete. I ask simply becasue your example uses a login field and sometimes it's not security concious to allow autocomplete on some login fields. Otherwise you'll just have to log what key was pressed in an external variable EVERYTIME a key is pressed and check that variale at the start of every keypress event. James This e-mail is intended solely for the addressee and is strictly confidential; if you are not the addressee please destroy the message and all copies. Any opinion or information contained in this email or its attachments that does not relate to the business of Kainos is personal to the sender and is not given by or endorsed by Kainos. Kainos is the trading name of Kainos Software Limited, registered in Northern Ireland under company number: NI19370, having its registered offices at: Kainos House, 4-6 Upper Crescent, Belfast, BT7 1NT, Northern Ireland. Registered in the UK for VAT under number: 454598802 and registered in Ireland for VAT under number: 9950340E. This email has been scanned for all known viruses by MessageLabs but is not guaranteed to be virus free; further terms and conditions may be found on our website - www.kainos.com
[jQuery] Re: Solution To Many Of Your CSS Nightmares!
sadly, i doubt any other group will participate as passionately as the you geeks.
[jQuery] Re: Recommendation Required - Custom Classes Library
I only heard about this one, looks a bit different from Mootools but much smaller: http://www.danwebb.net/2008/1/31/low-pro-for-jquery Though I wonder if it's possible to port the whole Mootools implementation to jQuery? You can maybe keep some parts of Core, Native and Class, and hack it to work with jQuery ... now that sounds like a whole new framework :) I don't know Mootools that much at all but maybe it's not as hard as it sounds... On Jan 21, 8:18 am, Neil Craig neil.big.cr...@gmail.com wrote: Bump :) On Jan 20, 10:36 am, Neil Craig neil.big.cr...@gmail.com wrote: I was wondering, which Custom Classes Library is best to use along with jQuery. Up to now, I've been using Mootools to create custom classes that can be easily extended through its inheritance model. It also has custom events that I have used extensively. Which library do you recommend that has the same functionality as described above that can co-exist with jQuery peacefully? This could make for an interesting discussion
[jQuery] how to do '++' in jQuery
some times we want to do some animation we use xxx.width++
in jQuery we give value like this $('xx').width(value)
how to do ++ thing in this way?
[jQuery] AjaxCFC success return value
I am trying to create a function that returns the value produced from an
Ajaxcfc call.
function getRootCatID(strSupplierCode){
var objParams = {};
objParams.strSupplierCode = strSupplierCode;
$.AjaxCFC({
url: model/category/CategoryAjaxFacade.cfc,
method: getRootNode,
data: objParams,
unnamedargs: false,
serialization: json,
success: function(intCatID) {
alert(intCatID);
}
});
return intCatID;
}
I have not been able to return a value from with the success parameter or
outside the ajaxcfc call.
How can I get my function working ?
thanks very much
--
View this message in context:
http://www.nabble.com/AjaxCFC-success-return-value-tp21580307s27240p21580307.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jquery parse xml can't run ie7?
http://groups.google.com/group/jquery-en/browse_frm/thread/95718c9aab2c7483/af37adcb54b816c3?lnk=gstq=parsexml#af37adcb54b816c3
On Jan 21, 5:19 am, frank Shi frankshi...@gmail.com wrote:
html
titlehello/title
head
script src=../media/js/jquery-1.3.min.js type=text/javascript/
script
script
function ParseXml(xml){
var xml='?xml version=1.0 encoding=UTF-8 ?';
xml+='root';
xml+='resultcompany33/company/result';
xml+='resultcompany222/company/result';
xml+='/root';
alert(xml);
$(xml).find(result).each(function()
{
var id=$(this).children(company);
alert(id.text());
});
}
/script
/head
body
input name=Show type=button value=ParseXml() onclick=ParseXml
()
/body
html
above code in chrome, firefox run normally, ie7 cant' alert(id.text
())
why?
[jQuery] Re: Validate: Meta class and markup validation
Okay, thanks for the tip. I do tend to be a bit fussy about things
validating properly, but I suppose that as long as it doesn't break
anything in any browsers (and it doesn't seem to) then it probably
isn't important. I think switching to XHTML 1.0 transitional would
cause the validation errors to go away but doesn't jQuery 1.3 demand a
strict doctype now?
On Jan 20, 2:53 pm, Jörn Zaefferer joern.zaeffe...@googlemail.com
wrote:
Not really. In one way or the other, you have to make a trade-off -
I'd just ignore the warning, knowing that there really isn't a
problem.
One way to reduce the problem may be class
compositions:http://docs.jquery.com/Plugins/Validation/Validator/addClassRules#nam...
You'd put together the various complex combinations you have into
simpler classes, and use only those, without the curly braces.
Or, customize the metadata plugin to use other characters for
embedding - no idea whats valid for XHTML 1.1.
Jörn
On Tue, Jan 20, 2009 at 3:39 PM, Gordon gordon.mc...@ntlworld.com wrote:
We've been making ever more use of the excellent jquery.validate
plugin on our various sites. In order that we don't have to write a
validation script for every page with a form we have been using the
embedded class style of rule definition, and as the rules we need for
validation have grown more complex we have switched from simple
classes to using the metadata plugin and the {validate:{rule:value}}
syntax.
This works well, except it leads to problems when trying to validate
pages with the w3c validator as XHtML 1.1. The validation fails,
complaining that the curly braces {} are illegal characters in class
names. This doesn't seem to happen when using an older XHTML
doctype.
Is there a way around this problem so that pages validate in spite of
the embedded class names?
[jQuery] Re: slideToggle in jQuery 1.3
I have reposted this at jquery-dev but it may take a bit to appear as it is my first post on that group. On 21 Jan, 08:54, Liam Potter radioactiv...@gmail.com wrote: you are right, this should be posted at the dev grouphttp://groups.google.com/group/jquery-dev Kazzart wrote: I noticed as of version 1.3 slideToggle animation effect had been modified the vertical padding and vertical margin are also animated, creating a smoother effect so I decided to test this out. It works great in Firefox but in IE 7 its even less smooth than the previous version. The vertical padding and margin actually jumps rather than slides creating a noticable jumping effect (you can see this on the jquery docs example page -http://docs.jquery.com/Effects/slideToggle).
[jQuery] Re: Identify last keeypess
Many thanks James. On Jan 21, 8:58 am, James Hughes j.hug...@kainos.com wrote: Stick autocomplete=off in your input tag and that should do it input type=text name=login autocomplete=off / Though this might cause XHTML validation to fail if that's an issue From: jquery-en@googlegroups.com on behalf of rob303 Sent: Tue 20/01/2009 16:40 To: jQuery (English) Subject: [jQuery] Re: Identify last keeypess Thanks again. On reflection I think you are right James. I should probably disable autocomplete for this field and doing so would resolve my issue. However, I've taken a quick look at the nocomplete plugin and that's not really what I want as it breaks some other functionality I have on those inputs. Is there a simple an elegant way to do it? Thanks! Rob. On Jan 20, 3:24 pm, James Hughes j.hug...@kainos.com wrote: On a side note... Do you want/need autocomplete becasue it is possible to stop a textfield being capable of autocomplete. I ask simply becasue your example uses a login field and sometimes it's not security concious to allow autocomplete on some login fields. Otherwise you'll just have to log what key was pressed in an external variable EVERYTIME a key is pressed and check that variale at the start of every keypress event. James This e-mail is intended solely for the addressee and is strictly confidential; if you are not the addressee please destroy the message and all copies. Any opinion or information contained in this email or its attachments that does not relate to the business of Kainos is personal to the sender and is not given by or endorsed by Kainos. Kainos is the trading name of Kainos Software Limited, registered in Northern Ireland under company number: NI19370, having its registered offices at: Kainos House, 4-6 Upper Crescent, Belfast, BT7 1NT, Northern Ireland. Registered in the UK for VAT under number: 454598802 and registered in Ireland for VAT under number: 9950340E. This email has been scanned for all known viruses by MessageLabs but is not guaranteed to be virus free; further terms and conditions may be found on our website -www.kainos.com
[jQuery] Re: Validate: Meta class and markup validation
No, not that I know of. Any doctype that gets the browser out of
quirksmode should be fine. Personally I prefer the html5 doctype, as
I'm able to remember it and write it down anytime:
!DOCTYPE html
Jörn
On Wed, Jan 21, 2009 at 11:46 AM, Gordon gordon.mc...@ntlworld.com wrote:
Okay, thanks for the tip. I do tend to be a bit fussy about things
validating properly, but I suppose that as long as it doesn't break
anything in any browsers (and it doesn't seem to) then it probably
isn't important. I think switching to XHTML 1.0 transitional would
cause the validation errors to go away but doesn't jQuery 1.3 demand a
strict doctype now?
On Jan 20, 2:53 pm, Jörn Zaefferer joern.zaeffe...@googlemail.com
wrote:
Not really. In one way or the other, you have to make a trade-off -
I'd just ignore the warning, knowing that there really isn't a
problem.
One way to reduce the problem may be class
compositions:http://docs.jquery.com/Plugins/Validation/Validator/addClassRules#nam...
You'd put together the various complex combinations you have into
simpler classes, and use only those, without the curly braces.
Or, customize the metadata plugin to use other characters for
embedding - no idea whats valid for XHTML 1.1.
Jörn
On Tue, Jan 20, 2009 at 3:39 PM, Gordon gordon.mc...@ntlworld.com wrote:
We've been making ever more use of the excellent jquery.validate
plugin on our various sites. In order that we don't have to write a
validation script for every page with a form we have been using the
embedded class style of rule definition, and as the rules we need for
validation have grown more complex we have switched from simple
classes to using the metadata plugin and the {validate:{rule:value}}
syntax.
This works well, except it leads to problems when trying to validate
pages with the w3c validator as XHtML 1.1. The validation fails,
complaining that the curly braces {} are illegal characters in class
names. This doesn't seem to happen when using an older XHTML
doctype.
Is there a way around this problem so that pages validate in spite of
the embedded class names?
[jQuery] jQuery.support IE6 or later
I fully understand why support detection is considered much better than browser sniffing. But I have yet to see a way to detect the flash/ selectbox bleed-through issue that exists in IE version 6 or earlier. For that reason, I think that jQuery.browser should be maintained in future releases of jQuery.
[jQuery] Checkbox and Radio buttons hooked on change problem in Internet Explorer
Hi all. I am triggering an ajax load on my page if a radio button or checkbox is changed. For this i am binding 'change' to the checkbox or radio button. This works perfect in both Firefox and Safari but not in Internet Explorer. In Internet Explorer it does not hook on the change but the deselect after the change. So the trigger is not happening when you check the box but after you check it and then select something else on the page. If anyone have any idea on how to solve this please tell me :)
[jQuery] Re: jQuery.support IE6 or later
It will be maintained ! From http://docs.jquery.com/Release:jQuery_1.3#Overview Heading: No More Browser Sniffing ... It's important to note that jQuery.browser is still in jQuery - and will be for the foreseeable future (too many plugins and pieces of code depend on it). ... Maurício -Mensagem Original- De: Neil Craig neil.big.cr...@gmail.com Para: jQuery (English) jquery-en@googlegroups.com Enviada em: quarta-feira, 21 de janeiro de 2009 09:20 Assunto: [jQuery] jQuery.support IE6 or later I fully understand why support detection is considered much better than browser sniffing. But I have yet to see a way to detect the flash/ selectbox bleed-through issue that exists in IE version 6 or earlier. For that reason, I think that jQuery.browser should be maintained in future releases of jQuery.
[jQuery] Re: how to do '++' in jQuery
Probably there's a better way. Doesn't look elegant.
$('xx').width($('xx').width()++) ;
On Jan 21, 2:05 am, David .Wu chan1...@gmail.com wrote:
some times we want to do some animation we use xxx.width++
in jQuery we give value like this $('xx').width(value)
how to do ++ thing in this way?
[jQuery] Re: AjaxCFC success return value
bump :) -- View this message in context: http://www.nabble.com/AjaxCFC-success-return-value-tp21580307s27240p21581667.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Can't get typed value of input
Anyone?
[jQuery] Re: how to do '++' in jQuery
like this
$(xx).animate({ width: +=10px },1000);
this will add 10 pixels to the width, in a second.
Kean wrote:
Probably there's a better way. Doesn't look elegant.
$('xx').width($('xx').width()++) ;
On Jan 21, 2:05 am, David .Wu chan1...@gmail.com wrote:
some times we want to do some animation we use xxx.width++
in jQuery we give value like this $('xx').width(value)
how to do ++ thing in this way?
[jQuery] [validate] checkboxes named by cms as pollutants[one],pollutants[two]
I am using a CMS (Drupal) and using jquery validate to validate a
form. works perfect except for my checkboxes. Drupal spits out the
checkbox in the form of
[code]
name=pollutants[one]
name=pollutants[two]
name=pollutants[three]
[/code]
but I want to validate on the group of the - ie I want to know if ANY
of pollutants[] was checked.
I have tried
rules: {pollutants[]: required} but that doesn't work.
I don't want to do
rules: {pollutants[one]: required,pollutants[two]:
required,pollutants[three]: required} because that will
give me 3 error messages.
Any ideas?
Thanks.
[jQuery] Re: how to do '++' in jQuery
This I didn't know, could be useful.
Balazs Endresz wrote:
Moreover, as of 1.3 this works like .css, so there's no animation at
all:
$(xx).animate({ width: +=10px }, 0);
(In 1.2 if you set the duration to 0 then the default value is used.)
On Jan 21, 1:00 pm, Liam Potter radioactiv...@gmail.com wrote:
like this
$(xx).animate({ width: +=10px },1000);
this will add 10 pixels to the width, in a second.
Kean wrote:
Probably there's a better way. Doesn't look elegant.
$('xx').width($('xx').width()++) ;
On Jan 21, 2:05 am, David .Wu chan1...@gmail.com wrote:
some times we want to do some animation we use xxx.width++
in jQuery we give value like this $('xx').width(value)
how to do ++ thing in this way?
[jQuery] Re: how to do '++' in jQuery
Moreover, as of 1.3 this works like .css, so there's no animation at
all:
$(xx).animate({ width: +=10px }, 0);
(In 1.2 if you set the duration to 0 then the default value is used.)
On Jan 21, 1:00 pm, Liam Potter radioactiv...@gmail.com wrote:
like this
$(xx).animate({ width: +=10px },1000);
this will add 10 pixels to the width, in a second.
Kean wrote:
Probably there's a better way. Doesn't look elegant.
$('xx').width($('xx').width()++) ;
On Jan 21, 2:05 am, David .Wu chan1...@gmail.com wrote:
some times we want to do some animation we use xxx.width++
in jQuery we give value like this $('xx').width(value)
how to do ++ thing in this way?
[jQuery] jQuery ui Tabs and GreyBox
Hi,
I'm having some dificulty doing the following with Jquery tabs and
GreyBox:
I have a page with 2 tabs using Jquery and on the second tab I have a
link than opens a Greybox centered window
onClick=return GB_showCenter('','','') that is a update form that
closes automatically when the form is submited and reloads the parent
window that has the tabs, but when it reloads the page the tab
selected is always the first, not the second were I have the link and
were it shows the updated information.
How can I make the tabs page reload and select the second tab instead?
Thank you for the help you can give.
[jQuery] Using jquery to set div and get this div text in asp.net
Hi,
I have been working on a small project where I have run into a hurdle!
I used jQuery to set the text of a div
The code for this is given below:
var comments = $('textarea#modalTextArea').val();
$('#divComments').html(comments);
However, I need to access this value in the asp.net codebehind - this
is not taking place when I try this code -
dim s as string = divComments.InnerText
Any ideas on how this can be accomplished?
[jQuery] [treeview] CSS Styling Open Item
Hi All, I'm having a heck of a time figuring out how I can add a custom CSS style to 'Open' treeview items. I need to figure out how to do this with cookie support. Any help would be greatly appreciated! Otherwise, can anyone clue me on how to set a cookie for toggleClass or addClass / removeClass? I've looked at a number of different examples and I must admit that it's a bit over my head. Thanks for any help! Matt
[jQuery] Re: To check if an element value is of a particular class type
Hi MorningZ
I tried the solution suggested by you, but as I
had expected it didn't work. What I want is to check if the value in
the textbox element is of the emailSuffix class type or not And NOT
the textbox itself. So, $(#element_id).hasClass(emailSuffix) will
always give me true because the element is of the emailSuffix
classtype. However, the value in the textbox which may be anything
entered by the user has to be validated for the particular class type.
Hence I needed a code similar to if($(#element_id).val.className ==
emailSuffix)..
Please help if you can. Thanks in advance
On Jan 15, 5:21 pm, Santo pujari.sant...@gmail.com wrote:
thanks a lot MorningZ... willcheckand get back to you...
On Jan 13, 9:05 pm, MorningZ morni...@gmail.com wrote:
Your problem isn't very clear but regardless, there is a
.hasClass function
http://docs.jquery.com/Attributes/hasClass#class
so
$(#element_id).hasClass(emailSuffix)
would give you true/false
.
.
.
On Jan 13, 4:39 am, Santo pujari.sant...@gmail.com wrote:
Hello All
This is what I am trying to do. I have defined an email suffixclass
for aparticulartextboxelementso that it accepts values for that
particularclass. Whenever there is a differentvalueinserted, it
displays a jquery error. Now, there also is an Add button which should
add thevalueand display it in a widget listifit is a valid
value.
So, I need tocheckand insert anifelse block on the click event of
the add button tocheckifthevalueinserted in the textbox is a
valid email suffixtype. How do Icheckthat
something like
if($(#element_id).val.className == emailSuffix)
{
...
}
else
{
...
}
[jQuery] Flexigrid with treeview
Hi,
I need to imliment a flexigrid inside a flexigrid but first grid is as
tree.
e.g. records of first flexigrid will be collapsable and on expanding
it should show one more flexigrid with some data.
Please reply me ASAP.
Right now we r using the below code
vmf.grid.build(contractTable,{
ds: '%=request.getContextPath()%/com/vmware/s3portal/framework/
pageflow/controller/contract/getUserContractList.do
dm: [
{display: 'fmt:message key=CONTRACT_CONTRACT_ID/',
name :
'CONTRACT_NUMBER', width : 95, sortable : true, align: 'left'},
{display: 'fmt:message key=CONTRACT_STATUS/', name :
'CONTRACT_STATUS', width : 80, sortable : false, align: 'left'},
{display: 'fmt:message key=CONTRACT_ORDER_ID/',name :
'ORDER_NUMBER', width : 190, sortable : false, align: 'left'},
],
Let me know if you need anything else from my side.
Thanks,
Deepa
[jQuery] jQuery and dynamic node generation - HELP!
Hi,
after fiddeling around to find a solutions for some hours now, maybe
you can give me a hint:
I have a navigation like this:
div id=sub-navigation
ul
lia name=0 href=page.htmlpage name/a/li
... insert nodes with jQuery here ...
/ul
/div
I want to insert nodes dynamically with jQuery and the final structure
should look like this:
div id=sub-navigation
ul
lia name=0 href=page.htmlpage name/a/li
...
li
a ../a
ul
lia ../a/li
/ul
/li
...
/ul
/div
As I want to attach a click function to each link element, I started
like this:
for (var i=0;inav.length;i++)
{
var navEntry = $('a href=#' + nav[i].name + '/a')
.click( function() {
...
}).appendTo('#sub-navigation ul');
for (var j=0;jsubnav.length;j++)
{
$('a href=#' + subnav[j].number + ' ' + subnav[j].name +
'/a')
.wrapInner('li/li')
.appendTo(navEntry);
}
}
But how do I get the correct nesting for the navigation structure
above?
[jQuery] Re: treeview with ajax
if you're thinking of building a tree with AJAX (collapsed initially,
expand with AJAX call) then you need to be using the additional
async.js that requires the returned data (for the branches) in JSON.
iswariak wrote:
Hi
I am using treeview with AJAX.
But my problem is that when I combine treeview with AJAX, the treeview is
always in not collapsed (it is in expanded tree)
Can anyone tell how to make the tree collapsed.
Thanks in advance.
script type=text/javascript
$(document).ready(function(){
$(#tree).treeview({
animated: fast,
collapsed: true,
unique: true,
control: #sidetreecontrol
});
})
/script
--
View this message in context:
http://www.nabble.com/treeview-with-ajax-tp21559732s27240p21559732.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: the new whitehouse.gov - jQuery powered
This website looks good! It could be rewarded by many webdesign galleries I'm sure +1 reason to be proud of yourself Mr Resig ;-) Good afternoon jQuerers!
[jQuery] Re: the new whitehouse.gov - jQuery powered
Slashdot is carrying a story about the new Whitehouse.gov redesign here: http://tech.slashdot.org/article.pl?sid=09/01/21/001257 Original article here: http://dotnetperls.com/Content/whitehouse-gov-Site.aspx On Wed, Jan 21, 2009 at 8:28 AM, Benoit Villière benv...@gmail.com wrote: This website looks good! It could be rewarded by many webdesign galleries I'm sure +1 reason to be proud of yourself Mr Resig ;-) Good afternoon jQuerers!
[jQuery] Re: Difference between using a div instead of iframe in load
They are completely different elements. An iframe will load another window inside with the other page, it's like opening a new page in it's own little box. A DIV is an element like any other, they behave very differently. And If you're talking about jQuery's load() function, you can't use it with an iframe. http://www.w3schools.com/TAGS/tag_iframe.asp On Jan 21, 2:11 am, salbahis caser...@gmail.com wrote: what's the difference between using a div instead of iframe to load an externat page?, i've been using this it seems working good but what are the disadvantage in using div instead of iframe tnxs.. Jan
[jQuery] Re: To check if an element value is of a particular class type
What does the element is of the emailSuffix classtype means? I'm not
aware of such a thing as a 'classtype' for text strings. What is your
email suffix class? Classes are a CSS thing here, they don't exist
in JS.
Are you using some validation plugin?
On Jan 21, 4:58 am, Santo pujari.sant...@gmail.com wrote:
Hi MorningZ
I tried the solution suggested by you, but as I
had expected it didn't work. What I want is to check if the value in
the textbox element is of the emailSuffix class type or not And NOT
the textbox itself. So, $(#element_id).hasClass(emailSuffix) will
always give me true because the element is of the emailSuffix
classtype. However, the value in the textbox which may be anything
entered by the user has to be validated for the particular class type.
Hence I needed a code similar to if($(#element_id).val.className ==
emailSuffix)..
Please help if you can. Thanks in advance
On Jan 15, 5:21 pm, Santo pujari.sant...@gmail.com wrote:
thanks a lot MorningZ... willcheckand get back to you...
On Jan 13, 9:05 pm, MorningZ morni...@gmail.com wrote:
Your problem isn't very clear but regardless, there is a
.hasClass function
http://docs.jquery.com/Attributes/hasClass#class
so
$(#element_id).hasClass(emailSuffix)
would give you true/false
.
.
.
On Jan 13, 4:39 am, Santo pujari.sant...@gmail.com wrote:
Hello All
This is what I am trying to do. I have defined an email suffixclass
for aparticulartextboxelementso that it accepts values for that
particularclass. Whenever there is a differentvalueinserted, it
displays a jquery error. Now, there also is an Add button which should
add thevalueand display it in a widget listifit is a valid
value.
So, I need tocheckand insert anifelse block on the click event of
the add button tocheckifthevalueinserted in the textbox is a
valid email suffixtype. How do Icheckthat
something like
if($(#element_id).val.className == emailSuffix)
{
...
}
else
{
...
}
[jQuery] [validate] Problem with trigger submit in validation plugin update 1.5.1
Thanks for a great plugin! Unfortunately I got a problem with the
latest version (and jquery 1.3).
I need to submit forms through links instead of input buttons. I’ve
used the following code to do this:
$(”form a.form_submit”).click(function() {
$(this).parents().filter(”form”).trigger(”submit”);
return false;
});
This used to work perfectly together with the validation plugin, but
is broken since the update (the form isn’t submitted). Any ideas for a
workaround, or will I need to downgrade jquery?
Thanks,
Viktor
[jQuery] OOP jQuery context menu
Hello, I've working on a back-end for a company which is supposed to
work with their platform.
The problem that I've encountered now is that I've been using a
plugin to enable rightClicking and also my script for a simple context
menu which can basically show a div. BUT I need it to be OOP and show
a unique context menu depending on child elements without having to
create more than one function since he later makes it a C Class.
Here is an example of my script:
$(function()
{
$('.ctxMenu ul').hide();
$('.rC').rightClick(function()
{
$('.ctxMenu ul').show();
$(this).sgMenu({ query: ul });
});
}
);
where ctxMenu is the class I'm using for context menus. I've been
thinking of using id's and class's on every context div but how would
I select them?
[jQuery] Re: jQuery and dynamic node generation - HELP!
The 'name' property for anchors has been deprecated in XHTML, use IDs
instead (or no identifier at all):
div id=sub-navigation
ul
lia id=thing href=thing.htmlthing/a/li
lia id=otherthing href=otherthing.htmlother thing/a/li
/ul
/div
$('#sub-navigation ul li').each(function(i){
var subs = 'lia href=xisbacon.htm'+i+' - Xis bacon/a/
li';
subs += 'lia href=xisgalinha.htm'+i+' - Xis galinha/a/
li';
$('ul/')
.append(subs).appendTo(this);
});
On Jan 21, 10:58 am, Frederic m...@frederic-hemberger.de wrote:
Hi,
after fiddeling around to find a solutions for some hours now, maybe
you can give me a hint:
I have a navigation like this:
div id=sub-navigation
ul
lia name=0 href=page.htmlpage name/a/li
... insert nodes with jQuery here ...
/ul
/div
I want to insert nodes dynamically with jQuery and the final structure
should look like this:
div id=sub-navigation
ul
lia name=0 href=page.htmlpage name/a/li
...
li
a ../a
ul
lia ../a/li
/ul
/li
...
/ul
/div
As I want to attach a click function to each link element, I started
like this:
for (var i=0;inav.length;i++)
{
var navEntry = $('a href=#' + nav[i].name + '/a')
.click( function() {
...
}).appendTo('#sub-navigation ul');
for (var j=0;jsubnav.length;j++)
{
$('a href=#' + subnav[j].number + ' ' + subnav[j].name +
'/a')
.wrapInner('li/li')
.appendTo(navEntry);
}
}
But how do I get the correct nesting for the navigation structure
above?
[jQuery] How show childern in sequence
Hi all, I need a litlle help with this problem. I have 3 DIVs inside Parent DIV and I need show this childern's DIVs in sequence. Firstly first, than next etc. Is there anz function, because code below shows all DIVs parallery. Thx for input.
[jQuery] simulating blocking $.get
hi i got a function, which calls ajax way. problem is that the function
should only return after the ajax call is completed. otherwise i could end
up with unitialized data. how can i simulate such a thing with jquery? or is
the usual way to pass another callback function to the call() method and
place it inside the passed .$get function (something like callback
chaining)?
i guess a drawback from blocking would be that the javascript process would
halt for the ajax-call (javascript only has one execution path).
code:
function call(){
var value;
$.get('/c-FavoritesPanel',function(data){
value = data;
});
//could be null (.$get only adds callback and does not wait until ajax
completed)
return value;
}
-
manuel aldana
aldana((at))gmx.de
software-engineering blog: http://www.aldana-online.de
--
View this message in context:
http://www.nabble.com/simulating-blocking-%24.get-tp21583622s27240p21583622.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jQuery and dynamic node generation - HELP!
Thanks, problem solved. ;)
[jQuery] Re: simulating blocking $.get
OK,
i guess passing callback itself is the only way (because of the
event/listener model of javascript):
function call(callback){
$.get('/c-FavoritesPanel',function(data){
//data is definetely initialized here now
callback(data);
});
}
aldana wrote:
hi i got a function, which calls ajax way. problem is that the function
should only return after the ajax call is completed. otherwise i could end
up with unitialized data. how can i simulate such a thing with jquery? or
is the usual way to pass another callback function to the call() method
and place it inside the passed .$get function (something like callback
chaining)?
i guess a drawback from blocking would be that the javascript process
would halt for the ajax-call (javascript only has one execution path).
code:
function call(){
var value;
$.get('/c-FavoritesPanel',function(data){
value = data;
});
//could be null (.$get only adds callback and does not wait until ajax
completed)
return value;
}
-
manuel aldana
aldana((at))gmx.de
software-engineering blog: http://www.aldana-online.de
--
View this message in context:
http://www.nabble.com/simulating-blocking-%24.get-tp21583622s27240p21583730.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: How show childern in sequence
you could use a for loop and use the animate function for a pause.
eg
var current = 0;
var max_div = ($(parent_div).children().size()-1);
for(current=0;current=max_div;current++)
{
$(parent_div)
.children(div)
.eq(current)
.animate({opacity: 1.0},((3000*current)+1000), function () {
$(this).fadeIn(3000);
})
}
There is definitely a better way to do this, but this is what I came up
when I needed something similar.
Charlie22 wrote:
Hi all,
I need a litlle help with this problem. I have 3 DIVs inside Parent
DIV and I need show this childern's DIVs in sequence. Firstly first,
than next etc. Is there anz function, because code below shows all
DIVs parallery. Thx for input.
[jQuery] Re: How show childern in sequence
Thank you very muhc, is there no way how use show() function? Always I
have to make it with animate() function??
On 21 Led, 15:09, Liam Potter radioactiv...@gmail.com wrote:
you could use a for loop and use the animate function for a pause.
eg
var current = 0;
var max_div = ($(parent_div).children().size()-1);
for(current=0;current=max_div;current++)
{
$(parent_div)
.children(div)
.eq(current)
.animate({opacity: 1.0},((3000*current)+1000), function () {
$(this).fadeIn(3000);
})
}
There is definitely a better way to do this, but this is what I came up
when I needed something similar.
Charlie22 wrote:
Hi all,
I need a litlle help with this problem. I have 3 DIVs inside Parent
DIV and I need show this childern's DIVs in sequence. Firstly first,
than next etc. Is there anz function, because code below shows all
DIVs parallery. Thx for input.- Skrýt citovaný text -
- Zobrazit citovaný text -
[jQuery] Re: Simulate BackSpace key
Looks good RSol...now for image handling capability? :o) -Original Message- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of RSol Sent: Wednesday, January 21, 2009 1:30 AM To: jQuery (English) Subject: [jQuery] Re: Simulate BackSpace key http://inf.in-desk.ru/ On 20 янв, 17:27, Rick Faircloth r...@whitestonemedia.com wrote: I went to take a look at the demo, but all I got was a page of code...is there a working demo online?
[jQuery] Re: How show childern in sequence
The animate function is there to create a pause at the start of each
fadeIn, otherwise all the divs will fade in at the same time.
You could use a setTimeout for the pause but when I wrote this it wasn't
an option.
If you want to use show() you would change
$(this).fadeIn(3000);
to
$(this).show(3000);
If there are only ever going to be 3 child divs though you could just run it
like this
$(#div1id).show(1500, function(){
$(#div2id).show(1500, function(){
$(#div3id).show(1500)};
)};
)};
use the for loop if the amount of divs will change.
Charlie22 wrote:
Thank you very muhc, is there no way how use show() function? Always I
have to make it with animate() function??
On 21 Led, 15:09, Liam Potter radioactiv...@gmail.com wrote:
you could use a for loop and use the animate function for a pause.
eg
var current = 0;
var max_div = ($(parent_div).children().size()-1);
for(current=0;current=max_div;current++)
{
$(parent_div)
.children(div)
.eq(current)
.animate({opacity: 1.0},((3000*current)+1000), function () {
$(this).fadeIn(3000);
})
}
There is definitely a better way to do this, but this is what I came up
when I needed something similar.
Charlie22 wrote:
Hi all,
I need a litlle help with this problem. I have 3 DIVs inside Parent
DIV and I need show this childern's DIVs in sequence. Firstly first,
than next etc. Is there anz function, because code below shows all
DIVs parallery. Thx for input.- Skrýt citovaný text -
- Zobrazit citovaný text -
[jQuery] json and dates
I just started working with jquery yesterday in conjunctions with
Castle Monorail. I'm spiking a very simple ajax call.
here is my html
script type=text/javascript
$(document).ready(function() {
$(#ajax-link).click(function() {
$.getJSON(CurrentTime.mvc, function (time_from_the_server,
the_status) {
$(#server-time).html(the_status + ' - ' +
time_from_the_server);
});
});
});
/script
pa id=ajax-link href=#Get/a the current time from the
server./p
div id=server-time[should be displayed here]/div
the results of the this are:
success - /Date(1232547949287-0500)/
reading up on json it appears that dates where an after thought. my
understanding is that the / mean it's not a literal string, it's a
date. 1232547949287 is epnoch, or seconds since 1970, or something
like that and -0500 is the timezone.
how can I convert /Date(1232547949287-0500)/ to display the actual
default date. something like:
Wednesday, January 21, 2009, 9:30 am
I believe I have to do some regex, prasing and eval the result. If
that is correct, then I should be able to build a prototype function
which could automatically convert this for me, correct?
Jason
[jQuery] Re: jQuery and dynamic node generation - HELP!
If you're on jQuery1.3 you could also just do:
$('#sub-navigation a').live('click', function(){
...
});
Which would add an onclick to all the a tags inside of sub-nav that
currently exist, or would be added in the future.
On Jan 21, 9:03 am, Frederic m...@frederic-hemberger.de wrote:
Thanks, problem solved. ;)
[jQuery] Re: PHP $_SESSION data empty in a jQuery AJAX call
I don't really have a suggestion since I think you've got a good start on tracking this down, but I just wanted to offer up that, yes, this should work as you expect. We do it here all the time in our system. Obviously the issue is that your AJAX call is creating a new PHP session (which you've already discovered by seeing different IDs). Now you have to figure out why. Have you tried loading your 'AJAX' PHP handler manually in the browser to see if it still generates a different session_id? I'm guessing it will. And at least then you'll know that jquery is not introducing this issue and you can focus on the PHP side of things for a fix. On Jan 20, 9:32 pm, Skilzat99X aaron.michael.leon...@gmail.com wrote: Hello everyone. I was racking my brain for a few hours today over a problem pertaining to an AJAX call in jQuery. Basically, I have the user click an item in a select list. Upon clicking an option a .post request is sent to a script, which gives me some HTML data to be added to part of the page. That part works fine. But, the server-side script also stores a variable in the $_SESSION variable when it's called. But this is not stored in the clients session as I anticipated. It appears to be being stored in the server session or something. Yes, session_start() is at the top of all files. To test, I used print_r to output the whole $_SESSION variable in both my static script, and to be returned by the AJAX call. The main script outputs an entire slew of data stored in the $_SESSION variable, but the content of the returned HTML shows only the single element in the $_SESSION array that is set by that script. I also had both scripts output their session_id()'s, and they're both different. I attempted to use session_id() to set the ID of the AJAX script to that of the main script (by sending the session_id as a variable to the AJAX script, of course), but that didn't help either. I couldn't figure out why this isn't working. Any help would be greatly appreciated. Thank you!
[jQuery] Re: How show childern in sequence
well, thx for nice explanation! Cya later.
On 21 Led, 15:33,
Liam Potter radioactiv...@gmail.com wrote:
The animate function is there to create a pause at the start of each
fadeIn, otherwise all the divs will fade in at the same time.
You could use a setTimeout for the pause but when I wrote this it wasn't
an option.
If you want to use show() you would change
$(this).fadeIn(3000);
to
$(this).show(3000);
If there are only ever going to be 3 child divs though you could just run it
like this
$(#div1id).show(1500, function(){
$(#div2id).show(1500, function(){
$(#div3id).show(1500)};
)};
)};
use the for loop if the amount of divs will change.
Charlie22 wrote:
Thank you very muhc, is there no way how use show() function? Always I
have to make it with animate() function??
On 21 Led, 15:09, Liam Potter radioactiv...@gmail.com wrote:
you could use a for loop and use the animate function for a pause.
eg
var current = 0;
var max_div = ($(parent_div).children().size()-1);
for(current=0;current=max_div;current++)
{
$(parent_div)
.children(div)
.eq(current)
.animate({opacity: 1.0},((3000*current)+1000), function () {
$(this).fadeIn(3000);
})
}
There is definitely a better way to do this, but this is what I came up
when I needed something similar.
Charlie22 wrote:
Hi all,
I need a litlle help with this problem. I have 3 DIVs inside Parent
DIV and I need show this childern's DIVs in sequence. Firstly first,
than next etc. Is there anz function, because code below shows all
DIVs parallery. Thx for input.- Skrýt citovaný text -
- Zobrazit citovaný text -- Skrýt citovaný text -
- Zobrazit citovaný text -
[jQuery] Re: How show childern in sequence
btw, isnt possible use $.each ??
On 21 Led, 15:52, Charlie22 ch...@post.cz wrote:
well, thx for nice explanation! Cya later.
On 21 Led, 15:33,
Liam Potter radioactiv...@gmail.com wrote:
The animate function is there to create a pause at the start of each
fadeIn, otherwise all the divs will fade in at the same time.
You could use a setTimeout for the pause but when I wrote this it wasn't
an option.
If you want to use show() you would change
$(this).fadeIn(3000);
to
$(this).show(3000);
If there are only ever going to be 3 child divs though you could just run
it like this
$(#div1id).show(1500, function(){
$(#div2id).show(1500, function(){
$(#div3id).show(1500)};
)};
)};
use the for loop if the amount of divs will change.
Charlie22 wrote:
Thank you very muhc, is there no way how use show() function? Always I
have to make it with animate() function??
On 21 Led, 15:09, Liam Potter radioactiv...@gmail.com wrote:
you could use a for loop and use the animate function for a pause.
eg
var current = 0;
var max_div = ($(parent_div).children().size()-1);
for(current=0;current=max_div;current++)
{
$(parent_div)
.children(div)
.eq(current)
.animate({opacity: 1.0},((3000*current)+1000), function () {
$(this).fadeIn(3000);
})
}
There is definitely a better way to do this, but this is what I came up
when I needed something similar.
Charlie22 wrote:
Hi all,
I need a litlle help with this problem. I have 3 DIVs inside Parent
DIV and I need show this childern's DIVs in sequence. Firstly first,
than next etc. Is there anz function, because code below shows all
DIVs parallery. Thx for input.- Skrýt citovaný text -
- Zobrazit citovaný text -- Skrýt citovaný text -
- Zobrazit citovaný text -- Skrýt citovaný text -
- Zobrazit citovaný text -
[jQuery] Re: Can't get typed value of input
Could you paste your HTML too? Nothing seems wrong. On Jan 21, 8:59 am, abhisek abhisek.d...@gmail.com wrote: Anyone?
[jQuery] Re: cluetip not loading external web page
Another problem I am having (or bug?): Is it possible to have the
cluetip open from a mouse click, and close using a close image (or
text)? When I try to setup my cluetip using the apparent settings to
achieve this, the cluetip closes if the mouse pointer enters and then
leaves the area of the cluetip. However, it opens correctly (on a
user's mouse click). Here are my settings:
cluetipClass: 'jtip',
arrows: true,
dropShadow: false,
hoverIntent: false,
sticky: true,
mouseOutClose: true,
closePosition: 'title',
closeText: 'Close',
activation: 'click'
Thanks,
Adam
On Jan 16, 5:09 pm, Karl Swedberg k...@englishrules.com wrote:
I can't diagnose the problem without a test page to view, but I would
suggest that you use Firebug and see what the POST is returning. It
could be a 404 or a 405 or some other error.
--Karl
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Jan 16, 2009, at 2:55 PM, Adam wrote:
I have setup the cluetip plugin on my website. I was able to get it
working when using local content, similar to the example code of $
('a.title').cluetip({splitTitle: '|'});
However, I can't get it to load an external website. The tool tip
comes up, but it says sorry the contents cannot be loaded. The
external site is a servlet rendered page that loads fine if I type the
URL into a browser window. The only differences between my code and
the example is that I'm using an image for the link and am using
livequery.
a title=Help rel=/portlets/help.do href=/portlets/help.do
class=help style=
img class=icon src=/theme/images/portlet/help.png alt=Help/
/a
jQuery(a.help).livequery(function() {
jQuery(this).cluetip();
});
[jQuery] ui.tabs question
Hi all,
I'm using ui.tabs and i would like to trigger a function when a tab is
clicked, or more precisely, when a new panel gets shown.
I figured from the doc i should use the select callback but that does
not work... HEre is the code i use
var $tabs = $(#tabbedTextContent).tabs({
selected: 0,
fx: { opacity: 'toggle', duration: 200 },
select: function(e, ui)
{
alert(hi); //!-- the
alert() never gets called
var $img =
$('#tabbedTextContent div.ui-tabs_panel:visible img.albumImage');
if ($img.length)
{
$('#imageLegend').text($img.attr('title'));
}
}
});
So, the tabs are displayed and work correctly, but the select
callback (namely, the alert() call) never gets fired...
Right after that block of code i have
$('#tabbedTextContent img.albumImage')
.css('cursor', 'pointer')
//.attr('title', Click to view the next image)
.click(function()
{ // in image albums, clicking on an
image brings the user to the next image
var currentTab =
$tabs.data('selected.tabs');
$('#imageLegend').text($(this).attr('title'));
var nextTab = (currentTab
$tabs.length - 1) ? currentTab + 1 : 0;
$tabs.tabs('select', nextTab);
return false;
});
which works just fine.
[jQuery] Re: ui.tabs question
I've got this code working if it helps
$(#TabContainer ul.tabs).tabs().bind(select.ui-tabs, function(e,
ui) {
//Code inside here runs when tab is selected
});
On Jan 21, 10:29 am, Alexandre Plennevaux aplennev...@gmail.com
wrote:
Hi all,
I'm using ui.tabs and i would like to trigger a function when a tab is
clicked, or more precisely, when a new panel gets shown.
I figured from the doc i should use the select callback but that does
not work... HEre is the code i use
var $tabs = $(#tabbedTextContent).tabs({
selected: 0,
fx: { opacity: 'toggle', duration: 200 },
select: function(e, ui)
{
alert(hi); //!-- the
alert() never gets called
var $img =
$('#tabbedTextContent div.ui-tabs_panel:visible img.albumImage');
if ($img.length)
{
$('#imageLegend').text($img.attr('title'));
}
}
});
So, the tabs are displayed and work correctly, but the select
callback (namely, the alert() call) never gets fired...
Right after that block of code i have
$('#tabbedTextContent img.albumImage')
.css('cursor', 'pointer')
//.attr('title', Click to view the next
image)
.click(function()
{ // in image albums, clicking on an
image brings the user to the next image
var currentTab =
$tabs.data('selected.tabs');
$('#imageLegend').text($(this).attr('title'));
var nextTab = (currentTab
$tabs.length - 1) ? currentTab + 1 : 0;
$tabs.tabs('select', nextTab);
return false;
});
which works just fine.
[jQuery] Re: ui.tabs question
hi MorningZ
unfortunately that doesn't seem to work for me. Question: you attach
that event to the tabs ul element ?
On Wed, Jan 21, 2009 at 4:36 PM, MorningZ morni...@gmail.com wrote:
I've got this code working if it helps
$(#TabContainer ul.tabs).tabs().bind(select.ui-tabs, function(e,
ui) {
//Code inside here runs when tab is selected
});
On Jan 21, 10:29 am, Alexandre Plennevaux aplennev...@gmail.com
wrote:
Hi all,
I'm using ui.tabs and i would like to trigger a function when a tab is
clicked, or more precisely, when a new panel gets shown.
I figured from the doc i should use the select callback but that does
not work... HEre is the code i use
var $tabs = $(#tabbedTextContent).tabs({
selected: 0,
fx: { opacity: 'toggle', duration: 200 },
select: function(e, ui)
{
alert(hi); //!-- the
alert() never gets called
var $img =
$('#tabbedTextContent div.ui-tabs_panel:visible img.albumImage');
if ($img.length)
{
$('#imageLegend').text($img.attr('title'));
}
}
});
So, the tabs are displayed and work correctly, but the select
callback (namely, the alert() call) never gets fired...
Right after that block of code i have
$('#tabbedTextContent img.albumImage')
.css('cursor', 'pointer')
//.attr('title', Click to view the next
image)
.click(function()
{ // in image albums, clicking on an
image brings the user to the next image
var currentTab =
$tabs.data('selected.tabs');
$('#imageLegend').text($(this).attr('title'));
var nextTab = (currentTab
$tabs.length - 1) ? currentTab + 1 : 0;
$tabs.tabs('select', nextTab);
return false;
});
which works just fine.
[jQuery] Re: Solution To Many Of Your CSS Nightmares!
From: johny why sadly, i doubt any other group will participate as passionately as the you geeks. You haven't met the css-discuss crowd. We're mild mannered milquetoasts compared to them. Wait until you see how *they* handle off-topic threads. :-) -Mike
[jQuery] Put event click on a Radio group
Hi!
I have to put a click event on some radio with the same name...
input type=radio name=idtypecontent value=1 / 1
input type=radio name=idtypecontent value=2 / 2
input type=radio name=idtypecontent value=3 / 3
And here my javascript:
$(input[name=idtypecontent]).click(function(){
//test
alert($(input[name=idtypecontent]:checked).val());
});
But i got only a working event on the first radio button.
Is my javascript wrong for what I want?
Thanks!
[jQuery] superfish question
I have superfish dialed in great except for two little issues. 1. In IE6, whenever I hit the back button after clicking on a button, the button (along with the dropdown) appears with the highlighted color. Almost as if something is set to remind the user where he/she is coming from? I want to disable this. 2. How do I make it stay on the highlighted color per section? Right now the highlighted button goes away and you have no way of knowing what section you're in. Is there something built in already, or will I have to set variables with conditional statements per section? Thanks in advance!
[jQuery] Using variables in attribute selectors
I've done a lot of search on this subject but haven't been able to
find any examples of using variables in [attribute=xx] selectors, only
literals. As far as I can see it doesn't work and I was wondering if
there is any way to make it work -- for example with special syntax
used in this position. Here is an example of what I am trying to do:
var doPagenav = function() {
$('a.pagenav').click(function() {
var dummy = $(this).attr('custom');
$('#contentpane').load(dummy);
$(#tree li a).css('background-color', '');
$(#tree li a[custom=dummy]).css('background-color', 'yellow');
})
}
The page contains a table of contents (TOC) with links that load
external HTML pages into a div called #contentpane. In the pages
themselves there are also navigation links for other pages (e.g. Next/
Previous) that load other pages. When the user clicks these links I
want to synchronize the highlight in the TOC so that the currently
displayed page title is highlighted, just as it would be when you
select it directly. In the test code the page links are in a non-
standard attribute called custom, I'm going to deal with parsing the
href attributes later on in the development process.
The dummy variable defined in line 3 works in the next line for
loading the page into the #contentpane div. However, it doesn't work
in the [custom=dummy] attribute selector in the final line -- my guess
is this is prevented by the fact that this selector accepts literals
both with and without quotes. It works fine if I insert the page name
as a literal (e.g. 'introduction.htm') and I've repeatedly tested with
alerts that the dummy variable does contain the correct string at
this point.
I'm feeling a bit stumped. Is there any way around this problem, or an
alternative approach?
Cheers,
Tim
[jQuery] Put event click on a Radio group
Hi,
I trying to put the click event on some radio button... but it works
only on ths first one.
If someone can help me with it'll be great... getting crazy since this
morning :(
Here my code :
input type=radio name=idtypecontent value=1 / Drupal
input type=radio name=idtypecontent value=2 / Blog
input type=radio name=idtypecontent value=3 / Foro
$(input:radio[name=idtypecontent]).click(function(){
var plop = $('input:radio[name=idtypecontent]:checked').val();
alert(plop);
});
Why I'm getting only a working event on my first element? something
wrong?
I read that I should put the attribute :radio... but even with or
without... same result.
Thanks for helping.
[jQuery] JQuery error with java applet running
Hi, I have a web page that initializes an applet and I get a Javascript error: Java class LobbyClientApp has no public field or method named jQuery1232546999783 In jquery-1.2.6.js Line 667 The JQuery code in that file is: id = elem[ expando ] = ++uuid; I can’t understand why this bit of JQuery would be trying to interact with the applet. Does anyone have any ideas on why this is happening or suggestions how to best troubleshoot it? Thanks for the help.
[jQuery] Open in new Window based on C# case statement?
Hi All,
I've recently taken over a project after one member of staff left and
he's done his navigation in a bit of a strange way that's causing a
bit of an issue.
The navigation is populated from a database that has a 'Shortcut Type'
attributed to it. What I want to achieve is if the shortcut type in
'External URL', open in a new window.
Here's what I have so far (Current Path is what's passed into the case
statement):
case External URL:
//Only works if user presses control to dodge google
pop up blocker
Response.Write(script language='javascript'
window.open('+CurrentPath
+','','scrollbars=yes,menubar=yes,height=543,width=1012,top=0,left=0,resizable=yes,toolbar=yes,location=yes,status=yes');/
script);
break;
However, when the new window opens, the text in the parent window gets
bigger until you navigate away from initial Page (does that make
sense?!?)
Is there a jQuery alternative to opening up a new window for this
scenario?
Thanks in advance,
Brett
[jQuery] Re: Using variables in attribute selectors
var VarName = something
$(#tree li a[custom=+ VarName +]).css('background-color', 'yellow');
TimG wrote:
I've done a lot of search on this subject but haven't been able to
find any examples of using variables in [attribute=xx] selectors, only
literals. As far as I can see it doesn't work and I was wondering if
there is any way to make it work -- for example with special syntax
used in this position. Here is an example of what I am trying to do:
var doPagenav = function() {
$('a.pagenav').click(function() {
var dummy = $(this).attr('custom');
$('#contentpane').load(dummy);
$(#tree li a).css('background-color', '');
$(#tree li a[custom=dummy]).css('background-color', 'yellow');
})
}
The page contains a table of contents (TOC) with links that load
external HTML pages into a div called #contentpane. In the pages
themselves there are also navigation links for other pages (e.g. Next/
Previous) that load other pages. When the user clicks these links I
want to synchronize the highlight in the TOC so that the currently
displayed page title is highlighted, just as it would be when you
select it directly. In the test code the page links are in a non-
standard attribute called custom, I'm going to deal with parsing the
href attributes later on in the development process.
The dummy variable defined in line 3 works in the next line for
loading the page into the #contentpane div. However, it doesn't work
in the [custom=dummy] attribute selector in the final line -- my guess
is this is prevented by the fact that this selector accepts literals
both with and without quotes. It works fine if I insert the page name
as a literal (e.g. 'introduction.htm') and I've repeatedly tested with
alerts that the dummy variable does contain the correct string at
this point.
I'm feeling a bit stumped. Is there any way around this problem, or an
alternative approach?
Cheers,
Tim
[jQuery] Re: cluetip not loading external web page
Hi Adam,
When I try to setup my cluetip using the apparent settings to
achieve this, the cluetip closes if the mouse pointer enters and then
leaves the area of the cluetip
Remove the mouseOutClose: true option. It is set to false by default,
and that is what you'll need.
--Karl
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jan 21, 2009, at 10:19 AM, Adam wrote:
Another problem I am having (or bug?): Is it possible to have the
cluetip open from a mouse click, and close using a close image (or
text)? When I try to setup my cluetip using the apparent settings to
achieve this, the cluetip closes if the mouse pointer enters and then
leaves the area of the cluetip. However, it opens correctly (on a
user's mouse click). Here are my settings:
cluetipClass: 'jtip',
arrows: true,
dropShadow: false,
hoverIntent: false,
sticky: true,
mouseOutClose: true,
closePosition: 'title',
closeText: 'Close',
activation: 'click'
Thanks,
Adam
On Jan 16, 5:09 pm, Karl Swedberg k...@englishrules.com wrote:
I can't diagnose the problem without a test page to view, but I would
suggest that you use Firebug and see what the POST is returning. It
could be a 404 or a 405 or some other error.
--Karl
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Jan 16, 2009, at 2:55 PM, Adam wrote:
I have setup the cluetip plugin on my website. I was able to get it
working when using local content, similar to the example code of $
('a.title').cluetip({splitTitle: '|'});
However, I can't get it to load an external website. The tool tip
comes up, but it says sorry the contents cannot be loaded. The
external site is a servlet rendered page that loads fine if I type
the
URL into a browser window. The only differences between my code and
the example is that I'm using an image for the link and am using
livequery.
a title=Help rel=/portlets/help.do href=/portlets/help.do
class=help style=
img class=icon src=/theme/images/portlet/help.png alt=Help/
/a
jQuery(a.help).livequery(function() {
jQuery(this).cluetip();
});
[jQuery] Re: Using variables in attribute selectors
Hi Liam,
Bingo! Thank you so much -- I knew it must be something like that...
On Jan 21, 5:06 pm, Liam Potter radioactiv...@gmail.com wrote:
var VarName = something
$(#tree li a[custom=+ VarName +]).css('background-color', 'yellow');
[jQuery] Re: [Treeview] CSS Styling Open Item
I have succeeded in finding a way to add a custom style to open
Treeview items, toggle their states when clicked, and preserve that
state with the use of an expression. The working code, albeit ugly, if
as follows:
script
$(document).ready(function(){
var count = 0;
$(#b2b-menu).treeview({
collapsed: true,
animated: medium,
control:#menucontrol,
persist: cookie,
cookieId: telos-b2b,
});
$('span').click(function(){
$(this).toggleClass(activeItem, count++ % 3 == 0);
});
})
/script
script
$(document).ready(function(){
$.extend($.expr[':'],{block: function(ul) { return $(ul).css
('display') === 'block';}
});
$(this).find(':block').prev('span').addClass('activeItem');
})
/script
I'm working getting this to work with a filter function, instead of
the expression (another new experience for me) as well as
consolidating the code.
Any thoughts would be greatly appreciated.
Thanks!
Matt
On Jan 21, 1:01 am, betweenbrain m...@betweenbrain.com wrote:
Hi All,
I'm having a heck of a time figuring out how I can add a custom CSS
style to 'Open' treeview items. I need to figure out how to do this
with cookie support.
Any help would be greatly appreciated!
Otherwise, can anyone clue me on how to set a cookie for toggleClass
or addClass / removeClass? I've looked at a number of different
examples and I must admit that it's a bit over my head.
Thanks for any help!
Matt
[jQuery] A Way to Do Curved Corners, with Borders, on an Absolutely Positioned Object?
Has anyone found an approach for curved corners, with borders, on an absolutely positioned element, that works on the major browsers? Thanks very much in advance to all for any info. Note - I'm trying lots of different approaches to do this. Here's an odd case of a demo that works in Mac Firefox 2, but not in Mac Firefox 3. Leonardo K. confirmed that when he tries the code on a local computer, the corners work as intended; but when he uploads it to a web server, the corners stop working correctly in Firefox 3. http://www.flavorzoom.com/corner_tryout/corners_anomaly.html
[jQuery] Possible IE problem with animate() and overflow?
Hi there,
are there any known issues with IE (6 7) and animate()?
I tried something like this:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
html
head
titleTest/title
script type=text/javascript src=jquery.pack.js/script
script type=text/javascript
$(document).ready(function() {
$(#foo).animate({overflow : auto}, fast);
});
/script
/head
body
div id=foo style=overflow:hidden;Foobar/div
/body
/html
and the IE throws an error:
Could not get the overflow property. Invalid argument
FF works fine.
What am I doing wrong?
TIA
ezod
[jQuery] Re: superfish question
Do you have a link? It's a little hard to diagnose without being able to see the problem(s). Thanks! On Wed, Jan 21, 2009 at 10:04 AM, mckag001 tmcka...@gmail.com wrote: I have superfish dialed in great except for two little issues. 1. In IE6, whenever I hit the back button after clicking on a button, the button (along with the dropdown) appears with the highlighted color. Almost as if something is set to remind the user where he/she is coming from? I want to disable this. 2. How do I make it stay on the highlighted color per section? Right now the highlighted button goes away and you have no way of knowing what section you're in. Is there something built in already, or will I have to set variables with conditional statements per section? Thanks in advance!
[jQuery] Re: Using variables in attribute selectors
no proble mate. I couldn't figure this out when I was first learning
either :)
TimG wrote:
Hi Liam,
Bingo! Thank you so much -- I knew it must be something like that...
On Jan 21, 5:06 pm, Liam Potter radioactiv...@gmail.com wrote:
var VarName = something
$(#tree li a[custom=+ VarName +]).css('background-color', 'yellow');
[jQuery] Re: Possible IE problem with animate() and overflow?
how could you animate an overflow property anyway?
use .css
$(#foo).css({overflow: auto});
ezod wrote:
Hi there,
are there any known issues with IE (6 7) and animate()?
I tried something like this:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
html
head
titleTest/title
script type=text/javascript src=jquery.pack.js/script
script type=text/javascript
$(document).ready(function() {
$(#foo).animate({overflow : auto}, fast);
});
/script
/head
body
div id=foo style=overflow:hidden;Foobar/div
/body
/html
and the IE throws an error:
Could not get the overflow property. Invalid argument
FF works fine.
What am I doing wrong?
TIA
ezod
[jQuery] Re: Put event click on a Radio group
Hi Twi,
Check out http://betweenbrain.com/sandbox/radio-test.html. I'm getting
an event on all three. The only thing I did was to add $
(document).ready(function(){
Let me know if that does it.
Matt
On Jan 21, 10:43 am, Twi twiste...@gmail.com wrote:
Hi,
I trying to put the click event on some radio button... but it works
only on ths first one.
If someone can help me with it'll be great... getting crazy since this
morning :(
Here my code :
input type=radio name=idtypecontent value=1 / Drupal
input type=radio name=idtypecontent value=2 / Blog
input type=radio name=idtypecontent value=3 / Foro
$(input:radio[name=idtypecontent]).click(function(){
var plop = $('input:radio[name=idtypecontent]:checked').val();
alert(plop);
});
Why I'm getting only a working event on my first element? something
wrong?
I read that I should put the attribute :radio... but even with or
without... same result.
Thanks for helping.
[jQuery] Re: ui.tabs question
A couple other people have reported this same issue. It was because they
were using incompatible versions of jQuery and jQuery UI. Make sure you're
using one of the following
jQuery UI 1.5.3 with jQuery 1.2.6 (not 1.3)
jQuery UI 1.6rc4 with jQuery 1.2.6 (not 1.3)
jQuery UI 1.6rc5 with jQuery 1.3 (not 1.2.6)
For more, see
http://blog.jquery.com/2009/01/16/jquery-ui-16rc5-compatible-with-jquery-13/
- Richard
On Wed, Jan 21, 2009 at 10:29 AM, Alexandre Plennevaux
aplennev...@gmail.com wrote:
Hi all,
I'm using ui.tabs and i would like to trigger a function when a tab is
clicked, or more precisely, when a new panel gets shown.
I figured from the doc i should use the select callback but that does
not work... HEre is the code i use
var $tabs = $(#tabbedTextContent).tabs({
selected: 0,
fx: { opacity: 'toggle', duration: 200
},
select: function(e, ui)
{
alert(hi); //!-- the
alert() never gets called
var $img =
$('#tabbedTextContent div.ui-tabs_panel:visible img.albumImage');
if ($img.length)
{
$('#imageLegend').text($img.attr('title'));
}
}
});
So, the tabs are displayed and work correctly, but the select
callback (namely, the alert() call) never gets fired...
Right after that block of code i have
$('#tabbedTextContent img.albumImage')
.css('cursor', 'pointer')
//.attr('title', Click to view the next
image)
.click(function()
{ // in image albums, clicking on an
image brings the user to the next image
var currentTab =
$tabs.data('selected.tabs');
$('#imageLegend').text($(this).attr('title'));
var nextTab = (currentTab
$tabs.length - 1) ? currentTab + 1 : 0;
$tabs.tabs('select', nextTab);
return false;
});
which works just fine.
[jQuery] jquery ui tabs 3 problem
I am using jQuery UI Tabs 3 from http://stilbuero.de/jquery/tabs_3/. The problem I have is the delay before the JS loads. You can see all the tabs for a couple of seconds, then they line up. Is there some way to set display:none or some equivalent to hide these even before the scripts load?
[jQuery] Re: jquery ui tabs 3 problem
c'mon, seriously, you knew what you had to do, you even said it. style=display:none aaron wrote: I am using jQuery UI Tabs 3 from http://stilbuero.de/jquery/tabs_3/. The problem I have is the delay before the JS loads. You can see all the tabs for a couple of seconds, then they line up. Is there some way to set display:none or some equivalent to hide these even before the scripts load?
[jQuery] Re: A Way to Do Curved Corners, with Borders, on an Absolutely Positioned Object?
Safari and Firefox have css properties you can use to achieve rounded corners: -moz-border-radius and -webkit-border-radius, then for IE6 and 7 I use the DD_roundies script: http://dillerdesign.com/experiment/DD_roundies/ I made a quick test page to be sure it worked with absolute positioning and it seems fine. In your css you would basically say the width and color of the border and the rounding takes care of it for you. On Jan 21, 11:18 am, Vik v...@mindspring.com wrote: Has anyone found an approach for curved corners, with borders, on an absolutely positioned element, that works on the major browsers? Thanks very much in advance to all for any info. Note - I'm trying lots of different approaches to do this. Here's an odd case of a demo that works in Mac Firefox 2, but not in Mac Firefox 3. Leonardo K. confirmed that when he tries the code on a local computer, the corners work as intended; but when he uploads it to a web server, the corners stop working correctly in Firefox 3. http://www.flavorzoom.com/corner_tryout/corners_anomaly.html
[jQuery] image manipulation
I'm trying to take a standard .png image and turn the color all the way down so it looks like a shadow(solid black). I have seen plug-ins like the refection plug-in that manipulates the image. Can anyone point me in the right direction? Thanks
[jQuery] Re: [validate] checkboxes named by cms as pollutants[one],pollutants[two]
The plugin assumes that a group of checkboxes has a single name... The
groups option might help to group the messages back together into one,
but you'll still have to specify rules for each input.
Jörn
On Wed, Jan 21, 2009 at 1:07 PM, kat...@googlemail.com
k.bou...@nhm.ac.uk wrote:
I am using a CMS (Drupal) and using jquery validate to validate a
form. works perfect except for my checkboxes. Drupal spits out the
checkbox in the form of
[code]
name=pollutants[one]
name=pollutants[two]
name=pollutants[three]
[/code]
but I want to validate on the group of the - ie I want to know if ANY
of pollutants[] was checked.
I have tried
rules: {pollutants[]: required} but that doesn't work.
I don't want to do
rules: {pollutants[one]: required,pollutants[two]:
required,pollutants[three]: required} because that will
give me 3 error messages.
Any ideas?
Thanks.
[jQuery] Re: A Way to Do Curved Corners, with Borders, on an Absolutely Positioned Object?
Thanks very much for this feedback. Yes, Safari and Firefox 3 are easy, because they support that CSS property. The tough thing is to find a solution that works on all major browsers, including IE7, IE6, Firefox 2. Is there a way to do this yet? On Jan 21, 9:41 am, amuhlou amysch...@gmail.com wrote: Safari and Firefox have css properties you can use to achieve rounded corners: -moz-border-radius and -webkit-border-radius, then for IE6 and 7 I use the DD_roundies script: http://dillerdesign.com/experiment/DD_roundies/ I made a quick test page to be sure it worked with absolute positioning and it seems fine. In your css you would basically say the width and color of the border and the rounding takes care of it for you. On Jan 21, 11:18 am, Vik v...@mindspring.com wrote: Has anyone found an approach for curved corners, with borders, on an absolutely positioned element, that works on the major browsers? Thanks very much in advance to all for any info. Note - I'm trying lots of different approaches to do this. Here's an odd case of a demo that works in Mac Firefox 2, but not in Mac Firefox 3. Leonardo K. confirmed that when he tries the code on a local computer, the corners work as intended; but when he uploads it to a web server, the corners stop working correctly in Firefox 3. http://www.flavorzoom.com/corner_tryout/corners_anomaly.html
[jQuery] Re: A Way to Do Curved Corners, with Borders, on an Absolutely Positioned Object?
Sorry, I didn't see your reference to the DD_roundies script. I'll check it out! On Jan 21, 10:10 am, Vik v...@mindspring.com wrote: Thanks very much for this feedback. Yes, Safari and Firefox 3 are easy, because they support that CSS property. The tough thing is to find a solution that works on all major browsers, including IE7, IE6, Firefox 2. Is there a way to do this yet? On Jan 21, 9:41 am, amuhlou amysch...@gmail.com wrote: Safari and Firefox have css properties you can use to achieve rounded corners: -moz-border-radius and -webkit-border-radius, then for IE6 and 7 I use the DD_roundies script: http://dillerdesign.com/experiment/DD_roundies/ I made a quick test page to be sure it worked with absolute positioning and it seems fine. In your css you would basically say the width and color of the border and the rounding takes care of it for you. On Jan 21, 11:18 am, Vik v...@mindspring.com wrote: Has anyone found an approach for curved corners, with borders, on an absolutely positioned element, that works on the major browsers? Thanks very much in advance to all for any info. Note - I'm trying lots of different approaches to do this. Here's an odd case of a demo that works in Mac Firefox 2, but not in Mac Firefox 3. Leonardo K. confirmed that when he tries the code on a local computer, the corners work as intended; but when he uploads it to a web server, the corners stop working correctly in Firefox 3. http://www.flavorzoom.com/corner_tryout/corners_anomaly.html
[jQuery] Re: A Way to Do Curved Corners, with Borders, on an Absolutely Positioned Object?
Firefox 2 supports -moz-border-radius, though the rendering may not be as pretty. As for the IE's, you need to rely on a script method, and I prefer the DD_roundies script I mentioned above. It also appears as though you could pass an extra parameter to that script to make it work on Firefox if you wanted. Jonathan Snook somewhat recently wrote a recap of some IE round corners methods: http://snook.ca/archives/html_and_css/ie-rounded/ and this is where I found the DD_roundies script which I have used a couple times since the. Here's hoping that IE8 will have full CSS3 support. On Jan 21, 1:10 pm, Vik v...@mindspring.com wrote: Thanks very much for this feedback. Yes, Safari and Firefox 3 are easy, because they support that CSS property. The tough thing is to find a solution that works on all major browsers, including IE7, IE6, Firefox 2. Is there a way to do this yet? On Jan 21, 9:41 am, amuhlou amysch...@gmail.com wrote: Safari and Firefox have css properties you can use to achieve rounded corners: -moz-border-radius and -webkit-border-radius, then for IE6 and 7 I use the DD_roundies script: http://dillerdesign.com/experiment/DD_roundies/ I made a quick test page to be sure it worked with absolute positioning and it seems fine. In your css you would basically say the width and color of the border and the rounding takes care of it for you. On Jan 21, 11:18 am, Vik v...@mindspring.com wrote: Has anyone found an approach for curved corners, with borders, on an absolutely positioned element, that works on the major browsers? Thanks very much in advance to all for any info. Note - I'm trying lots of different approaches to do this. Here's an odd case of a demo that works in Mac Firefox 2, but not in Mac Firefox 3. Leonardo K. confirmed that when he tries the code on a local computer, the corners work as intended; but when he uploads it to a web server, the corners stop working correctly in Firefox 3. http://www.flavorzoom.com/corner_tryout/corners_anomaly.html
[jQuery] Re: jquery ui tabs 3 problem
Attach the class to hide a tab panel beforehand: div id=... class=ui-tabs-hidden.../div In the future please post jQuery UI related questions to the jQuery UI mailing list. --Klaus On 21 Jan., 18:03, aaron subne...@gmail.com wrote: I am using jQuery UI Tabs 3 fromhttp://stilbuero.de/jquery/tabs_3/. The problem I have is the delay before the JS loads. You can see all the tabs for a couple of seconds, then they line up. Is there some way to set display:none or some equivalent to hide these even before the scripts load?
[jQuery] Re: A Way to Do Curved Corners, with Borders, on an Absolutely Positioned Object?
Ah, I was a tad confused there :) On Jan 21, 1:12 pm, Vik v...@mindspring.com wrote: Sorry, I didn't see your reference to the DD_roundies script. I'll check it out! On Jan 21, 10:10 am, Vik v...@mindspring.com wrote: Thanks very much for this feedback. Yes, Safari and Firefox 3 are easy, because they support that CSS property. The tough thing is to find a solution that works on all major browsers, including IE7, IE6, Firefox 2. Is there a way to do this yet? On Jan 21, 9:41 am, amuhlou amysch...@gmail.com wrote: Safari and Firefox have css properties you can use to achieve rounded corners: -moz-border-radius and -webkit-border-radius, then for IE6 and 7 I use the DD_roundies script: http://dillerdesign.com/experiment/DD_roundies/ I made a quick test page to be sure it worked with absolute positioning and it seems fine. In your css you would basically say the width and color of the border and the rounding takes care of it for you. On Jan 21, 11:18 am, Vik v...@mindspring.com wrote: Has anyone found an approach for curved corners, with borders, on an absolutely positioned element, that works on the major browsers? Thanks very much in advance to all for any info. Note - I'm trying lots of different approaches to do this. Here's an odd case of a demo that works in Mac Firefox 2, but not in Mac Firefox 3. Leonardo K. confirmed that when he tries the code on a local computer, the corners work as intended; but when he uploads it to a web server, the corners stop working correctly in Firefox 3. http://www.flavorzoom.com/corner_tryout/corners_anomaly.html
[jQuery] Re: ui.tabs question
Seems to be using a fairly outdated version. The event's name to bind
has changed since quite a while. Why not take a look at the
documentation:
http://docs.jquery.com/UI/Tabs#Events
--Klaus
On 21 Jan., 16:36, MorningZ morni...@gmail.com wrote:
I've got this code working if it helps
$(#TabContainer ul.tabs).tabs().bind(select.ui-tabs, function(e,
ui) {
//Code inside here runs when tab is selected
});
On Jan 21, 10:29 am, Alexandre Plennevaux aplennev...@gmail.com
wrote:
Hi all,
I'm using ui.tabs and i would like to trigger a function when a tab is
clicked, or more precisely, when a new panel gets shown.
I figured from the doc i should use the select callback but that does
not work... HEre is the code i use
var $tabs = $(#tabbedTextContent).tabs({
selected: 0,
fx: { opacity: 'toggle', duration: 200
},
select: function(e, ui)
{
alert(hi); //!-- the
alert() never gets called
var $img =
$('#tabbedTextContent div.ui-tabs_panel:visible img.albumImage');
if ($img.length)
{
$('#imageLegend').text($img.attr('title'));
}
}
});
So, the tabs are displayed and work correctly, but the select
callback (namely, the alert() call) never gets fired...
Right after that block of code i have
$('#tabbedTextContent img.albumImage')
.css('cursor', 'pointer')
//.attr('title', Click to view the next
image)
.click(function()
{ // in image albums, clicking on an
image brings the user to the next image
var currentTab =
$tabs.data('selected.tabs');
$('#imageLegend').text($(this).attr('title'));
var nextTab = (currentTab
$tabs.length - 1) ? currentTab + 1 : 0;
$tabs.tabs('select', nextTab);
return false;
});
which works just fine.
[jQuery] Re: A Way to Do Curved Corners, with Borders, on an Absolutely Positioned Object?
There is also the Cornerz jQuery plugin. It uses canvas/VML, works perfectly for all I've seen. http://labs.parkerfox.co.uk/cornerz/ On Jan 21, 4:10 pm, Vik v...@mindspring.com wrote: Thanks very much for this feedback. Yes, Safari and Firefox 3 are easy, because they support that CSS property. The tough thing is to find a solution that works on all major browsers, including IE7, IE6, Firefox 2. Is there a way to do this yet? On Jan 21, 9:41 am, amuhlou amysch...@gmail.com wrote: Safari and Firefox have css properties you can use to achieve rounded corners: -moz-border-radius and -webkit-border-radius, then for IE6 and 7 I use the DD_roundies script: http://dillerdesign.com/experiment/DD_roundies/ I made a quick test page to be sure it worked with absolute positioning and it seems fine. In your css you would basically say the width and color of the border and the rounding takes care of it for you. On Jan 21, 11:18 am, Vik v...@mindspring.com wrote: Has anyone found an approach for curved corners, with borders, on an absolutely positioned element, that works on the major browsers? Thanks very much in advance to all for any info. Note - I'm trying lots of different approaches to do this. Here's an odd case of a demo that works in Mac Firefox 2, but not in Mac Firefox 3. Leonardo K. confirmed that when he tries the code on a local computer, the corners work as intended; but when he uploads it to a web server, the corners stop working correctly in Firefox 3. http://www.flavorzoom.com/corner_tryout/corners_anomaly.html
[jQuery] Re: $(area) not working in IE (sorry if this is a repost)
Thank you very much to everyone I got the bug fixed and got to learn
about some new tools for debugging in IE. Could not have done without
everyone!
-cw
On Jan 20, 10:30 pm, Chrisw chris.p.wel...@gmail.com wrote:
thanks for your input I will give this a try.
p.s sorry for my late response I was out of town.
On Jan 16, 8:33 am, ryan.joyce...@googlemail.com
ryan.joyce...@googlemail.com wrote:
I know... no Firebug in IE. Poo.
maybe give firebug lite a go. it's a firebug library you can embed
into a page and view through any browser you like.
http://getfirebug.com/lite.html
it's always useful for trying to hack out random IE bugs.
On Jan 15, 5:00 am, James Van Dyke jame...@gmail.com wrote:
Ok... that's a hard page to get away from with all those alert boxes.
I know... no Firebug in IE. Poo.
I believe that class is not what IE calls that attribute. For
instance, element.class will return nothing. element.className is the
correct property. Try that.
Plus, you could shorten your code and make it a bit more readable:
$(area).mouseover( function(){
$(# . $(this).attr(class)).addClass('selected');}.mouseout(
function() {
$(# . $(this).attr(class)).removeClass('selected');
};
Let me know how that works out.
On Jan 14, 6:30 pm, Chrisw chris.p.wel...@gmail.com wrote:
sorry if this is a repost but I didn't see it in the group and I
didn't get a copy in my email. I am working with an image map and i am
using the maphilight plugin and I want to add a border to an image
below the image map when a user hovers over anarea(based on the
iamges ID and thearea'sclass)(see code below) I got it to work in FF
but I cannot get it to work in IE. Any help?
URL:http://oregonstate.edu/admissions/firstyear/recruitmap/map/
Code:
$(area).hover(function(){
var stateClass;
stateClass = $(this).attr(class);
var stateClassQuery;
stateClassQuery = #+stateClass;
alert(stateClassQuery);//for testing
$(stateClassQuery).addClass('selected');
//mouse out
},
function(){
var stateClass;
stateClass = $(this).attr(class);
var stateClassQuery;
stateClassQuery = #+stateClass;
$(stateClassQuery).removeClass('selected');
}
[jQuery] multiple submit sends with CSS Button
hm, my first request isn't shown online. Here is my question again: Hi, i have a Problem with a CSS-Button. Evertime when I click the Button, the formular will be send three times. A normal input submit button does the same task exactly one time. Here is my Code for this Button (only the first button is important, Abort Button works fine at it is). jqeury 1.2.6 is included div class=buttonleiste a style=float: left; margin-right: 10px; onclick=trigger_form_submit(this, 'ok') id= class=button_ok button_all href=javascript:;span class=buttonLogin/span/ainput type=submit style=display: none; name=button[ok]/ a style=float: left; margin-right: 10px; onclick=trigger_form_submit(this, 'abort') id= class=button_abort button_all href=index.phpspan class=buttonAbort/span/ainput type=submit style=display: none; name=button [abort]/ /div Thanks for your help
[jQuery] multiple submit sends with CSS Button
Hi, i have a Problem with a CSS-Button. Evertime when I click the Button, the formular will be send three times. A normal input submit button does the same task exactly one time. Here is my Code for this Button (only the first button is important, Abort Button works fine at it is). jqeury 1.2.6 is included div class=buttonleiste a style=float: left; margin-right: 10px; onclick=trigger_form_submit(this, 'ok') id= class=button_ok button_all href=javascript:;span class=buttonLogin/span/ainput type=submit style=display: none; name=button[ok]/ a style=float: left; margin-right: 10px; onclick=trigger_form_submit(this, 'abort') id= class=button_abort button_all href=index.phpspan class=buttonAbort/span/ainput type=submit style=display: none; name=button [abort]/ /div Thanks for your help
[jQuery] [validate] filled on Mac bug
Hello,
is there any one who has experience on mac (both safari and FF) this
bug. none of rules are working:
rules: {
secondSentDocumentsTo: {
// required: #aTextArea:filled
required: function() { return
$(#aTextArea).is(:filled) ?
true: false; },
}
}
Thanks
Mesut TUNGA
[jQuery] Re: When to use LiveQuery plugin
Karl, There is a bug somewhere between JQuery 1.3 and LiveQuery Plugin. I just can't put LiveQuery Plugin to work with JQuery 1.3. It's odd. I will use previous JQuery version until they implement all the events. Untill there I need to use LiveQuery... =((( On 19 jan, 14:43, Karl Swedberg k...@englishrules.com wrote: If you need to bind events that .live() currently doesn't handle, such as mouseenter, mouseleave, focus, blur, and change, you should keep Live Query around. In subsequent versions, .live() is supposed to handle these, but for now it doesn't.
[jQuery] simple jQuery img src Question
Hi,
I'm new to JQuery and used to use Scriptaculous. I would like to make
the following:
A function to fade out an image, then change the src of the image, and
once the new src is loaded, to fade in the image back (so that it's
fading in with the new image loaded).
Here is how I did it using Scriptaculous, however, the site will now
use jQuery and so I have to reproduce the same thing with it - is
there such a thing as observe in jQuery:
function navAction(newImg) {
new Effect.Fade('image', {duration:0.5, afterFinish:function(){
document.getElementById('image').src = 'images/' + newImg;
$(document.getElementById(image)).observe('load', display);
}
});
}
function display(event){
new Effect.Appear('image', {duration:1});
}
[jQuery] [validate]
Hello,
is there any one who has experience on mac (both safari and FF) this
bug. none of rules are working:
rules: {
secondSentDocumentsTo: {
// required: #aTextArea:filled
required: function() { return
$(#aTextArea).is(:filled) ?
true: false; },
}
}
Thanks
Mesut TUNGA
[jQuery] form standart submit event doesn't handle by jquery submit event
Example from documentation
$(form).submit(function() {
if ($(input:first).val() == correct) {
$(span).text(Validated...).show();
return true;
}
$(span).text(Not valid!).show().fadeOut(1000);
return false;
});
html:
pType 'correct' to validate./p
form action=javascript:alert('success!'); id=smth_id
div
input type=text /
input type=submit /
/div
/form
span/span
BUT! When you get form throw document.getElementById and submit it by
javascript:
var form = document.getElementById('smth_id');
form.submit();
jquery event handler doesn't work
How to attach event to form by jquery correctly?
I need it for tinyMCE integration, I think it will be usefull for 3d
party libs integration anyway
[jQuery] Re: Cycle plugin an absolute positioning
Very useful article but have you guys checked to see if it works in IE7 or
IE6 - dont work there for me. just stacks the images there.
also how and where to put in your codes if i have the slides in div
class=slideshow id=jQuerySlideshow and my script is as follows:
$(function() {
$('#jQuerySlideshow').cycle({
fx:'fade',
speed: 1000
});
});
Hoping for help - i'm very new to this:)
illuminati78
--
View this message in context:
http://www.nabble.com/Cycle-plugin-an-absolute-positioning-tp16039437s27240p21588621.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jquery ui tabs 3 problem
Come on, seriously, don't you think I tried that beforehand.
[jQuery] Re: When to use LiveQuery plugin
What is the issue you are having? Which version of Live Query are you using? Try using the very latest/edge version of Live Query that you can download from github. http://github.com/brandonaaron/livequery/tree/master -- Brandon Aaron On Wed, Jan 21, 2009 at 12:15 PM, Rics ricardo.ce...@gmail.com wrote: Karl, There is a bug somewhere between JQuery 1.3 and LiveQuery Plugin. I just can't put LiveQuery Plugin to work with JQuery 1.3. It's odd. I will use previous JQuery version until they implement all the events. Untill there I need to use LiveQuery... =((( On 19 jan, 14:43, Karl Swedberg k...@englishrules.com wrote: If you need to bind events that .live() currently doesn't handle, such as mouseenter, mouseleave, focus, blur, and change, you should keep Live Query around. In subsequent versions, .live() is supposed to handle these, but for now it doesn't.
[jQuery] Re: simple jQuery img src Question
In theory it would be something like this:
$('#image').fadeOut(500, function() {
$(this).attr('src','images/'+newImg).load(function() {
$(this).fadeIn(1000);
});
}
...but I'm not at all sure if the load() captures the src
attribute change like that.
--
Bohdan
On Jan 21, 7:54 pm, LoicDuros loic.du...@gmail.com wrote:
Hi,
I'm new to JQuery and used to use Scriptaculous. I would like to make
the following:
A function to fade out an image, then change the src of the image, and
once the new src is loaded, to fade in the image back (so that it's
fading in with the new image loaded).
Here is how I did it using Scriptaculous, however, the site will now
use jQuery and so I have to reproduce the same thing with it - is
there such a thing as observe in jQuery:
function navAction(newImg) {
new Effect.Fade('image', {duration:0.5, afterFinish:function(){
document.getElementById('image').src = 'images/' + newImg;
$(document.getElementById(image)).observe('load', display);
}
});
}
function display(event){
new Effect.Appear('image', {duration:1});
}
[jQuery] Re: simple jQuery img src Question
Fixed braces:
$('#image').fadeOut(500, function() {
$(this).attr('src','images/'+newImg).load(function() {
$(this).fadeIn(1000);
});
});
--
Bohdan
On Jan 21, 8:54 pm, Bohdan Ganicky bohdan.gani...@gmail.com wrote:
In theory it would be something like this:
$('#image').fadeOut(500, function() {
$(this).attr('src','images/'+newImg).load(function() {
$(this).fadeIn(1000);
});
}
...but I'm not at all sure if the load() captures the src
attribute change like that.
--
Bohdan
On Jan 21, 7:54 pm, LoicDuros loic.du...@gmail.com wrote:
Hi,
I'm new to JQuery and used to use Scriptaculous. I would like to make
the following:
A function to fade out an image, then change the src of the image, and
once the new src is loaded, to fade in the image back (so that it's
fading in with the new image loaded).
Here is how I did it using Scriptaculous, however, the site will now
use jQuery and so I have to reproduce the same thing with it - is
there such a thing as observe in jQuery:
function navAction(newImg) {
new Effect.Fade('image', {duration:0.5, afterFinish:function(){
document.getElementById('image').src = 'images/' + newImg;
$(document.getElementById(image)).observe('load', display);
}
});
}
function display(event){
new Effect.Appear('image', {duration:1});
}
[jQuery] Re: A Way to Do Curved Corners, with Borders, on an Absolutely Positioned Object?
Thanks, Ricardo. I will check this out as well. On Jan 21, 10:31 am, Ricardo Tomasi ricardob...@gmail.com wrote: There is also the Cornerz jQuery plugin. It uses canvas/VML, works perfectly for all I've seen.http://labs.parkerfox.co.uk/cornerz/ On Jan 21, 4:10 pm, Vik v...@mindspring.com wrote: Thanks very much for this feedback. Yes, Safari and Firefox 3 are easy, because they support that CSS property. The tough thing is to find a solution that works on all major browsers, including IE7, IE6, Firefox 2. Is there a way to do this yet? On Jan 21, 9:41 am, amuhlou amysch...@gmail.com wrote: Safari and Firefox have css properties you can use to achieve rounded corners: -moz-border-radius and -webkit-border-radius, then for IE6 and 7 I use the DD_roundies script: http://dillerdesign.com/experiment/DD_roundies/ I made a quick test page to be sure it worked with absolute positioning and it seems fine. In your css you would basically say the width and color of the border and the rounding takes care of it for you. On Jan 21, 11:18 am, Vik v...@mindspring.com wrote: Has anyone found an approach for curved corners, with borders, on an absolutely positioned element, that works on the major browsers? Thanks very much in advance to all for any info. Note - I'm trying lots of different approaches to do this. Here's an odd case of a demo that works in Mac Firefox 2, but not in Mac Firefox 3. Leonardo K. confirmed that when he tries the code on a local computer, the corners work as intended; but when he uploads it to a web server, the corners stop working correctly in Firefox 3. http://www.flavorzoom.com/corner_tryout/corners_anomaly.html
[jQuery] Accordion push to bottom
I have a sidebar that is 450 in height. I have 5 accordion menus and they are working fine. What I would like to do though is when you click one of the items for the other icons to push to the very bottom of the content area just like it does on http://www.hp.com/. Does anyone know how to do this or have an example of how to do this? Thanks!
