[jQuery] Jquery and Dynamic assignment
Hi, I am new to jquery and I have some code that I wrote that loops over some records from my database and at each iteration of the loop (a coldfusion loop, either way same concept) I want to create a few buttons that the user can click to do things. Each button will be unique by appending a counter to it equal to the current row in my loop like so: Create User Edit User My question is how can I use jquery to assign click handlers without having to do this: Create User Create User -- View this message in context: http://old.nabble.com/Jquery-and-Dynamic-assignment-tp27238454s27240p27238454.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] class={title:'test'}
I don't know how to handle
class={title:'test'}
it's out of the mb.extruder plugin
div id=extruderLeft class={title:'test'}
div class=content
div class=voice {} logo /div
div class=voice {panel:'... .php',data:''}
...
/div
/div
/div
normally I assign a class (i.e. class=abc) and set abc via CSS
.abc { ... }
but I don't know what to do with class={title:'test'}
May anybody give an explanation or link where I can learn about it?
thx
fran
--
View this message in context:
http://old.nabble.com/class%3D%22%7Btitle%3A%27test%27%7D-tp27238929s27240p27238929.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: [jQuery] class={title:'test'}
This is utilizing the metadata plugin for jQuery. It handles that sort
of stuff.
Sent from my iPhone
On Jan 20, 2010, at 3:34, fran23 f...@lavabit.com wrote:
I don't know how to handle
class={title:'test'}
it's out of the mb.extruder plugin
div id=extruderLeft class={title:'test'}
div class=content
div class=voice {} logo /div
div class=voice {panel:'... .php',data:''}
...
/div
/div
/div
normally I assign a class (i.e. class=abc) and set abc via CSS
.abc { ... }
but I don't know what to do with class={title:'test'}
May anybody give an explanation or link where I can learn about it?
thx
fran
--
View this message in context:
http://old.nabble.com/class%3D%22%7Btitle%3A%27test%27%7D-tp27238929s27240p27238929.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com
.
[jQuery] Delete Row table using jquery
Hi ...
Supposed I have table like this
idnameaddressaction
--
s1n1a1delete
s2n2a2delete
delete is a link for example `a href=http://localhost/student/delete/1;`.
In the real case I delete the student
using ajax. In order to simplify the code, I just alert the link
$(document).ready(function() {
$(a).click(function(event) {
alert(As you can see, the link no longer took you to jquery.com);
var href = $(this).attr('href');
alert(href);
event.preventDefault();
});
);
I want, After I alert the link the selected row will be remove
automatically. Is there any suggestion how to implement this one ?
--
Adi Gunanta Sembiring
Blog: http://adisembiring.wordpress.com
YM: adisembir...@yahoo.com
GTalk: adi.sembir...@gmail.com
e-mail: sembiring@gmail.com
Facebook: sembiring@gmail.com
HP: +62 852 6892 4259
Re: [jQuery] Delete Row table using jquery
This should do your work. Get a try
$(document).ready(function() {
$(a).click(function(event) {
alert(As you can see, the link no longer took you to jquery.com
);
var href = $(this).attr('href');
alert(href);
event.preventDefault();
* $.get(href );
return false;*
});
);
--
http://ranacseruet.blogspot.com/
Re: [jQuery] (Validate) Checking once an Entry is Change
Got it working now, but thanks! Turned out my backend wasn't returning right. Human error we'll call it ;) On 19 Jan 2010, at 20:22, Nathan Klatt wrote: On Sat, Jan 16, 2010 at 6:42 PM, Scott Wilcox sc...@tig.gr wrote: Pastebin of code: http://pastebin.com/ma643a4e Hiya Scott, What's the code at the other end look like - i.e., /api/check/existac? Nathan smime.p7s Description: S/MIME cryptographic signature
[jQuery] Live function syntax
Hi,
I want to add a live event on a function.
My function is:
$(#family).click(function(){
$($(#tag).val()).css(font-family, $(#family).val());
});
I've tryed to add it like this:
$(#family).live(click, function(){
$($(#tag).val()).css(font-family, $(#family).val());
});
but I get a $(#family).live is not a function FireBug error. How
should I use it right?
Thank you.
RE: [jQuery] Live function syntax
How about making a variable out of $(#tag).val() and using that
for the css variable?
$('#family').click(function() {
value = $(this).val();
$('#tag').css('font-family', value);
});
-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of Mircea
Sent: Wednesday, January 20, 2010 7:13 AM
To: jQuery (English)
Subject: [jQuery] Live function syntax
Hi,
I want to add a live event on a function.
My function is:
$(#family).click(function(){
$($(#tag).val()).css(font-family, $(#family).val()); });
I've tryed to add it like this:
$(#family).live(click, function(){
$($(#tag).val()).css(font-family, $(#family).val()); });
but I get a $(#family).live is not a function FireBug error. How should
I use it right?
Thank you.
[jQuery] JQuery list moving from Google to Zoho?
Hi all, Can someone confirm that this list is moving from Google to Zoho Discussions? With the recent spate of cyber attacks I try to confirm emails like the one I got over the weekend to register at Zoho. Thanks, Doug
[jQuery] Re: JQuery list moving from Google to Zoho?
yes, they've moved for a variety of reasons...the link provided in the email gave insight to the process. On Jan 20, 8:03 am, Knight, Doug dkni...@mitre.org wrote: Hi all, Can someone confirm that this list is moving from Google to Zoho Discussions? With the recent spate of cyber attacks I try to confirm emails like the one I got over the weekend to register at Zoho. Thanks, Doug
[jQuery] Re: class={title:'test'}
Here is the plugin
http://plugins.jquery.com/project/metadata
in your example of
div id=extruderLeft class={title:'test'}
var x = $(#extruderLeft).metadata().title;
console.log(x);
would show test in the Firebug console
On Jan 20, 4:34 am, fran23 f...@lavabit.com wrote:
I don't know how to handle
class={title:'test'}
it's out of the mb.extruder plugin
div id=extruderLeft class={title:'test'}
div class=content
div class=voice {} logo /div
div class=voice {panel:'... .php',data:''}
...
/div
/div
/div
normally I assign a class (i.e. class=abc) and set abc via CSS
.abc { ... }
but I don't know what to do with class={title:'test'}
May anybody give an explanation or link where I can learn about it?
thx
fran
--
View this message in
context:http://old.nabble.com/class%3D%22%7Btitle%3A%27test%27%7D-tp27238929s...
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Live function syntax
How should I use it right?
there doesn't seem to be anything wrong with your syntax (with the
.live part anyways, your usage of .val() has no impact on your
issue) got more code to show? are you using at least the 1.3.2
version of the library?
also take into account that id's on the page should be unique, your
code is assuming/looking-for multiple objects with id family... that
isn't 'good' practice... it may work yes, but as said, id's should be
unique on the page
On Jan 20, 7:12 am, Mircea i...@amsterdamsat.com wrote:
Hi,
I want to add a live event on a function.
My function is:
$(#family).click(function(){
$($(#tag).val()).css(font-family, $(#family).val());
});
I've tryed to add it like this:
$(#family).live(click, function(){
$($(#tag).val()).css(font-family, $(#family).val());
});
but I get a $(#family).live is not a function FireBug error. How
should I use it right?
Thank you.
Fwd: [jQuery] jquery iframe hide div
hello these days i am also working on same and trying to hide few of the div inside the iframe of some other domain. just wanted to know can you help me with the solution. Thanks
[jQuery] Saving state of page wig Jquery
i spent about several days trying to figure out hot to save state of
open forms.
In my web page I have a jquery treeview tool, when I click form is
loaded into the #form div.
$(document).ready(function(){
$('#treeview').click(function() {
$('#form').load('../forms/inputdata.php');
});
};
When i F5 - refresh page on browser div Form clears and treevew is set
to root.
I exepcteed treeview should stay open (on the node which i clicked)
and #form should have page loaded with inserted data ../forms/
inputdata.php
What should i do to treevew will stay open, page will stay in div and
data will be displayed on page?
thanks in advance
br,Dani
[jQuery] jQuery + select
This is a little baffling to me. I can get the selected value (val attribute) on an option element, but only by using the following method: var selectedId = $(#mySelectElement :selected).val(); This is great, but all the examples I have read simply do the following: var selectedId = $(#mySelectElement).val(); Supposedly this returns the value stored in the val attribute, but every time I try it it returns the text instead. Am I doing something wrong? Thanks for your help! Matt
[jQuery] saving state of page
spent about an hour trying to figure out why a form I was loading to
a web page was not updating.
In my web page I have a navigation button tool, when I click I want to
load a form into the #display div.
$(document).ready(function(){
.. a bunch of code.
$('#menu li.tool').click(function() {
$('#display #product').remove();
$('#menu li[device=device]').removeAttr('clicked');
$('#display').load('../forms/test_form_1.html');
});
.. remaining code
};
I call up the page and click the tool button and the form displays no
problem.
However, later I made changes to the form (test_form_1.html) and they
were not included, even after refreshing the page.
I even removed the html file and it still loads!
Apparently this file is saved in the cache, how do I make sure
everytime I click on the tool button I get the latest page?
Re: [jQuery] How to insert HTML in an iframe
This should do the trick:
$('#iframeId').contents().find('body').append('stuff');
On Tue, Jan 19, 2010 at 10:31 PM, pablo pablo00...@hotmail.com wrote:
Hi,
I need to insert HTML in an iframe. This works in IE but not in
Firefox:
$(this.iframe).append(phello/p);
What is the problem in Firefox?
Thank you very much.
[jQuery] Re: Selection broken in Firefox 3.5.7
The syntax is wrong, should be :checked.
On Jan 19, 10:31 pm, Jeff fnd...@gmail.com wrote:
Hi,
I have the following code to ensure at least one report checkbox is
checked on my page
if ($(input[type='checkbox'][checked]).size() == 0)
{
$(#error).css(color, red).text(Please select
at least one report.);
return false;
}
return true;
This worked fine in Firefox until I updated to Firefox 3.5.7. Now size
() always returns zero even if I have a checkbox selected. Why does
this no longer work? Is there a better way to write this code? Note
that I do not have easy access to the IDs of the checkbox controls
because they are dynamically created with ASP.Net.
Thanks.
Re: [jQuery] need help with simple jQuery problem
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-tp27228125s27240p27241857.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Validate jquery plugin problem
No error bat if i insert a valid captcha, show label error with '1'.
If i insert a fake captcha, show label error correctly.
The part of code is:
antispam_captcha: {
required: true,
remote: /metwit/comuni/action.php
},
Thanks.
On 19 Gen, 22:49, Nathan Klatt n8kl...@gmail.com wrote:
2010/1/19 Niagara keit...@libero.it:
My code with jQuery validation plug-in 1.5 work correctly, but with
the new version NO.
In what way does it not work? False positives? False negatives?
Console errors or silent refusal? Help us to help you. ;)
Nathan
Re: [jQuery] jQuery + select
On Wed, Jan 20, 2010 at 12:34 AM, Mateo matthew.kim...@gmail.com wrote: var selectedId = $(#mySelectElement).val(); Returns the value of the select element but you want the value of the selected option element under the select, hence: var selectedId = $(#mySelectElement :selected).val(); Nathan
[jQuery] Re: Live function syntax
Thanx Rick and Morning Z. I've change it and it works now. Thanx again
[jQuery] Bindind keydown function to a form - submit on keydown (value change)
Hi,
I am trying to make a form to run a function on keyup, keydown.
The markup is:
select id=family
option value=Georgia label=GeorgiaGeorgia/option
option value=Times New Roman label=Times New RomanTimes New
Roman/option
option value=HelveticaNeue-Light label=Helvetica Neue
LightHelvetica Neue Light/option
/select
I made a function that change the font-family on click:
script type=text/javascript
$(document).ready(function(){
$('#family').click(function() {
value = $(this).val();
$('.cica').css('font-family', value)
});
});
//capture the down key
$(#family).bind(keydown, function(e) {
if (e.keyCode == 40) {
value = $(this).val();
$('#family').css('font-family', value)
return false; //prevent default behavior
}
});
/script
I am trying to bind a keydown to this form so when I press Down key
the form change its value and execute the function - change the font-
family.
It looks that my bind keydown does nothing. What should I change here?
Thank you.
[jQuery] replaceWith bug in jQuery 1.4?
There appears to be a bug in the jQuery 1.4 implementation of replaceWith. If you try to replace an element with just plain text, jQuery removes the element altogether and does not swap in the text. It works fine if the text is surrounded by tags. For example: div id=foothis is some text/div Doing: $(#foo).replaceWith(hello world) will remove the div and anything inside it Doing: $(#foo).replaceWith(bhello world/b) works fine! As a workaround for the meantime, I am doing this: x = $(#foo).parent(); $(#foo).replaceWith(hackhello world/hack); x.html(x.html().replace(/[\/]*hack/g,'')); Any ideas? Is this a known bug already? Thanks! J
Re: [jQuery] replaceWith bug in jQuery 1.4?
On Wed, Jan 20, 2010 at 8:43 AM, teknoFX shmuel...@gmail.com wrote: There appears to be a bug in the jQuery 1.4 implementation of replaceWith. If you try to replace an element with just plain text, jQuery removes the element altogether and does not swap in the text. From the replaceWith documentation, emphasis mine: Replaces all matched elements with the specified HTML or DOM elements. This returns the JQuery element that was just replaced, *which has been removed from the DOM*. Nathan
Re: [jQuery] JQuery Trigger Event
Hi,
I will explain my use case here.
I am new to JQuery and I am currently working on listing Dynamic Tree list
by using JQuery column navigation plugin.
Please refer the following link to check the plugin demo page: (Note: The
demo is not a dynamic tree list)
http://source.polaris-digital.com/column-navigation/ (demo page)
http://plugins.jquery.com/project/column-navigation (got from here)
I am trying to create trees dynamically and need some help regarding this:
What I am doing is, I have the following files
_
1. PHP file (Initially Root drives will be listed here)
//Some part of code here.
script type=text/javascript
$(document).ready( function() {
$(#myTree).columnNavigation({
containerPosition:relative,
containerWidth:790px,
containerHeight:350px,
containerBackgroundColor:rgb(255,255,255),
columnWidth:250,
columnFontFamily:'Helvetica Neue', 'HelveticaNeue', Helvetica,
sans-serif,
columnFontSize:90%,
columnSeperatorStyle:1px solid rgb(220,220,220),
columnDeselectFontWeight:normal,
columnDeselectColor:rgb(50,50,50),
columnSelectFontWeight:normal,
columnSelectColor:rgb(255,255,255),
columnSelectBackgroundColor:rgb(27,115,213),
columnSelectBackgroundImage:url('styles/common/images/list-selected-background.jpg'),
columnSelectBackgroundRepeat:repeat-x,
columnSelectBackgroundPosition:top,
columnItemPadding:3px 3px 5px 3px,
columnScrollVelocity:200, callBackFunction
: function( obj ) {
alert( $(obj).attr(href) );
}
});
});
/script
//Here I list the root drives like below:
div id=myTree
ul
div
li id='someID'
a class=document id=someID onClick=javascript: Listsubdirs('C:/')
C:/ /a
/li
li id='someID'
a class=document id=someID onClick=javascript: Listsubdirs('D:/')
D:/ /a
/li
/div
/ul
/div
When the page load it will list the root drive and apply the styles of
'columnNavigation' when the document is ready.
_
2. In the Js file, I am using Ajax calls and get the subdireectories and
list those things.
//Some part of code. Using Ajax calls I get the sub directories for C:/ and
I will construct the html as below and append to the parent using the
parents ID.
//Construction (the following is the sample, and there could be some quotes
issue.. pls just ignore that.)
Listsubdirs(parent)
{
//AJAX send request
}
FunctionForAjaxResponse
{
var subtree = ul;
subtree = subtree + div;
subtree = subtree + li id='someID';
subtree = subtree + a class=document id=someID
onClick=javascript: Listsubdirs('C:/SubDir1') SubDir1 /a;
subtree = subtree + /li;
subtree = subtree + li id='someID';
subtree = subtree + a class=document id=someID
onClick=javascript: Listsubdirs('C:/SubDir2') SubDir2 /a;
subtree = subtree + /li;
subtree = subtree + /div;
subtree = subtree + /ul;
var parentelement = document.getElementById('ID of C:/ anchor');
parentelement.innerHTML = parentelement.innerHTML + subtree;
//When I do this, the html elements get correctly added. But the styles
of 'myTree' has not applied correctly. Hence I copied the columnNavigation
code here as below. After appending I put a function to call that code.
applyStyles();
//After this the styles are applied correctly. But it once again list the
root drives. I think since it apply the styles again. Not sure how to
automatically apply the styles. If I click on the C:/ drive again, it list
the subdirectories.
//To list the subdirectories, I trigger onclick event for parent drive
manually
$('parentID').click();
//Now it seems to list correctly. similarly for subdrives I trigger event
for the parents. (for eg, if I click C:/subdir1 then I trigger event for C:/
and then subdir1
}
function applyStyles() {
$(#myTree).columnNavigation({
containerPosition:relative,
containerWidth:790px,
containerHeight:350px,
containerBackgroundColor:rgb(255,255,255),
columnWidth:250,
columnFontFamily:'Helvetica Neue', 'HelveticaNeue', Helvetica,
sans-serif,
columnFontSize:90%,
columnSeperatorStyle:1px solid rgb(220,220,220),
columnDeselectFontWeight:normal,
columnDeselectColor:rgb(50,50,50),
columnSelectFontWeight:normal,
columnSelectColor:rgb(255,255,255),
columnSelectBackgroundColor:rgb(27,115,213),
columnSelectBackgroundImage:url('styles/common/images/list-selected-background.jpg'),
columnSelectBackgroundRepeat:repeat-x,
columnSelectBackgroundPosition:top,
Re: [jQuery] replaceWith bug in jQuery 1.4?
This is not a bug, if u want to replace data contained on the element, you
can use operator $(element).html('any html or text');
*Email: bobo...@gmail.com
ICQ: 382081663
Skype: evgeny_bobovik
Gk___*
Re: [jQuery] Possible jQuery 1.4 and jQuery UI 1.7.2 bug
As I know, for each new jquery version released new jquery ui version, find jquery ui 1.8... *Email: bobo...@gmail.com ICQ: 382081663 Skype: evgeny_bobovik Gk___ *
[jQuery] jQuery Corner Help
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 type=text/javascript src=scripts/jquery-svn.js/script
script type=text/javascript src=scripts/jquery.corner.js/
script
script type=text/javascript
$(document).ready(function()
{
$('.rounder').corner(round 45px);
});
/script
Re: [jQuery] Bindind keydown function to a form - submit on keydown (value change)
function setFamily() {
$('#family').css('font-family', $('#family :selected').val());
}
$().ready(function() {
setFamily();
$('#family').bind(change keypress, setFamily);
}
As a bonus, this will work if they press the first letter of the
option they're selecting - it's all good. :)
Nathan
[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?
Re: [jQuery] Call ajax on sucess response from a previous ajax
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 benho...@googlemail.com To: jQuery (English) jquery-en@googlegroups.com 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? inline: graycol.gifinline: ecblank.gif
[jQuery] Re: jQuery Corner Help
Hi
So you should have some thing like this for the div
div class=rounderdiv content/div
and something like this for the corner control.
script type=text/javascript
$(document).ready(function() {
$(.rounder).corner(45px);
});
/script
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 mcru...@yahoo.com 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 type=text/javascript src=scripts/jquery-svn.js/script
script type=text/javascript src=scripts/jquery.corner.js/
script
script type=text/javascript
$(document).ready(function()
{
$('.rounder').corner(round 45px);
});
/script
[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? option class=option value=Georgia label=GeorgiaGeorgia/ option option class=option value=Times New Roman label=Times New RomanTimes New Roman/option option class=option value=HelveticaNeue-Light label=Helvetica Neue LightHelvetica Neue Light/option I've tryed with the following and it does not work: $(.option).bind(change keypress, setFamily); $(option).bind(change keypress, setFamily);
Re: [jQuery] Re: Bindind keydown function to a form - submit on keydown (value change)
On Wed, Jan 20, 2010 at 11:20 AM, Mircea i...@amsterdamsat.com 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
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
[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 mjlaw...@us.ibm.com 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 benho...@googlemail.com
To: jQuery (English) jquery-en@googlegroups.com
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
[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] 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] 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] 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] 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 j...@twistedlogictechnology.com 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] 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
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.
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 benho...@googlemail.com
To: jQuery (English) jquery-en@googlegroups.com
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 mjlaw...@us.ibm.com 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 benho...@googlemail.com
To: jQuery (English) jquery-en@googlegroups.com
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
[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!
[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 adipa...@yahoo.com 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] 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-
script type='text/javascript'
$(document).ready(function() {
var The_Data = $(input
[id='ctl00_ContentPlaceHolder1_Calendar_Data']).attr(value);
$('#calendar').fullCalendar({
editable: true,
events: The_Data
});
});
/script
asp:TextBox ID=Calendar_Data runat=Server Width=300px
visible=False/asp:TextBox
div id=calendar style=width:700px;margin-left:130px;/div
--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] 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] 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 script type='text/ javascript' to the literal via the code behind, and it all output and parsed correctly. Not perfect, but effective.
[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:
ul class=sf-menu sf-vertical
li
# Menu1
/li
li class=red
#a Menu2
ul
li class=red
#aa Menu2-subitem1
/li
li class=red
#aa Menu2-subitem2
/li
/ul
/li
/ul
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.
