[jQuery] Superfish - Different colors for each menu column
I'm trying to come up with an approach to assign a different color scheme for
each main group (column).
ie:
# Menu1
#a Menu2
#aa Menu2-subitem1
#aa Menu2-subitem2
and
Superfish.css is:
.
.
.
.sf-menu li {
background: #BDD2FF;
}
.sf-menu li.green {
background: #00AA00;
}
.sf-menu li.red {
background: #AA;
}
.sf-menu li li {
background: #AABDE6;
}
.sf-menu li li.green {
background: #00AA00;
}
.sf-menu li li li {
background: #9AAEDB;
}
BUT HOW DO I use class of green or red here?
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: #CFDEFF;
outline:0;
}
Any help is appreciated
--
View this message in context:
http://old.nabble.com/Superfish---Different-colors-for-each-menu-column-tp27252875s27240p27252875.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Output textbox value to jQuery variable
I figured out a solution. I added a literal control to the .aspx website, then I wrote then entire javascript "
[jQuery] FastFlip like plugin
Hello, do you know of a JQuery plugin that supports rapidly skimming through an image set like Google's FastFlip? For demo see http://fastflip.googlelabs.com/ Thanks, Richard (sorry, I accidentally posted this question to JQuery-UI)
[jQuery] Output textbox value to jQuery variable
I'm trying to install the FullCalendar add-on for jQuery. I am trying
to take a hidden textbox value and insert the value into a jQuery
variable that I will then use for the Event Array data. Right now it
is all static, but the idea of this is to allow for dynamic events to
be sent to the jQuery from my VB.net code and SQL. If I do an Alert
on the "The_Data" variable, it shows with the correct value, but when
it is called with the "events: The_Data" it doesn't seem to have the
value. I am sure I have the syntax wrong for that line, I don't know
how to call the variable properly. I think seeing my code will
explain it:
---Front-End .aspx
page-
$(document).ready(function() {
var The_Data = $("input
[id='ctl00_ContentPlaceHolder1_Calendar_Data']").attr("value");
$('#calendar').fullCalendar({
editable: true,
events: The_Data
});
});
--Code-Behind
Page
Protected Sub Page_Load(ByVal sender As Object, ByVal e As
System.EventArgs) Handles Me.Load
Calendar_Data.Text = "[{title:'All Day
Event',start:'2010-01-05',end:'2010-01-07'}]"
'--The Calendar_Data.Text will become the
dynamic events from the database-
End Sub
Any help would be huge! I've wasted 6 hours already!
Thanks!
[jQuery] Re: need help with simple jQuery problem
Hi Adriana,
Adriana, I am honored that you wrote in to help me; it is, or course,
your script I am trying to work with.
I do not understand what you are asking me to do; can you please give
more info/context? Are you saying that I am missing the lines of code
you put in your response? If so, where do I put the code?
I am truly a novice, as you see.
Thank you so much,
Rory
On Jan 20, 9:36 am, Adriana P wrote:
> Hi Rory,
>
> You need only the expandAll() plug-in:
>
> $(function() {
> $("#outer").expandAll({trigger: "span.expand", ref: "div.demo",
> showMethod: "slideDown", hideMethod: "slideUp", speed: 600});
>
> });
>
> Regards,
>
> Adriana
>
>
>
> Rory Bernstein wrote:
>
> > Hello,
>
> > I am a total jQuery novice, and I tried to use jQuery for a project
> > but I'm having trouble.
>
> >http://www.rorybernstein.com/stage/index2.html
>
> > When you click the blue "go ahead" link, it expands the hidden div,
> > revealing content. I want the effect to be a "slide" effect, as on
> > this sample page:
> >http://adipalaz.awardspace.com/experiments/jquery/expand.html
> > From these various examples, I want the "slideToggle effect -
> > slideToggle ("slow"), as shown in section 2 of the above link.
>
> > I cannot figure out what is wrong; my toggle link does work (it
> > expands the hidden div), but I do not know how to get it to "slide" at
> > the speed shown in the sample.
>
> > Any help would be appreciated.
> > Thanks,
> > Rory
>
> --
> View this message in
> context:http://old.nabble.com/need-help-with-simple-jQuery-problem-tp27228125...
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Superfish - Only works on home page, not site Pages
I'm not sure what's wrong. I'm building a site in Wordpress. I followed the directions on the Superfish site and things look good on the home page but then the HTML just shows up on the site Pages. Any help? Suggestions? Thanks!
Re: [jQuery] Re: Call ajax on sucess response from a previous ajax
Well, one thing you could do is to put your other ajax call on an interval.
You have a boolean that says whether or not authentication was successful.
Each time the interval tries to run your second ajax call, it first checks
to see if this boolean is true, if it is, make the call. If its not, do
nothing. Once it has been run, disable your interval.
cheers
Michael Lawson
Development Lead, Global Solutions, ibm.com
Phone: 1-276-206-8393
E-mail: mjlaw...@us.ibm.com
'When seen from outer space, our beautiful blue planet has no national
boundaries.'
http://www.givesmehope.com/
From: Bonji
To: "jQuery (English)"
Date: 01/20/2010 12:43 PM
Subject:[jQuery] Re: Call ajax on sucess response from a previous ajax
Ok basically on click of any anchor tag this ajax script calls a php
script called sessions.php
//data
var data = 'do=update';
//run ajax
$.ajax({
//post rather than get (default)
type: "POST",
//pass to php script
url: "/php-bin/sessions.php",
//send data
data: data,
//data type
dataType: 'json',
//timeout
timeout: 5000,
//cache
cache: true,
//success function
success:
//result function
function(result){
//if result.error
if(result.error)
{
//redirect
location.href=result.redirect;
}
},
//error function
error:
//error function
function(){
//load facebox internal error
faceboxURL
('php-bin/alert.php?do=internalError');
}
});//ajax
It posts 'do=update' as data to the php script which selects the
correct php switch.
The php script then checks if the user is logged in and updates the
users timestamp. All session data is stored in a mysql database.
The datatype returned is in a json array.
So on success the ajax checks the array value 'result.error' and if
set to true it currently redirects the user to the 'result.location'
value which is defined in the json array.
In other words... if the user was not found or their session has
expired it redirects the user to the location set in the php script as
they need to be authenticated to use the site.
However this means that the anchor tag is only checking user data.
What about its original function which is also an ajax call?
I thought i might be able to add the second ajax call as an else
statement to the if(result.error) statement.
In other words... if the user is authenticated and the timestamp was
updated run the origianl anchor tag function (which is also an ajax
call)
At the moment the two ajax calls run at the same time which is fine
except the second ajax is used to load content to the page. The first
ajax call completes half way through the second ajax call cycle.
In other words... if the user was not found or their session has
expired the second ajax still loads content to the page but gets cut
off half way through loading while the first one is redirecting.
This is ok but it is scrappy looking to see the page trying to load
content into a div (second ajax) while the first is redirecting.
I hope i havn't lost you. I've tried to explain as clearly as i can.
Ben
On Jan 20, 4:53 pm, Michael Lawson wrote:
> Do you have any code to share?
>
> cheers
>
> Michael Lawson
> Development Lead, Global Solutions, ibm.com
> Phone: 1-276-206-8393
> E-mail: mjlaw...@us.ibm.com
>
> 'When seen from outer space, our beautiful blue planet has no national
> boundaries.'
>
> http://www.givesmehope.com/
>
> From: Bonji
>
> To: "jQuery (English)"
>
> Date: 01/20/2010 11:46 AM
>
> Subject: [jQuery] Call ajax on sucess response from a previous ajax
>
> Hi.
>
> Im not sure if this is the correct way of going about this so i
> thought i'd ask the experts...
>
> I have a jquery ajax script which simply returns true or false based
> on the response from a php script.
>
> This works just fine.
>
> However i want to know if it is possible to load a second ajax call if
> the first returns true?
>
> I've tried placing the second $.ajax insi
Re: [jQuery] Filtering a jQuery Object variable
Thanks Morning - that's just what I needed. BKahuna -- View this message in context: http://old.nabble.com/Filtering-a-jQuery-Object-variable-tp27246700s27240p27247469.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] AjaxSubmit - Form Plugin Serialize Submit Button Data
Hi I have multiple submit buttons on a form. I haven't been able to figure out how to get the name parameters on the clicked submit button serialized when using the ajaxSubmit method. It appears ajaxForm passes serializes the submit button info, but ajaxSubmit does not. I need to handle each submit button click differently while still serializing the submit button info. Any idea on how to do this? Is there a way to handle an onclick event on a submit button and use the ajaxSubmit function to send through the clicked submit button's info? Thanks in advance Jamie
[jQuery] Re: Filtering a jQuery Object variable
http://docs.jquery.com/Traversing/filter#expr
so
Foo = Foo.filter(":visible");
On Jan 20, 1:52 pm, BKahuna wrote:
> I've got a variable that holds a jQuery object. I would like to filter out
> all of the visible elements in that jQuery object. The problem is once I'm
> using a variable and not the jQuery object itself I don't know the semantics
> for filtering it.
>
> I have something like this:
>
> var Foo = $("#Bar");
> FilterFunction(Foo);
>
> function FilterFunction(Foo) {
> var Test = $(Foo + ":visible");
>
> }
>
> What is the correct syntax?
>
> Thanks very much,
>
> BKahuna
> --
> View this message in
> context:http://old.nabble.com/Filtering-a-jQuery-Object-variable-tp27246700s2...
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Bindind keydown function to a form - submit on keydown (value change)
Thanx a lot Nathan! It works like a charm. All the best
[jQuery] jQuery is Moving to a Forum
Hello All - After much deliberation the jQuery team has decided to close down the Google Groups that we've been using for project discussion and move to a unified forum instead. The new forum can be found here: http://forum.jquery.com/ More information about our decision to move can be found here: http://jquery14.com/day-07/new-jquery-forum If you have any questions concerning the move please feel free to post them in the new meta discussion forum here: http://forum.jquery.com/about-the-jquery-forum Thanks for your continued support and here's to future community discussions! --John
[jQuery] Filtering a jQuery Object variable
I've got a variable that holds a jQuery object. I would like to filter out
all of the visible elements in that jQuery object. The problem is once I'm
using a variable and not the jQuery object itself I don't know the semantics
for filtering it.
I have something like this:
var Foo = $("#Bar");
FilterFunction(Foo);
function FilterFunction(Foo) {
var Test = $(Foo + ":visible");
}
What is the correct syntax?
Thanks very much,
BKahuna
--
View this message in context:
http://old.nabble.com/Filtering-a-jQuery-Object-variable-tp27246700s27240p27246700.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: click action effect/problem
> I'd like to thank you guys again for the quick response, but for some > reason, both methods aren't working. I made two suggestions. MorningZ's suggestion was very much like my first one. My second one is a bit more general, and might help. I modified MorningZ's page here: http://jsbin.com/ejuga3/3 (code: http://jsbin.com/ejuga3/3/edit) Can you try my second one to see if that works? -- Scott
[jQuery] Re: Call ajax on sucess response from a previous ajax
Ok basically on click of any anchor tag this ajax script calls a php
script called sessions.php
//data
var data = 'do=update';
//run ajax
$.ajax({
//post rather than get (default)
type: "POST",
//pass to php script
url: "/php-bin/sessions.php",
//send data
data: data,
//data type
dataType: 'json',
//timeout
timeout: 5000,
//cache
cache: true,
//success function
success:
//result function
function(result){
//if result.error
if(result.error)
{
//redirect
location.href=result.redirect;
}
},
//error function
error:
//error function
function(){
//load facebox internal error
faceboxURL('php-bin/alert.php?do=internalError');
}
});//ajax
It posts 'do=update' as data to the php script which selects the
correct php switch.
The php script then checks if the user is logged in and updates the
users timestamp. All session data is stored in a mysql database.
The datatype returned is in a json array.
So on success the ajax checks the array value 'result.error' and if
set to true it currently redirects the user to the 'result.location'
value which is defined in the json array.
In other words... if the user was not found or their session has
expired it redirects the user to the location set in the php script as
they need to be authenticated to use the site.
However this means that the anchor tag is only checking user data.
What about its original function which is also an ajax call?
I thought i might be able to add the second ajax call as an else
statement to the if(result.error) statement.
In other words... if the user is authenticated and the timestamp was
updated run the origianl anchor tag function (which is also an ajax
call)
At the moment the two ajax calls run at the same time which is fine
except the second ajax is used to load content to the page. The first
ajax call completes half way through the second ajax call cycle.
In other words... if the user was not found or their session has
expired the second ajax still loads content to the page but gets cut
off half way through loading while the first one is redirecting.
This is ok but it is scrappy looking to see the page trying to load
content into a div (second ajax) while the first is redirecting.
I hope i havn't lost you. I've tried to explain as clearly as i can.
Ben
On Jan 20, 4:53 pm, Michael Lawson wrote:
> Do you have any code to share?
>
> cheers
>
> Michael Lawson
> Development Lead, Global Solutions, ibm.com
> Phone: 1-276-206-8393
> E-mail: mjlaw...@us.ibm.com
>
> 'When seen from outer space, our beautiful blue planet has no national
> boundaries.'
>
> http://www.givesmehope.com/
>
> From: Bonji
>
>
> To: "jQuery (English)"
>
>
> Date: 01/20/2010 11:46 AM
>
>
> Subject: [jQuery] Call ajax on sucess response from a previous ajax
>
>
> Hi.
>
> Im not sure if this is the correct way of going about this so i
> thought i'd ask the experts...
>
> I have a jquery ajax script which simply returns true or false based
> on the response from a php script.
>
> This works just fine.
>
> However i want to know if it is possible to load a second ajax call if
> the first returns true?
>
> I've tried placing the second $.ajax inside the success fuction of the
> first $.ajax but the second call never triggers or doesn't return
> anything.
>
> Is there a way of queuing $.ajax functions so they fire on after
> another?
>
> graycol.gif
> < 1KViewDownload
>
> ecblank.gif
> < 1KViewDownload
Re: [jQuery] Re: Bindind keydown function to a form - submit on keydown (value change)
Sorry,
function setFamily() {
$('#family').css('font-family', $('#family :selected').val());
}
$("#family option").each(function() {
$(this).css('font-family', $(this).val())
});
setFamily();
$('#family').bind("change keypress", setFamily);
http://jsbin.com/agifi/2/edit
Nathan
Re: [jQuery] Re: Bindind keydown function to a form - submit on keydown (value change)
On Wed, Jan 20, 2010 at 11:20 AM, Mircea wrote:
> Thanx Nathan,
> It works. It does change the class to the #family form. Is it possible
> to make it change the class to the Option element?
You mean style the option element?
function setFamily() {
$('#family :selected').parent().andSelf()
.css('font-family', $('#family :selected').val());
}
setFamily();
$('#family').bind("change keypress", setFamily);
http://jsbin.com/agifi/edit
Nathan
[jQuery] Re: Bindind keydown function to a form - submit on keydown (value change)
Thanx Nathan,
It works. It does change the class to the #family form. Is it possible
to make it change the class to the Option element?
Georgia
Times New Roman
Helvetica Neue Light
I've tryed with the following and it does not work:
$(".option").bind("change keypress", setFamily);
$("option").bind("change keypress", setFamily);
[jQuery] Re: jQuery Corner Help
Hi
So you should have some thing like this for the div
div content
and something like this for the corner control.
$(document).ready(function() {
$(".rounder").corner("45px");
});
also jquery.js
and jquery.corners.js in the head
You shouldn't need this part .corner("rounder 45px"); rather
use .corner("45px"); as i believe the default action is to simply
round the corners anyway. I use it this way and it works fine.
If this doesn't work you can try rounding each corner separately like
this
$(".rounder").corner("tr 45px").corner("tl 45px").corner("bl
45px").corner("br 45px");
If you have no luck with either of these id try changing the 45px to
something similar but smaller (43px for example).
This plugin i've found to be a bit glitchy with some corner sizes. I
had to change my corners from 5px to 3px just to make the corners
render smoothly.
And that problem occurred after using it with another plugin called
livequery.
So your problem could be caused by another plugin or some other factor
on the page.
I'd test this on a separate blank page to to make sure you know you
have the code correctly implemented then import it to the required
page and debug from there if required.
Hope this helps a bit, Ben
On Jan 20, 3:25 pm, mcrus wrote:
> Hello,
>
> Completely new to jQuery. I am trying to use the corners. I have it
> only half working and sure there is something simple I am missing.
> When I implement a corner on a div. It is only applying to the top
> corners. I have tried adding "br" to the code, but it does not show
> up. Here is the way I have it in my code. This below will only round
> the top corners in my browser.
>
> Any suggestions would be greatly appreciated.
>
> Russ
>
>
> script>
>
>