[jQuery] Re: How to solve this
Mostly like your last question just got overlooked, as it came in at 4:30am. ;-) There are two types of progress bar indicators you can use. The first is a fake one, with an animated picture that doesn't really mean anything. However, when you post the page most browsers will pause gif animations once the POST is started. The workaround for this is to have the form submission (or the progress bar) in a separate iframe so one doesn't affect the other. Or submit the form with an ajax (e.g. jquery.form plugin). The second, more sophisticated solution requires some server-side code monitors the request as it is being processed and records the state in a static memory variable. Then the page can do periodic ajax calls (setInterval) to obtain the status of the upload and update the progress bar with accurate figures. There are others here who will have a PHP-based solution, but if you are interested I have a .NET one I wrote. JK -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Johny Sent: Wednesday, November 05, 2008 10:57 PM To: jQuery (English) Subject: [jQuery] Re: How to solve this Nobody knows the answer to my question ? :-(
[jQuery] Serious help needed thanks
Hi I have a div, which has tabs that changes the divs in the area below it, show/hide effect. Now inside the div that is changed by the tabs it needs to scroll the content of that specific div with next and previous buttons each div having its own contents that needs to scroll. The tabs when clicked need to be in the hover state as selected. When the person hovers over the image button when it is in the selected state it must remain in the selected state. See the concept below of how it needs to work. http://www.webnow.co.za/enquiry/bask-closed.jpg The pink tab is the one that is in the selected state. Thanks for any help with this, this also needs to be cross-browser friendly, so yes it needs to work in IE as well. ;-) -- View this message in context: http://www.nabble.com/Serious-help-needed-thanks-tp20356767s27240p20356767.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jqModal iframe closing 2
No,that makes some error report... I need to live it '' It seems that the iframe java is little slower in execution...
[jQuery] Re: How to detect when the document has changed its dimensions.
Rather then using jQuery to update the position, tut the absolutely positioned element in a relatively positioned container, that will grow/shrink as the page grows (such as the wrapper). If you are using a z-index on the absolutely positioned element then IE will ignore it because it is in a relatively positioned container, which is a really annoying bug. ricardoe wrote: Hi everyone, I'm developing a little code that position absolutely an element in a page, but now I'm adding some events to the rest of the elements, some slides, nothing very fancy. But, now my element is misplaced because the rest of the page reacts to the change caused by my effect (this is, when an elements slides up, the next elements will be repositioned where my element was displayed). Is there a good elegant way to detect when the page has changed its dimensions? (not the window, the document). I know I can make a setInterval and check and check again, but I don't know... I'll leave that option as my last resource. Regards :)
[jQuery] Re: jquery validation unhighlight issue
You need to use a different class for that, as the errorClass is used
to find the actual error label that displays the error message.
Jörn
On Wed, Nov 5, 2008 at 9:04 PM, kedr [EMAIL PROTECTED] wrote:
my js is as follows:
var validator = $('#myForm').validate({
onfocusout: false,
onkeyup: false,
rules: {
prefix: { required: true },
name: { required: true }
},
messages: {
prefix: { required: 'Please select a prefix' },
name: { required: 'Please provide your name' }
},
errorClass: 'formError',
highlight: function(element, errorClass) {
$(element.form).find('label[for=' + element.id
+
']').addClass(errorClass);
},
unhighlight: function(element, errorClass) {
$(element.form).find('label[for=' + element.id
+
']').removeClass(errorClass);
}
});
and my html:
fieldset
label for=prefix*Prefix:/label
input id=prefix name=prefix type=text class=field /
/fieldset
fieldset
label for=name*Name:/label
input id=name name=name type=text class=field /
/fieldset
and I am using jquery 1.2.6 with jquery validation 1.4
When I submit with errors both labels get the errorClass attached
which is what I want. But when I fix the errors and submit again, the
labels disappear and it seems are getting a style=display;none
instead of running the unhighlight method. Also, if I put an alert
statement inside the unhighlight method it seems once you submit with
no errors each corrected field spits out the alert twice. Any ideas?
How do I get the unhighlight to remove the class instead of making the
label disappear?
[jQuery] Equal columns with a twist
Hello,
I am trying to solve the following issue:
- There are 3 columns on a page.
- When the page first loads each column needs to be the same height
(say 400px) regardless of how much content will be in each column.
- The content of the column is passed in and is unknown until the page
loads.
- If a column’s content needs more height than 400px than a “read
more…” trigger needs to be added to the bottom. Clicking the “read
more…” expands the column to reveal the rest of the content.
- If a column content needs less height than 400px, the column is
still 400px tall but no “read more...” trigger gets added.
I have created some html for testing and a link to it is on the bottom
of this message.
A pass at writing out the logic of what is needed:
Determine the height of div “container” after the content is loaded.
• If the height of “container” is greater than 400px
Add class “sizer”
.sizer { overflow:hidden; height:400px; }
Allow the paragraph inside div with class of “tag” to stay
displayed (don’t do anything to it).
The link that is in the paragraph that is inside the div with the
class of “tag” becomes a show/hide trigger. When clicked, allow
“container” to be full size (remove class “sizer” ?)
When class “sizer” is added, there needs to be a way to add
something to the where the content gets cut off. It would look/act
like a truncate function.
Perhaps something that counts back 5 characters from where
it gets cut off and then add “…”
• If the height of “container” is less than 400px
Add class “sizer”
sizer { overflow:hidden; height:400px; }
This should keep a container with little or no content from
collapsing down beyond 400px.
Add class to paragraph inside div with class of “tag”. Add
“.show-none”
.show-none {display:none;}
Here is the code to work from:
http://paste.pocoo.org/show/88630/
[jQuery] Re: Equal columns with a twist
why add the sizer class, it seems no matter how much content is in there
it won't shrink/grow beyond 400px so you could set this on the div directly.
bmclaughlin wrote:
Hello,
I am trying to solve the following issue:
- There are 3 columns on a page.
- When the page first loads each column needs to be the same height
(say 400px) regardless of how much content will be in each column.
- The content of the column is passed in and is unknown until the page
loads.
- If a column’s content needs more height than 400px than a “read
more…” trigger needs to be added to the bottom. Clicking the “read
more…” expands the column to reveal the rest of the content.
- If a column content needs less height than 400px, the column is
still 400px tall but no “read more...” trigger gets added.
I have created some html for testing and a link to it is on the bottom
of this message.
A pass at writing out the logic of what is needed:
Determine the height of div “container” after the content is loaded.
• If the height of “container” is greater than 400px
Add class “sizer”
.sizer { overflow:hidden; height:400px; }
Allow the paragraph inside div with class of “tag” to stay
displayed (don’t do anything to it).
The link that is in the paragraph that is inside the div with the
class of “tag” becomes a show/hide trigger. When clicked, allow
“container” to be full size (remove class “sizer” ?)
When class “sizer” is added, there needs to be a way to add
something to the where the content gets cut off. It would look/act
like a truncate function.
Perhaps something that counts back 5 characters from where
it gets cut off and then add “…”
• If the height of “container” is less than 400px
Add class “sizer”
sizer { overflow:hidden; height:400px; }
This should keep a container with little or no content from
collapsing down beyond 400px.
Add class to paragraph inside div with class of “tag”. Add
“.show-none”
.show-none {display:none;}
Here is the code to work from:
http://paste.pocoo.org/show/88630/
[jQuery] Re: Equal columns with a twist
Good point.
[jQuery] Superfish Feature Request
It would be nice if submenus that WOULD HAVE displayed outside the browser viewable area, to be repositioned so that they appear back inside the browser's viewable area. Thank You!
[jQuery] My first plug in. Need comments.
Guys, I am learning JQuery (and JavaScript) in general.
So I decided to write my first 'Blink' plug in.
It works but can you please take a look an tell me if something is
considered bad practice or can be done better.
(function($) {
$.fn.blink = function(options) {
var opts = $.extend({}, $.fn.blink.defaults, options);
return this.each(function() {
var $this = $(this);
var currentColor = opts.color1;
$this.css({backgroundColor: currentColor});
window.setInterval(function (){DoTheBlink();},
1000);
function DoTheBlink()
{
if (currentColor == opts.color1)
currentColor = opts.color2;
else
currentColor = opts.color1;
$this.css({ backgroundColor: currentColor });
}
});
};
$.fn.blink.defaults = {
color1: 'red',
color2: 'blue'
};
})(jQuery);
--USE-
div id=t1hahaha/div
div id=t2hahaha/div
div id=t3hahaha/div
script
$(document).ready(function() {
$('#t1').blink({ color1: 'red', color2:'blue' });
$('#t2').blink({ color1: 'yellow', color2:'black' });
$('#t3').blink({ color1: 'red', color2:'green' });
});
Thanks
George.
[jQuery] [tooltip] Title attribute reload (ajax)
Hello, I'm facing some trouble with tooltip plugin. I use it on pictures for description and dynamic datas inside title attribute. Its working well. I have some criterias that client-side can choose. Once criterias are chosen, picture is changed. I would like to change as well title attribute. Actually, I'm able to reload the content of the title attribute, and dynamic datas are ok, when looking to source code. But tooltip doesn't show up, and no error occurs. I tried to change id attribute, echo-ing the right new js tooltip call with the new id. Still doesn't work. Is there a way to reload title attribute and keep tooltip working ? Thank you very much :)
[jQuery] Advanced Button Rollover
Hello, Has anyone ever seen a use of jQuery for an advanced button rollover effect such as this: The main target area is a 20x20 graphic. Upon mouseover, a 80x20 graphic appears in its place, with 60px hanging to the left over any content that happens to be there. For example: Main target area: [] Rollover state: ===[] And then, to further complicate things, both parts of the rollover state (the original 20x20 and the hanging 60x20) have their own rollover states (just color changes). I have to build this for a client and am looking for some guidance on how to build this. What I've done so far is to bind a mouseover event handler to the original 20x20 graphic and create an 80x20 div that's relatively-positioned to hang over the left like that. Then, within the 80x20 div are two separate divs for the other rollover states. This, however, has failed miserably. And I'm going bald tearing my hair out to solve this. I know this sounds almost needlessly complicated for a button, but in the context of this client's web application, it makes sense. (Though they certainly could have found an easier way to design it. Sigh.) Has anyone built something similar in the past? Or would anyone be willing to sub-contract this work from me and build it? I'm at my wit's end and am willing to pay someone a reasonable rate to help me out. Thanks! - Mike
[jQuery] Cluetip is erasing the title attribute
Hi All, I am trying to use the latest Cluetip plugin to display a tooltip information for an image.The tooltip is displayed when the image is clicked.I am using the title attribute to inform the user to click for details and the info is stored in the desc attribute. img src=someImage.gif title=Click to view more details desc=SomeTitle|Some Description/ Everything is fine whne the page loads and when I do a mouse over on the image, it shows be the browser's tooltip and when I click on it shows the Cluetip div.After the Div us closed if I again do a mouseover on the image, I do not see the browser's tooltip.I checked the code and saw that the title attribute is being to empty quotes.I understand that this is done to avoid the browser's tooltip being displayed when the Cluetip is active. I've changed the code to store the title attribute in a temp variable and set it back when the Cluetip div is closed. I would recommend you incorporate the fix in your next release.. Also as Shawn Grover mentioned in his blog that the mouseoutclose triggers the close if the mouse moves inside and then outside the clueTip area.I want the mouseoutclose event to be applied on the object on which the Cluetip is invoked (ex:the img in this case) Regards, Raghukiran
[jQuery] Using search engine keywords to change page content
I have written a post on my blog with some examples on how you can get the keywords a person used to find your site and then change content on it. http://www.justjquery.com/2008/11/04/how-to-make-the-most-of-search-engine-traffic/
[jQuery] animated robot cartoon with jquery
Hi all, I occasionally volunteer as a guest speaker for the web design class at my child's elementary school. I wanted to introduce them to jquery and html in a fun way so I created an animated jquery 'robot'. Now, I'm not really adept at javascript or any type of programming at all. I'm a designer turned wannabe' web developer :) I used multiple divs and transparent png's to create the different parts of the parallax background and the bouncing robot. The code I was able to piece together to make it work is absolutely horrendous, even for me. I was hoping maybe some of you jquery masters might be able to take a looksy and help me out? The url is: robot.anthonycalzadilla.com (I would just post the code but its so long it wouldn't be visibly viable) Anthony [EMAIL PROTECTED]
[jQuery] Re: Superfish Feature Request
Have a look at this Superfish extension called Supposition. It is an effort to achieve exactly what you are asking for, although it comes with no guarantees or support. http://users.tpg.com.au/j_birch/plugins/superfish/supposition-test/ Joel Birch.
[jQuery] How to detect when the document has changed its dimensions.
Hi everyone, I'm developing a little code that position absolutely an element in a page, but now I'm adding some events to the rest of the elements, some slides, nothing very fancy. But, now my element is misplaced because the rest of the page reacts to the change caused by my effect (this is, when an elements slides up, the next elements will be repositioned where my element was displayed). Is there a good elegant way to detect when the page has changed its dimensions? (not the window, the document). I know I can make a setInterval and check and check again, but I don't know... I'll leave that option as my last resource. Regards :)
[jQuery] Re: My first plug in. Need comments.
Hi Georges !
excellent way to learn.
personally, i would use toggleClass()
(http://docs.jquery.com/Attributes/toggleClass#class) and have the
color set in the CSS file. As a rule, try always to use each
technology for what it was meant:
html data
css styling
javascript behaviour
so it would be:
http://jsbin.com/osaxa
On Thu, Nov 6, 2008 at 6:46 AM, George [EMAIL PROTECTED] wrote:
Guys, I am learning JQuery (and JavaScript) in general.
So I decided to write my first 'Blink' plug in.
It works but can you please take a look an tell me if something is
considered bad practice or can be done better.
(function($) {
$.fn.blink = function(options) {
var opts = $.extend({}, $.fn.blink.defaults, options);
return this.each(function() {
var $this = $(this);
var currentColor = opts.color1;
$this.css({backgroundColor: currentColor});
window.setInterval(function (){DoTheBlink();},
1000);
function DoTheBlink()
{
if (currentColor == opts.color1)
currentColor = opts.color2;
else
currentColor = opts.color1;
$this.css({ backgroundColor: currentColor });
}
});
};
$.fn.blink.defaults = {
color1: 'red',
color2: 'blue'
};
})(jQuery);
--USE-
div id=t1hahaha/div
div id=t2hahaha/div
div id=t3hahaha/div
script
$(document).ready(function() {
$('#t1').blink({ color1: 'red', color2:'blue' });
$('#t2').blink({ color1: 'yellow', color2:'black' });
$('#t3').blink({ color1: 'red', color2:'green' });
});
Thanks
George.
[jQuery] jQuery, ASP.Net and Drop-Down-Lists
Hi, I am trying to use a DropDownLists and jQuery, I was trying to use the jQuery events and then call a function but it seems not to be working. No matter what event I choose nothing happens! Anyone got an idea of what could be causing it? Do drop down lists in .Net not have the standard events
[jQuery] New plug-in: autosave
Hi guys, I've just finished building a new plug-in called autosave which is designed to save the progress of forms by saving the fields to cookies so you won't lose anything. http://rikrikrik.com/jquery/autosave/ I've not fully released it yet as I was hoping for some feedback on what could be changed or added to make it better Hope you like it, Rik -- Rik Lomas http://rikrikrik.com
[jQuery] Re: animated robot cartoon with jquery
Pretty cool! -- Ariel Flesler http://flesler.blogspot.com On Nov 6, 2:56 am, anthony.calzadilla [EMAIL PROTECTED] wrote: Hi all, I occasionally volunteer as a guest speaker for the web design class at my child's elementary school. I wanted to introduce them to jquery and html in a fun way so I created an animated jquery 'robot'. Now, I'm not really adept at javascript or any type of programming at all. I'm a designer turned wannabe' web developer :) I used multiple divs and transparent png's to create the different parts of the parallax background and the bouncing robot. The code I was able to piece together to make it work is absolutely horrendous, even for me. I was hoping maybe some of you jquery masters might be able to take a looksy and help me out? The url is: robot.anthonycalzadilla.com (I would just post the code but its so long it wouldn't be visibly viable) Anthony [EMAIL PROTECTED]
[jQuery] Re: calling style
Difference between the two code?
On Nov 6, 12:36 pm, Satyakaran [EMAIL PROTECTED] wrote:
function load() {
//jQuery(function($) {
$(#div1).load(starterkit.html);
//});
}
OR
function load() {
jQuery(function($) {
$(#div1).load(starterkit.html);
});
}
Can you tell me what is the difference between the two. I know both
works.
So, which one should I use. I am talking about the commented code on
first snippet.
Thanks!
[jQuery] Re: Select nested ul inside a li element
Hi,
The ul is inside the li, not the next element, so you can do
$(this).find('ul') to select it
Rik
2008/11/6 suntrop [EMAIL PROTECTED]:
Hi. I want to collapse my navigation. But I can't select the nested
ul inside a li
The markup:
ul id=navigation
liFruits
ul
liApples/li
liBananas/li
liStrawberries/li
/ul
/li
liVegetables
ul
liTomatoes/li
liPeas/li
/ul
/li
This is what I tried to do:
$('#navigation li').click(function() {
$(this).next().slideToggle(fast);
});
But this code doesn't collapse the nested ul but the next li. When I
click Fruits it'll toggle Vegetables.
How can I select just the ul inside the li? When I click Fruits it
should toggle the ul with Apples, Bananas ...
This one won't work either:
$('#navigation li').click(function() {
$(this ' ul').slideToggle(fast);
});
or this:
$('#navigation li').click(function() {
$(this).child().slideToggle(fast);
});
Hope somebody can help. Thanks!
--
Rik Lomas
http://rikrikrik.com
[jQuery] Re: jQuery, ASP.Net and Drop-Down-Lists
Anyone got an idea of what could be causing it? Without example code of what you are trying to do, it could be anyone's wild guess In the end, an asp:DropDownlist generates to a select object, which jQuery has absolutely zero problems dealing with On Nov 6, 8:42 am, Damien [EMAIL PROTECTED] wrote: Hi, I am trying to use a DropDownLists and jQuery, I was trying to use the jQuery events and then call a function but it seems not to be working. No matter what event I choose nothing happens! Anyone got an idea of what could be causing it? Do drop down lists in .Net not have the standard events
[jQuery] Re: calling style
he's commented out the jquery call out.
All you would need is this;
jQuery(function() {
$(#div1).load(starterkit.html);
});
Satyakaran wrote:
Difference between the two code?
On Nov 6, 12:36 pm, Satyakaran [EMAIL PROTECTED] wrote:
function load() {
//jQuery(function($) {
$(#div1).load(starterkit.html);
//});
}
OR
function load() {
jQuery(function($) {
$(#div1).load(starterkit.html);
});
}
Can you tell me what is the difference between the two. I know both
works.
So, which one should I use. I am talking about the commented code on
first snippet.
Thanks!
[jQuery] Array in get help
I have an checkboxes in form and I have unique ID for each of them...
and something like this :
var x = new Array ( 'idx1','idx2' );
and I need to do something like this:
for ( var i in x )
{
$('#x[i]').attr('checked', true); -- this isn't working
}
I do not have any idea how to change an array like some element
[jQuery] Event Firing Twice
I am attaching an event to a link. The link lets the user toggle the display of a child div inside of a parent div. However, when the link is clicked, the event is run twice (div opens and then closes immediately). I have tried using .click() and .bind() and it makes no difference which one I use. I have also tried using an anonymous function versus a callback function and there is no difference. I tried using return false and e.stopPropagation() and there is no difference. I have triple-checked that I am not binding the event more than once in my code. The only way I can get it to not fire twice is to put the call in the link's onclick attribute. I have seen several similar posts on this in the group, but I have not seen a reason why this happens or a fool-proof way to stop it from happening. The only thing I can think of is that one of the other JS libraries I am using on the page, like Matt Kruse's DynamicOptionList, etc... are interfering with the event propagation, but I don't know for sure if that is the cause. I am moving over from Prototype/Scriptaculous and had this all working without a problem using those libraries. I have posted the code at: http://jsbin.com/atiza Help!
[jQuery] calling style
function load() {
//jQuery(function($) {
$(#div1).load(starterkit.html);
//});
}
OR
function load() {
jQuery(function($) {
$(#div1).load(starterkit.html);
});
}
Can you tell me what is the difference between the two. I know both
works.
So, which one should I use. I am talking about the commented code on
first snippet.
Thanks!
[jQuery] Re: calling style
The difference is that the commented out version assumed that jQuery
is the only JS library, as the $ function is used in other libraries,
such as mootools and Prototype, so the jQuery(function($) { }) stops
any conflicts
Rik
2008/11/6 Liam Potter [EMAIL PROTECTED]:
he's commented out the jquery call out.
All you would need is this;
jQuery(function() {
$(#div1).load(starterkit.html);
});
Satyakaran wrote:
Difference between the two code?
On Nov 6, 12:36 pm, Satyakaran [EMAIL PROTECTED] wrote:
function load() {
//jQuery(function($) {
$(#div1).load(starterkit.html);
//});
}
OR
function load() {
jQuery(function($) {
$(#div1).load(starterkit.html);
});
}
Can you tell me what is the difference between the two. I know both
works.
So, which one should I use. I am talking about the commented code on
first snippet.
Thanks!
--
Rik Lomas
http://rikrikrik.com
[jQuery] Re: jQuery, ASP.Net and Drop-Down-Lists
First place to check would be the selector. Make sure the select element is actually getting selected. I'd recommend using Firebug to help you see if the selector you are using is working and to help you formulate one that does if it isn't. -- Brandon Aaron On Thu, Nov 6, 2008 at 7:42 AM, Damien [EMAIL PROTECTED] wrote: Hi, I am trying to use a DropDownLists and jQuery, I was trying to use the jQuery events and then call a function but it seems not to be working. No matter what event I choose nothing happens! Anyone got an idea of what could be causing it? Do drop down lists in .Net not have the standard events
[jQuery] Re: Problems with the JSON return from the jQuery.ajax() method
WOW!
Thanks very very very much!!!
How a simple comma have the power to make a big problem!
I dont know how I said it, but te devo uma!.
Thanks a lot!!!
On Nov 5, 9:26 pm, Jeffrey Kretz [EMAIL PROTECTED] wrote:
Your second documentos array (the empty one), has a comma after it, which
is not followed by another property.
When I tried to eval your original json, I got an error.
After removing that comma, it eval'ed correctly.
Hope this helps.
JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Augusto TMW
Sent: Wednesday, November 05, 2008 1:56 PM
To: jQuery (English)
Subject: [jQuery] Re: Problems with the JSON return from the jQuery.ajax()
method
Hi, thanks about your answer.
This is a example of my JSON:
{mes:{
numero:11,
ano:2008,
reunioes: [
{
dia:27,
horario:15:50,
local:lorem ipsum,
titulo:Reunião 03,
documentos:[
{nome:teste5,arquivo:../institucional/downloads/
teste5.pdf},
{nome:teste6,arquivo:../institucional/downloads/
teste6.pdf}
]
},
{
dia:23,
horario:10:20,
local:lorem ipsum,
titulo:Reunião 04,
documentos:[],
}
],
visitas:[
{
dia:1,
horario:21:15,
local:lorem ipsum,
titulo:Visita 01,
documentos:[
{nome:teste4,arquivo:../institucional/downloads/teste4.pdf}
]
},
{
dia:25,
horario:21:15,
local:lorem ipsum,
titulo:Visita 02,
documentos:[
{nome:teste5,arquivo:../institucional/downloads/teste5.pdf}
]
}
]
}}
Where I've to put the comma?
Thanks very much for your help! =D
Augusto TMW
On Nov 5, 12:46 pm, Choan Gálvez [EMAIL PROTECTED] wrote:
Hi.
On Nov 4, 2008, at 10:48 PM, Augusto TMW wrote:
Hi,
I'm trying do return a JSON with a $.ajax() method.
here is my entire function:
function carregaMes(d){
if(!(_reunioes[reg+d.month+d.year])){
$.ajax({
url: reunioes.jsp,
data: mes=+d.month+ano=+d.year,
async: false,
dataType: json,
success: function(a){
_reunioes[reg+d.month+d.year] = a;
}
});
return _reunioes[reg+d.month+d.year];
} else {
return _reunioes[reg+d.month+d.year];
}
}
Where _reunioes is an array in window object.
In FF its ok, but in IE its return undefined. I tried to call a
normal ajax and use the jQuery.httpData() method to covert my xhr into
a JSON, but my IE tell me that in line where jQuery tries to convert
( data = eval((+data+)); ) has an error Indentifier, sequency or
number expected.
I'd bet the input is not valid JSON. Check for extra commas at the end
of your JSON array definition.
Best.
--
Choan
[jQuery] Select nested ul inside a li element
Hi. I want to collapse my navigation. But I can't select the nested
ul inside a li
The markup:
ul id=navigation
liFruits
ul
liApples/li
liBananas/li
liStrawberries/li
/ul
/li
liVegetables
ul
liTomatoes/li
liPeas/li
/ul
/li
This is what I tried to do:
$('#navigation li').click(function() {
$(this).next().slideToggle(fast);
});
But this code doesn't collapse the nested ul but the next li. When I
click Fruits it'll toggle Vegetables.
How can I select just the ul inside the li? When I click Fruits it
should toggle the ul with Apples, Bananas ...
This one won't work either:
$('#navigation li').click(function() {
$(this ' ul').slideToggle(fast);
});
or this:
$('#navigation li').click(function() {
$(this).child().slideToggle(fast);
});
Hope somebody can help. Thanks!
[jQuery] Re: Event Firing Twice
One more interesting note... if the parent div is visible (display: block) when the page loads, I do not see this behavior. It is only when the parent div is not visible (display: none) on page load that it happens. On Nov 6, 9:07 am, n8cshaw [EMAIL PROTECTED] wrote: I am attaching an event to a link. The link lets the user toggle the display of a child div inside of a parent div. However, when the link is clicked, the event is run twice (div opens and then closes immediately). I have tried using .click() and .bind() and it makes no difference which one I use. I have also tried using an anonymous function versus a callback function and there is no difference. I tried using return false and e.stopPropagation() and there is no difference. I have triple-checked that I am not binding the event more than once in my code. The only way I can get it to not fire twice is to put the call in the link's onclick attribute. I have seen several similar posts on this in the group, but I have not seen a reason why this happens or a fool-proof way to stop it from happening. The only thing I can think of is that one of the other JS libraries I am using on the page, like Matt Kruse's DynamicOptionList, etc... are interfering with the event propagation, but I don't know for sure if that is the cause. I am moving over from Prototype/Scriptaculous and had this all working without a problem using those libraries. I have posted the code at:http://jsbin.com/atiza Help!
[jQuery] Thickbox FF problem
Hi!
I'm using the iframe modal option with thickbox but i'm experiencing a
problem with Firefox.
The page that loads the thickbox is where i login in first place and
if i leave FF with the remember password bar on top when i submit the
form in the thickbox (modal) the page reloads and the thickbox
closes.
But if i close the firefox remeber password bar when i login, i can
submit the form in the thickbox modal iframe window and it will only
close when i call 'tb_remove()' function.
My Code to call thickbox:
The link: a href='./get_date.cgi?
KeepThis=trueamp;TB_iframe=trueamp;height=250amp;width=500amp;modal=trueamp;contact_id=1amp;campaign_id=1'
class='thickbox' id='link_thickbox'/a
Call: script type='text/javascript'$(document).ready(function() { $
('#link_thickbox').click(); });/script
Any help to solve this issue with Firefox?
Cya,
AV
[jQuery] Re: jCarousel, localScroll, other options?
Sure, LocalScroll too. Both allow you to specify an option called 'easing'. You need to add the easing plugin for fancy equations. Now that I check the demo, I think LocalScroll would fit better. Just link the buttons and panes by id/href. And it'll do the rest. -- Ariel Flesler http://flesler.blogspot.com On Nov 5, 7:27 pm, genius switch [EMAIL PROTECTED] wrote: Can that be customized to have the bouncy effect? On Nov 5, 8:57 am, Ariel Flesler [EMAIL PROTECTED] wrote: Maybe SerialScroll ? -- Ariel Fleslerhttp://flesler.blogspot.com On Nov 5, 10:45 am, genius switch [EMAIL PROTECTED] wrote: Here is my issue, I have used jCarousel to accomplish what I need... however the markup is bothering my anal tendencies for pure semantics. I'm using jCarousel to scroll content blocks in a sexy way, however, in order to use jCarousel I must have my content blocks inside a list, each as a list item. This validates, and is functioning exactly how I want it to, however I can't get past the fact that this markup doesn't make sense. LocalScroll is my other option, but it doesn't slide sexy the way jCarousel does. Does anyone have any advice? Here is the test page:http://www.geniusswitchstudio.com/v2/template.htm Thanks! - C
[jQuery] Re: Event Firing Twice
The link you provided doesn't seem to work. n8cshaw wrote: One more interesting note... if the parent div is visible (display: block) when the page loads, I do not see this behavior. It is only when the parent div is not visible (display: none) on page load that it happens. On Nov 6, 9:07 am, n8cshaw [EMAIL PROTECTED] wrote: I am attaching an event to a link. The link lets the user toggle the display of a child div inside of a parent div. However, when the link is clicked, the event is run twice (div opens and then closes immediately). I have tried using .click() and .bind() and it makes no difference which one I use. I have also tried using an anonymous function versus a callback function and there is no difference. I tried using return false and e.stopPropagation() and there is no difference. I have triple-checked that I am not binding the event more than once in my code. The only way I can get it to not fire twice is to put the call in the link's onclick attribute. I have seen several similar posts on this in the group, but I have not seen a reason why this happens or a fool-proof way to stop it from happening. The only thing I can think of is that one of the other JS libraries I am using on the page, like Matt Kruse's DynamicOptionList, etc... are interfering with the event propagation, but I don't know for sure if that is the cause. I am moving over from Prototype/Scriptaculous and had this all working without a problem using those libraries. I have posted the code at:http://jsbin.com/atiza Help!
[jQuery] JX - Object oriented extension to jQuery released
Only 8K minified True Objected Oriented jQuery Extension Complex layouts by nesting Containers Whole application configurable 'Custom event' driven programming Extendable via Objected Oriented Inheritance. Includes the following widgets. Container, ColumnContainer, Viewport, Panel, Frame, RoundCornerBox. Tutorial, Examples and documentation. http://jx.myofiz.com
[jQuery] Re: animated robot cartoon with jquery
Great job, Anthony! Unfortunately, I'm new to jQuery and Javascript, too, so I'm of no use to you on the code. Hope you presentation goes well! Rick anthony.calzadilla wrote: Hi all, I occasionally volunteer as a guest speaker for the web design class at my child's elementary school. I wanted to introduce them to jquery and html in a fun way so I created an animated jquery 'robot'. Now, I'm not really adept at javascript or any type of programming at all. I'm a designer turned wannabe' web developer :) I used multiple divs and transparent png's to create the different parts of the parallax background and the bouncing robot. The code I was able to piece together to make it work is absolutely horrendous, even for me. I was hoping maybe some of you jquery masters might be able to take a looksy and help me out? The url is: robot.anthonycalzadilla.com (I would just post the code but its so long it wouldn't be visibly viable) Anthony [EMAIL PROTECTED] --- Text inserted by Panda IS 2009: This message has NOT been classified as spam. If it is unsolicited mail (spam), click on the following link to reclassify it: http://localhost:6083/Panda?ID=pav_448SPAM=truepath=C:\Documents%20and%20Settings\Rick%20Faircloth\Local%20Settings\Application%20Data\Panda%20Security\Panda%20Internet%20Security%202009\AntiSpam ---
[jQuery] Re: Select nested ul inside a li element
Or in case there are even more levels
$(this).children('ul')
- Richard
On Thu, Nov 6, 2008 at 9:04 AM, Rik Lomas [EMAIL PROTECTED] wrote:
Hi,
The ul is inside the li, not the next element, so you can do
$(this).find('ul') to select it
Rik
2008/11/6 suntrop [EMAIL PROTECTED]:
Hi. I want to collapse my navigation. But I can't select the nested
ul inside a li
The markup:
ul id=navigation
liFruits
ul
liApples/li
liBananas/li
liStrawberries/li
/ul
/li
liVegetables
ul
liTomatoes/li
liPeas/li
/ul
/li
This is what I tried to do:
$('#navigation li').click(function() {
$(this).next().slideToggle(fast);
});
But this code doesn't collapse the nested ul but the next li. When I
click Fruits it'll toggle Vegetables.
How can I select just the ul inside the li? When I click Fruits it
should toggle the ul with Apples, Bananas ...
This one won't work either:
$('#navigation li').click(function() {
$(this ' ul').slideToggle(fast);
});
or this:
$('#navigation li').click(function() {
$(this).child().slideToggle(fast);
});
Hope somebody can help. Thanks!
--
Rik Lomas
http://rikrikrik.com
[jQuery] Re: [tooltip] Title attribute reload (ajax)
Sounds like this: http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F Jörn On Thu, Nov 6, 2008 at 12:47 PM, Anasha [EMAIL PROTECTED] wrote: Hello, I'm facing some trouble with tooltip plugin. I use it on pictures for description and dynamic datas inside title attribute. Its working well. I have some criterias that client-side can choose. Once criterias are chosen, picture is changed. I would like to change as well title attribute. Actually, I'm able to reload the content of the title attribute, and dynamic datas are ok, when looking to source code. But tooltip doesn't show up, and no error occurs. I tried to change id attribute, echo-ing the right new js tooltip call with the new id. Still doesn't work. Is there a way to reload title attribute and keep tooltip working ? Thank you very much :)
[jQuery] Re: calling style
On Thu, Nov 6, 2008 at 2:36 AM, Satyakaran [EMAIL PROTECTED] wrote:
function load() {
//jQuery(function($) {
$(#div1).load(starterkit.html);
//});
}
This one calls the .load() immediately.
OR
function load() {
jQuery(function($) {
$(#div1).load(starterkit.html);
});
}
This one waits to call .load() until the DOM is loaded. This is shorthand
syntax for
jQuery(document).ready(function($) {
...
});
which says call this function I provide as soon the document/DOM is ready.
This guarantees that your element #div1 is available for selecting and
manipulation. So the difference depends on where your function load() is
being called. If it's called after the page is loaded (say, by a button
click) there will be no difference. If it's called during the page load
(say, in the head) you'll want the latter. For more info see
http://docs.jquery.com/How_jQuery_Works#.24.28document.29.ready.28function.28.29.7B.7D.29.3B
- Richard
[jQuery] Re: Newbie: Sequencial fadeOut / FadeIn effects
This solution here http://jsbin.com/oluba that Mauricio has put up for us shows error on the browser status bar - ERROR ON PAGE. anyone knows how to fix that? Maurício On Nov 1, 4:58 pm, Alexandre [EMAIL PROTECTED] wrote: Great solution, but I'm now stuck with hiding the content on load. I don't want to disturb anyone but... well... hm. A little push ?
[jQuery] Executing Scripts returned by AJAX Request
Hi, I would like my AJAX Request to function like this: if empty, all good, proceed. if scripts, not good, execute the script. if no scripts, but something in response, alert the text (some kind of error). Reason I want this is when the user tries to execute an action that requires them to be logged in and they are not or their session has timed out, I would like to output script to the AJAX Request page so the jQuery function can execute it and redirect the user to the login form. Is there something built in to handle scripts received by an AJAX Request? Thanks.
[jQuery] Re: Crossbrowser problem with Jquery Extension fieldSelection
Please? On Tue, Nov 4, 2008 at 13:07, Diego Pessoa [EMAIL PROTECTED] wrote: Can someone help me? On Mon, Nov 3, 2008 at 19:40, Diego Pessoa [EMAIL PROTECTED]wrote: Hi, I'm using the Jquery extension fieldSelection ( See at: http://laboratorium.0xab.cd/jquery/fieldselection/0.2.3-test/test.html ) This extension resolves the selectRange problem of the tradicional javascript, but, I found another problem now, the start and end positions returned are different in IE and FF. Look at this: In the fieldselection extension's site, we've a example box, when I select the word test of the second textarea, in the Internet Explorer it shows: start: 31 , end: 35 and in the Firefox: start: 29, end: 33 This difference is because the firefox don't count the \n caracter... How can I get the same positions in both browsers? Thankx, Diego Pessoa
[jQuery] Re: Event Firing Twice
weird, works for me... I posted it at http://www.iaffectproperties.com/code/SearchForm.htm also. All of the images, css and local JS are pointing to localhost and don't work obviously (JQuery and JQuery UI are being loaded from Google)... as a side-effect of that, the event appears to no longer run twice. I guess that tells me that some other script I am using is interfering with the event and causing it to run twice? How can I debug which one and prevent this from happening? I thought JQuery was namespaced to prevent this? On Nov 6, 9:40 am, Liam Potter [EMAIL PROTECTED] wrote: The link you provided doesn't seem to work. n8cshaw wrote: One more interesting note... if the parent div is visible (display: block) when the page loads, I do not see this behavior. It is only when the parent div is not visible (display: none) on page load that it happens. On Nov 6, 9:07 am, n8cshaw [EMAIL PROTECTED] wrote: I am attaching an event to a link. The link lets the user toggle the display of a child div inside of a parent div. However, when the link is clicked, the event is run twice (div opens and then closes immediately). I have tried using .click() and .bind() and it makes no difference which one I use. I have also tried using an anonymous function versus a callback function and there is no difference. I tried using return false and e.stopPropagation() and there is no difference. I have triple-checked that I am not binding the event more than once in my code. The only way I can get it to not fire twice is to put the call in the link's onclick attribute. I have seen several similar posts on this in the group, but I have not seen a reason why this happens or a fool-proof way to stop it from happening. The only thing I can think of is that one of the other JS libraries I am using on the page, like Matt Kruse's DynamicOptionList, etc... are interfering with the event propagation, but I don't know for sure if that is the cause. I am moving over from Prototype/Scriptaculous and had this all working without a problem using those libraries. I have posted the code at:http://jsbin.com/atiza Help!
[jQuery] Re: performing actions on single elements with widely used classes
C'mon guys, I posted this on monday and no one has any ideas/ knows
hows to help?
On Nov 4, 8:44 am, evo [EMAIL PROTECTED] wrote:
anyone?
On Nov 3, 5:28 pm, Liam Potter [EMAIL PROTECTED] wrote:
Hi,
I'm having trouble figuring out how I can perform say, a hide animation
on adiv, by clicking a button on onediv, which uses aclassused by
other divs.
*Lets say I have this:*
divclass=message
a href=#class=deleteDelete/a
pMessage text/p
/div
divclass=message
a href=#class=deleteDelete/a
pMessage text/p
/div
divclass=message
a href=#class=deleteDelete/a
pMessage text/p
/div
*then the jquery is:
*$(a.delete).click(function () {
$(.overlay).hide(slow);
});
This will hide all the messages, rather then the one I clicked the
delete button on.
Right now I'm using server side code to give eachdiva unique id, then
have the jquery like this
var inc = %#Eval(PrimaryKeyID)%;
$(a.delete+ inc).click(function () {
$(.overlay).hide(slow);
});
This works, but it's not the best option, as I need to keep the JS
inline and I'd rather be able to seperate it into a .js file, and use it
in future projects just by writing the correct html then dropping the js
file in the head.
If anyone can show me the right way to do this, it would be extremely
helpful.
- Liam
[jQuery] Re: performing actions on single elements with widely used classes
Try this:
$('a.delete').click(function () {
$(this).parent().hide('slow');
});
2008/11/6 evo [EMAIL PROTECTED]:
C'mon guys, I posted this on monday and no one has any ideas/ knows
hows to help?
On Nov 4, 8:44 am, evo [EMAIL PROTECTED] wrote:
anyone?
On Nov 3, 5:28 pm, Liam Potter [EMAIL PROTECTED] wrote:
Hi,
I'm having trouble figuring out how I can perform say, a hide animation
on adiv, by clicking a button on onediv, which uses aclassused by
other divs.
*Lets say I have this:*
divclass=message
a href=#class=deleteDelete/a
pMessage text/p
/div
divclass=message
a href=#class=deleteDelete/a
pMessage text/p
/div
divclass=message
a href=#class=deleteDelete/a
pMessage text/p
/div
*then the jquery is:
*$(a.delete).click(function () {
$(.overlay).hide(slow);
});
This will hide all the messages, rather then the one I clicked the
delete button on.
Right now I'm using server side code to give eachdiva unique id, then
have the jquery like this
var inc = %#Eval(PrimaryKeyID)%;
$(a.delete+ inc).click(function () {
$(.overlay).hide(slow);
});
This works, but it's not the best option, as I need to keep the JS
inline and I'd rather be able to seperate it into a .js file, and use it
in future projects just by writing the correct html then dropping the js
file in the head.
If anyone can show me the right way to do this, it would be extremely
helpful.
- Liam
--
Rik Lomas
http://rikrikrik.com
[jQuery] Re: performing actions on single elements with widely used classes
this has helped, now just to modify it for the actual script.
Thanks Rik
Rik Lomas wrote:
Try this:
$('a.delete').click(function () {
$(this).parent().hide('slow');
});
2008/11/6 evo [EMAIL PROTECTED]:
C'mon guys, I posted this on monday and no one has any ideas/ knows
hows to help?
On Nov 4, 8:44 am, evo [EMAIL PROTECTED] wrote:
anyone?
On Nov 3, 5:28 pm, Liam Potter [EMAIL PROTECTED] wrote:
Hi,
I'm having trouble figuring out how I can perform say, a hide animation
on adiv, by clicking a button on onediv, which uses aclassused by
other divs.
*Lets say I have this:*
divclass=message
a href=#class=deleteDelete/a
pMessage text/p
/div
divclass=message
a href=#class=deleteDelete/a
pMessage text/p
/div
divclass=message
a href=#class=deleteDelete/a
pMessage text/p
/div
*then the jquery is:
*$(a.delete).click(function () {
$(.overlay).hide(slow);
});
This will hide all the messages, rather then the one I clicked the
delete button on.
Right now I'm using server side code to give eachdiva unique id, then
have the jquery like this
var inc = %#Eval(PrimaryKeyID)%;
$(a.delete+ inc).click(function () {
$(.overlay).hide(slow);
});
This works, but it's not the best option, as I need to keep the JS
inline and I'd rather be able to seperate it into a .js file, and use it
in future projects just by writing the correct html then dropping the js
file in the head.
If anyone can show me the right way to do this, it would be extremely
helpful.
- Liam
[jQuery] jquery cycle plugin problem?
Hello, I have a site here http://www.crsdepo.com/newsite/index_cycle.html where I am using the Jquery cycle plugin but I am having some problems in Explorer 7 and 6. In the right column near the bottom there is a testimonials section, which I have it cycling up, it looks perfect in Firefox but in Explorer 7 there seems to be a graphic glitch on the initial slide/ frame, the top header looks like it is overwriting part of the box, same with bottom. It's fine after the first frame. In Explorer 6, there is a blue background that is showing behind the testimonial box. Thanks for the help! Thanks!
[jQuery] Re: My first plug in. Need comments.
Thanks,
I see your point..
George.
On Nov 6, 7:28 am, Alexandre Plennevaux [EMAIL PROTECTED]
wrote:
Hi Georges !
excellent way to learn.
personally, i would use toggleClass()
(http://docs.jquery.com/Attributes/toggleClass#class) and have the
color set in the CSS file. As a rule, try always to use each
technology for what it was meant:
html data
css styling
javascript behaviour
so it would be:http://jsbin.com/osaxa
On Thu, Nov 6, 2008 at 6:46 AM, George [EMAIL PROTECTED] wrote:
Guys, I am learning JQuery (and JavaScript) in general.
So I decided to write my first 'Blink' plug in.
It works but can you please take a look an tell me if something is
considered bad practice or can be done better.
(function($) {
$.fn.blink = function(options) {
var opts = $.extend({}, $.fn.blink.defaults, options);
return this.each(function() {
var $this = $(this);
var currentColor = opts.color1;
$this.css({backgroundColor: currentColor});
window.setInterval(function (){DoTheBlink();},
1000);
function DoTheBlink()
{
if (currentColor == opts.color1)
currentColor = opts.color2;
else
currentColor = opts.color1;
$this.css({ backgroundColor: currentColor });
}
});
};
$.fn.blink.defaults = {
color1: 'red',
color2: 'blue'
};
})(jQuery);
--USE-
div id=t1hahaha/div
div id=t2hahaha/div
div id=t3hahaha/div
script
$(document).ready(function() {
$('#t1').blink({ color1: 'red', color2:'blue' });
$('#t2').blink({ color1: 'yellow', color2:'black' });
$('#t3').blink({ color1: 'red', color2:'green' });
});
Thanks
George.- Hide quoted text -
- Show quoted text -
[jQuery] Re: Array in get help
Instead of $('#x[i]'), you need $('#'+x[i]) as this will concatenate
the '#' with the value of x[i]
Rik
2008/11/6 Yessica [EMAIL PROTECTED]:
I have an checkboxes in form and I have unique ID for each of them...
and something like this :
var x = new Array ( 'idx1','idx2' );
and I need to do something like this:
for ( var i in x )
{
$('#x[i]').attr('checked', true); -- this isn't working
}
I do not have any idea how to change an array like some element
--
Rik Lomas
http://rikrikrik.com
[jQuery] Re: Event Firing Twice
I took a look at the source code in the first link but there's too much to look at, can you be more specific about what div's, what selectors, and what chunk of javascript code is not doing what you expect it to? that would help others help you On Nov 6, 10:22 am, n8cshaw [EMAIL PROTECTED] wrote: weird, works for me... I posted it athttp://www.iaffectproperties.com/code/SearchForm.htm also. All of the images, css and local JS are pointing to localhost and don't work obviously (JQuery and JQuery UI are being loaded from Google)... as a side-effect of that, the event appears to no longer run twice. I guess that tells me that some other script I am using is interfering with the event and causing it to run twice? How can I debug which one and prevent this from happening? I thought JQuery was namespaced to prevent this? On Nov 6, 9:40 am, Liam Potter [EMAIL PROTECTED] wrote: The link you provided doesn't seem to work. n8cshaw wrote: One more interesting note... if the parent div is visible (display: block) when the page loads, I do not see this behavior. It is only when the parent div is not visible (display: none) on page load that it happens. On Nov 6, 9:07 am, n8cshaw [EMAIL PROTECTED] wrote: I am attaching an event to a link. The link lets the user toggle the display of a child div inside of a parent div. However, when the link is clicked, the event is run twice (div opens and then closes immediately). I have tried using .click() and .bind() and it makes no difference which one I use. I have also tried using an anonymous function versus a callback function and there is no difference. I tried using return false and e.stopPropagation() and there is no difference. I have triple-checked that I am not binding the event more than once in my code. The only way I can get it to not fire twice is to put the call in the link's onclick attribute. I have seen several similar posts on this in the group, but I have not seen a reason why this happens or a fool-proof way to stop it from happening. The only thing I can think of is that one of the other JS libraries I am using on the page, like Matt Kruse's DynamicOptionList, etc... are interfering with the event propagation, but I don't know for sure if that is the cause. I am moving over from Prototype/Scriptaculous and had this all working without a problem using those libraries. I have posted the code at:http://jsbin.com/atiza Help!
[jQuery] Re: How to load only one image at a time using JQuery Cycle Plugin?
Ok I am actually trying stuff now and can't get the onBefore to fire.
Here is what I decided to do:
When the selected value in a dropdown changes I make an ajax call and
get JSON data back.
And load all the images at once, no images are prexsting in the
markup.
Here is my JavaScript.
$('#nav2').hide();
$('#ddlAdFundSelection').change(function(){
var selectedValue;
var myDataToSend;
selectedValue = $('#ddlAdFundSelection').val();
myDataToSend = {'adFundTypeId':' + selectedValue + '}
$.ajax({
type: POST,
url: Default.aspx/GetMailPieceGroupsByAdFundTypeId,
data: myDataToSend,
contentType: application/json; charset=utf-8,
dataType: json,
success: function(data, textStatus){var mailPieceGroups = eval('(' +
data + ')'); startSlideShow(data); }
});
function startSlideShow(data)
{
var html = '';
var $slideshow2 = $('#slideshow2').cycle('stop').empty();
mailPieceGroups = eval('(' + data + ')');
length = mailPieceGroups.length;
$('#nav2').show();
$('#slideshow2').cycle({
fx: 'fade',
speed: 'fast',
timeout: 0,
next: '#next2',
prev: '#prev2' ,
before: onBefore
});
function onBefore(curr, next, opts)
{
// make sure we don't call addSlide before it is
defined
if (!opts.addSlide || slidesAdded){return;}
for (i = 0; i length; i++)
{
html = 'a href=' + mailPieceGroups[i].OrderFormUrl + '
id=orderFormUrl' + i +
'img src=Images/'+ mailPieceGroups[i].FileName + '
id=mailPieceImg' + i +
' width=200 height=200 //a';
opts.addSlide(html);
alert(html);
}
slidesAdded = true;
};
}; // End StartSlideShow
[jQuery] Re: jQuery, ASP.Net and Drop-Down-Lists
Ok the problems seem to be to do with embedded objects, i.e my dropdownlist exists in a gridview. But if I use a class it should still work shouldnt it? On Nov 6, 2:10 pm, Brandon Aaron [EMAIL PROTECTED] wrote: First place to check would be the selector. Make sure the select element is actually getting selected. I'd recommend using Firebug to help you see if the selector you are using is working and to help you formulate one that does if it isn't. -- Brandon Aaron On Thu, Nov 6, 2008 at 7:42 AM, Damien [EMAIL PROTECTED] wrote: Hi, I am trying to use a DropDownLists and jQuery, I was trying to use the jQuery events and then call a function but it seems not to be working. No matter what event I choose nothing happens! Anyone got an idea of what could be causing it? Do drop down lists in .Net not have the standard events
[jQuery] Re: jQuery, ASP.Net and Drop-Down-Lists
Yes, selecting by classname instead of id is a much easier solution but then again, that depends on what you are trying to do. 1) Do something in jQuery to just one row's select item 2) Do something in jQuery to all row's select items On Nov 6, 11:38 am, Damien [EMAIL PROTECTED] wrote: a CssClass as selector *^ On Nov 6, 4:38 pm, Damien [EMAIL PROTECTED] wrote: Ok the problems seem to be to do with embedded objects, i.e my dropdownlist exists in a gridview. But if I use a class it should still work shouldnt it? On Nov 6, 2:10 pm, Brandon Aaron [EMAIL PROTECTED] wrote: First place to check would be the selector. Make sure the select element is actually getting selected. I'd recommend using Firebug to help you see if the selector you are using is working and to help you formulate one that does if it isn't. -- Brandon Aaron On Thu, Nov 6, 2008 at 7:42 AM, Damien [EMAIL PROTECTED] wrote: Hi, I am trying to use a DropDownLists and jQuery, I was trying to use the jQuery events and then call a function but it seems not to be working. No matter what event I choose nothing happens! Anyone got an idea of what could be causing it? Do drop down lists in .Net not have the standard events
[jQuery] Re: jQuery, ASP.Net and Drop-Down-Lists
a CssClass as selector *^ On Nov 6, 4:38 pm, Damien [EMAIL PROTECTED] wrote: Ok the problems seem to be to do with embedded objects, i.e my dropdownlist exists in a gridview. But if I use a class it should still work shouldnt it? On Nov 6, 2:10 pm, Brandon Aaron [EMAIL PROTECTED] wrote: First place to check would be the selector. Make sure the select element is actually getting selected. I'd recommend using Firebug to help you see if the selector you are using is working and to help you formulate one that does if it isn't. -- Brandon Aaron On Thu, Nov 6, 2008 at 7:42 AM, Damien [EMAIL PROTECTED] wrote: Hi, I am trying to use a DropDownLists and jQuery, I was trying to use the jQuery events and then call a function but it seems not to be working. No matter what event I choose nothing happens! Anyone got an idea of what could be causing it? Do drop down lists in .Net not have the standard events
[jQuery] Re: Event Firing Twice
ok, I stripped a bunch of stuff out and posted a simplified file. This should make it easier to see what is going on. The event is still firing twice. http://www.iaffectproperties.com/code/SearchForm_simple.htm On Nov 6, 11:21 am, MorningZ [EMAIL PROTECTED] wrote: I took a look at the source code in the first link but there's too much to look at, can you be more specific about what div's, what selectors, and what chunk of javascript code is not doing what you expect it to? that would help others help you On Nov 6, 10:22 am, n8cshaw [EMAIL PROTECTED] wrote: weird, works for me... I posted it athttp://www.iaffectproperties.com/code/SearchForm.htm also. All of the images, css and local JS are pointing to localhost and don't work obviously (JQuery and JQuery UI are being loaded from Google)... as a side-effect of that, the event appears to no longer run twice. I guess that tells me that some other script I am using is interfering with the event and causing it to run twice? How can I debug which one and prevent this from happening? I thought JQuery was namespaced to prevent this? On Nov 6, 9:40 am, Liam Potter [EMAIL PROTECTED] wrote: The link you provided doesn't seem to work. n8cshaw wrote: One more interesting note... if the parent div is visible (display: block) when the page loads, I do not see this behavior. It is only when the parent div is not visible (display: none) on page load that it happens. On Nov 6, 9:07 am, n8cshaw [EMAIL PROTECTED] wrote: I am attaching an event to a link. The link lets the user toggle the display of a child div inside of a parent div. However, when the link is clicked, the event is run twice (div opens and then closes immediately). I have tried using .click() and .bind() and it makes no difference which one I use. I have also tried using an anonymous function versus a callback function and there is no difference. I tried using return false and e.stopPropagation() and there is no difference. I have triple-checked that I am not binding the event more than once in my code. The only way I can get it to not fire twice is to put the call in the link's onclick attribute. I have seen several similar posts on this in the group, but I have not seen a reason why this happens or a fool-proof way to stop it from happening. The only thing I can think of is that one of the other JS libraries I am using on the page, like Matt Kruse's DynamicOptionList, etc... are interfering with the event propagation, but I don't know for sure if that is the cause. I am moving over from Prototype/Scriptaculous and had this all working without a problem using those libraries. I have posted the code at:http://jsbin.com/atiza Help!
[jQuery] Re: Executing Scripts returned by AJAX Request
My guess you could use Eval statement... George. On Nov 6, 10:07 am, briandichiara [EMAIL PROTECTED] wrote: Hi, I would like my AJAX Request to function like this: if empty, all good, proceed. if scripts, not good, execute the script. if no scripts, but something in response, alert the text (some kind of error). Reason I want this is when the user tries to execute an action that requires them to be logged in and they are not or their session has timed out, I would like to output script to the AJAX Request page so the jQuery function can execute it and redirect the user to the login form. Is there something built in to handle scripts received by an AJAX Request? Thanks.
[jQuery] Re: jQuery, ASP.Net and Drop-Down-Lists
It's just one row, the one being edited. I think ID might be easier
since I can define the row.
Here is the code I am using:
% if (gridview.EditIndex -1) {%
{
$(#%=
gridview.Rows[gridview.EditIndex].FindControl(dropdownbox).ClientID
%).select(function() {
alert(hello);
$(.grid).block({
message: 'h1Processing/h1',
css: { border: '3px solid #a00' }
});
});
}
% } %
On Nov 6, 4:47 pm, MorningZ [EMAIL PROTECTED] wrote:
Yes, selecting by classname instead of id is a much easier solution
but then again, that depends on what you are trying to do.
1) Do something in jQuery to just one row's select item
2) Do something in jQuery to all row's select items
On Nov 6, 11:38 am, Damien [EMAIL PROTECTED] wrote:
a CssClass as selector *^
On Nov 6, 4:38 pm, Damien [EMAIL PROTECTED] wrote:
Ok the problems seem to be to do with embedded objects, i.e my
dropdownlist exists in a gridview. But if I use a class it should
still work shouldnt it?
On Nov 6, 2:10 pm, Brandon Aaron [EMAIL PROTECTED] wrote:
First place to check would be the selector. Make sure the select
element is
actually getting selected. I'd recommend using Firebug to help you see
if
the selector you are using is working and to help you formulate one that
does if it isn't.
--
Brandon Aaron
On Thu, Nov 6, 2008 at 7:42 AM, Damien [EMAIL PROTECTED] wrote:
Hi,
I am trying to use a DropDownLists and jQuery, I was trying to use the
jQuery events and then call a function but it seems not to be working.
No matter what event I choose nothing happens!
Anyone got an idea of what could be causing it? Do drop down lists
in .Net not have the standard events
[jQuery] using my{} instead of ${}.
Hi
Can I use any other character in my jquery functions. Thats may be using
my{} instead of ${}.
Thanks
Amit Sharma
[jQuery] Form Plugin: editing/adding data before send
I am using the jQuery Form Plugin to submit a form via AJAX. One thing I'd
like to do, is editing the value of a (hidden) input field, right before the
form is sent (or alternatively adding additional POST data in some way
before send). I defined a hidden input field (without a value) in the form
and I tried to change the value attribute with jQuery in the beforeSend
section of the ajaxForm Options. Unfortunately this doesn't work, the field
still stays empty.
This is the most basic code of what I am trying to do:
var ajaxFormOptions = { beforeSend: function(){
$(#hidden_input).attr(value,test); } };
$('#form').ajaxForm(ajaxFormOptions);
How could I implement this functionality?
--
View this message in context:
http://www.nabble.com/Form-Plugin%3A-editing-adding-data-before-send-tp20359407s27240p20359407.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: jQuery Cycle - remove slide
I'm wondering if there's any way to remove a slide from a running slideshow without interuption, and if so how would I go about it? Not without stopping first and restarting afterwards.
[jQuery] turn-off mails
Want to stay subscribed, but stop receiving every email all day long. Thanks. Iván Pazmiño M. Tecnología Desarrollo Banca en Línea Empresas __ TODO1 Services Master: (593) 22 23 9013 Directo: (593) 84 256 915 http://www.todo1services.com/ www.todo1services.com TODO1 SERVICES, INC. -TODO1- es la propietaria de la información contenida en este mensaje y sus anexos, que puede tener carácter confidencial y ha sido enviada para uso exclusivo del destinatario intencional. Si usted ha recibido este mensaje por error, por favor informe de ello al remitente a la mayor brevedad y elimine este mensaje y sus anexos. Está prohibido su uso, distribución, divulgación o almacenamiento, salvo autorización escrita de TODO1. Todo mensaje enviado y/o recibido por TODO1 es monitoreado por motivos operativos y actuando de acuerdo con prácticas de negocio y de seguridad legítimas. TODO1 SERVICES, INC. -TODO1- is the proprietary of the information contained herein and its attachments, that may have confidential character and has been sent to the intended recipient only. If you are not the intended recipient, please contact the sender immediately by replying to this e-mail and delete the message and its attachments. The use, forward, disclosure, record or retention of this message for any purpose whatsoever, is strictly prohibited, unless prior written authorization from TODO1. E-mails to and from TODO1 are monitored for operational reasons and in accordance with lawful business and security practices.
[jQuery] Re: jquery cycle plugin problem?
I solved the problem in IE 7, it seems the top and bottom divs/spans that contains the background image were collapsing width wise, so I have to add a width inline on the first slide to get it to work. I am still having trouble with the blue background problem in IE 6. It seems that the background of the site is showing through. Not sure why, the CSS looks fine. Anyone know the problem? thanks!
[jQuery] Re: jquery cycle plugin problem?
Explorer 7 there seems to be a graphic glitch on the initial slide/ frame, the top header looks like it is overwriting part of the box, same with bottom. It's fine after the first frame. In Explorer 6, there is a blue background that is showing behind the testimonial box. Hmm, I didn't see that behavior in IE7. For me, IE7, FF and Chrome all behave the same. I don't have access to IE6 at the moment. Mike
[jQuery] Re: turn-off mails
Want to stay subscribed, but stop receiving every email all day long. Edit your Google Groups settings for this group.
[jQuery] Re: Gradientz
Updated to version 0.4
Changelist :
0.3
Added Support for distance,
Default colors calculated from background
Added additional positioning CSS options (e.g. bottom or right)
0.4
Added support for negative angles and some more examples
Fix IE strange border effects with overflow: hidden and adding 1px to
width and height of VML
Now wrap innerHTML in a div to preserve zIndex
http://www.parkerfox.co.uk/labs/gradientz
http://www.parkerfox.co.uk/labs/gradientz/examples.html
On 4 Nov, 14:52, Andy Matthews [EMAIL PROTECTED] wrote:
Man...how's that for service! Great job weepy!
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of weepy
Sent: Tuesday, November 04, 2008 8:41 AM
To: jQuery (English)
Subject: [jQuery] Re:Gradientz
Ok this is fixed - I've just pushed a new version. Check again - it should
be fixed.
http://www.parkerfox.co.uk/labs/gradientz/
On 4 Nov, 14:37, Rick Faircloth [EMAIL PROTECTED] wrote:
Thanks, weepy...
When you said it creates graduated backgrounds I assumed it would
respond like a true background image. Perhaps that's not what you
intended.
Rick
weepy wrote:
Ah Rick - I'll take a look.
On 4 Nov, 14:14, Rick Faircloth [EMAIL PROTECTED] wrote:
Hey, I likegradientzvery much!
Question... how do I make the gradient to be the background for a
div?
I created a div with a gradient and put the text inside the div,
but the text appears outside the gradient, not over it...
script type=text/javascript
$(document).ready(function() {
$('#box1').gradientz({
start: gray,
end: white, angle: 0
})
});
/script
div id=box1 style=height:200px; width:200px; padding:10px;
color:white;
This is the text in my gradient box!/div
Rick
weepy wrote:
Just released a jQuery plugin Gradientz which creates graduated
backgrounds without the need for images.
* Uses VML in IE and canvas in Firefox, Webkit.
* Cross Browser: Tested on FF3, IE6, IE7, Safari
* Fast
* No need for excanvas
* Small: 2.2k uncompressed
For those of you that have seen Cornerz - it works in a very
similar way.
See more herehttp://www.parkerfox.co.uk/labs/gradientz/
Enjoy!
weepy ;..(
--
--
No virus found in this incoming message.
Checked by AVG -http://www.avg.com
Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date:
11/3/2008 4:59 PM
--
--
No virus found in this incoming message.
Checked by AVG -http://www.avg.com
Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date:
11/3/2008 4:59 PM
[jQuery] Re: jquery cycle plugin problem?
Thanks Mike,
I got it working, i have to add inline widths to the first slide for
the background endcap containers.
The IE 6 problem is frustrating. The CSS looks fine. Could you take a
look at the CSS and code to see if I am doing ti right?
I have this for js call
precode class=mix$('#s7').cycle({
fx:'scrollUp',
pause: 1,
cleartype: 1,
timeout: 11000,
delay: 500,
fit: 1,
nowrap: 1
});/code/pre
[jQuery] [validate] Help with required code
I have a form field that by default has the value First. When the
user clicks into the field it clears that value, and if they type
nothing, when they blur the field it replaces First. You've all
seen this.
I want the validate plugin to say this field is required if the value
onsubmit is First. Can't seem to make it work.
[code]
// validate signup form on keyup and submit
$(#contactform).validate({
rules: {
name_first: {
required: function(element) {
return $('#name_first').val()
!= First;
}
},
name_last: required,
country: required,
otherinfo: required,
email: {
required: true,
email: true
}
}
});
input type=text name=name_first value=First size=15
id=name_first class=inputfield_name swaptextbox greybox
tabindex=1 /
[/code]
Once I do that, I'll use the same code for last name.
[jQuery] validate : help with required code
I have a form field that by default has the value First. When the
user clicks into the field it clears that value, and if they type
nothing, when they blur the field it replaces First. You've all
seen this.
I want the validate plugin to say this field is required if the value
onsubmit is First. Can't seem to make it work.
[code]
// validate signup form on keyup and submit
$(#contactform).validate({
rules: {
name_first: {
required: function(element) {
return $
('#name_first').val() != First;
}
},
name_last: required,
country: required,
otherinfo: required,
email: {
required: true,
email: true
}
}
});
input type=text name=name_first value=First size=15
id=name_first class=inputfield_name swaptextbox greybox
tabindex=1 /
[/code]
Once I do that, I'll use the same code for last name.
[jQuery] Re: turn-off mails
The problem is I don't know my username, and [EMAIL PROTECTED] says is not registered with google accounts. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mike Alsup Sent: Thursday, November 06, 2008 12:37 PM To: jQuery (English) Subject: [jQuery] Re: turn-off mails Want to stay subscribed, but stop receiving every email all day long. Edit your Google Groups settings for this group. TODO1 SERVICES, INC. -TODO1- es la propietaria de la información contenida en este mensaje y sus anexos, que puede tener carácter confidencial y ha sido enviada para uso exclusivo del destinatario intencional. Si usted ha recibido este mensaje por error, por favor informe de ello al remitente a la mayor brevedad y elimine este mensaje y sus anexos. Está prohibido su uso, distribución, divulgación o almacenamiento, salvo autorización escrita de TODO1. Todo mensaje enviado y/o recibido por TODO1 es monitoreado por motivos operativos y actuando de acuerdo con prácticas de negocio y de seguridad legítimas. TODO1 SERVICES, INC. -TODO1- is the proprietary of the information contained herein and its attachments, that may have confidential character and has been sent to the intended recipient only. If you are not the intended recipient, please contact the sender immediately by replying to this e-mail and delete the message and its attachments. The use, forward, disclosure, record or retention of this message for any purpose whatsoever, is strictly prohibited, unless prior written authorization from TODO1. E-mails to and from TODO1 are monitored for operational reasons and in accordance with lawful business and security practices.
[jQuery] traversing with jQuery - complex selector causing brain pain
My nav bar consists of a single UL containing LI elements that each
contain a single A.
Well, most of them do.
Some LI elements contain a further UL as well as the A: these
submenu UL elements follow the same pattern of containing LI
elements that each contain a single A.
So far, so simple.
Currently, I'm hiding all the submenu UL's on load:
$('#navigation li ul').hide();
But what I want is to only hide the submenu UL's that do NOT contain
an LI containing an A with a class of selected.
To rephrase: if any of the A elements (which are all inside an LI
element) in that particular subnav UL, have a class of selected, I
want the UL to remain expanded.
To rephrase even more: I don't want to hide the subnav containing the
current page.
Despite spending far too long examining the expressions and
traversing documentation, I can't figure out how to build a selector
statement that will encompass them.
Can you help?
[jQuery] If I simulate a click images are not updated
I'm quite new to jquery but this thing looks quite odd.
In my default.aspx I have two div tags with background images. I
attached a onclick to them.
div id=btnsale onclick=Javascript:ClickSale();
div id=btnrent onclick=Javascript:ClickRent();
and in css:
#btnsale {
background-image:url(../images/btn_sale_o.png);
}
#btnrent {
background-image:url(../images/btn_rent.png);
}
then I have an input tag:
input type=button id=hbtnsr style=display:none runat=server
onserverclick=SRChanged/
The ClickSale/Rent functions simply swap images and then simulate a
click over an input tag to call a code behind method:
$(#btnrent).css(background-image, url(images/
btn_rent_o.png));
$(#btnsale).css(background-image, url(images/
btn_sale.png));
$(#hbtnsr).click();
Now if I remove the $(#hbtnsr).click(); images swap fine but if I
simulate the click the images don't update/swap!
It looks like the call to a code behind method prevents the update/
refresh of the images.
Any idea of the reason and how to fix this?
Thanks!
Pietro
[jQuery] Re: Form Plugin: editing/adding data before send
I am using the jQuery Form Plugin to submit a form via AJAX. One thing I'd
like to do, is editing the value of a (hidden) input field, right before the
form is sent (or alternatively adding additional POST data in some way
before send). I defined a hidden input field (without a value) in the form
and I tried to change the value attribute with jQuery in the beforeSend
section of the ajaxForm Options. Unfortunately this doesn't work, the field
still stays empty.
This sort of thing comes up a lot so I've added a new callback
function called 'beforeSerialize'. You can use it like this:
var ajaxFormOptions = {
beforeSerialize: function($form, opts) {
$(#hidden_input).attr(value,test);
}
};
$('#form').ajaxForm(ajaxFormOptions);
The updated plugin is available here:
http://jqueryjs.googlecode.com/svn/trunk/plugins/form/jquery.form.js
[jQuery] Re: turn-off mails
The problem is I don't know my username, and [EMAIL PROTECTED] says is not registered with google accounts. Ok, you're fixed. You shouldn't receive any more email.
[jQuery] finding script tags in remote HTML
Hi all. I'm having an amazing amount of pain trying to parse and
execute JS script blocks in remote HTML (in IE, typically).
Here's the code in question:
$.ajax({
type: POST,
url:checkFilename,
dataType: text,
success:function(src){
var wtf = $(src).find(script).each(function(){
eval( $(this).text() );
});
}
});
http://www.pastie.org/308878
checkFilename is just an HTML file, so src comes back with the entire
source of that page. What I want to do then is use find() to get all
inline script tags inside the body of the page, and use eval()* to
run them. Elsewhere before this happens a large chunk of HTML from
checkFilename is loaded and displayed, and now I need to run any
inline JS that was in the page.
The above function works perfectly in FF2 and FF3, but IE completely
fails to find any instances of script tags in src. Any ideas? I
can't extract the inline JS blocks in question, as they are dynamic
and inserted by a CMS that I have no control over.
Thanks in advance,
--Clive.
* I know it's evil, but I need it in this instance...
[jQuery] placeholder - treeview
Hello, I'm using treeview to browse a bunch of categorized items. I'm using the async tree. However I want one of the first level items to start expanded. My solution was to alter the source to display that level using the children node. However, when I set that expanded: true, there is this placeholder node that appears above all of my nodes. I need one of two solutions: A method that will tell the async tree to expand a given node after the initial load, which will cause jquery to remove the placeholder when it executes the asynchronous population OR, a way to remove this placeholder, from the specifc node, which i've manually populated.
[jQuery] Re: traversing with jQuery - complex selector causing brain pain
please post your html markup. thx
On Thu, Nov 6, 2008 at 6:45 PM, w1ntermut3 [EMAIL PROTECTED] wrote:
My nav bar consists of a single UL containing LI elements that each
contain a single A.
Well, most of them do.
Some LI elements contain a further UL as well as the A: these
submenu UL elements follow the same pattern of containing LI
elements that each contain a single A.
So far, so simple.
Currently, I'm hiding all the submenu UL's on load:
$('#navigation li ul').hide();
But what I want is to only hide the submenu UL's that do NOT contain
an LI containing an A with a class of selected.
To rephrase: if any of the A elements (which are all inside an LI
element) in that particular subnav UL, have a class of selected, I
want the UL to remain expanded.
To rephrase even more: I don't want to hide the subnav containing the
current page.
Despite spending far too long examining the expressions and
traversing documentation, I can't figure out how to build a selector
statement that will encompass them.
Can you help?
[jQuery] Re: How to load only one image at a time using JQuery Cycle Plugin?
Looks to me like '#slideshow' is empty when you call cycle. That is not allowed.- Hide quoted text - - Show quoted text - Yep that was it so I guess I will have to append the images before .cycle is called. And use the onAfter to set my description text when the next or prev is clicked. Is there a way to get the index of the image in the after method? Thanks Mike I almost finished.
[jQuery] Re: Select nested ul inside a li element
This is cool! The find-thing works exactly like I want it :-) Unfortunately the box collapses even if I click on a link (Apples). Of course, it's in the li as well. Can I disable that? Thanks for your answers guys!
[jQuery] Re: jCarousel, localScroll, other options?
Thanks Ariel! I will give that a shot this weekend and let you know how I do. I know plugging in localScroll will be simple enough, but I'm not sure about the easing. I'm quite bad at javascript... which is why I love jquery. Even a simple HTML/CSS developer and web designer such as myself can get stuff up and running fast :) - C On Nov 6, 8:33 am, Ariel Flesler [EMAIL PROTECTED] wrote: Sure, LocalScroll too. Both allow you to specify an option called 'easing'. You need to add the easing plugin for fancy equations. Now that I check the demo, I think LocalScroll would fit better. Just link the buttons and panes by id/href. And it'll do the rest. -- Ariel Fleslerhttp://flesler.blogspot.com On Nov 5, 7:27 pm, genius switch [EMAIL PROTECTED] wrote: Can that be customized to have the bouncy effect? On Nov 5, 8:57 am, Ariel Flesler [EMAIL PROTECTED] wrote: Maybe SerialScroll ? -- Ariel Fleslerhttp://flesler.blogspot.com On Nov 5, 10:45 am, genius switch [EMAIL PROTECTED] wrote: Here is my issue, I have used jCarousel to accomplish what I need... however the markup is bothering my anal tendencies for pure semantics. I'm using jCarousel to scroll content blocks in a sexy way, however, in order to use jCarousel I must have my content blocks inside a list, each as a list item. This validates, and is functioning exactly how I want it to, however I can't get past the fact that this markup doesn't make sense. LocalScroll is my other option, but it doesn't slide sexy the way jCarousel does. Does anyone have any advice? Here is the test page:http://www.geniusswitchstudio.com/v2/template.htm Thanks! - C
[jQuery] Re: placeholder - treeview
to expand a bit further on this, I'm looking for away to remove the placeholder from the specific branch, or prevent it from appearing. Thank you in advance, dan On Thu, Nov 6, 2008 at 11:03 AM, Dan B. [EMAIL PROTECTED] wrote: Hello, I'm using treeview to browse a bunch of categorized items. I'm using the async tree. However I want one of the first level items to start expanded. My solution was to alter the source to display that level using the children node. However, when I set that expanded: true, there is this placeholder node that appears above all of my nodes. I need one of two solutions: A method that will tell the async tree to expand a given node after the initial load, which will cause jquery to remove the placeholder when it executes the asynchronous population OR, a way to remove this placeholder, from the specifc node, which i've manually populated.
[jQuery] Re: jCarousel, localScroll, other options?
You include the easing plugin after jQuery, then when you call LocalScroll: $(...).localScroll( easing:'easeOutQuart', }); You can chose any equation, by name. On Thu, Nov 6, 2008 at 3:21 PM, genius switch [EMAIL PROTECTED] wrote: Thanks Ariel! I will give that a shot this weekend and let you know how I do. I know plugging in localScroll will be simple enough, but I'm not sure about the easing. I'm quite bad at javascript... which is why I love jquery. Even a simple HTML/CSS developer and web designer such as myself can get stuff up and running fast :) - C On Nov 6, 8:33 am, Ariel Flesler [EMAIL PROTECTED] wrote: Sure, LocalScroll too. Both allow you to specify an option called 'easing'. You need to add the easing plugin for fancy equations. Now that I check the demo, I think LocalScroll would fit better. Just link the buttons and panes by id/href. And it'll do the rest. -- Ariel Fleslerhttp://flesler.blogspot.com On Nov 5, 7:27 pm, genius switch [EMAIL PROTECTED] wrote: Can that be customized to have the bouncy effect? On Nov 5, 8:57 am, Ariel Flesler [EMAIL PROTECTED] wrote: Maybe SerialScroll ? -- Ariel Fleslerhttp://flesler.blogspot.com On Nov 5, 10:45 am, genius switch [EMAIL PROTECTED] wrote: Here is my issue, I have used jCarousel to accomplish what I need... however the markup is bothering my anal tendencies for pure semantics. I'm using jCarousel to scroll content blocks in a sexy way, however, in order to use jCarousel I must have my content blocks inside a list, each as a list item. This validates, and is functioning exactly how I want it to, however I can't get past the fact that this markup doesn't make sense. LocalScroll is my other option, but it doesn't slide sexy the way jCarousel does. Does anyone have any advice? Here is the test page:http://www.geniusswitchstudio.com/v2/template.htm Thanks! - C -- Ariel Flesler http://flesler.blogspot.com
[jQuery] Re: Form Plugin: editing/adding data before send
Ok, it seems I still need help here.
var ajaxFormOptions = { beforeSerialize: function(){
$(#hidden_input).attr(value,test); } };
$('#form').ajaxForm(ajaxFormOptions);
works fine now :). However, in reality, I don't want to set the value of the
input field to an arbitrary value, I actually make another ajax request to
receive that value, but for some reason the input field stays empty this
way:
$(document).ready(function()
{
var ajaxFormOptions = {
beforeSerialize: function(){
$.ajax({
method: get, url: ajax.php, data: ,
success: function(html){
$(#hidden_input).attr(value,html); }
});
},
};
$('#form').ajaxForm(ajaxFormOptions);
});
(Note: alerting the html var inside the success function of $.ajax displays
the correct value, but the hidden_input field value stays empty on the
server.)
--
View this message in context:
http://www.nabble.com/Form-Plugin%3A-editing-adding-data-before-send-tp20359407s27240p20367050.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Can't figure out why click function won't work for lifeimage
I've spent a good bit of time trying to figure this out, so I figure
now it's time to go to the forum. I've trying to make lifeimage
clickable so I can do other stuff with it, but I can't even seem to
get the click event to function. Code is below.
Code:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
meta http-equiv=Content-Type content=text/html;
charset=iso-8859-1 /
titleVamp's World/title
link href=css_style/vamp_style.css rel=stylesheet type=text/
css /
script type=text/javascript src=./javascript/jquery.js/
script
script type=text/
javascript
$(document).ready(function() {
// JQUERY stuff goes here
$('div#menu').hide();
$('#lifeimage').click(function() {
$(this).hide();
});
});
/script
/head
body
div id=bodybox
div id=header
div id=logo/div
div id=advertise
img src=images/snowball.gif
style=width:468px;height:60px; alt=Example Ad /
/div!-- end advertise --
div id=top_link
img src=images/top_menu_01.png
id=lifeimage style=width:74px;height:34px;border:1px solid green;
alt=Life Menu /
a href=#img src=images/
top_menu_02.png id=Image11 style=width:103px;height:34px;border:
0px;margin-left:-5px; alt=Literature Menu //a
a href=#img src=images/
top_menu_03.png id=Image12 style=width:88px;height:34px;border:
0px;margin-left:-5px; alt=Poetry Menu //a
a href=#img src=images/
top_menu_04.png id=Image13 style=width:75px;height:34px;border:
0px;margin-left:-5px; alt=Media Menu //a
a href=#img src=images/
top_menu_05.png id=Image14 style=width:102px;height:34px;border:
0px;margin-left:-5px; alt=Option 1 Menu //a
a href=#img src=images/
top_menu_06.png id=Image15 style=width:103px;height:34px;border:
0px;margin-left:-5px; alt=Option 2 Menu //
a
/div!-- end top_link --
/div!-- end header --
div id=main_body_box
div id=bar
img src=images/menu_2.png alt=menu_2
(7K) style=border:0px;width:436px;height:25px; /
/div!-- end bar --
div id=content
div id=leftframe
!-- This is the left menu, which is a
stack of books --
? include(./left_menus/
social_menu.php); ?
div id=frame
div id=ad_content
div style=width:144px;text-
align:center
object type=application/x-
shockwave-flash
data=http://twitter.com/
flash/twitter_badge.swf
width=144
height=176
param name=movie
value=http://twitter.com/flash/twitter_badge.swf; /
param name=flashvars
value=color1=26112amp;type=useramp;id=wtvamp /
param name=wmode
value=transparent /
param
name=allowScriptAccess value=always /
param name=pluginspage
value=http://www.macromedia.com/go/getflashplayer; /
/object
a style=font-
size: 10px; color: #00; text-decoration: none href=http://
twitter.com/WTVampfollow WTVamp at http://twitter.com/a
/div
/div!-- end ad_content --
/div!-- end frame --
/div!-- end leftframe --
div id=body
div id=body_content
div id=content_heading
div
id=pg_heading
img src=./
images/comingsoon.png alt=Coming Soon...Vamp's World Returns... /
/div!-- end
pg_heading --
/div!-- end content_heading
--
div id=content_main
div
id=internal_content
h2THE
SURROUNDING WATERS/h2
p He walked alone on
[jQuery] Form Plugin Incompatible with Firefox 3
I'm trying to use the jQuery Form Plugin (http://www.malsup.com/jquery/ form/). The ajaxSubmit code sample works fine for me in IE7, but it doesn't work at all in Firefox3. The form submits normally, without any JS errors. Has anyone else run into this, and if so is there any way to fix it? I noticed the ajaxSubmit code sample doesn't use ajaxForm to first initialize the form. What then's the purpose of ajaxForm? The ajaxForm code sample also doesn't work in FF3, although Firebug does show the forms's submit button has a click.form-plugin event.
[jQuery] Re: Superfish Feature Request
Awesome! Thank you Joel. On Nov 6, 7:10 am, Joel Birch [EMAIL PROTECTED] wrote: Have a look at this Superfish extension called Supposition. It is an effort to achieve exactly what you are asking for, although it comes with no guarantees or support. http://users.tpg.com.au/j_birch/plugins/superfish/supposition-test/ Joel Birch.
[jQuery] Re: Event Firing Twice
I was wrong about it being fixed if local scripts are not included. It was throwing an error because a script did not exist, which was stopping the event stack, thus preventing the event from firing twice. I am still stumped... my stripped down version, which only contains 3 divs and very little JS code still has the event firing twice. On Nov 6, 11:49 am, n8cshaw [EMAIL PROTECTED] wrote: ok, I stripped a bunch of stuff out and posted a simplified file. This should make it easier to see what is going on. The event is still firing twice. http://www.iaffectproperties.com/code/SearchForm_simple.htm On Nov 6, 11:21 am, MorningZ [EMAIL PROTECTED] wrote: I took a look at the source code in the first link but there's too much to look at, can you be more specific about what div's, what selectors, and what chunk of javascript code is not doing what you expect it to? that would help others help you On Nov 6, 10:22 am, n8cshaw [EMAIL PROTECTED] wrote: weird, works for me... I posted it athttp://www.iaffectproperties.com/code/SearchForm.htm also. All of the images, css and local JS are pointing to localhost and don't work obviously (JQuery and JQuery UI are being loaded from Google)... as a side-effect of that, the event appears to no longer run twice. I guess that tells me that some other script I am using is interfering with the event and causing it to run twice? How can I debug which one and prevent this from happening? I thought JQuery was namespaced to prevent this? On Nov 6, 9:40 am, Liam Potter [EMAIL PROTECTED] wrote: The link you provided doesn't seem to work. n8cshaw wrote: One more interesting note... if the parent div is visible (display: block) when the page loads, I do not see this behavior. It is only when the parent div is not visible (display: none) on page load that it happens. On Nov 6, 9:07 am, n8cshaw [EMAIL PROTECTED] wrote: I am attaching an event to a link. The link lets the user toggle the display of a child div inside of a parent div. However, when the link is clicked, the event is run twice (div opens and then closes immediately). I have tried using .click() and .bind() and it makes no difference which one I use. I have also tried using an anonymous function versus a callback function and there is no difference. I tried using return false and e.stopPropagation() and there is no difference. I have triple-checked that I am not binding the event more than once in my code. The only way I can get it to not fire twice is to put the call in the link's onclick attribute. I have seen several similar posts on this in the group, but I have not seen a reason why this happens or a fool-proof way to stop it from happening. The only thing I can think of is that one of the other JS libraries I am using on the page, like Matt Kruse's DynamicOptionList, etc... are interfering with the event propagation, but I don't know for sure if that is the cause. I am moving over from Prototype/Scriptaculous and had this all working without a problem using those libraries. I have posted the code at:http://jsbin.com/atiza Help!
[jQuery] Re: Form Plugin Incompatible with Firefox 3
I'm trying to use the jQuery Form Plugin (http://www.malsup.com/jquery/ form/). The ajaxSubmit code sample works fine for me in IE7, but it doesn't work at all in Firefox3. The form submits normally, without any JS errors. Has anyone else run into this, and if so is there any way to fix it? Yes, the form plugin most certainly does work with FF3. If those sample pages are not working for you then I'd suggest turning off any FF plugins you're using that may be causing a problem. I noticed the ajaxSubmit code sample doesn't use ajaxForm to first initialize the form. What then's the purpose of ajaxForm? The ajaxForm code sample also doesn't work in FF3, although Firebug does show the forms's submit button has a click.form-plugin event. ajaxSubmit and ajaxForm are two different things. You use ajaxForm if you want the plugin to handle everything for you. ajaxForm will bind event handlers and submit the form via ajax whenever the user decides to click submit (which may be never). ajaxSubmit is used if you want to bind the form's submit event yourself. When you call ajaxSubmit the form data is submitted immediately. Mike
[jQuery] Re: Can't figure out why click function won't work for lifeimage
An image can't be clickable in, if I remember IE?
Change the click to the div advertise
http://2whoa.com/dominate/
--- On Thu, 11/6/08, Warren [EMAIL PROTECTED] wrote:
From: Warren [EMAIL PROTECTED]
Subject: [jQuery] Can't figure out why click function won't work for lifeimage
To: jQuery (English) jquery-en@googlegroups.com
Date: Thursday, November 6, 2008, 1:27 PM
I've spent a good bit of time trying to figure this out, so I figure
now it's time to go to the forum. I've trying to make
lifeimage
clickable so I can do other stuff with it, but I can't even seem to
get the click event to function. Code is below.
Code:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en
lang=en
head
meta http-equiv=Content-Type content=text/html;
charset=iso-8859-1 /
titleVamp's World/title
link href=css_style/vamp_style.css
rel=stylesheet type=text/
css /
script type=text/javascript
src=./javascript/jquery.js/
script
script type=text/
javascript
$(document).ready(function() {
// JQUERY stuff goes here
$('div#menu').hide();
$('#lifeimage').click(function() {
$(this).hide();
});
});
/script
/head
body
div id=bodybox
div id=header
div id=logo/div
div id=advertise
img src=images/snowball.gif
style=width:468px;height:60px; alt=Example Ad /
/div!-- end advertise --
div id=top_link
img src=images/top_menu_01.png
id=lifeimage style=width:74px;height:34px;border:1px solid
green;
alt=Life Menu /
a href=#img
src=images/
top_menu_02.png id=Image11
style=width:103px;height:34px;border:
0px;margin-left:-5px; alt=Literature Menu //a
a href=#img
src=images/
top_menu_03.png id=Image12
style=width:88px;height:34px;border:
0px;margin-left:-5px; alt=Poetry Menu //a
a href=#img
src=images/
top_menu_04.png id=Image13
style=width:75px;height:34px;border:
0px;margin-left:-5px; alt=Media Menu //a
a href=#img
src=images/
top_menu_05.png id=Image14
style=width:102px;height:34px;border:
0px;margin-left:-5px; alt=Option 1 Menu //a
a href=#img
src=images/
top_menu_06.png id=Image15
style=width:103px;height:34px;border:
0px;margin-left:-5px; alt=Option 2 Menu //
a
/div!-- end top_link --
/div!-- end header --
div id=main_body_box
div id=bar
img src=images/menu_2.png
alt=menu_2
(7K) style=border:0px;width:436px;height:25px; /
/div!-- end bar --
div id=content
div id=leftframe
!-- This is the left menu, which is a
stack of books --
? include(./left_menus/
social_menu.php); ?
div id=frame
div
id=ad_content
div style=width:144px;text-
align:center
object type=application/x-
shockwave-flash
data=http://twitter.com/
flash/twitter_badge.swf
width=144
height=176
param name=movie
value=http://twitter.com/flash/twitter_badge.swf; /
param name=flashvars
value=color1=26112amp;type=useramp;id=wtvamp /
param name=wmode
value=transparent /
param
name=allowScriptAccess value=always /
param name=pluginspage
value=http://www.macromedia.com/go/getflashplayer; /
/object
a style=font-
size: 10px; color: #00; text-decoration: none href=http://
twitter.com/WTVampfollow WTVamp at http://twitter.com/a
/div
/div!-- end ad_content
--
/div!-- end frame --
/div!-- end leftframe --
div id=body
div id=body_content
div
id=content_heading
div
id=pg_heading
img src=./
images/comingsoon.png alt=Coming Soon...Vamp's World
Returns... /
[jQuery] Re: Form Plugin: editing/adding data before send
but for some reason the input field stays empty this way: Yeah, that reason is known as asynchronous programming. When you make that ajax call you will get a response some time in the future, not immediately.
[jQuery] Can't figure out why click function won't work for lifeimage
I've spent a good bit of time trying to figure this out, so I figure
now it's time to go to the forum. I've trying to make lifeimage
clickable so I can do other stuff with it, but I can't even seem to
get the click event to function. Code is below.
Code:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
meta http-equiv=Content-Type content=text/html;
charset=iso-8859-1 /
titleVamp's World/title
link href=css_style/vamp_style.css rel=stylesheet type=text/
css /
script type=text/javascript src=./javascript/jquery.js/
script
script type=text/
javascript
$(document).ready(function() {
// JQUERY stuff goes here
$('div#menu').hide();
$('#lifeimage').click(function() {
$(this).hide();
});
});
/script
/head
body
div id=bodybox
div id=header
div id=logo/div
div id=advertise
img src=images/snowball.gif
style=width:468px;height:60px; alt=Example Ad /
/div!-- end advertise --
div id=top_link
img src=images/top_menu_01.png
id=lifeimage style=width:74px;height:34px;border:1px solid green;
alt=Life Menu /
a href=#img src=images/
top_menu_02.png id=Image11 style=width:103px;height:34px;border:
0px;margin-left:-5px; alt=Literature Menu //a
a href=#img src=images/
top_menu_03.png id=Image12 style=width:88px;height:34px;border:
0px;margin-left:-5px; alt=Poetry Menu //a
a href=#img src=images/
top_menu_04.png id=Image13 style=width:75px;height:34px;border:
0px;margin-left:-5px; alt=Media Menu //a
a href=#img src=images/
top_menu_05.png id=Image14 style=width:102px;height:34px;border:
0px;margin-left:-5px; alt=Option 1 Menu //a
a href=#img src=images/
top_menu_06.png id=Image15 style=width:103px;height:34px;border:
0px;margin-left:-5px; alt=Option 2 Menu //
a
/div!-- end top_link --
/div!-- end header --
div id=main_body_box
div id=bar
img src=images/menu_2.png alt=menu_2
(7K) style=border:0px;width:436px;height:25px; /
/div!-- end bar --
div id=content
div id=leftframe
!-- This is the left menu, which is a
stack of books --
? include(./left_menus/
social_menu.php); ?
div id=frame
div id=ad_content
div style=width:144px;text-
align:center
object type=application/x-
shockwave-flash
data=http://twitter.com/
flash/twitter_badge.swf
width=144
height=176
param name=movie
value=http://twitter.com/flash/twitter_badge.swf; /
param name=flashvars
value=color1=26112amp;type=useramp;id=wtvamp /
param name=wmode
value=transparent /
param
name=allowScriptAccess value=always /
param name=pluginspage
value=http://www.macromedia.com/go/getflashplayer; /
/object
a style=font-
size: 10px; color: #00; text-decoration: none href=http://
twitter.com/WTVampfollow WTVamp at http://twitter.com/a
/div
/div!-- end ad_content --
/div!-- end frame --
/div!-- end leftframe --
div id=body
div id=body_content
div id=content_heading
div
id=pg_heading
img src=./
images/comingsoon.png alt=Coming Soon...Vamp's World Returns... /
/div!-- end
pg_heading --
/div!-- end content_heading
--
div id=content_main
div
id=internal_content
h2THE
SURROUNDING WATERS/h2
p He walked alone on
[jQuery] Re: How to load only one image at a time using JQuery Cycle Plugin?
Is there a way to get the index of the image in the after method? View source on this page to see how to get the index: http://www.malsup.com/jquery/cycle/after.html
[jQuery] Form Plugin Incompatible with Firefox 3
I'm trying to use the jQuery Form Plugin (http://www.malsup.com/jquery/ form/). The ajaxSubmit code sample works fine for me in IE7, but it doesn't work at all in Firefox3. The form submits normally, without any JS errors. Has anyone else run into this, and if so is there any way to fix it? I noticed the ajaxSubmit code sample doesn't use ajaxForm to first initialize the form. What then's the purpose of ajaxForm? The ajaxForm code sample also doesn't work in FF3, although Firebug does show the forms's submit button has a click.form-plugin event.
[jQuery] Re: Form Plugin: editing/adding data before send
malsup wrote: but for some reason the input field stays empty this way: Yeah, that reason is known as asynchronous programming. When you make that ajax call you will get a response some time in the future, not immediately. Ooooh, right, I didn't think of that (I am fairly new to making stuff with ajax). I guess there is no way to make the ajaxForm function wait for this particular response? But I guess this is a different topic now.. -- View this message in context: http://www.nabble.com/Form-Plugin%3A-editing-adding-data-before-send-tp20359407s27240p20367347.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Form Plugin: editing/adding data before send
malsup wrote:
This sort of thing comes up a lot so I've added a new callback
function called 'beforeSerialize'. You can use it like this:
var ajaxFormOptions = {
beforeSerialize: function($form, opts) {
$(#hidden_input).attr(value,test);
}
};
$('#form').ajaxForm(ajaxFormOptions);
The updated plugin is available here:
http://jqueryjs.googlecode.com/svn/trunk/plugins/form/jquery.form.js
Sounds good, thank you very much :)
--
View this message in context:
http://www.nabble.com/Form-Plugin%3A-editing-adding-data-before-send-tp20359407s27240p20366636.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Can't figure out why click function won't work for lifeimage
If I use some images on the page it works, and then others do not. I know img tags can be clickable - and I'm using firefox to test at the moment. On Nov 6, 1:41 pm, ripple [EMAIL PROTECTED] wrote: An image can't be clickable in, if I remember IE? Change the click to the div advertise
[jQuery] Re: Can't figure out why click function won't work for lifeimage
I just noticed that I mixed up the divs by suggesting advertise. Save yourself the hassle and wrap the img tag in a link and us the link for the click. A browsers assigned nature is that an img is not clickable without another element(ie, href). --- On Thu, 11/6/08, Warren [EMAIL PROTECTED] wrote: From: Warren [EMAIL PROTECTED] Subject: [jQuery] Re: Can't figure out why click function won't work for lifeimage To: jQuery (English) jquery-en@googlegroups.com Date: Thursday, November 6, 2008, 1:51 PM If I use some images on the page it works, and then others do not. I know img tags can be clickable - and I'm using firefox to test at the moment. On Nov 6, 1:41 pm, ripple [EMAIL PROTECTED] wrote: An image can't be clickable in, if I remember IE? Change the click to the div advertise
[jQuery] Re: Can't figure out why click function won't work for lifeimage
It doesn't work when the image is inside an a tag and using the id
of the a tag to make it disappear, like so:
$(document).ready(function() {
// JQUERY stuff goes here
//$('div#menu').hide();
$('#testlink').click(function() {
$(lifeimage).hide();
});
});
And in the HTML:
div id=top_link
a
href=# id=testlinkimg src=images/top_menu_01.png
id=lifeimage style=width:74px;height:34px;border:1px solid green;
alt=Life Menu //a
/div
On Nov 6, 1:59 pm, ripple [EMAIL PROTECTED] wrote:
I just noticed that I mixed up the divs by suggesting advertise.
Save yourself the hassle and wrap the img tag in a link and us the link for
the click.
A browsers assigned nature is that an img is not clickable without another
element(ie, href).
--- On Thu, 11/6/08, Warren [EMAIL PROTECTED] wrote:
From: Warren [EMAIL PROTECTED]
Subject: [jQuery] Re: Can't figure out why click function won't work for
lifeimage
To: jQuery (English) jquery-en@googlegroups.com
Date: Thursday, November 6, 2008, 1:51 PM
If I use some images on the page it works, and then others do not. I
know img tags can be clickable - and I'm using firefox to test at the
moment.
On Nov 6, 1:41 pm, ripple [EMAIL PROTECTED] wrote:
An image can't be clickable in, if I remember IE?
Change the click to the div advertise
[jQuery] Re: Array in get help
Thank you very much, I see I have lack of knowledge in some basic staff... Can you recommend me some book or site where I can learn these things?
