[jQuery] saving state of treeview and form data afteer refresh
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 #treview div.
$(document).ready(function(){
$(#treview).treeview({
url: category_async.php,
fileClick: function() {
id = $(this).attr(id);
$.get(categories.php?id= + id, {}, function
(data) {
$(#forms).html(data);
});
}
});
...
};
data repreesnt url page address i.e. forms/inputdata.php
When i F5 - refresh page on browser div #forms clears and div #treevew
is set
to root element.
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
#forms and
data will be displayed on page?
thanks in advance
br,Dani
Re: [jQuery] Abridged summary of jquery-en@googlegroups.com - 46 Messages in 26 Topics
Bonjour, je suis absent du 21 janvier au 8 février. En cas d'urgence veuillez téléphoner à l'agence au 04.92.45.18.05. Merci et à bientôt ! Thierry Raoux
[jQuery] had the same issue. Fixed
This is fix with the latest release of the UI http://jquery-ui.googlecode.com/files/jquery-ui-1.8b1.zip
Re: [jQuery] Jquery and Dynamic assignment
On Wed, Jan 20, 2010 at 2:54 AM, West415 malik.robin...@gmail.com wrote:
My question is how can I use jquery to assign click handlers without having
to do this:
cfloop from=1 to=5 index=i
button id=create-user_#i# click=createUser(#user_id#)Create
User/button
button id=create-user_#i# click=createUser(#user_id#)Create
User/button
/cfloop
Should be able to make something like this work:
$(button.createUserLink).click(function() {
createUser(this.id);
});
Nathan
Re: [jQuery] saving state of treeview and form data afteer refresh
Try creating an unload event handler that goes through your forms and writes
the data therein to a cookie. Same thing with the state of the tree. Then
write an onload event handler that looks for the cookies, and if found,
populates the form elements and the tree state.
If that doesn't work, then you are going to have to add events to all of the
form elements that allow the cookie data to be saved as you go.
But... why are you pressing F5 in the first place?
On Thu, Jan 21, 2010 at 1:32 AM, Danijel danijel.vuko...@gmail.com wrote:
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 #treview div.
$(document).ready(function(){
$(#treview).treeview({
url: category_async.php,
fileClick: function() {
id = $(this).attr(id);
$.get(categories.php?id= + id, {}, function
(data) {
$(#forms).html(data);
});
}
});
...
};
data repreesnt url page address i.e. forms/inputdata.php
When i F5 - refresh page on browser div #forms clears and div #treevew
is set
to root element.
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
#forms and
data will be displayed on page?
thanks in advance
br,Dani
--
John Arrowwood
John (at) Irie (dash) Inc (dot) com
John (at) Arrowwood Photography (dot) com
John (at) Hanlons Razor (dot) com
--
http://www.irie-inc.com/
http://arrowwood.blogspot.com/
Re: [jQuery] JQuery Trigger Event
Hi,
Further to my previous email, In my Apache configuration file (httpd.conf),
I set
Header set X-UA-Compatible IE=8
And it seems, in IE8 its working fine. But it still seems not working in
IE7/IE6.
I have tried to add,
Header set X-UA-Compatible IE=7
Header set X-UA-Compatible IE=5
Header set X-UA-Compatible IE=EmulateIE7
but no luck.
Could any one update me, how to fix it. and make it working on IE7/IE6.
Awaiting for your reply.
Thanks.
On Wed, Jan 20, 2010 at 8:55 PM, Asharudeen asharud...@gmail.com wrote:
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,
[jQuery] Re: FastFlip like plugin
On Jan 20, 9:47 pm, Richard richar...@gmail.com wrote: do you know of a JQuery plugin that supports rapidly skimming through an image set like Google's FastFlip? For demo seehttp://fastflip.googlelabs.com/ Do you mean something more than the various carousel plug-ins? http://www.google.com/search?q=jquery+carousel -- Scott
Re: [jQuery] JQuery Trigger Event
Hi,
Further to my previous email, In my Apache configuration file (httpd.conf),
I set
Header set X-UA-Compatible IE=8
And it seems, in IE8 its working fine. But it still seems not working in
IE7/IE6.
I have tried to add,
Header set X-UA-Compatible IE=7
Header set X-UA-Compatible IE=5
Header set X-UA-Compatible IE=EmulateIE7
but no luck.
Could any one update me, how to fix it. and make it working on IE7/IE6.
Awaiting for your reply.
Thanks.
Note: Initially, this email is failed, hence I resend it.. If you receive it
previously, sorry for that.
On Wed, Jan 20, 2010 at 8:55 PM, Asharudeen asharud...@gmail.com wrote:
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({
[jQuery] Odd behaviour onChange event
I'm currently facing a weird issue with the onchange event. I have an
web application where each blur event makes a call the webserver to
store the value of the textfield. I only want to trigger that ajax
call when something has changed, so i track the onchange event on each
textfield to set a flag if something has changed.
The onchange event always fires to first time when i click outside of
a textfield even if i didn;t change anything in the field.
I narrowed it down to the following: A prefilled textfield always
fires the onchange event the first time you leave the textfield. An
initially empty textfield does not fire the onchange event.
Does anybody has any idea why this happens?
Thanks for the help.
Sample code (IE 8 on Windows 7 computer):
script:
$('input[type=text]').each(function() {
$(this).blur(onBlur);
$(this).change(onChange);
});
HTML:
input type=text id=ctrlName class=ui-widget-content small
value=abc / -- This field fires onchange even nothing has changed
input type=text id=ctrlLength class=ui-widget-content small
value= / -- this field does not fire the onchange event as
expected.
[jQuery] Re: Form submit success method not being called
Oh, finally I found the original thread.
I have exactly the same problem and tried everything the last 3 days
and no positive result.
So I hope somebody could help us out here.
I already validated my json response and reduced the source to a
minimum checkout where the problem could be...
--
{content:form method=\post\ action=\content\/users\/avatar\ id=
\anothername\ enctype=\multipart\/form-data\\n\tinput type=\file
\ name=\avatar\ \/\n\tinput type=\submit\ value=\make this\ \/
\n\/form1}
--
So I think it's valid... but when I change the echo after first page
load and write
{test:hello world}
and submit the form,.. my success callback fires!
This makes me feel a bit stupid.
Anyone who could help?
Thank you!
On Jan 6, 6:53 pm, Scott Brady dsbr...@gmail.com wrote:
Thanks! I'll try that.
I have an idea what it might be, but that code is at home. I think I
might not be getting rid of the prefix ColdFusion adds to json
responses -- I'll have to see if there's a preprocessing directive
likejquery'sbuilt in ajax calls have.
Scott
On Wed, Jan 6, 2010 at 9:08 AM, Mike Alsup mal...@gmail.com wrote:
What you have there should be working. Perhaps the json response is
not properly formatting. Try adding an error callback, or using the
global ajaxError hook, and see if that's the problem.
Mike
On Jan 5, 8:20 pm, Scott Brady dsbr...@gmail.com wrote:
I'm having an issue using thejqueryformplug-in. Theformgets
submitted just fine (I can see the response in Firebug). However, it
looks like mysuccesscallback method isn't being called.
Here's the basic JS code for theformsubmit in the document.ready
section.:
// Addformbinding
var addOptions =
{
dataType: 'json',
resetForm: true,
success: processAdd
};
$(#addForm).ajaxForm(addOptions);
And, here's the callback function:
function processAdd(responseData, statusText)
{
alert(responseData);
}
I've tried changing thesuccessbe an inline function declaration
(success: function(responseText){ ... etc) but that didn't change it.
Would using ajaxSubmit() rather than ajaxForm() work better? Or, is
there something I'm actually doing wrong that you can see?
--
-
Scott Brady
--
-
Scott Bradyhttp://www.scottbrady.net/
[jQuery] Putting a table inside a HTML drop down select box
is there any way to put table inside a HTML drop down select box -- View this message in context: http://old.nabble.com/Putting-a-table-inside-a-HTML-drop-down-select-box-tp27262269s27240p27262269.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: [jQuery] Putting a table inside a HTML drop down select box
On Thu, Jan 21, 2010 at 12:16 PM, fachhoch fachh...@gmail.com wrote: is there any way to put table inside a HTML drop down select box If you were to carpet Florida, how long would it take to vacuum? Err, what I meant to say is, why would you want to do that? What functionality are you hoping for? Nathan
[jQuery] Re: jQuery 1.4 upgrade + env.rhino.js + blue-ridge
Thanks. I have posted to blue-ridge and and env.js for more input. I'll checkout the SpiderMonkey port as well.
[jQuery] Anyone can build me a jquery carousel?
Need help... Really busy and limited on time. I need a simple jquery carousel with 4 to 5 images. All artwork is done I'll give you the dimensions and images and my CSS tags. Email me please. Erik
[jQuery] Re: saving state of treeview and form data afteer refresh
I said F5 because i have problem wiht pressing button on loaded form
in div #forms, this form is search form, when i click button Show
data in next div #data i display data with pagging, but i do not use
jquery paging, bucause i need different showing items ( description
and picture) and when i click on page 2 page is set to default
values #treview is set to root, #forms is clean, #data dvi is empty.
on search form
$(#btnsearch).click(function() {
$.post(Advert/pagingAdvert.php,
$(#searchEstate).serialize(),
function(data){
$(#result1).html(data.description);
}, json);
return false;
});
with result false i disabled reloading page. but when i click on
page where i used :
a href=?pg=2 linkindex=952/a
page is refreshed and all data and froms are set to default values. I
do not have idea hot save state of page.
can you help maybe with some example, i programming in php in jquery 1
month and web pages.
br,Dani
On 21 jan., 15:53, John Arrowwood jarro...@gmail.com wrote:
Try creating an unload event handler that goes through your forms and writes
the data therein to a cookie. Same thing with the state of the tree. Then
write an onload event handler that looks for the cookies, and if found,
populates the form elements and the tree state.
If that doesn't work, then you are going to have to add events to all of the
form elements that allow the cookie data to be saved as you go.
But... why are you pressing F5 in the first place?
On Thu, Jan 21, 2010 at 1:32 AM, Danijel danijel.vuko...@gmail.com wrote:
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 #treview div.
$(document).ready(function(){
$(#treview).treeview({
url: category_async.php,
fileClick: function() {
id = $(this).attr(id);
$.get(categories.php?id= + id, {}, function
(data) {
$(#forms).html(data);
});
}
});
...
};
data repreesnt url page address i.e. forms/inputdata.php
When i F5 - refresh page on browser div #forms clears and div #treevew
is set
to root element.
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
#forms and
data will be displayed on page?
thanks in advance
br,Dani
--
John Arrowwood
John (at) Irie (dash) Inc (dot) com
John (at) Arrowwood Photography (dot) com
John (at) Hanlons Razor (dot) com
--http://www.irie-inc.com/http://arrowwood.blogspot.com/
Re: [jQuery] class={title:'test'}
Hiho!
I believe that you are trying to add some CSS settings directly on the tag
definition, instead of assigning a class to it.
If I got it right, you should use the tag parameter *style*, instead of
class.
div id=extruderLeft style={title:'test'}
div class=content
div class=voice {} logo /div
div class=voice {panel:'... .php',data:''}
...
/div
/div
/div
2010/1/20 fran23 f...@lavabit.com
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] Re: saving state of treeview and form data afteer refresh
So if I understand correctly, you are trying to make the page links work in
a search results page?
So let's pretend it is Google. You have a search form at the top, so you
can search again, and you have some search results, and you have a series of
links that represent which page in the search results you want to see.
Assuming that is the set up, there are many ways to do this, but the
simplest way I can think of is this:
You have your initial search form.
Add a hidden form field, call it 'viewPage' and initially set the value to
'1'.
When the user clicks Search, the PHP script gets the message that it is
supposed to display page 1 of the results.
It generates the results page, like you are used to.
In that result page is the search form, again, including the viewPage hidden
field.
The default value of the search form is the value that was passed in to the
script that generated the page. That part is done in PHP, not in
Javascript.
Same with the viewPage hidden value.
Now, the page links invoke JavaScript which modifies the viewPage variable,
and then submits the form.
Then, when a link is clicked, the user sends the search string back to the
server, along with the 'viewPage' parameter.
Your server-side script looks at it, sees that you want page 2, for example,
and generates the appropriate result.
WARNING: If you modify the search term, and then click a page link, it may
not do exactly what the user expected. If you don't want it to behave that
way, you will need to save the original search term, and submit that.
Now, if you are trying to do this all dynamically, and trying to avoid any
page reloads, then modify the page number links so that the click event
returns false. Then, the page will not reload, and you won't lose the form
contents.
On Thu, Jan 21, 2010 at 12:29 PM, Danijel danijel.vuko...@gmail.com wrote:
I said F5 because i have problem wiht pressing button on loaded form
in div #forms, this form is search form, when i click button Show
data in next div #data i display data with pagging, but i do not use
jquery paging, bucause i need different showing items ( description
and picture) and when i click on page 2 page is set to default
values #treview is set to root, #forms is clean, #data dvi is empty.
on search form
$(#btnsearch).click(function() {
$.post(Advert/pagingAdvert.php,
$(#searchEstate).serialize(),
function(data){
$(#result1).html(data.description);
}, json);
return false;
});
with result false i disabled reloading page. but when i click on
page where i used :
a href=?pg=2 linkindex=952/a
page is refreshed and all data and froms are set to default values. I
do not have idea hot save state of page.
can you help maybe with some example, i programming in php in jquery 1
month and web pages.
br,Dani
On 21 jan., 15:53, John Arrowwood jarro...@gmail.com wrote:
Try creating an unload event handler that goes through your forms and
writes
the data therein to a cookie. Same thing with the state of the tree.
Then
write an onload event handler that looks for the cookies, and if found,
populates the form elements and the tree state.
If that doesn't work, then you are going to have to add events to all of
the
form elements that allow the cookie data to be saved as you go.
But... why are you pressing F5 in the first place?
On Thu, Jan 21, 2010 at 1:32 AM, Danijel danijel.vuko...@gmail.com
wrote:
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 #treview div.
$(document).ready(function(){
$(#treview).treeview({
url: category_async.php,
fileClick: function() {
id = $(this).attr(id);
$.get(categories.php?id= + id, {}, function
(data) {
$(#forms).html(data);
});
}
});
...
};
data repreesnt url page address i.e. forms/inputdata.php
When i F5 - refresh page on browser div #forms clears and div #treevew
is set
to root element.
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
#forms and
data will be displayed on page?
thanks in advance
br,Dani
--
John Arrowwood
John (at) Irie (dash) Inc (dot) com
John (at) Arrowwood Photography (dot) com
John (at) Hanlons Razor (dot) com
--http://www.irie-inc.com/http://arrowwood.blogspot.com/
--
John Arrowwood
John (at) Irie (dash) Inc (dot) com
John (at) Arrowwood Photography (dot) com
John (at) Hanlons Razor (dot) com
--
[jQuery] Re: class={title:'test'}
No, you don't have it right, it's the MetaData plugin in use :-)
http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-extruder/
one of the dependencies listed is jquery.metaData.js
On Jan 21, 3:46 pm, Bruno Santos bit...@gmail.com wrote:
Hiho!
I believe that you are trying to add some CSS settings directly on the tag
definition, instead of assigning a class to it.
If I got it right, you should use the tag parameter *style*, instead of
class.
div id=extruderLeft style={title:'test'}
div class=content
div class=voice {} logo /div
div class=voice {panel:'... .php',data:''}
...
/div
/div
/div
2010/1/20 fran23 f...@lavabit.com
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: Call ajax on sucess response from a previous ajax
On Jan 20, 11:45 am, Bonji benho...@googlemail.com wrote: 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. This technique works for me. http://scott.sauyet.com/Javascript/Demo/2010-01-21a/ I have a nested AJAX call, and it seems to work just fine. The AJAX'd pages are trivial for my test: http://scott.sauyet.com/Javascript/Demo/2010-01-21a/verify.phps http://scott.sauyet.com/Javascript/Demo/2010-01-21a/info.phps Is there a way of queuing $.ajax functions so they fire on after another? Do you have the ability to post a full sample somewhere? That is, one with actual working AJAX calls and a broken attempt to nest them? It might be more helpful than the code sample posted here. (It would be nice if it were quite minimal too.) Cheers, -- Scott
[jQuery] UI slider execute function on change or slide
Hi,
I want to make the UI slider to set a font-size to a .cica class. The
setfontsize variable works but I can not succeed to make the slider
change the value on slide.
Here is the function
$('#sizer').slider({
slide: function(event, ui) {
var setfontsize = $('#sizer:selected').text();
$('.cica').css(font-size, setfontsize + px);
}
Here is the markup
form action=#
!-- Slider --
fieldset
select name=speed id=speed
option value=1010/option
option value=1515/option
option value=21
selected=selected21/option
option value=3030/option
option value=4040/option
/select
/fieldset
/form
Thank you.
[jQuery] Re: UI slider execute function on change or slide
You have
$('#sizer').
but no object with the id of size in your markup where is the
slider at?
On Jan 21, 4:20 pm, Mircea i...@amsterdamsat.com wrote:
Hi,
I want to make the UI slider to set a font-size to a .cica class. The
setfontsize variable works but I can not succeed to make the slider
change the value on slide.
Here is the function
$('#sizer').slider({
slide: function(event, ui) {
var setfontsize = $('#sizer:selected').text();
$('.cica').css(font-size, setfontsize + px);
}
Here is the markup
form action=#
!-- Slider --
fieldset
select name=speed id=speed
option value=1010/option
option value=1515/option
option value=21
selected=selected21/option
option value=3030/option
option value=4040/option
/select
/fieldset
/form
Thank you.
[jQuery] Re: UI slider execute function on change or slide
Oh, sorry is select name=sizer id=speed it is fieldset select name=sizer id=speed option value=1010/option option value=1515/option option value=21 selected=selected21/option option value=3030/option option value=4040/option /select /fieldset It was a typo, the code does not work with sizer or the speed typo.
[jQuery] Re: UI slider execute function on change or slide
you should look at the demos http://jqueryui.com/demos/slider/ the .slider() call is supposed to be on a div and in turn the events of that slider div set the value on your form field and even if select name=sizer id=speed is correct, then the jQuery selector of $(#slider) won't get that object On Jan 21, 4:48 pm, Mircea i...@amsterdamsat.com wrote: Oh, sorry is select name=sizer id=speed it is fieldset select name=sizer id=speed option value=1010/option option value=1515/option option value=21 selected=selected21/option option value=3030/option option value=4040/option /select /fieldset It was a typo, the code does not work with sizer or the speed typo.
[jQuery] Re: UI slider execute function on change or slide
I've changed my markup to:
div id=ariaslider
form action=#
!-- Slider --
fieldset
select name=sizer id=speed
option value=1010/option
option value=2020/option
option value=21
selected=selected21/option
option value=3030/option
option value=4040/option
/select
/fieldset
/form
/div
and code to:
script type=text/javascript
$(function(){
//demo 1
var abc = $('select#sizer').selectToUISlider().next();
var setfontsize = $('#sizer :selected').text();
$('#ariaslider').slider({change: function(event, ui) {
$('.cica').css(font-size, setfontsize +
px);}
});
$('#ariaslider').bind('slidechange', function(event,
ui) {
$('.cica').css(font-size, setfontsize + px);
});
});
/script
I am not quite sure of what it does, I am trying to get more info on
how bind works... It now change the first size and then it blocks.
Thank you for your help.
[jQuery] Re: UI slider execute function on change or slide
Ick, no
follow the example on the link above the slider gets attached to
an *empty* div... you're applying it to a div that contains everything
else
that link above shows the right syntax, and definitely works
follow that and you should be all straight
On Jan 21, 5:20 pm, Mircea i...@amsterdamsat.com wrote:
I've changed my markup to:
div id=ariaslider
form action=#
!-- Slider --
fieldset
select name=sizer id=speed
option value=1010/option
option value=2020/option
option value=21
selected=selected21/option
option value=3030/option
option value=4040/option
/select
/fieldset
/form
/div
and code to:
script type=text/javascript
$(function(){
//demo 1
var abc = $('select#sizer').selectToUISlider().next();
var setfontsize = $('#sizer :selected').text();
$('#ariaslider').slider({change: function(event, ui) {
$('.cica').css(font-size, setfontsize +
px);}});
$('#ariaslider').bind('slidechange', function(event,
ui) {
$('.cica').css(font-size, setfontsize +
px);
});
});
/script
I am not quite sure of what it does, I am trying to get more info on
how bind works... It now change the first size and then it blocks.
Thank you for your help.
[jQuery] Re: UI slider execute function on change or slide
Also to note
i don't think you can have values like you have in your select by
changed by a slider...
10,20, 21, 30, 40
how is someone supposed to choose 21? if the slider increment was
set for increments of 10, then 10, 20, 30 and 40 are taken care of if
the slider is setup properly... but if you set the increment to 1 so
you could go from 20 to 21, then you create major issues because you
don't have values for 11, 12, 13, 32, 38, etc etc
Take a step back:
Exactly what are you trying to accomplish? You want your user to use
the slider to:
- select a value between 10 to 40?
- select a value from the choices of 10, 20, 30, 40?
- something else?
On Jan 21, 5:20 pm, Mircea i...@amsterdamsat.com wrote:
I've changed my markup to:
div id=ariaslider
form action=#
!-- Slider --
fieldset
select name=sizer id=speed
option value=1010/option
option value=2020/option
option value=21
selected=selected21/option
option value=3030/option
option value=4040/option
/select
/fieldset
/form
/div
and code to:
script type=text/javascript
$(function(){
//demo 1
var abc = $('select#sizer').selectToUISlider().next();
var setfontsize = $('#sizer :selected').text();
$('#ariaslider').slider({change: function(event, ui) {
$('.cica').css(font-size, setfontsize +
px);}});
$('#ariaslider').bind('slidechange', function(event,
ui) {
$('.cica').css(font-size, setfontsize +
px);
});
});
/script
I am not quite sure of what it does, I am trying to get more info on
how bind works... It now change the first size and then it blocks.
Thank you for your help.
[jQuery] Re: UI slider execute function on change or slide
I am using the ARIA Slider from
http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/
I will change the values to 10, 20, 30, 40...
When an user selects a value with the slider the font-size will
increase or decrease accordingly. I managed to get the current
selection of the slider in a variable, I want now to pass it to a CSS
function:
My variable is:
var setfontsize = $('#sizer :selected').text();
the css function is
$('.cica').css(font-size, setfontsize + px);
In the original ARIA Slider I had changed #speed with #sizer.
Thanx for your help!
Re: [jQuery] New Forums
My apologies to the list managers. I did not mean to belittle their efforts in any way. I only meant to state that for me, personally, forums are not the preferred tool. I am involved in a number of organizations where the main mantra is the concept of a do-aucracy. If you think it should be done a particular way, do it. For this list, this means that the list managers have DONE it, and so they get to make the rules. I don't pretend to know all the considerations that went into the choices that were made. But, I find it unacceptable that I have to give my contact information to zoho.com so that I can use a forum on jquery.com. (as suggested by Andre in a different posting on this thread). For some reason it is deemed ok for our account info (and everything related to it) to be accessible by absolute anyone. Whether it is a FaceBook account, a GMail account, etc. I have put the brakes on for this trend and refuse to give my information away to third party sites that have nothing to do with what I'm trying to do. No offense intended to the zoho gang, as I do not know them or their intentions/purposes. But I'll just say no. My thoughts. Shawn Shawn wrote: I received this email as well. I don't know if it is legitimate or not tough. Nor do I care. Web based forums DO NOT WORK for my needs. I cannot do a quick scan of topics in a forum without first opening a browser and going to that forum. Whereas with an email list, I scan my email frequently during the day as part of my usual routine. So, if the mailing list is to disappear, I for one will not spend t much effort trying to replace it with a web forum. I can always use the IRC channel when I need assistance. To be fair though, I can see why there would be a desire to shift away from Google Groups. I will likely take a look at the forum to see what's what, but doubt it fill my needs. Still, there are other alternatives than a web forum (i.e. mailman). My thoughts. Shawn Matt Quackenbush wrote: Hello, I received an email inviting me to join the new jQuery forums. It contained a username and password for me to use. However, when I try to login, I am told that my email address has not been confirmed and therefore cannot do so. A link to a help page is given whereby I can allegedly have a confirmation email sent by following a list of instructions. Interestingly enough, the very first step given in the instructions is to login. I thought that perhaps I would be able to do so at the link given, but alas an attempt to login there results in the exact same message and help link being presented. Any suggestions on how to actually login/activate would be appreciated. :-)
Re: [jQuery] New Forums
Well stated, Shawn. I wholeheartedly concur.
Re: [jQuery] New Forums
On Thu, Jan 21, 2010 at 7:28 PM, Shawn sgro...@open2space.com wrote: My apologies to the list managers. I did not mean to belittle their efforts in any way. I only meant to state that for me, personally, forums are not the preferred tool. I am involved in a number of organizations where the main mantra is the concept of a do-aucracy. If you think it should be done a particular way, do it. For this list, this means that the list managers have DONE it, and so they get to make the rules. I don't pretend to know all the considerations that went into the choices that were made. But, I find it unacceptable that I have to give my contact information to zoho.com so that I can use a forum on jquery.com. (as suggested by Andre in a different posting on this thread). For some reason it is deemed ok for our account info (and everything related to it) to be accessible by absolute anyone. Whether it is a FaceBook account, a GMail account, etc. I have put the brakes on for this trend and refuse to give my information away to third party sites that have nothing to do with what I'm trying to do. No offense intended to the zoho gang, as I do not know them or their intentions/purposes. But I'll just say no. My thoughts. My thoughts, also. FWIW, I'm pretty sure the decision to drop Google Groups is due to John Ressig's account being spoofed by spammers. It's happened to me, also. That, too, is unacceptable. I vote for Mailman, or some other well-established list software. I won't register with zoho, either.
Re: [jQuery] New Forums
A little quibble I'd like to add is that, as a plugin developer who has been relying on filtering incoming emails to support the plugins, now I have no way to easily do so, since the forums can't email me everything that's happening. I think a workaround is being instated, but I'm not sure. I've also tried to reset my pw at the forums two times and each time it emails me the password confirm link and takes me right back to the beginning, so I have no idea how to actually confirm my registration. Ug? - Jack Matt Quackenbush wrote: Well stated, Shawn. I wholeheartedly concur.
[jQuery] $get request
Hello, I am trying to teach myself how to use this. I write this request
today at work and it worked fine. I copied the same files to my home PC and
I am taking a script error when calling out to get the XML. I have done
everything I can think of. I changed my internet options to allow active
content to run. I am getting the first alert but not the 2nd. When i past
the URL in, I am getting the XML back. I'm sort of a beginner so I could use
some help. It worked on my work PC. BTW i just downloaded jquery-1.4.min so
i do have this file in the same folder.
Another question. What is the difference between AJAX and JQUERY? Are they
the same thing? Do they work together? Im confused about that.
function populateRoute(){
alert (calling populate route);
$.get(
http://webservices.nextbus.com/service/publicXMLFeed?command=routeLista=mbta;,
function(data) {
alert(Data Loaded: + data);
parseXMLRoute(data);
},
xml
);
}
--
View this message in context:
http://old.nabble.com/%24get-request-tp27266455s27240p27266455.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Re: [jQuery] Superfish - Only works on home page, not site Pages
are you using abslolute or relative url's for source files? if relative probably have to switch to absolute initialsbr wrote: 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] Superfish - Different colors for each menu column
if you need a different background for each class hover likely have to
build a series like following
.sf-menu li.green:hover, .sf-menu li.green.sfHover,
.sf-menu li.green a:focus, .sf-menu li.green a:hover, .sf-menu li.green a:active {
background: #CFDEFF;
outline: 0;
}
PTwatch wrote:
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
[jQuery] Help with Column Navigation plugin (list page by selecting a element with particular ID)
Hi, By using CloumnNavigation plugin ( http://plugins.jquery.com/project/column-navigation), Currently to list the tree list, we need to give the html in the following format, http://plugins.jquery.com/node/ html body ul id=myTree li a href=./Homepage/a ul lia href=./contactContact/a/li lia href=./tsandcsTerms amp; Conditions/a/li lia href=./privacyPrivacy information/a/li /ul /li li a href=./contentsContents/a ul lia href=./page1/Page 1/a/li lia href=./page2/Page 2/a ul lia href=./page2.1/Page 2.1/a/li lia href=./page2.2/Page 2.2/a/li /ul /li lia href=./page3/Page 3/a/li /ul /li /ul /body /html Initially this code will list the 'Home' and 'Contents'. If we click on the particular element it will list the sub elements. Assume, if the li element and anchor element have unique IDs. Is there a way list by using their IDs. That is if the anchor id for 'Contact' is 'ancID1' and li id is 'idofLi1' then is there a way to list the page as the 'Contact' is selected.. such that the sub elements of 'Contacts' also will be list in page. Is there any way to do it. Thanks in Advance.
Re: [jQuery] class={title:'test'}
clarification done, thx to all of you ... :-) -- View this message in context: http://old.nabble.com/class%3D%22%7Btitle%3A%27test%27%7D-tp27238929s27240p27269576.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
