[jQuery] Colorcoding textarea UBB tags
Does anybody know of a jquery plugin that is able to colorcode tags in a textarea? So, if you have this is [b]bold[/b], then [b] and [/b] would be colored red, for instance coloring must happen realtime. Any help would be greatly appreciated!
[jQuery] Re: jQuery and $.post with PHP and $_POST
Sorry, typing too fast, reading too little.
Two things are needed:
* $.post needs a callback function so you can get at what is returned.
* the submit handler needs a "return false;" so the browser won't
continue with the normal submit process.
Karl Rudd
On Wed, Dec 24, 2008 at 11:54 PM, Brett Alton wrote:
>
> Isn't that what $.post is for though?
>
> $("form#test").bind('submit',(function(){
>$.post("editcustommenu-new.php",{
>menu_bg_colour_selector: $('#menu_bg_colour_selector').val()
>});*/
>alert('form submitted');
> });
>
> Isn't that supposed to pass 'menu_bg_colour_selector' to $_POST? Or am
> I mixing something up...
>
> My alert seems to work, but the $.post function doesn't seem to pass
> anything to my PHP code.
>
> On Dec 24, 7:40 am, "Karl Rudd" wrote:
>> Unless a submit button is explicitly pressed it's value won't be sent.
>> So in the case given, since there are no other form elements, nothing
>> with be posted to the server.
>>
>> Karl Rudd
>>
>> On Wed, Dec 24, 2008 at 11:36 PM, Brett Alton
>> wrote:
>>
>> > How do I get PHP to print JavaScript variables via $_POST? jQuery's
>> > $.post doesn't seem to be submitting any data.
>>
>> > This is a sample of what I have...
>>
>> > test.php:
>> > --
>> > > >echo '';
>> >print_r($_POST);
>> >echo '> > ?>
>> >
>> >
>> >
>> > --
>>
>> > jquery.js:
>> > --
>> > $(document).ready(function()
>> > {
>> >$("form#test").bind('submit',(function(){
>> >$.post("test.php",{
>> >// no matter what I put in here, nothing shows up
>> > in test.php
>> >});
>> >});
>> > });
>> > --
>>
>> > I've also tried:
>>
>> > $("form#test").submit(function(){
>>
>> > instead of bind...
[jQuery] Re: jQuery and $.post with PHP and $_POST
Sorry I misread your first post.
No matter what you put in the form nothing will be sent because $.post
doesn't "send" a form. You have to explicitly supply it with a JSON
type array/object of values to send.
You may want to check out the Form plugin:
http://www.malsup.com/jquery/form/
If you prefer DIY then take a look at:
http://docs.jquery.com/Ajax/serializeArray
There are also a number of tutorials out there, such as:
http://trevordavis.net/blog/tutorial/ajax-forms-with-jquery/
http://www.sitepoint.com/article/ajax-jquery/3/
Karl Rudd
On Wed, Dec 24, 2008 at 11:54 PM, Brett Alton wrote:
>
> Isn't that what $.post is for though?
>
> $("form#test").bind('submit',(function(){
>$.post("editcustommenu-new.php",{
>menu_bg_colour_selector: $('#menu_bg_colour_selector').val()
>});*/
>alert('form submitted');
> });
>
> Isn't that supposed to pass 'menu_bg_colour_selector' to $_POST? Or am
> I mixing something up...
>
> My alert seems to work, but the $.post function doesn't seem to pass
> anything to my PHP code.
>
> On Dec 24, 7:40 am, "Karl Rudd" wrote:
>> Unless a submit button is explicitly pressed it's value won't be sent.
>> So in the case given, since there are no other form elements, nothing
>> with be posted to the server.
>>
>> Karl Rudd
>>
>> On Wed, Dec 24, 2008 at 11:36 PM, Brett Alton
>> wrote:
>>
>> > How do I get PHP to print JavaScript variables via $_POST? jQuery's
>> > $.post doesn't seem to be submitting any data.
>>
>> > This is a sample of what I have...
>>
>> > test.php:
>> > --
>> > > >echo '';
>> >print_r($_POST);
>> >echo '> > ?>
>> >
>> >
>> >
>> > --
>>
>> > jquery.js:
>> > --
>> > $(document).ready(function()
>> > {
>> >$("form#test").bind('submit',(function(){
>> >$.post("test.php",{
>> >// no matter what I put in here, nothing shows up
>> > in test.php
>> >});
>> >});
>> > });
>> > --
>>
>> > I've also tried:
>>
>> > $("form#test").submit(function(){
>>
>> > instead of bind...
[jQuery] jQuery help
I'm trying to change the border color of an image using it's id with
jquery
( photo['id'] is passed in from a previous function )
the id's of the photos are of the form 'photo239839'
$('#photo'+photo['id']+'').click(function(){
$('#photo'+photo['id']+'').css('border-color','#777');
});
When i try to use this same code using it's class it works,
but i can't use this method since there are multiple images on the
same
page with the same class
$('img.flickr_photo').click(function(){
$("this.flickr_photo").css('border-color','#777');
});
Please help, i'm a bit of a jQuery newb.
Thanks!
[jQuery] Re: Serial Scroll, animated images look jagged
I suppose the browser can't redraw properly. You can try tuning up the settings (duration,easing). Also.. maybe changing the styling a bit. It's not a serialScroll issue per se.. the plugin simply animates the scrollLeft property using jQuery. So that should happen even if you use plain jQuery code. Cheers -- Ariel Flesler http://flesler.blogspot.com/ On Dec 23, 2:44 pm, jen wrote: > Bump. > > I've tried researching this, and the only thing I found is an old > issue about left to right being switched to right to left and > therefore something in parallel needs to scale then scroll... but I > can't find anything in the code that does this. > > Does anyone have any ideas on why the images in this slider fragment > when they move? > > Thanks in advance! > > On Dec 22, 12:23 pm, jen wrote: > > > Bump. > > > Does anyone have any ideas why the images seem to fragment? > > > On Dec 19, 3:24 pm, jen wrote: > > > >http://www.louriecutler.com.ws019.alentus.com/people/slider.php > > > > What am I doing wrong, that the images slide across looking so jagged? > > > > Thanks! > >
[jQuery] jqgrid: Expand single/all rows when subgrid is on
Hi. First, it is a wonderful and very useful plugin that saved me lots of time! Thank you, Tony! Second, i couldn't find a way to expand a single row using a jqgrid method. Or maybe there is a undocumented feature that can expand/ collapse all the visible rows, that would be perfect! Anyway, I'm looking for a way to expand a row not just by clicking on the plus icon, but using a piece of code that can be attached to a button or any object outside the grid. Thanks in advance.
[jQuery] Having trouble getting nonmodal popup to work.
Hello all, I've made a form that has its own color picker on it (I would have used a prebuilt one, but I couldn't find any with a custom set of colors). Anyway, the colors are arranged in images in table cells in a div (for the moment). When the user clicks on a button, I am calling a function that grabs the div, sets its left to $(this).left and its top to $(this).bottom and then calls animate on it to slowly display it. However, for some reason, it is still popping up where it is in the page layout, instead of the position I gave it. I want to move it so that it pops up off the button that is clicked. I know the answer has to be easy (and probably obvious to anybody that hasn't been looking at this batch of code all day), but I'm stuck. Any ideas on what the problem could be? Or better yet, something I could be using that would make this super-simple? Thanks in advance, Will
[jQuery] Re: Getting JSON object out of $.getJSON function
Great, so here's a way you could code it:
$.getJSON( 'example.js', function( json ) {
$('a.item').each( function() {
var $item = $(this);
$item.doStuff();
var className = json[ $item.text() ];
if( className ) $item.addClass( className );
});
});
Regarding the object vs. array question - no worries on the terminology;
it's especially confusing if you switch back and forth between JavaScript
and PHP, where an "associative array" corresponds to an "object" in
JavaScript. In JavaScript terminology, you actually are interacting with the
JSON data as an object, not as an array. An array would be like:
[ 'x', 'y', 'z' ]
and you would reference for example array[1] and the like.
An object has key:value pairs like you are using:
{ 'a':'x', 'b':'y', 'c':'z' }
Actually, in JavaScript an array can *also* have key:value pairs added to
it, because just about everything in JavaScript is an object, e.g.
var array = [ 'x', 'y', 'z' ];
array.a = 'wow';
Now, array[1] is 'y' and array.a (or array['a'] which means exactly the same
thing) is 'wow'.
But JSON is more restricted than JavaScript; things are either objects or
arrays, not both.
-Mike
> From: yutt
>
> > It sounds like you're trying to avoid the multiple
> > $("a.item:contains(key)") calls, is that right? Those
> aren't working
> > right as you have it now anyway, because you're testing for the
> > literal string "key", not the value of the key. I think you
> mean $('a.item:contains('+key+')').
>
> Yeah, sorry, that was a syntax error in my example that isn't
> present in the actual script.
>
> > Also, do you care if the doStuff() happens before the
> getJSON request
> > is made, or can it be done after getJSON responds with the data?
>
> doStuff() can occur before or after getJSON, doesn't matter.
>
> > And what about the :contains bit? Can the key actually be any
> > substring of the anchor text, or would it work to test the
> entire anchor text string?
> > That is, given this A tag:
> >
> > foo bar
> >
> > Do you need to be able to match on either 'foo' or 'bar', or do you
> > just need to be able to match 'foo bar'? If the latter, there is a
> > simple and fast solution. Let me know and I'll post it.
>
> I need to match the entire string, [not] portions of it. So, 'foo
> bar' needs to be matched.
>
> > Finally, I assume you mean a JSON *object*, not an array, correct?
>
> Yeah, an object. Sorry, I haven't used much JS and I'm not
> familiar the terms for everything. I just know I interact
> with the data in this instance as you would an array. I
> understand an object is much more than that. =p
>
> Thank you greatly for your help.
>
[jQuery] Re: Getting JSON object out of $.getJSON function
Doesn't seem I can edit my response, but the sentence should read, "I need to match the entire string, [not] portions of it. So, 'foo bar' needs to be matched."
[jQuery] Re: Getting JSON object out of $.getJSON function
> It sounds like you're trying to avoid the multiple $("a.item:contains(key)")
> calls, is that right? Those aren't working right as you have it now anyway,
> because you're testing for the literal string "key", not the value of the
> key. I think you mean $('a.item:contains('+key+')').
Yeah, sorry, that was a syntax error in my example that isn't present
in the actual script.
> Also, do you care if the doStuff() happens before the getJSON request is
> made, or can it be done after getJSON responds with the data?
doStuff() can occur before or after getJSON, doesn't matter.
> And what about the :contains bit? Can the key actually be any substring of
> the anchor text, or would it work to test the entire anchor text string?
> That is, given this A tag:
>
> foo bar
>
> Do you need to be able to match on either 'foo' or 'bar', or do you just
> need to be able to match 'foo bar'? If the latter, there is a simple and
> fast solution. Let me know and I'll post it.
I need to match the entire string, portions of it. So, 'foo bar' needs
to be matched.
> Finally, I assume you mean a JSON *object*, not an array, correct?
Yeah, an object. Sorry, I haven't used much JS and I'm not familiar
the terms for everything. I just know I interact with the data in this
instance as you would an array. I understand an object is much more
than that. =p
Thank you greatly for your help.
[jQuery] Re: Getting JSON object out of $.getJSON function
Scoping is the least of your worries. You can always take care of that by
calling some function from your $.getJSON callback, or whatever.
It sounds like you're trying to avoid the multiple $("a.item:contains(key)")
calls, is that right? Those aren't working right as you have it now anyway,
because you're testing for the literal string "key", not the value of the
key. I think you mean $('a.item:contains('+key+')').
Also, do you care if the doStuff() happens before the getJSON request is
made, or can it be done after getJSON responds with the data?
And what about the :contains bit? Can the key actually be any substring of
the anchor text, or would it work to test the entire anchor text string?
That is, given this A tag:
foo bar
Do you need to be able to match on either 'foo' or 'bar', or do you just
need to be able to match 'foo bar'? If the latter, there is a simple and
fast solution. Let me know and I'll post it.
Finally, I assume you mean a JSON *object*, not an array, correct?
-Mike
> From: yutt
>
> I need to access a JSON array from outside of the scope of
> the sub- function. I'm not sure how I can explain it more clearly...
>
> Basically, I want to do this to save iterating over a
> specific anchor class more than once. I'll try to provide an example.
>
> Here is what I currently have to do:
>
> $("a.item").each(function(index){
> $(this).doStuff();
> });
>
> $.getJSON("example.js", function(json){
> for(key in json){
> $("a.item:contains(key)").addClass(json[key]);
> }
> });
>
> As you can see, that means I am looping over the same set of
> anchors multiple times, which seems wildly inefficient. I
> don't want to go synchronously, because this is just a
> superficial change and shouldn't delay a user's interaction
> with the page. Maybe the inefficient second loop is the only
> way to do it.
>
> At first glance, it seems moving the doStuff() function
> inside the getJSON sub-function would be best, but there is
> no guarantee every anchor will have an associated key, and
> they all need doStuff().
>
> Any additional thoughts are appreciated.
>
[jQuery] Re: question
I must have been getting forgetful when I posted that suggestion. As I
mentioned, .toSource() is not available in all browsers, so it wouldn't be
suitable for your CMS feature that you want to make available to your site's
visitors.
But .toString() *is* available in all browsers, and it gives you the source
code for a function. So you can just use that instead.
Here's a test case:
http://mg.to/test/jquery-methods.html
That page lists all of the jQuery and jQuery() methods in alphabetical
order.
The code is:
jQuery(function() {
dump( 'jQuery', jQuery );
dump( 'jQuery()', jQuery.prototype );
function dump( title, object ) {
var list = [];
for( name in object ) {
var fn = object[name];
if( jQuery.isFunction(fn) ) {
list.push( '' + title + '.' + name +
fn.toString().match(/(\([^)]*\))/)[1] + '' );
}
}
$('#list').append( '' + title + ' methods:' +
list.sort().join('') );
}
});
-Mike
_
From: Dirceu Barquette
WOW!!!
.toSource is amazing!!! thank you again
Dirceu Barquette
2008/12/23 Michael Geary
So you have a list of the methods of an object and you want to find out what
the parameters to each method are, is that right?
There are three ways you can do this:
1) In Firefox, you can call the .toSource() method of an object (including a
function) to see its source code. For example, try this in the Firebug
console:
(function foo(a,b,c){}).toSource()
.toSource() isn't available in all browsers.
2) Of course, if you're doing that, you may as well just go back to the
original source code, which will also have some comments:
http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js
For most functions, you can search for functionname: to find it. There are a
few exceptions such as the height() and width() methods - you'll find those
with a search for Height or Width.
3) There is the documentation too:
http://docs.jquery.com/Main_Page
-Mike
[jQuery] Re: Getting JSON object out of $.getJSON function
> for sure the better answer is to do it the proper, async way but
> you don't really provide any information at all to help others help
> you with this
I need to access a JSON array from outside of the scope of the sub-
function. I'm not sure how I can explain it more clearly...
Basically, I want to do this to save iterating over a specific anchor
class more than once. I'll try to provide an example.
Here is what I currently have to do:
$("a.item").each(function(index){
$(this).doStuff();
});
$.getJSON("example.js", function(json){
for(key in json){
$("a.item:contains(key)").addClass(json[key]);
}
});
As you can see, that means I am looping over the same set of anchors
multiple times, which seems wildly inefficient. I don't want to go
synchronously, because this is just a superficial change and shouldn't
delay a user's interaction with the page. Maybe the inefficient second
loop is the only way to do it.
At first glance, it seems moving the doStuff() function inside the
getJSON sub-function would be best, but there is no guarantee every
anchor will have an associated key, and they all need doStuff().
Any additional thoughts are appreciated.
[jQuery] Re: SimpleModal container size problem
Thanks. Any idea what the problem was? On Dec 24, 11:42 am, Eric Martin wrote: > Just checked and it looks like it is working properly now... > > On Dec 24, 7:20 am, Isaac wrote: > > > Eric, > > > I've downloaded 1.2.2 (full) as you requested. > > > Isaac > > > On Dec 23, 1:51 pm, Eric Martin wrote: > > > > That is strange - can you get the latest version (1.2.2) and upload > > > the full version, so I can trace it through? > > > > On Dec 22, 11:23 pm, Isaac wrote: > > > > > I have a script that dynamically detects the size (using outerwidth > > > > and outerheight) of a tag that I use as my modal window. It > > > > works on all pages of my site except this page: > > > > >http://www.lacopts.org/dbase/register.php > > > > > where it erroneously displays the container height, eventhough it is > > > > passed the correct height in containerCSS property. > > > > I've tried looking at the generated code with FF but I don't seem to > > > > spot the problem. Any thoughts? > > > > > Thanks, > > > > Isaac
[jQuery] Re: Superfish - Nav-bar style with bgIframe?
Superfish ver. 1.4.8 Bgiframe ver. 2.1.1 JQuery ver. 1.2.6 Are you using the nav-bar style as well? I'm not sure if that matters or not since the ul's are displayed differently. On Dec 24, 11:48 am, SLR wrote: > > No dice, I'm afraid. The only change was that it generated white, drop- > > down arrows again. Thank you for trying to help me out. I'm going to > > create a test environment later today, with the same settings and > > files, but without being embedded in one of my pages. I think bgIframe > > may have a conflict with other javascript on the page. I'll post any > > results. > > Odd... I'm using that same code and it's working fine on my end. What > version of Superfish and BgiFrame are you using? > > Currently, I'm running Superfish ver. 1.4.8 and BgiFrame ver. 2.1.1 > with the code I mentioned earlier, and it's working flawlessly.
[jQuery] Re: Getting JSON object out of $.getJSON function
It's even worse than that. In most browsers, a synchronous Ajax call will lock up *all* browser windows and tabs until your server returns the data. Definitely something to be avoided. -Mike > From: MorningZ > > btw, you can use the more general "$.ajax" method to: > - Make the call synchronously > - return JSON > > http://docs.jquery.com/Ajax/jQuery.ajax#options > > Although that does open up the possibility of a poor user > experience as their browser could appear to "lock up" during > the call... > > for sure the better answer is to do it the proper, async way but > you don't really provide any information at all to help > others help you with this
[jQuery] Re: How do I make a partial textarea autocomplete?
Thanks Stephen. jQuery and all the smart people who use it simply don't stop to surprise me. Best Sam On Dec 24, 9:36 pm, MorningZ wrote: > It's pretty complicated CSS/JavaScript manipulation > > that "textbox" is all this HTML > > > > ^_^ > > > > > > > People out there have a;ready written code to mimic it in jQuery > > http://www.google.com/search?q=jquery+facebook+autocomplete > > On Dec 24, 11:24 am, Sam Unplugged wrote: > > > I have one question tough, how is Facebook's implementation of > > autocomplete (when sending n message) allows us to add users. Can > > somebody explain how I can do that? > > > Thanks. > > > On Dec 24, 8:29 pm, MorningZ wrote: > > > > Super quick proof of concept > > > >http://paste.pocoo.org/show/96632/ > > > > On Dec 24, 10:03 am, MorningZ wrote: > > > > > What you ask is not going to be possible first and foremost you > > > > are overlooking the fact that you are going to lose focus (and > > > > therefore your selection and cursor position) when you click on the > > > > autocomplete's of available selections > > > > > do something like Jorn suggests, and with some well placed and well > > > > used CSS you can make it "appear" as one big textarea, even though it > > > > would be , and > > > > > On Dec 24, 9:54 am, Sam Unplugged wrote: > > > > > > Hi, > > > > > > This does make sense. > > > > > > However, can you tell me if its possible to autofire jQuery > > > > > autocomplete dropdown and similarly to prevent autocomplete to show. > > > > > > I can use such a thingy to show autocomplete dropdown when user has > > > > > typed 'Dear '. And after that I will not show autocomplete. > > > > > > Please tell me how this can this be done? > > > > > > Best > > > > > Sam > > > > > > On Dec 24, 6:48 pm, "Jörn Zaefferer" > > > > > wrote: > > > > > > > I don't know of any dropin solution for that. I can only recommend > > > > > > to > > > > > > rethink your approach, eg. make the "Dear " static in front of the > > > > > > textarea and a seperate input inbetween. > > > > > > > Jörn > > > > > > > On Wed, Dec 24, 2008 at 10:26 AM, Sam Unplugged > > > > > > wrote: > > > > > > > > Hello, > > > > > > > > Is there an example of partial autocomplete? By 'partial' I mean, > > > > > > > only > > > > > > > a part of textarea gets suggestions. > > > > > > > > Users in my project are supposed to start a message in a textarea > > > > > > > with > > > > > > > 'Dear ' > > > > > > > > I want to make this part either clickable like in > > > > > > > Office > > > > > > > documents custom fields, and when a user is editing this part I > > > > > > > want > > > > > > > to show a list of options (usernames from a database). > > > > > > > > I can work out the backend, but I have no clue where to begin to > > > > > > > make > > > > > > > such a textarea. Please help. > > > > > > > > Thanks a ton. > > > > > > > > Sam
[jQuery] Re: Merry Xmass
Merry christmas to all of you from indonesia...May the born of our Lord Jesus Christ brings us to know Him more...
[jQuery] Re: Superfish - Nav-bar style with bgIframe?
> No dice, I'm afraid. The only change was that it generated white, drop- > down arrows again. Thank you for trying to help me out. I'm going to > create a test environment later today, with the same settings and > files, but without being embedded in one of my pages. I think bgIframe > may have a conflict with other javascript on the page. I'll post any > results. Odd... I'm using that same code and it's working fine on my end. What version of Superfish and BgiFrame are you using? Currently, I'm running Superfish ver. 1.4.8 and BgiFrame ver. 2.1.1 with the code I mentioned earlier, and it's working flawlessly.
[jQuery] Re: SimpleModal container size problem
Just checked and it looks like it is working properly now... On Dec 24, 7:20 am, Isaac wrote: > Eric, > > I've downloaded 1.2.2 (full) as you requested. > > Isaac > > On Dec 23, 1:51 pm, Eric Martin wrote: > > > That is strange - can you get the latest version (1.2.2) and upload > > the full version, so I can trace it through? > > > On Dec 22, 11:23 pm, Isaac wrote: > > > > I have a script that dynamically detects the size (using outerwidth > > > and outerheight) of a tag that I use as my modal window. It > > > works on all pages of my site except this page: > > > >http://www.lacopts.org/dbase/register.php > > > > where it erroneously displays the container height, eventhough it is > > > passed the correct height in containerCSS property. > > > I've tried looking at the generated code with FF but I don't seem to > > > spot the problem. Any thoughts? > > > > Thanks, > > > Isaac
[jQuery] Re: Superfish - Nav-bar style with bgIframe?
No dice, I'm afraid. The only change was that it generated white, drop-
down arrows again. Thank you for trying to help me out. I'm going to
create a test environment later today, with the same settings and
files, but without being embedded in one of my pages. I think bgIframe
may have a conflict with other javascript on the page. I'll post any
results.
On Dec 22, 11:06 am, SLR wrote:
> > The initiation:
>
> > $(document).ready(function(){
> > $("ul#sf-menu-id").superfish({
> > autoArrows: false,
> > pathClass: 'current'
> > }).find('ul').bgIframe();
>
> > });
>
> Try changing your document.ready statement to this:
>
> $(document).ready(function(){
> $("ul#sf-menu").superfish().find('ul').bgIframe({opacity:false});
>
> });
[jQuery] Re: How do I make a partial textarea autocomplete?
It's pretty complicated CSS/JavaScript manipulation that "textbox" is all this HTML ^_^ People out there have a;ready written code to mimic it in jQuery http://www.google.com/search?q=jquery+facebook+autocomplete On Dec 24, 11:24 am, Sam Unplugged wrote: > I have one question tough, how is Facebook's implementation of > autocomplete (when sending n message) allows us to add users. Can > somebody explain how I can do that? > > Thanks. > > On Dec 24, 8:29 pm, MorningZ wrote: > > > Super quick proof of concept > > >http://paste.pocoo.org/show/96632/ > > > On Dec 24, 10:03 am, MorningZ wrote: > > > > What you ask is not going to be possible first and foremost you > > > are overlooking the fact that you are going to lose focus (and > > > therefore your selection and cursor position) when you click on the > > > autocomplete's of available selections > > > > do something like Jorn suggests, and with some well placed and well > > > used CSS you can make it "appear" as one big textarea, even though it > > > would be , and > > > > On Dec 24, 9:54 am, Sam Unplugged wrote: > > > > > Hi, > > > > > This does make sense. > > > > > However, can you tell me if its possible to autofire jQuery > > > > autocomplete dropdown and similarly to prevent autocomplete to show. > > > > > I can use such a thingy to show autocomplete dropdown when user has > > > > typed 'Dear '. And after that I will not show autocomplete. > > > > > Please tell me how this can this be done? > > > > > Best > > > > Sam > > > > > On Dec 24, 6:48 pm, "Jörn Zaefferer" > > > > wrote: > > > > > > I don't know of any dropin solution for that. I can only recommend to > > > > > rethink your approach, eg. make the "Dear " static in front of the > > > > > textarea and a seperate input inbetween. > > > > > > Jörn > > > > > > On Wed, Dec 24, 2008 at 10:26 AM, Sam Unplugged > > > > > wrote: > > > > > > > Hello, > > > > > > > Is there an example of partial autocomplete? By 'partial' I mean, > > > > > > only > > > > > > a part of textarea gets suggestions. > > > > > > > Users in my project are supposed to start a message in a textarea > > > > > > with > > > > > > 'Dear ' > > > > > > > I want to make this part either clickable like in Office > > > > > > documents custom fields, and when a user is editing this part I want > > > > > > to show a list of options (usernames from a database). > > > > > > > I can work out the backend, but I have no clue where to begin to > > > > > > make > > > > > > such a textarea. Please help. > > > > > > > Thanks a ton. > > > > > > > Sam
[jQuery] Re: Merry Xmass
Merry Christmas, all you smart people. On Dec 24, 6:20 pm, Lukas Polak wrote: > Hi everybody, > > I don't want you interrupt, but I don't know if you already notice that > today is 24th December so at least today you shoold stop working and > relax :) Merry Christmas to all of you :) > > elf from Slovakia
[jQuery] Re: How do I make a partial textarea autocomplete?
I have one question tough, how is Facebook's implementation of autocomplete (when sending n message) allows us to add users. Can somebody explain how I can do that? Thanks. On Dec 24, 8:29 pm, MorningZ wrote: > Super quick proof of concept > > http://paste.pocoo.org/show/96632/ > > On Dec 24, 10:03 am, MorningZ wrote: > > > What you ask is not going to be possible first and foremost you > > are overlooking the fact that you are going to lose focus (and > > therefore your selection and cursor position) when you click on the > > autocomplete's of available selections > > > do something like Jorn suggests, and with some well placed and well > > used CSS you can make it "appear" as one big textarea, even though it > > would be , and > > > On Dec 24, 9:54 am, Sam Unplugged wrote: > > > > Hi, > > > > This does make sense. > > > > However, can you tell me if its possible to autofire jQuery > > > autocomplete dropdown and similarly to prevent autocomplete to show. > > > > I can use such a thingy to show autocomplete dropdown when user has > > > typed 'Dear '. And after that I will not show autocomplete. > > > > Please tell me how this can this be done? > > > > Best > > > Sam > > > > On Dec 24, 6:48 pm, "Jörn Zaefferer" > > > wrote: > > > > > I don't know of any dropin solution for that. I can only recommend to > > > > rethink your approach, eg. make the "Dear " static in front of the > > > > textarea and a seperate input inbetween. > > > > > Jörn > > > > > On Wed, Dec 24, 2008 at 10:26 AM, Sam Unplugged > > > > wrote: > > > > > > Hello, > > > > > > Is there an example of partial autocomplete? By 'partial' I mean, only > > > > > a part of textarea gets suggestions. > > > > > > Users in my project are supposed to start a message in a textarea with > > > > > 'Dear ' > > > > > > I want to make this part either clickable like in Office > > > > > documents custom fields, and when a user is editing this part I want > > > > > to show a list of options (usernames from a database). > > > > > > I can work out the backend, but I have no clue where to begin to make > > > > > such a textarea. Please help. > > > > > > Thanks a ton. > > > > > > Sam
[jQuery] Re: How do I make a partial textarea autocomplete?
Thanks Stephen (MorningZ). I really appreciate it. Best Sam On Dec 24, 8:29 pm, MorningZ wrote: > Super quick proof of concept > > http://paste.pocoo.org/show/96632/ > > On Dec 24, 10:03 am, MorningZ wrote: > > > What you ask is not going to be possible first and foremost you > > are overlooking the fact that you are going to lose focus (and > > therefore your selection and cursor position) when you click on the > > autocomplete's of available selections > > > do something like Jorn suggests, and with some well placed and well > > used CSS you can make it "appear" as one big textarea, even though it > > would be , and > > > On Dec 24, 9:54 am, Sam Unplugged wrote: > > > > Hi, > > > > This does make sense. > > > > However, can you tell me if its possible to autofire jQuery > > > autocomplete dropdown and similarly to prevent autocomplete to show. > > > > I can use such a thingy to show autocomplete dropdown when user has > > > typed 'Dear '. And after that I will not show autocomplete. > > > > Please tell me how this can this be done? > > > > Best > > > Sam > > > > On Dec 24, 6:48 pm, "Jörn Zaefferer" > > > wrote: > > > > > I don't know of any dropin solution for that. I can only recommend to > > > > rethink your approach, eg. make the "Dear " static in front of the > > > > textarea and a seperate input inbetween. > > > > > Jörn > > > > > On Wed, Dec 24, 2008 at 10:26 AM, Sam Unplugged > > > > wrote: > > > > > > Hello, > > > > > > Is there an example of partial autocomplete? By 'partial' I mean, only > > > > > a part of textarea gets suggestions. > > > > > > Users in my project are supposed to start a message in a textarea with > > > > > 'Dear ' > > > > > > I want to make this part either clickable like in Office > > > > > documents custom fields, and when a user is editing this part I want > > > > > to show a list of options (usernames from a database). > > > > > > I can work out the backend, but I have no clue where to begin to make > > > > > such a textarea. Please help. > > > > > > Thanks a ton. > > > > > > Sam
[jQuery] Re: How do I make a partial textarea autocomplete?
Well done! > -Original Message- > From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On > Behalf Of MorningZ > Sent: Wednesday, December 24, 2008 10:29 AM > To: jQuery (English) > Subject: [jQuery] Re: How do I make a partial textarea autocomplete? > > > Super quick proof of concept > > http://paste.pocoo.org/show/96632/ > > > > > > On Dec 24, 10:03 am, MorningZ wrote: > > What you ask is not going to be possible first and foremost you > > are overlooking the fact that you are going to lose focus (and > > therefore your selection and cursor position) when you click on the > > autocomplete's of available selections > > > > do something like Jorn suggests, and with some well placed and well > > used CSS you can make it "appear" as one big textarea, even though it > > would be , and > >
[jQuery] Re: Merry Xmass
And from the US! Merry Christmas, everyone! Rick From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of diego valobra Sent: Wednesday, December 24, 2008 9:55 AM To: jquery-en@googlegroups.com Subject: R: [jQuery] Merry Xmass Merry Xmas to all the _jQueryans_ of the world from Italy :) Diego Valobra --- Mer 24/12/08, Lukas Polak ha scritto: Da: Lukas Polak Oggetto: [jQuery] Merry Xmass A: "jQuery - mailinglist - general" Data: Mercoledì 24 dicembre 2008, 14:20 Hi everybody, I don't want you interrupt, but I don't know if you already notice that today is 24th December so at least today you shoold stop working and relax :) Merry Christmas to all of you :) elf from Slovakia
Re: R: [jQuery] Merry Xmass
Merry XMas!! Hope you all can stop working and spend some time with the family ;) Rob
[jQuery] Re: How do I make a partial textarea autocomplete?
Super quick proof of concept http://paste.pocoo.org/show/96632/ On Dec 24, 10:03 am, MorningZ wrote: > What you ask is not going to be possible first and foremost you > are overlooking the fact that you are going to lose focus (and > therefore your selection and cursor position) when you click on the > autocomplete's of available selections > > do something like Jorn suggests, and with some well placed and well > used CSS you can make it "appear" as one big textarea, even though it > would be , and > > On Dec 24, 9:54 am, Sam Unplugged wrote: > > > Hi, > > > This does make sense. > > > However, can you tell me if its possible to autofire jQuery > > autocomplete dropdown and similarly to prevent autocomplete to show. > > > I can use such a thingy to show autocomplete dropdown when user has > > typed 'Dear '. And after that I will not show autocomplete. > > > Please tell me how this can this be done? > > > Best > > Sam > > > On Dec 24, 6:48 pm, "Jörn Zaefferer" > > wrote: > > > > I don't know of any dropin solution for that. I can only recommend to > > > rethink your approach, eg. make the "Dear " static in front of the > > > textarea and a seperate input inbetween. > > > > Jörn > > > > On Wed, Dec 24, 2008 at 10:26 AM, Sam Unplugged > > > wrote: > > > > > Hello, > > > > > Is there an example of partial autocomplete? By 'partial' I mean, only > > > > a part of textarea gets suggestions. > > > > > Users in my project are supposed to start a message in a textarea with > > > > 'Dear ' > > > > > I want to make this part either clickable like in Office > > > > documents custom fields, and when a user is editing this part I want > > > > to show a list of options (usernames from a database). > > > > > I can work out the backend, but I have no clue where to begin to make > > > > such a textarea. Please help. > > > > > Thanks a ton. > > > > > Sam
[jQuery] Re: SimpleModal container size problem
Eric, I've downloaded 1.2.2 (full) as you requested. Isaac On Dec 23, 1:51 pm, Eric Martin wrote: > That is strange - can you get the latest version (1.2.2) and upload > the full version, so I can trace it through? > > On Dec 22, 11:23 pm, Isaac wrote: > > > > > > > I have a script that dynamically detects the size (using outerwidth > > and outerheight) of a tag that I use as my modal window. It > > works on all pages of my site except this page: > > >http://www.lacopts.org/dbase/register.php > > > where it erroneously displays the container height, eventhough it is > > passed the correct height in containerCSS property. > > I've tried looking at the generated code with FF but I don't seem to > > spot the problem. Any thoughts? > > > Thanks, > > Isaac
Re: R: [jQuery] Merry Xmass
4U2 from Brazil!! Dirceu Barquette 2008/12/24 diego valobra > Merry Xmas to all the _jQueryans_ of the world from Italy :) > > > Diego Valobra > > > --- *Mer 24/12/08, Lukas Polak * ha scritto: > > Da: Lukas Polak > Oggetto: [jQuery] Merry Xmass > A: "jQuery - mailinglist - general" > Data: Mercoledì 24 dicembre 2008, 14:20 > > Hi everybody, > > I don't want you interrupt, but I don't know if you already notice that > today is 24th December so at least today you shoold stop working and relax :) > Merry Christmas to all of you :) > > elf from > Slovakia > > >
[jQuery] Re: How do I make a partial textarea autocomplete?
What you ask is not going to be possible first and foremost you are overlooking the fact that you are going to lose focus (and therefore your selection and cursor position) when you click on the autocomplete's of available selections do something like Jorn suggests, and with some well placed and well used CSS you can make it "appear" as one big textarea, even though it would be , and On Dec 24, 9:54 am, Sam Unplugged wrote: > Hi, > > This does make sense. > > However, can you tell me if its possible to autofire jQuery > autocomplete dropdown and similarly to prevent autocomplete to show. > > I can use such a thingy to show autocomplete dropdown when user has > typed 'Dear '. And after that I will not show autocomplete. > > Please tell me how this can this be done? > > Best > Sam > > On Dec 24, 6:48 pm, "Jörn Zaefferer" > wrote: > > > I don't know of any dropin solution for that. I can only recommend to > > rethink your approach, eg. make the "Dear " static in front of the > > textarea and a seperate input inbetween. > > > Jörn > > > On Wed, Dec 24, 2008 at 10:26 AM, Sam Unplugged > > wrote: > > > > Hello, > > > > Is there an example of partial autocomplete? By 'partial' I mean, only > > > a part of textarea gets suggestions. > > > > Users in my project are supposed to start a message in a textarea with > > > 'Dear ' > > > > I want to make this part either clickable like in Office > > > documents custom fields, and when a user is editing this part I want > > > to show a list of options (usernames from a database). > > > > I can work out the backend, but I have no clue where to begin to make > > > such a textarea. Please help. > > > > Thanks a ton. > > > > Sam
[jQuery] Re: Is this code legitimate?
The reason I was using [class$="required"] is because I was experimenting
with how to name the classes of various input types for validation purposes
and was creating class names that combined various designations.
I was experimenting with class="text_required" class="select_required", etc.,
because they all involve different validation routines. I had some routines,
however,
that were common to all "required" classes. After some experimentation, I
think I've
found that it's preferable to just use various class names per input, e.g.,
class = "textinput01 text required"
"textinput01" is for styling, "text" identifies the type of input, and
"required", well
we all know what that is...
Just trying to figure out the most efficient way to trigger code events for
various inputs.
Here are 4 blocks of code I'm using on one form to control the
enabling/disabling of the
submit button, text inputs, and select inputs. I was having some trouble with
the select
input triggering properly with the last three blocks rolled into one, so, for
now I have
them separated to see what difference that makes in performance.
$(document).ready(function() {
$('div[class$="input-error"]').each(function() {
$(this).hide();
$('#submit').attr('disabled', 'disabled');
});
});
$(document).ready(function() {
$(':input.text.required').each(function() {
$(this).blur(function() {
var val = (this.value.length);
if (val == 0)
{ $("#" + this.id + "_error").fadeIn(500);
$('#submit').attr('disabled', 'disabled'); }
else
{ $("#" + this.id + "_error").fadeOut(500);
$('#submit').removeAttr('disabled'); };
});
});
});
$(document).ready(function() {
$(':input.select.required').each(function() {
$(this).change(function() {
var selected = $('#' + this.id + ' option:selected');
if (selected.val() == 0)
{ $("#" + this.id + "_error").fadeIn(500);
$('#submit').attr('disabled', 'disabled'); }
else
{ $("#" + this.id + "_error").fadeOut(500);
$('#submit').removeAttr('disabled'); };
});
});
});
$(document).ready(function() {
$(':input.required').each(function() {
var val = (this.value.length);
if (val == 0)
{ $('#submit').attr('disabled', 'disabled'); };
});
});
Any other thoughts?
Thanks!
Rick
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
> Behalf Of Gordon
> Sent: Wednesday, December 24, 2008 4:18 AM
> To: jQuery (English)
> Subject: [jQuery] Re: Is this code legitimate?
>
>
> $('input.required') would be faster.
>
> On Dec 24, 1:52 am, "Rick Faircloth" wrote:
> > Is this legit?
> >
> > $(':input[class$="required"]')
> >
> > I know it'll work for a div:
> >
> > $('div[class$="required"]')
> >
> > but it doesn't seem to work to designate an input
> > with a class that has "required" on the end of it's name...
> >
> > Rick
[jQuery] Re: I wrote a YUI Multi FIle Compression Utility
Thank you. On Dec 23, 9:27 pm, K-BL wrote: > Hey Guys, > I just finished writing a YUI Multi-File Compression Utility. It's > really simple, it just runs some CLI commands, but more importantly, > it compiles entire directories and sub directories with a clean UI. > For us IT guys, it makes quick site changes a breeze from source to > compressed in just seconds. > > Anyway, find it > here:http://jqueryplugins.weebly.com/yui-compressor-multi-file-utility.html > > If you like it, let me know. Also, source is available in C#. > > K-BL
[jQuery] validate plugin with one element
I have a simple form with one select list as it's element. I am using
the validate plugin to do remote ajax validation on that element. The
response returns a true or false.
This all works fine, but the problem is that the validation takes
place when you click the submit button, since there are no other form
elements to move to. You then have to click the submit button twice,
once to validate, and again to actually perform the submit...
Is there a way to have it automatically submit after the validation
returns true?
Here's the code:
$(document).ready(function() {
// validate signup form on keyup and submit
$("#the_form").validate({
rules: {
element: {
remote: "remote.php"
}
}
});
thanks,
Eben
R: [jQuery] Merry Xmass
Merry Xmas to all the _jQueryans_ of the world from Italy :) Diego Valobra --- Mer 24/12/08, Lukas Polak ha scritto: Da: Lukas Polak Oggetto: [jQuery] Merry Xmass A: "jQuery - mailinglist - general" Data: Mercoledì 24 dicembre 2008, 14:20 Hi everybody, I don't want you interrupt, but I don't know if you already notice that today is 24th December so at least today you shoold stop working and relax :) Merry Christmas to all of you :) elf from Slovakia
[jQuery] Re: How do I make a partial textarea autocomplete?
Hi, This does make sense. However, can you tell me if its possible to autofire jQuery autocomplete dropdown and similarly to prevent autocomplete to show. I can use such a thingy to show autocomplete dropdown when user has typed 'Dear '. And after that I will not show autocomplete. Please tell me how this can this be done? Best Sam On Dec 24, 6:48 pm, "Jörn Zaefferer" wrote: > I don't know of any dropin solution for that. I can only recommend to > rethink your approach, eg. make the "Dear " static in front of the > textarea and a seperate input inbetween. > > Jörn > > On Wed, Dec 24, 2008 at 10:26 AM, Sam Unplugged > wrote: > > > Hello, > > > Is there an example of partial autocomplete? By 'partial' I mean, only > > a part of textarea gets suggestions. > > > Users in my project are supposed to start a message in a textarea with > > 'Dear ' > > > I want to make this part either clickable like in Office > > documents custom fields, and when a user is editing this part I want > > to show a list of options (usernames from a database). > > > I can work out the backend, but I have no clue where to begin to make > > such a textarea. Please help. > > > Thanks a ton. > > > Sam
[jQuery] Re: How do I make a partial textarea autocomplete?
There's document.selection property. It changes with document.onclick. To select an element dynamically, document.selection.createRange is available. There are other properties in the document.selection object. I found a good reference here: http://www.webreference.com/js/column12/crossbrowser.html Any suggestion how I should do that? On Dec 24, 6:47 pm, Kean wrote: > Interesting idea, but, owing to your idea, I am more interested in > knowing if there's a way to determine current active keyboard cursor > offset in document. > > On Dec 24, 1:26 am, Sam Unplugged wrote: > > > Hello, > > > Is there an example of partial autocomplete? By 'partial' I mean, only > > a part of textarea gets suggestions. > > > Users in my project are supposed to start a message in a textarea with > > 'Dear ' > > > I want to make this part either clickable like in Office > > documents custom fields, and when a user is editing this part I want > > to show a list of options (usernames from a database). > > > I can work out the backend, but I have no clue where to begin to make > > such a textarea. Please help. > > > Thanks a ton. > > > Sam
[jQuery] Re: I wrote a YUI Multi FIle Compression Utility
There is one dumb little bug i discovered
When one uses the "Browse" buttons to find the Compile and Output
paths, your code doesn't put the trailing "\"
So while my "Output Path" sits in the program as:
C:\temp\Scripts\Packed
it churns out files as
C:\temp\Scripts\Packedautocomplete.1.0.2-min
and *not*
C:\temp\Scripts\Packed\autocomplete.1.0.2-min
as would be expected
Looking in the source code really quickly, if you go to line 112 in
ForumYUICompressionUtility.cs
you could add the lines
if (inputDir.endsWith("\") == false) { inputDir += "\"; }
if (outputDir.endsWith("\") == false) { outputDir += "\"; }
that *should* take care of it as it will put it in the folder
specified with or without the trailing slash
On Dec 23, 3:53 pm, K-BL wrote:
> I've actually built, almost, such a beast. Myn configures which css/
> js files are needed for any given page, but I'm getting ready to
> release one that does exactly what you said, it's C#/asp.net 3.5
> though. Email me with a proposal, feature list, and language needed,
> axel...@aim.com, we'll talk business.
>
> On Dec 23, 3:18 pm, "Alexandre Plennevaux"
> wrote:
>
> > ok , i tried it out and i can see it spits out my js files completely
> > minified. Nice... really nice.
>
> > how about going to the next automation process:
>
> > what if i could point your app to my index.html, which contains a
> > dozen LINK to css files and SCRIPT to js files. Could it compile all
> > of the CSS in one css file, and all of the js in one js file (so as to
> > decrease the http connections), both minified, outputting a
> > index.prod.html with the link to the optimized css file and js file ?
>
> > i would have so much use for such a tool i'd pay for it, allowing me
> > to keep a dev version and a prod version synchronised automatically.
>
> > thanks for listening.
>
> > On Tue, Dec 23, 2008 at 6:46 PM, K-BL wrote:
>
> > > My utility is used for manual compression, this would ensure best
> > > results from your server. YUI Compressor (and some other compression
> > > engines) take unnecessary characters out of your code (line breaks,
> > > spaces, comments), optimizes private functions/variables, and returns
> > > a non-encoded, single line output.
>
> > > On Dec 23, 12:03 pm, "Alexandre Plennevaux"
> > > wrote:
> > >> it sounds very interesting, but i'm quite puzzled on how to do it
> > >> correctly. i'm interested in reducing the load time of my websites but
> > >> i don't really master these compression logics.
> > >> I would have assumed i'd have to point to the html file loading the
> > >> js+css files but your app seems to look for folders.
> > >> If i'm correct, what file structure is supposed to work for this? I
> > >> for one store all my javascript in a _js folder , which contains a
> > >> "frontend" for the files dealing with the frontend, and a "backend"
> > >> for the javascript files used in the backend app. I have a 3rd folder
> > >> "jquery_plugins" folder inside this _js, which contains a folder for
> > >> each plugin that i use.
>
> > >> given that folder structure, is it possible to use your app?
>
> > >> Sorry if this is out of my league...
>
> > >> On Tue, Dec 23, 2008 at 5:27 PM, K-BL wrote:
>
> > >> > Hey Guys,
> > >> > I just finished writing a YUI Multi-File Compression Utility. It's
> > >> > really simple, it just runs some CLI commands, but more importantly,
> > >> > it compiles entire directories and sub directories with a clean UI.
> > >> > For us IT guys, it makes quick site changes a breeze from source to
> > >> > compressed in just seconds.
>
> > >> > Anyway, find it
> > >> > here:http://jqueryplugins.weebly.com/yui-compressor-multi-file-utility.html
>
> > >> > If you like it, let me know. Also, source is available in C#.
>
> > >> > K-BL
[jQuery] Re: working in FF but not in IE
I'd like to take a peek...what's the URL?
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
> Behalf Of Althalos
> Sent: Wednesday, December 24, 2008 3:54 AM
> To: jQuery (English)
> Subject: [jQuery] Re: working in FF but not in IE
>
>
> I really don't want to use this for this intro, actually I would've
> wanted to make the entire website in flash but I don't know it so here
> I go... however, I can't seem to make that code work. Nothing happens,
> so that suggests, I guess, some kind of syntax error along the
> way. anyone?
>
> On 24 Dec, 06:38, Ricardo Tomasi wrote:
> > oh god is that a flash-like intro movie with JS?
> >
> > three words of advice:
> > 1. don't do it!
> > 2. don't do it!
> > 3. use flash for flashy!
> >
> > Anyway, that's a lot of overhead, you can simply fade the element and
> > update the percentage regularly:
> >
> > $(document).ready(function(){
> >
> > var per = $('#percentage'),
> > logo = $('#logo').fadeTo(2000,0, function(){
> > per.fadeTo('slow',0, function(){
> > per.text('For life - for fashion - for life').fadeTo
> > ('slow',1);
> > });
> > }),
> > function update(){
> > var o = Math.floor( logo.css('opacity')*100 );
> > s.text( o );
> > if (o) setTimeout(update,30);
> > }
> > update();
> >
> > });
> >
> > - ricardo
> >
> > On Dec 23, 8:24 pm, Althalos wrote:
> >
> > > So I got help to create a script this far:
> > > $(document).ready(function(){
> > > var step = 4000;
> > > (function(){
> > > step -= 40;
> > > $("#percentage").text(Math.round((1-step/4000)*100) + '%');
> > > if ( step > 0 )
> > > $("#logo").fadeTo(40,1-step/4000, arguments.callee);
> > > })();
> > > setTimeout(function () {
> > > $("#percentage").fadeTo("slow",0.01, function () {
> > > $("#percentage").text("For life - for fashion - for life").fadeTo
> > > ("slow",1);
> > > });
> > > },6000);
> > > setTimeout(function () {
> > > window.location = 'http://uf.ekdahlproduction.com/itsvintage2/
> > > home.html';
> > > },8000);
> >
> > > });
> >
> > > At first it seemed to work like a charm, and it really did in FF, but
> > > then in IE it didn't work much at all. Both logo-opacity and
> > > percentage got stuck, at low opacity and 1%. However, it still
> > > replaced the text and faded in/out and continued onto the next page
> > > correctly.
> >
> > > How can I make the fade-in logo update percentage thingy work
> > > correctly in IE?
[jQuery] Re: Getting JSON object out of $.getJSON function
btw, you can use the more general "$.ajax" method to:
- Make the call synchronously
- return JSON
http://docs.jquery.com/Ajax/jQuery.ajax#options
Although that does open up the possibility of a poor user experience
as their browser could appear to "lock up" during the call...
for sure the better answer is to do it the proper, async way but
you don't really provide any information at all to help others help
you with this
On Dec 24, 8:24 am, MorningZ wrote:
> the first method *is* the proper syntax.
>
> read up on "asynchronous" and you'll understand why
>
> yutt wrote:
> > I'm trying to do something seemingly simple, but have no idea how to
> > go about it.
>
> > I want to use $.getJSON to grab the data from an external JSON file,
> > then interact with it outside the scope of the sub-function.
>
> > I know how to do this:
> > $.getJSON("test.js", function(json){
> > alert(json['key']);
> > });
>
> > But I want do do something more like this:
> > json = $.getJSON("test.js");
> > alert(json['key']);
>
> > Can anyone help me with the proper syntax?
>
> > Thanks in advance for any insight.
[jQuery] Re: display:none not working in IE
You might have to look at your CSS if you have declared something like
display: block !important;
On Dec 24, 12:34 am, "ben.hollis" wrote:
> Guess you'll have to provide a more detailed example of the problem
> you're experiencing then.
>
> On Dec 24, 12:05 am, "Namrata Vagyani"
> wrote:
>
> > This aslo not working :(
>
> > On Wed, Dec 24, 2008 at 12:26 PM, ben.hollis wrote:
>
> > > That should work, but try $(this).hide() instead. It does the same
> > > thing.
>
> > > On Dec 23, 10:29 pm, Debby wrote:
> > > > Hi,
>
> > > > css({'display':'none'}) is not working in IE.
> > > > I am trying this in loop, for perticular condition i need to display
> > > > none for this case,
> > > > so i tried with this
> > > > $(this).css({'display':'none'});
> > > > but its working fine Mozilla but not in IE
>
> > > > Please do needful.
[jQuery] Re: problem with fadein() and image sizes in IE
I hope you are using jQuery 1.2.6
Try these
$(myImage).width(width);
$(myImage).height(width/0.75);
On Dec 23, 11:43 pm, Paddy Joy wrote:
> Hope someone can help out here, I'm new to jquery and can't figure out
> what I have done wrong here.
>
> The following code works ok in FF and IE, it is a function that
> appends an image to a div and sets the width/height of that image.
>
> function showImage(src,divid,width)
> {
> var myImage = new Image();
> $(myImage).load(function()
> {
> $(divid).append(this)
> });
> $(myImage).attr("src", src);
> $(myImage).attr("width", width);
> $(myImage).attr("height", width/0.75);
>
> }
>
> I have modified the code so that the image fades in. This works fine
> in FF but in IE the image displays at its original dimensions and not
> at the dimensions I have set in the code.
>
> function showImage(src,divid,width)
> {
> var myImage = new Image();
> $(myImage).load(function()
> {
> $(this).hide();
> $(divid).append(this)
> $(this).fadeIn("fast");
> });
> $(myImage).attr("src", src);
> $(myImage).attr("width", width);
> $(myImage).attr("height", width/0.75);
>
> }
>
> Anyone any ideas?
>
> Paddy
[jQuery] Re: How do I make a partial textarea autocomplete?
I don't know of any dropin solution for that. I can only recommend to rethink your approach, eg. make the "Dear " static in front of the textarea and a seperate input inbetween. Jörn On Wed, Dec 24, 2008 at 10:26 AM, Sam Unplugged wrote: > > Hello, > > Is there an example of partial autocomplete? By 'partial' I mean, only > a part of textarea gets suggestions. > > Users in my project are supposed to start a message in a textarea with > 'Dear ' > > I want to make this part either clickable like in Office > documents custom fields, and when a user is editing this part I want > to show a list of options (usernames from a database). > > I can work out the backend, but I have no clue where to begin to make > such a textarea. Please help. > > Thanks a ton. > > Sam >
[jQuery] Re: How do I make a partial textarea autocomplete?
Interesting idea, but, owing to your idea, I am more interested in knowing if there's a way to determine current active keyboard cursor offset in document. On Dec 24, 1:26 am, Sam Unplugged wrote: > Hello, > > Is there an example of partial autocomplete? By 'partial' I mean, only > a part of textarea gets suggestions. > > Users in my project are supposed to start a message in a textarea with > 'Dear ' > > I want to make this part either clickable like in Office > documents custom fields, and when a user is editing this part I want > to show a list of options (usernames from a database). > > I can work out the backend, but I have no clue where to begin to make > such a textarea. Please help. > > Thanks a ton. > > Sam
[jQuery] Re: Merry Xmass
Merry xmas to you too. On Dec 24, 5:20 am, Lukas Polak wrote: > Hi everybody, > > I don't want you interrupt, but I don't know if you already notice that > today is 24th December so at least today you shoold stop working and > relax :) Merry Christmas to all of you :) > > elf from Slovakia
[jQuery] Re: Validate Plugin: Alpha Only
Take a look at this demo: http://jqueryjs.googlecode.com/svn/trunk/plugins/validate/demo/tinymce/index.html Will be included in 1.5.1, probably with a few more tweaks. Jörn On Wed, Dec 24, 2008 at 1:59 PM, Alexsandro_xpt wrote: > > Jörn Zaefferer, There are way valitade fields like a WYSIWYG editors? > > Thz > > > On 23 dez, 22:22, "Jörn Zaefferer" > wrote: >> There are a few additional methods >> here:http://jquery.bassistance.de/validate/additional-methods.js(also >> included in the download) >> >> I guess you're looking for the lettersonly method. >> >> Jörn >> >> On Wed, Dec 24, 2008 at 12:59 AM, jsrobinson >> >> wrote: >> >> > I need to validate a field to only accept A-Z,a-z >> >> > I don't see a built in rule for this. How would I go about adding my >> > own rule? >> >> > Any help is much appreciated!
[jQuery] Re: Getting JSON object out of $.getJSON function
the first method *is* the proper syntax.
read up on "asynchronous" and you'll understand why
yutt wrote:
> I'm trying to do something seemingly simple, but have no idea how to
> go about it.
>
> I want to use $.getJSON to grab the data from an external JSON file,
> then interact with it outside the scope of the sub-function.
>
> I know how to do this:
> $.getJSON("test.js", function(json){
> alert(json['key']);
> });
>
> But I want do do something more like this:
> json = $.getJSON("test.js");
> alert(json['key']);
>
> Can anyone help me with the proper syntax?
>
> Thanks in advance for any insight.
[jQuery] Merry Xmass
Hi everybody, I don't want you interrupt, but I don't know if you already notice that today is 24th December so at least today you shoold stop working and relax :) Merry Christmas to all of you :) elf from Slovakia
[jQuery] problem with fadein() and image sizes in IE
Hope someone can help out here, I'm new to jquery and can't figure out
what I have done wrong here.
The following code works ok in FF and IE, it is a function that
appends an image to a div and sets the width/height of that image.
function showImage(src,divid,width)
{
var myImage = new Image();
$(myImage).load(function()
{
$(divid).append(this)
});
$(myImage).attr("src", src);
$(myImage).attr("width", width);
$(myImage).attr("height", width/0.75);
}
I have modified the code so that the image fades in. This works fine
in FF but in IE the image displays at its original dimensions and not
at the dimensions I have set in the code.
function showImage(src,divid,width)
{
var myImage = new Image();
$(myImage).load(function()
{
$(this).hide();
$(divid).append(this)
$(this).fadeIn("fast");
});
$(myImage).attr("src", src);
$(myImage).attr("width", width);
$(myImage).attr("height", width/0.75);
}
Anyone any ideas?
Paddy
[jQuery] UI dialog draggable containment option change
Hello everyone,
I'm a newbie in jQuery and have difficulties with setting up the
containtment option in draggable.
I have seen this other post (http://groups.google.com/group/jquery-ui/
browse_thread/thread/8a1672d47767f4a2) but it did not help at all.
Perhaps, my implementation has some essential difference.
I have a jQuery UI dialog widget implemented with draggable enabled.
Now, what I need to do is to restrict the dragging effect of the
dialog so that it is only possible to drag it around within the
browser internal frame borders.
Now, as I understand, this should work like this:
dBox.dialog({
modal: true,
draggable:true,
stack:true,
zIndex:1000
}).draggable({ containment: 'window' });
yet it doesn't...
I made it work by modifying the jQuery UI core, and adding
containment:'window' as a default option value in _makeDraggable
method of a dialog widget:
_makeDraggable: function() {
var self = this,
options = this.options;
this.uiDialog.draggable({
cancel: '.ui-dialog-content',
helper: options.dragHelper,
containment: 'window', // my implementation
handle: '.ui-dialog-titlebar',
start: function() {
self._moveToTop();
(options.dragStart &&
options.dragStart.apply(self.element[0],
arguments));
},
drag: function() {
(options.drag &&
options.drag.apply(self.element[0], arguments));
},
stop: function() {
(options.dragStop &&
options.dragStop.apply(self.element[0],
arguments));
$.ui.dialog.overlay.resize();
}
});
},...
however this doesn't really resolve the problem, because it'll be a
headache if I want to reuse this bundle and have alternative settings.
so, what I need is an advice how to access and reset this containtment
option value from a dialog object instance (perhaps there is an
alternative syntaxis I can use, but as I said, I've tried many things
including the proposal from another google.groups post, it didn't work)
[jQuery] Getting JSON object out of $.getJSON function
I'm trying to do something seemingly simple, but have no idea how to
go about it.
I want to use $.getJSON to grab the data from an external JSON file,
then interact with it outside the scope of the sub-function.
I know how to do this:
$.getJSON("test.js", function(json){
alert(json['key']);
});
But I want do do something more like this:
json = $.getJSON("test.js");
alert(json['key']);
Can anyone help me with the proper syntax?
Thanks in advance for any insight.
[jQuery] problem with fadein() and image sizes in IE
Hope someone can help out here, I'm new to jquery and can't figure out
what I have done wrong here.
The following code works ok in FF and IE, it is a function that
appends an image to a div and sets the width/height of that image.
function showImage(src,divid,width)
{
var myImage = new Image();
$(myImage).load(function()
{
$(divid).append(this)
});
$(myImage).attr("src", src);
$(myImage).attr("width", width);
$(myImage).attr("height", width/0.75);
}
I have modified the code so that the image fades in. This works fine
in FF but in IE the image displays at its original dimensions and not
at the dimensions I have set in the code.
function showImage(src,divid,width)
{
var myImage = new Image();
$(myImage).load(function()
{
$(this).hide();
$(divid).append(this)
$(this).fadeIn("fast");
});
$(myImage).attr("src", src);
$(myImage).attr("width", width);
$(myImage).attr("height", width/0.75);
}
Anyone any ideas?
Paddy
[jQuery] How do I make a partial textarea autocomplete?
Hello, Is there an example of partial autocomplete? By 'partial' I mean, only a part of textarea gets suggestions. Users in my project are supposed to start a message in a textarea with 'Dear ' I want to make this part either clickable like in Office documents custom fields, and when a user is editing this part I want to show a list of options (usernames from a database). I can work out the backend, but I have no clue where to begin to make such a textarea. Please help. Thanks a ton. Sam
[jQuery] excute jcarousel in thickbox
I've tried to do it and the thickbox does work but the jcarousel doesn't. I found it can't get the width of the"li". Is there any way to make this work? Thanks
[jQuery] Re: CSS problem on IE6?
You're welcome!
2008/12/24 Nguyễn Quốc Vinh :
> Fantastic! You really are a expert Thanks so much! I will add your email!
> Hope you can help me a bit in the future!
> Thanks again! I'm verey grateful at you!
>
> 2008/12/23 Diane Nardozzi
>>
>> And your div#page-wrap is off by 1px, so a quick fix would be to make it
>> 892px;
>>
>> For the nav... Take the height off the anchor style...
>>
>> ul.menu-top li a { /*height: 30px;*/
>>
>> -Diane
[jQuery] Re: Validate Plugin: Alpha Only
Jörn Zaefferer, There are way valitade fields like a WYSIWYG editors? Thz On 23 dez, 22:22, "Jörn Zaefferer" wrote: > There are a few additional methods > here:http://jquery.bassistance.de/validate/additional-methods.js(also > included in the download) > > I guess you're looking for the lettersonly method. > > Jörn > > On Wed, Dec 24, 2008 at 12:59 AM, jsrobinson > > wrote: > > > I need to validate a field to only accept A-Z,a-z > > > I don't see a built in rule for this. How would I go about adding my > > own rule? > > > Any help is much appreciated!
[jQuery] Re: jQuery and $.post with PHP and $_POST
Isn't that what $.post is for though?
$("form#test").bind('submit',(function(){
$.post("editcustommenu-new.php",{
menu_bg_colour_selector: $('#menu_bg_colour_selector').val()
});*/
alert('form submitted');
});
Isn't that supposed to pass 'menu_bg_colour_selector' to $_POST? Or am
I mixing something up...
My alert seems to work, but the $.post function doesn't seem to pass
anything to my PHP code.
On Dec 24, 7:40 am, "Karl Rudd" wrote:
> Unless a submit button is explicitly pressed it's value won't be sent.
> So in the case given, since there are no other form elements, nothing
> with be posted to the server.
>
> Karl Rudd
>
> On Wed, Dec 24, 2008 at 11:36 PM, Brett Alton
> wrote:
>
> > How do I get PHP to print JavaScript variables via $_POST? jQuery's
> > $.post doesn't seem to be submitting any data.
>
> > This is a sample of what I have...
>
> > test.php:
> > --
> > > echo '';
> > print_r($_POST);
> > echo ' > ?>
> >
> >
> >
> > --
>
> > jquery.js:
> > --
> > $(document).ready(function()
> > {
> > $("form#test").bind('submit',(function(){
> > $.post("test.php",{
> > // no matter what I put in here, nothing shows up in
> > test.php
> > });
> > });
> > });
> > --
>
> > I've also tried:
>
> > $("form#test").submit(function(){
>
> > instead of bind...
[jQuery] Re: jQuery and $.post with PHP and $_POST
Unless a submit button is explicitly pressed it's value won't be sent.
So in the case given, since there are no other form elements, nothing
with be posted to the server.
Karl Rudd
On Wed, Dec 24, 2008 at 11:36 PM, Brett Alton wrote:
>
> How do I get PHP to print JavaScript variables via $_POST? jQuery's
> $.post doesn't seem to be submitting any data.
>
> This is a sample of what I have...
>
> test.php:
> --
> echo '';
>print_r($_POST);
>echo ' ?>
>
>
>
> --
>
> jquery.js:
> --
> $(document).ready(function()
> {
>$("form#test").bind('submit',(function(){
>$.post("test.php",{
>// no matter what I put in here, nothing shows up in
> test.php
>});
>});
> });
> --
>
> I've also tried:
>
> $("form#test").submit(function(){
>
> instead of bind...
[jQuery] jQuery and $.post with PHP and $_POST
How do I get PHP to print JavaScript variables via $_POST? jQuery's
$.post doesn't seem to be submitting any data.
This is a sample of what I have...
test.php:
--
';
print_r($_POST);
echo '
--
jquery.js:
--
$(document).ready(function()
{
$("form#test").bind('submit',(function(){
$.post("test.php",{
// no matter what I put in here, nothing shows up in
test.php
});
});
});
--
I've also tried:
$("form#test").submit(function(){
instead of bind...
[jQuery] Re: question
WOW!!!
.toSource is amazing!!! thank you again
Dirceu Barquette
2008/12/23 Michael Geary
> So you have a list of the methods of an object and you want to find out
> what the parameters to each method are, is that right?
>
> There are three ways you can do this:
>
> 1) In Firefox, you can call the .toSource() method of an object (including
> a function) to see its source code. For example, try this in the Firebug
> console:
>
> (function foo(a,b,c){}).toSource()
>
> .toSource() isn't available in all browsers.
>
> 2) Of course, if you're doing that, you may as well just go back to the
> original source code, which will also have some comments:
>
> http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js
>
> For most functions, you can search for functionname: to find it. There are
> a few exceptions such as the height() and width() methods - you'll find
> those with a search for Height or Width.
>
> 3) There is the documentation too:
>
> http://docs.jquery.com/Main_Page
>
> -Mike
>
> --
> *From:* *Behalf Of *Dirceu Barquette
> Thanks.
> You are right!
> But, do you have any suggest?
>
> Thank you!
>
> Dirceu Barquette
>
> 2008/12/23 MorningZ
>
>>
>> Advice: more specific subject lines than the ultra vague and useless
>> "question" will get you better and faster help
>>
>>
>>
>> On Dec 23, 6:10 am, "Dirceu Barquette"
>> wrote:
>> > Hi,
>> >
>> > Has anybody a solution?
>> >
>> > showing a few jQuery methods :
>> > var Typeof = {};
>> > for (v in $) {
>> > Typeof = typeof $[v];
>> > $(''+Typeof+' '+v+'
>> > ').appendTo('body');
>> >
>> > }
>> >
>> > Is it possible showing parameters list for each method above?
>> >
>> > thank you!!!
>> >
>> > Dirceu Barquette
>>
>
>
[jQuery] Re: Can datepicker do individual linking?
>
> Thank you, for your time and support. I have a couple of final
> questions and I should be finished.
No problem.
>
>
> 1. In Dreamweaver, 'datepicker' appears as several files
> 'jquery-1.2.6.js', 'ui.datepicker.js', where do I save this new
> script? and do I give it the extension .js?
>
Yes, save it in a new script file with .js extension, e.g., global.js
>
> 2. and for the script I would type
>
> $('#datepicker').datepicker({
> dateFormat: '09-08-22',
> onSelect: function(datestr, inst){
>window.open(09-08-22.html');
> }
>
> });
>
No, the above will not work. The code I pasted in a previous response should
be used as is. It should work if you copy and paste my code. Here it is
again:
$('#datepicker').datepicker({
dateFormat: 'yy-mm-dd',
onSelect: function(datestr, inst){
window.open(datestr + '.html');
}
});
dateFormat accepts a date representation format not an actual date, much
like the PHP date() function but simpler.
Good luck! :)
--
Ca-Phun Ung
+ http://yelotofu.com
+ css, django, hongkong, html, javascript, php
[jQuery] Re: Is this code legitimate?
$('input.required') would be faster.
On Dec 24, 1:52 am, "Rick Faircloth" wrote:
> Is this legit?
>
> $(':input[class$="required"]')
>
> I know it'll work for a div:
>
> $('div[class$="required"]')
>
> but it doesn't seem to work to designate an input
> with a class that has "required" on the end of it's name...
>
> Rick
[jQuery] Re: working in FF but not in IE
I really don't want to use this for this intro, actually I would've
wanted to make the entire website in flash but I don't know it so here
I go... however, I can't seem to make that code work. Nothing happens,
so that suggests, I guess, some kind of syntax error along the
way. anyone?
On 24 Dec, 06:38, Ricardo Tomasi wrote:
> oh god is that a flash-like intro movie with JS?
>
> three words of advice:
> 1. don't do it!
> 2. don't do it!
> 3. use flash for flashy!
>
> Anyway, that's a lot of overhead, you can simply fade the element and
> update the percentage regularly:
>
> $(document).ready(function(){
>
> var per = $('#percentage'),
> logo = $('#logo').fadeTo(2000,0, function(){
> per.fadeTo('slow',0, function(){
> per.text('For life - for fashion - for life').fadeTo
> ('slow',1);
> });
> }),
> function update(){
> var o = Math.floor( logo.css('opacity')*100 );
> s.text( o );
> if (o) setTimeout(update,30);
> }
> update();
>
> });
>
> - ricardo
>
> On Dec 23, 8:24 pm, Althalos wrote:
>
> > So I got help to create a script this far:
> > $(document).ready(function(){
> > var step = 4000;
> > (function(){
> > step -= 40;
> > $("#percentage").text(Math.round((1-step/4000)*100) + '%');
> > if ( step > 0 )
> > $("#logo").fadeTo(40,1-step/4000, arguments.callee);
> > })();
> > setTimeout(function () {
> > $("#percentage").fadeTo("slow",0.01, function () {
> > $("#percentage").text("For life - for fashion - for life").fadeTo
> > ("slow",1);
> > });
> > },6000);
> > setTimeout(function () {
> > window.location = 'http://uf.ekdahlproduction.com/itsvintage2/
> > home.html';
> > },8000);
>
> > });
>
> > At first it seemed to work like a charm, and it really did in FF, but
> > then in IE it didn't work much at all. Both logo-opacity and
> > percentage got stuck, at low opacity and 1%. However, it still
> > replaced the text and faded in/out and continued onto the next page
> > correctly.
>
> > How can I make the fade-in logo update percentage thingy work
> > correctly in IE?
[jQuery] Re: display:none not working in IE
Guess you'll have to provide a more detailed example of the problem
you're experiencing then.
On Dec 24, 12:05 am, "Namrata Vagyani"
wrote:
> This aslo not working :(
>
> On Wed, Dec 24, 2008 at 12:26 PM, ben.hollis wrote:
>
> > That should work, but try $(this).hide() instead. It does the same
> > thing.
>
> > On Dec 23, 10:29 pm, Debby wrote:
> > > Hi,
>
> > > css({'display':'none'}) is not working in IE.
> > > I am trying this in loop, for perticular condition i need to display
> > > none for this case,
> > > so i tried with this
> > > $(this).css({'display':'none'});
> > > but its working fine Mozilla but not in IE
>
> > > Please do needful.
[jQuery] Re: display:none not working in IE
This aslo not working :(
On Wed, Dec 24, 2008 at 12:26 PM, ben.hollis wrote:
>
> That should work, but try $(this).hide() instead. It does the same
> thing.
>
> On Dec 23, 10:29 pm, Debby wrote:
> > Hi,
> >
> > css({'display':'none'}) is not working in IE.
> > I am trying this in loop, for perticular condition i need to display
> > none for this case,
> > so i tried with this
> > $(this).css({'display':'none'});
> > but its working fine Mozilla but not in IE
> >
> > Please do needful.
>
