[jQuery] Selecting each instance separately

[alexander]

Hello everyone,
I've spent 2 hours with this already and I think I must be dumb or
blind since I can't find any hint online.

I've got a couple of galleries as a  in one page



...
...
..





...
...
..


etc.etc.

For EACH of the s SEPARATELY I need to show only 3 s and hide
the rest .

I tried
$(".gallery li:gt(2)").hide();
The result is that only first 3 s are shown and only in first
gallery. The rest is hidden.
I am looking for something like
$(".gallery:each li:gt(2)").hide();

What am I missing ? :)

thanks for ideas.
Alexander

Re: [jQuery] Re: How to validate fields

[Alexander Benatti]

Yes, is this that I want, thanks for your help

2009/12/23 Šime Vidas 

> You mean this?
>
> http://vidasp.net/jquery-example2.html
>

[jQuery] Improvements jQuery.support

[Alexander]

I found this website which has done a great job writing some detection
functions for some of the new html5 capabilities. Perhaps this is
something that could be added to jQuery.support? I don't know the
policies for inclusions, perhaps it's something you rather see people
include themselves. However, I thought I'd post a notice here in case
it hasn't been discovered already:

http://diveintohtml5.org/detect.html#input-types

one example:

function supports_input_placeholder() {
  var i = document.createElement('input');
  return 'placeholder' in i;
}

[jQuery] Extending jQuery.fn and Wordpress issues

[Alexander Nyquist]

Hi!

I'm building a jQuery (1.32) plugin for use with Wordpress (2.85).

My problem is that when i'm extending the jQuery.fn object, the
function is not added to jQuery.fn.

Suppose that the plugin is a simple one like the following.

jQuery.fn.zapp = function()
{
   alert("zapp!");
}

It is registered in jquery.zapp.js like this:

(function($)
{
jQuery.fn.zapp = function()
{
   alert("zapp!");
}
})(jQuery);

When trying to use the plugin in document.ready, the function is not
recognized. If i take a look at jQuery.fn in firebug the function is
not registered.

I have the same problem if I declare my plugin in the original
jquery.js file, as well as in the same document as my document.ready
call.

The only situation that works is when i declare the plugin INSIDE
document.ready.

To me, this is really strange. Am I missing something completely
obvious?

[jQuery] Media Plagin

[Alexander Petrichkovich]

When Video Player is in Full Screen Mode and browser is Google Chrome
then buttons don't work.

[jQuery] Tablesorter, sorting on multiple columns

[Alexander]

When I sort on multiple columns, I would like there to be a difference
in color between the primary column and the secondary column. Any
ideas how I can achieve that? Didn't find anything special about
secondary columns in the DOM I could use in CSS.

[jQuery] Re: jquery ajax not working in mozilla

[Alexander C]

Are you executing that script in the same domain
'http://localhost:3162<http://localhost:3162/VirtualService/RestService.svc/>'
where the rest service is?.

We can't do cross-domain ajax requests. Maybe IE make a exception for their
own REST services.

Atte,

Alexander Cabezas
Gerente de Aplicaciones
Mantecao
www.mantecao.com.ve

58 412 566.14.20
58 212 915.46.15

" be patient to learn a new skill "


On Fri, Aug 28, 2009 at 7:00 AM, praveen  wrote:

>
> hi,
>
> i use jquery and calling my service function by using jQuery ajax. it
> works fine in IE and return data in json format but when i run this in
> firefox this method is not call means ajax method call is not called
> in firefox. where is problem in code here is my code
>
> my service is host on remote server.
>
>
> function InsertList() {
>var list = new Array();
>
>list.push({
>Name: 'John',
>Designation: 'Associate Consultant'
>}, {
>Name: 'David',
>Designation: 'Senior Consultant'
>});
>
>var json = Sys.Serialization.JavaScriptSerializer.serialize(list);
>
>$.ajax({
>url: 'http://localhost:3162/VirtualService/RestService.svc/
> InsertList',
>type: 'PUT',
>contentType: 'application/json;charset=utf-8',
>data: json,
>success: function(response) {
>$('#divResult').html(response.text);
>}
>});
> }
>

[jQuery] Problem with Ajax Cross-Domain

[Alexander Cabezas]

Hi.

When i try to make an ajax request like:
$.get( "http:localhost:3001/account/create.json", SignUp.onComplete );

I get the following error in the firebug ( Net ):
OPTIONS - 405 Method Not Allowed

Is it related to cross-domain request?.

[jQuery] Re: Fade In/Fade Out effect

[Alexander Freiria]

first, try using a combination of a loop to loop through all your "words".

then, fade in the first word[i] with the fadein function

then, using the callback, call the fadeout function

this is very general, i know.

in the callback of function (just thought of this) use the settimeout() and
pass fadeout to the timeout...

On Mon, Aug 10, 2009 at 9:17 PM, jerome  wrote:

>
> Hi all,
>
> At this url - http://thespacebetweenthewords.org/sandbox/
>
> I am attempting to cycle through arrays of words with a FadeIn/FadeOut
> effect.
>
> The array of words displayed doesn't seem to be starting at [0],
> though. I am perhaps missing something with the order in which the
> functions are executing.
>
> If anyone in the community would like to comment on the code as it
> stands so far, any insight is appreciated.




-- 
Regards!

Alexander Freiria - Programmer\Web Developer
http://www.xandercs.com/
xanderco...@gmail.com
954.549.3666

[jQuery] Re: load() event on a tag?

[Alexander Freiria]

try setTimeOut


On Mon, Aug 10, 2009 at 1:28 PM, ebakunin  wrote:

>
> Unfortunately the callback on click() never occurs:
>
> $("#say_hello").click(function() {
>$("body").prepend('')
>$.getScript("js/mail.js");
> }, function() {
>alert("done");
> });
>
>
> As a hack, I can attach the event to the getScript() callback, since
> it takes roughly the same time to load as the stylesheet:
>
> $("#say_hello").click(function() {
>$("body").prepend(' href="css/ php echo Page::JQUERY_UI_CSS; ?>" />')
>$.getScript("js/mail.js", function() {
> $("#say_hello_box").dialog("open");
>});
> });
>
>
> This still doesn't address the original problem, though. Any other
> ideas?
>
> (I really do appreciate the help, Alex)
>
>
> On Aug 10, 10:04 am, Alexander Freiria  wrote:
> > You could dialog box in the callback of the click funciton...
> >
> > $("#say_hello").click(
> >
> >
> >
> >
> >
> > > function() {
> > >$("body").prepend(' > > id="example" href="css/jquery-ui.min.css" />');
> > >$.getScript("js/mail.js");
> > >$("#say_hello_box").dialog("open");
> > > });
> >
> > On Mon, Aug 10, 2009 at 12:51 PM, ebakunin  wrote:
> >
> > > Hello,
> >
> > > When a user clicks a button I dynamically load large CSS and JS files.
> > > I handle it in this way:
> >
> > > $("#say_hello").click(function() {
> > >$("body").prepend(' > > id="example" href="css/jquery-ui.min.css" />');
> > >    $.getScript("js/mail.js");
> > >$("#say_hello_box").dialog("open");
> > > });
> >
> > > It works great, but the problem is that sometimes the dialog box opens
> > > before the CSS has loaded. I would like to add the equivalent of $
> > > ("#example").load(), since using load() does not seem to work. Can
> > > anyone recommend a way to do this? Thanks for the help.
> >
> > --
> > Regards!
> >
> > Alexander Freiria - Programmer\Web Developerhttp://www.xandercs.com/
> > xanderco...@gmail.com
> > 954.549.3666




-- 
Regards!

Alexander Freiria - Programmer\Web Developer
http://www.xandercs.com/
xanderco...@gmail.com
954.549.3666

[jQuery] Re: load() event on a tag?

[Alexander Freiria]

You could dialog box in the callback of the click funciton...

$("#say_hello").click(
>
> function() {
>$("body").prepend(' id="example" href="css/jquery-ui.min.css" />');
>$.getScript("js/mail.js");
>$("#say_hello_box").dialog("open");
> });
>


On Mon, Aug 10, 2009 at 12:51 PM, ebakunin  wrote:

>
> Hello,
>
> When a user clicks a button I dynamically load large CSS and JS files.
> I handle it in this way:
>
> $("#say_hello").click(function() {
>$("body").prepend(' id="example" href="css/jquery-ui.min.css" />');
>$.getScript("js/mail.js");
>$("#say_hello_box").dialog("open");
> });
>
> It works great, but the problem is that sometimes the dialog box opens
> before the CSS has loaded. I would like to add the equivalent of $
> ("#example").load(), since using load() does not seem to work. Can
> anyone recommend a way to do this? Thanks for the help.




-- 
Regards!

Alexander Freiria - Programmer\Web Developer
http://www.xandercs.com/
xanderco...@gmail.com
954.549.3666

[jQuery] How to use jQuery with ImageMap

[Alexander]

I. Aim: First click on imagemap area - select area(highlight). Second
click- deselect area.

II. Very similar example. The result should be like this:
a) HTML code: Click to toggle
b) CSS: .blue { color:blue; }
.highlight { background:yellow; background-color: #1a3654;}
c) JS:
$(document).ready(function(){
  $("p").click(function () {
$(this).toggleClass("highlight");
  });
});

III. I'd found jQuery plugin "Map Hilight". It works great onOver,
hovewer like I said - I need possibility to select/deselect area easily
(onClick).

IV. So how can I do this?

P.S.: developers, thanks for great jQuery features!

[jQuery] Re: Howto detect DOM element from selected text

[Alexander]

Hi and thanks for your answer !

I'm trying to work with the node that contains the text e.g. "John".
But it could be any web page on which I want to select some text and
get the corresponding dom element (node).

My basic approach was to traverse through ALL dom nodes and look if
any of them contains the text that has been selected. If so, return
the node.

Thats why I tried this code: var array =  $("*:contains('SELECTED TEXT
ON THE WEB PAGE')");


Do you understand what I'm trying to do ?

Thanks, Alexander

On 30 Jun., 20:13, Charlie  wrote:
> not sure you've explained what it is you are trying to do
> are you trying to work with "John" and create a selector/method to do it?
> Alexander wrote:Hi there ! I'm stuck with a problem and hope someone can give 
> me the right hint. I am trying to detect the DOM element on a unkown web page 
> from the current selected text on that page. Which means: I select text on a 
> web page and then I would like to get the dom element to which this text 
> belongs. What I came up with was something like that: (imagin we selected the 
> word John on that page) var array = $("*:contains('John')"); ---> get all 
> dom elements that contain the text 'John' But, instead of returning all dom 
> elements that contain 'John' , it returns only the path from the HTML element 
> to the P element that contains the text 'John'. (HTML->Body->P) Did I miss 
> something ? Is there a complete different way to accomplish what I want ? 
> Thanks and good bye, Alexander

[jQuery] Howto detect DOM element from selected text

[Alexander]

Hi there !

I'm stuck with a problem and hope someone can give me the right hint.
I am trying to detect the DOM element on a unkown web page  from the
current selected text on that page.

Which means: I select text on a web page and then I would like to get
the dom element to which this text belongs.

What I came up with was something like that:   (imagin we selected the
word John on that page)

var array = $("*:contains('John')");---> get all dom
elements that contain the text 'John'


But, instead of returning all dom elements that contain 'John' , it
returns only the path from the HTML element to the P element that
contains the text 'John'.  (HTML->Body->P)

Did I miss something ? Is there a complete different way to accomplish
what I want ?


Thanks and good bye,

Alexander

[jQuery] [validate] Question

[Alexander Gornik]

Hi there.

Is there an option if i want required fields to be highligted on blur?
I think it's an obvious requirenment: when user is tabbing through a
large form it's good to validate / highlight required fields on blur,
even if the form wasn't submitted yet.

Can i archive such an behavior?

AW: [jQuery] Re: [autocomplete] - Problem closing autocomplete

[Wende, Alexander]

I found a solution on 
http://stackoverflow.com/questions/609362/jquery-autocomplete-plugin-not-focusing-the-next-clicked-field
 .

"The fix is:

Comment out lines 308-310 of the unpacked version:

//if (wasVisible)// position cursor at end of input field
//$.Autocompleter.Selection(input, input.value.length, input.value.length);And 
from Luca's post, comment out line 510:

//input.focus();These both need to be commented out to make it work properly."

It works!!!

-Ursprüngliche Nachricht-
Von: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] Im Auftrag 
von Tom Worster
Gesendet: Donnerstag, 4. Juni 2009 03:14
An: jquery-en@googlegroups.com; Wende, Alexander
Betreff: [jQuery] Re: [autocomplete] - Problem closing autocomplete


On 6/3/09 10:49 AM, "AlexKV"  wrote:

> If the Autocompleter ist active and I click somewhere else on the page
> to close the autocompleter, the autocompleter inputbox will be
> focused. Can I change this behavior? I want that the autocompleter
> will be closed if I click somewhere and that the clicked element will
> be focused.
> The examples on the Demopages have the same behavior.

it's annoying, isn't it? i tried to sort it out and failed. if you find a
solution, please post it here.

[jQuery] Re: FF3 really slow on a mousemove with lots of divs (more then 5000)

[alexander farkas]

Hello,

instead of:
$(".town").live("mousemove",function(ev){ clearTimeout($timeout);
$target = ev.target; $timeout = setTimeout("showstuff()", 100);});

try something like this:
$('#zoom').bind('mouseover', function(e){
if(e.target.className.indexOf('town') != -1){
$target = e.target;
showStuff();
}
});

On May 23, 2:48 pm, geronimo3  wrote:
> Well my browser percentage is more likely to be 70% FF, so it's goin
> to be a big problem.
> I even tried reducing the firing rate of my event but that doesn't
> help either
>
> On 23 mei, 14:28, runrunforest  wrote:
>
> > it crashes me, recommend you find alternative script.  30% of browser
> > is FF
>
> > On May 23, 4:12 pm, geronimo3  wrote:
>
> > > I have someone else saying it too now So I still have this problem
>
> > > On 23 mei, 11:01, geronimo3  wrote:
>
> > > > Hmm thanks
>
> > > > damn then it is something with my FF then
> > > > I use 3.0.10 btw
>
> > > > On 23 mei, 10:58, waseem sabjee  wrote:
>
> > > > > I just opened it up in FF3. working well. no crash.
>
> > > > > On Sat, May 23, 2009 at 10:49 AM, geronimo3  
> > > > > wrote:
>
> > > > > > I can't figure out how i can improve the speed in my dolumap in FF.
> > > > > > All other browsers seem to do a bit well at least.
>
> > > > > > It seems to crash all the time as soon as I mouseover a colored div.
> > > > > > (Well it just starts lagging too much)
>
> > > > > > I wouldn't recommend opening this when you have other FF tabsor
> > > > > > windows open it will most certainly crash.)
>
> > > > > >http://dolumar.225mb.com/dolumap/test/(Iwouldn'trecommendopening
> > > > > > this when you have other FF tabs or windows open it will most
> > > > > > certainly crash.)
>
> > > > > > or if i reduce the divs it works a bit better
>
> > > > > >http://dolumar.225mb.com/dolumap/test/?max=500

[jQuery] Problem with Ajax Request and Escape

[Alexander Vey]

Hello.
First of all, I'm German, so be warned ;)

I've got a problem and my very hope are you guys (and girls).

Here is my code I use to make a ajax request:
$.ajax(
  $.extend(ajax, {
data: { cmd:'ping', username:session.username,
timestamp:ping.last },
error: function() { that.notifyPingingFailed(); },
success: function(data) {
  if(data.error) { that.notifyPingingFailed(); }
  else { that.notifyPingingFinished(loadResponse(data)); }
}
  })
);
Don't wonder about the $.extend cause I make this kind of request more
than one time and so I've exclude some basic options.

You can see I make a request called 'ping' and exatly this request
tries 30s seconds to get new data from server (PHP). If there are no
changes, the request will return an empty array otherwise the new data
as json.
After that, the request will be called again.

Now my problem:
If I press the escape-button, the request will be canceled. That's
pretty uncool because there's no new request.

Can anyone of you help me?

I've tried to catch the escape-press event this way:
  $(document).keyup(function(e) {
if(e.keyCode == 27) {
  return false;
}
  }

But this isn't helpful cause the request will be still canceled.

Need your help, really ;)

[jQuery] Re: 'Simulating' mouseenter/mouseleave/hover events using $.live

[alexander farkas]

Hello,

i forgot to return the jQuery-object in my live-/die- replacement. So
please add ' return this; ' to the last line of each-methods.

regards
alex

[jQuery] Re: 'Simulating' mouseenter/mouseleave/hover events using $.live

[alexander farkas]

@Gordon
mouseover and mouseenter is not the same. mouseover bubbles mouseenter
not. This means with mouseover/mouseout your handler will be called
everytime you mouseover/mouseout a descendant element. With mouseenter
your eventhandler is pnly called, if the mouse enters your element.
This is the problem, why you need to handle this special with live-
event. To get this work you have to use mouseover to simulate
mouseenter...

regards
alex

btw: using mouseenter/mouseover/mouseleave/mouseout-events with live
can add a lot overhead to your app. I don´t think, that you should use
this unthought. But it will make much sense with the upcomming feature
to bind the listener to another context than document in jquery 1.3.3.

On 23 Apr., 10:24, Gordon  wrote:
> I would have thought you could do it with $('.selector').live
> ('mousrover', myMouseOverFunc).live ('mouseout', myMouseOutFunc);
>
> On Apr 11, 8:36 pm, Walther  wrote:
>
> > I am looking for a way to simulate the actions of the hover (or
> > mouseenter/mouseleave) whilst using the live method of binding (The
> > items are dynamic).
>
> > Is there a way to do this or will I need to use the 'old fashioned'
> > method of unbinding and rebinding? I do not want to use a plugin.

[jQuery] Re: 'Simulating' mouseenter/mouseleave/hover events using $.live

[alexander farkas]

Hello,

I made some changes to the script:

(function($){
var contains = document.compareDocumentPosition ?  function(a, b){
return a.compareDocumentPosition(b) & 16;
} : function(a, b){
return a !== b && (a.contains ? a.contains(b) : true);
},
oldLive = $.fn.live,
oldDie = $.fn.die;

function createEnterLeaveFn(fn, type){
return jQuery.event.proxy(fn, function(e) {
if( this !== e.relatedTarget && !contains(this, 
e.relatedTarget) )
{
e.type = type;
fn.apply(this, arguments);
}
});
}
function createBubbleFn(fn, type){
return jQuery.event.proxy(fn, function(e) {
var parent = this.parentNode;
fn.apply(this, arguments);
if( parent ){
e.type = type;
$(parent).trigger(e);
}
});
}
var enterLeaveTypes = {
mouseenter: 'mouseover',
mouseleave: 'mouseout'
};

$.fn.live = function(types, fn, bubble){
var that = this;
$.each(types.split(' '), function(i, type){
var proxy = fn;
if(bubble){
proxy = createBubbleFn(proxy, 
enterLeaveTypes[type] || type);
}

if(enterLeaveTypes[type]){
proxy = createEnterLeaveFn(proxy, type);
type = enterLeaveTypes[type];
}
oldLive.call(that, type, proxy);
});
};

$.fn.die = function(type, fn){
if(/mouseenter|mouseleave/.test(t.type)){
if(type == 'mouseenter'){
type = 'mouseover';
} else {
type = 'mouseout';
}
}
oldDie.call(this, type, fn);
};

})(jQuery);

Now You can enable bubbling, too.

Example:
var add = function(){
$(this).addClass('over');
},
remove = function(){
$(this).removeClass('over');
}
;
$('ul.nav').each(function(){
//no bubble
$('> li', this)
.live('mouseenter', add)
.live('mouseleave', remove);
//bubbles
$('li li', this)
.live('mouseenter', add, true)
.live('mouseleave', remove, true);
});

regards
alex

On 20 Apr., 16:23, Walther  wrote:
> Thank you!
>
> I'll have a go when I get home later today and let you know how it
> works out. At the very least you've given me a very big starting
> block, and perhaps this will end up in the jQuery core!
>
> On Apr 18, 2:34 am, alexander farkas  wrote:
>
> > You can try the following code for this (only testet with firefox).
>
> > (function($){
> >         var contains = document.compareDocumentPosition ?  function(a, b){
> >                 return a.compareDocumentPosition(b) & 16;
> >         } : function(a, b){
> >                 return a !== b && (a.contains ? a.contains(b) : true);
> >         },
> >         oldLive = $.fn.live,
> >         oldDie = $.fn.die;
>
> >         function createEnterOutFn(fn){
> >                 return jQuery.event.proxy(fn, function(e) {
>
> >                                 if( contains(e.relatedTarget, this) ){
> >                                         e.type = (e.type == 'mouseover') ? 
> > 'mouseenter' : 'mouseleave';
> >                                         //console.log('e')
> >                                         fn.apply(this, arguments);
> >                                 }
> >                         });
> >         }
>
> >         $.fn.live = function(type, fn){
> >                 if(/mouseenter|mouseleave/.test(type)){
> >                         console.log('d')
> >                         fn = createEnterOutFn(fn);
> >                         if(type == 'mouseenter'){
> >                                 type = 'mouseover';
> >  

[jQuery] Re: 'Simulating' mouseenter/mouseleave/hover events using $.live

[alexander farkas]

You can try the following code for this (only testet with firefox).

(function($){
var contains = document.compareDocumentPosition ?  function(a, b){
return a.compareDocumentPosition(b) & 16;
} : function(a, b){
return a !== b && (a.contains ? a.contains(b) : true);
},
oldLive = $.fn.live,
oldDie = $.fn.die;

function createEnterOutFn(fn){
return jQuery.event.proxy(fn, function(e) {

if( contains(e.relatedTarget, this) ){
e.type = (e.type == 'mouseover') ? 
'mouseenter' : 'mouseleave';
//console.log('e')
fn.apply(this, arguments);
}
});
}

$.fn.live = function(type, fn){
if(/mouseenter|mouseleave/.test(type)){
console.log('d')
fn = createEnterOutFn(fn);
if(type == 'mouseenter'){
type = 'mouseover';
} else {
type = 'mouseout';
}
}

oldLive.call(this, type, fn);
};

$.fn.die = function(type, fn){
if(/mouseenter|mouseleave/.test(t.type)){
if(type == 'mouseenter'){
type = 'mouseover';
} else {
type = 'mouseout';
}
}
oldDie.call(this, type, fn);
};

})(jQuery);


you can use it like the normal live/die-methods:

$('a').live('mouseenter', function(e){
console.log(e.type)
});
$('a').live('mouseleave', function(e){
console.log(e.type)
});

but i would call it a plugin:

On 11 Apr., 21:36, Walther  wrote:
> I am looking for a way to simulate the actions of the hover (or
> mouseenter/mouseleave) whilst using the live method of binding (The
> items are dynamic).
>
> Is there a way to do this or will I need to use the 'old fashioned'
> method of unbinding and rebinding? I do not want to use a plugin.

[jQuery] IE6 how can I parse custom XML?

[Alexander Lyabah]

It's works on FF, but not in IE6. Final task - it's just full parse of
XML. But this example already don;t work in IE6.

p = $('')
trace(p.children().length)

in archive of this group i can't find answers. How I can fix this? Or
maybe JQuery have some plugin for this?

[jQuery] IE6 how can I parse custom XML?

[Alexander Lyabah]

It's works on FF, but not in IE6. Final task - it's just full parse of
XML. But this example already don;t work in IE6.

$('#tt').val('')
p = $('')
trace(p.children().length)

in archive of this group i can't find answers. How I can fix this? Or
maybe JQuery have some plugin for this?

[jQuery] How to save "this" context in callbacks

[Alexander]

Goodday!
Could anyone tell me how to save "this" context inside callback?
Here is simple example:

var myClass = jQuery.Class.create({
init: function(){
this.value = "value";

// callback as argument:
someExternalFunction( function() {
this.setValue(); // PROBLEM: "this" is not 
myClass pointer
anymore!
} );
},

setValue: function () {
this.title = "new value";
}
});

[jQuery] Re: Problem jQuery Selecting Input field

[Alexander Gyoshev]

attributeEndsWith selectors:

$("input[id$=':home']")


On Mon, Oct 6, 2008 at 8:27 AM, Faisal Basra <[EMAIL PROTECTED]> wrote:

>
> Yes, right Morningz looks like this.
>
> 
>   
>   
> 
>
> 
>   
>   
> 
>
> 
>   
>   
> 
>
> i want to access input fields, just only specifying home, mobile,name,
> city, street,zip & not as form:input
> please any way ?
>

[jQuery] Re: Order load

[John Alexander Betts Alvear]

The problem is when a table generated by dataTables plugin is loading it
insert in the rows an image that would be loaded after the table.

Excuse me because my native language is spanish, not english.

Regards!



On Thu, Aug 28, 2008 at 5:38 PM, Karl Rudd <[EMAIL PROTECTED]> wrote:

>
> Do you mean the script files? They load/run in the order you place
> them in the HTML file.
>
> Karl Rudd
>
> On Fri, Aug 29, 2008 at 5:08 AM, jbetts80 <[EMAIL PROTECTED]> wrote:
> >
> > Hi! how do I do to specify the order to load every component in the
> > html file?
> > I need to avoid that an component overlaps another component
> >
>

[jQuery] [PLUGINS] Preview: buildBreadcrumb

[Alexander Graef]

This is a preview of the breadcrumbs plugin I am currently working on. I
will have the first release ready soon.

 

http://dev.portalzine.de/index?/buildBreadcrumb

 

Cheers

Alexander

 

-
portalZINER- innovation uncovered

http://www.portalzine.de

 

dev. portalZINER - all about development

http://dev.portalzine.de

 

pro. portalZINER - customized experience
http://pro.portalzine.de
--



 

[jQuery] How to select by id where the id contains a dot?

[Derek Alexander]

Unless I'm mistaken, JQuery (1.2.1) doesn't appear to be able to select by id 
where the id contains a dot.

e.g.



...

// the following does nothing
$("#error.password").append('Required field');



Is this correct, is there any workaround?

Cheers,
D.

[jQuery] selecting an appended element

[Alexander Alexandrov]

-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1

Hello,

I have a problem with jQuery running on IE 6 and i hope you can help me.

I want to dynamically add / remove child elements (items) all with the
same basic structure to a  container. In order to do so, initially
I have the container with a hidden prototype version of the item as the
only child. When a creation of a new item is requeested i simply do
something like

jQuery('.container .item')
.slice(0, 1) // select the prototype (first child)
.clone() // clone the prototype
.show() // display the prototype
.appendTo('.container); // append to the container


Now, the problem is that I once insert the new item I cannot select it
using for instance jQuery('.container .item').

Moreover, if I want to traverse all inserted items with

jQuery('.container .item').each(...);

i only get the initial prototype item in IE. In FF all works fine.

I guess the problem is the internal representation of the DOM in IE that
jQuery uses for selection is not really updated upon calling a modifying
method like append() or prepend()...

I already tried doing document.recalc(); for ie browsers without success.

I hope you understand the problem and can suggest a possible solution.

Cheers,
Alex

- --
Alexander Alexandrov
icq: 72163091

[EMAIL PROTECTED]
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.7 (MingW32)
Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org

iD8DBQFHLSFEvnm3M1kXDXURAlcYAJ9nqEujo+YmJCWcl8SzWH1iUnLeRwCfQ8qP
PCrJw1dcEqbE1VpCSC+tsdI=
=0c0/
-END PGP SIGNATURE-

[jQuery] Re: Queueing and Dequeueing AJAX calls

[Alexander Bilbie]

What about using timeouts:

var action = setTimeout(function(){
$.ajax({ yada yada});
}, 1);


$('#undo').click(function(){ clearTimeout('action'); });

[jQuery] Re: validation plugin: validation of checkboxes fail

[Alexander Graef]

Did a workaround that I should have thought of before :), using the provided
submitHandler function.

For those looking for a similar solution, here it is :

$("#Form").validate({
submitHandler: function(form) {

$(".multi").each(function(i){

var val = $(this).attr("name");
$(this).attr("name", val+"[]");
   }

    );

    $(form).submit();
}
});

Cheers
Alexander

--
portalZINE®- innovation uncovered
http://www.portalzine.de
 
dev. portalZINE® - all about development
http://dev.portalzine.de
 
pro. portalZINE® - customized experience
http://pro.portalzine.de
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Alexander Graef
Sent: Thursday, October 11, 2007 7:52 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: validation plugin: validation of checkboxes fail


Hi,
thanks :) How would I reference the name for the rule and message
preferences ?

Using test[] would break the javascript, can I use 'test[]' as the key
value? 

Will give it a try.

Cheers
Alexander  
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Jörn Zaefferer
Sent: Thursday, October 11, 2007 6:26 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: validation plugin: validation of checkboxes fail


Alexander Graef schrieb:
> Hi,
>
> For the multi select:
> 
>   one
>   two
>   three
>   four
>   five
> 
>
> This allows you to pass the selected items via a form post and receive
them
> as an array.
>
> Same applies for the checkboxes:
>
> Steak:
> Pizza:
> Chicken:
>   
If your serverside prefers that format, thats the way to go. The 1.1 
release may have a problem with those, until 1.2, please give the latest 
revision a try: http://dev.jquery.com/view/trunk/plugins/validate/

Regards
Jörn


__ NOD32 2586 (20071011) Information __

This message was checked by NOD32 antivirus system.
http://www.eset.com




__ NOD32 2586 (20071011) Information __

This message was checked by NOD32 antivirus system.
http://www.eset.com

[jQuery] Re: validation plugin: validation of checkboxes fail

[Alexander Graef]

Hi,
thanks :) How would I reference the name for the rule and message
preferences ?

Using test[] would break the javascript, can I use 'test[]' as the key
value? 

Will give it a try.

Cheers
Alexander  
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Jörn Zaefferer
Sent: Thursday, October 11, 2007 6:26 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: validation plugin: validation of checkboxes fail


Alexander Graef schrieb:
> Hi,
>
> For the multi select:
> 
>   one
>   two
>   three
>   four
>   five
> 
>
> This allows you to pass the selected items via a form post and receive
them
> as an array.
>
> Same applies for the checkboxes:
>
> Steak:
> Pizza:
> Chicken:
>   
If your serverside prefers that format, thats the way to go. The 1.1 
release may have a problem with those, until 1.2, please give the latest 
revision a try: http://dev.jquery.com/view/trunk/plugins/validate/

Regards
Jörn


__ NOD32 2586 (20071011) Information __

This message was checked by NOD32 antivirus system.
http://www.eset.com

[jQuery] Re: validation plugin: validation of checkboxes fail

[Alexander Graef]

Hi,

For the multi select:

one
two
three
four
five


This allows you to pass the selected items via a form post and receive them
as an array.

Same applies for the checkboxes:

Steak:
Pizza:
Chicken:

When I said, a unique name is required, I was not refering to the specs, but
to the retrieval of information. So either allow the values to be passed as
an array or use an unique name for each and allow the grouping of them with
another attribute for validation.
 
Cheers
Alexander

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Jörn Zaefferer
Sent: Wednesday, October 10, 2007 8:30 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: validation plugin: validation of checkboxes fail


Alexander Graef schrieb:
> [...]
> This is a wrong scenario, as normally each checkbox has its own unique
name within a form. The validation fails if the names are different for each
checkbox. How do I chain them for validation with each checkbox having its
own name ?
>  [...]
>
I have no idea how to identify a group of checkboxes without a common 
name. And this is the first time I read that checkboxes need a unique 
name. The HTML spec 
(http://www.w3.org/TR/html401/interact/forms.html#checkbox) says:

 > Several checkboxes in a form may share the same control name. 
<http://www.w3.org/TR/html401/interact/forms.html#control-name> Thus, 
for example, checkboxes allow users to select several values for the 
same property.

Could you recheck your resources?

-- Jörn


__ NOD32 2584 (20071010) Information __

This message was checked by NOD32 antivirus system.
http://www.eset.com

[jQuery] Re: EXTjs and Jquery

[Alexander Bilbie]

It's worth noting here that if you are only using small parts of Ext then
download a custom EXT because it is quite a bloat when you've got
everything, but otherwise EXT is fantastic at creating UI's

On 05/10/2007, NccWarp9 <[EMAIL PROTECTED]> wrote:
>
>
> This thing looks asome.
>
> On Oct 4, 9:08 pm, Steve Brownlee <[EMAIL PROTECTED]> wrote:
> > Brook:
> >
> > Yes, and it's a match made in heaven because jQuery is, in my opinion,
> > unmatched at DOM traversing, event handling and element manipulation.
> > Ext, as you notice when you're drooling, is by far the best framework
> > for making things pretty.
> >
> > As for working together, as long as you download the adapter, it's a
> > completely transparent relationship with no hoops to jump through or
> > obscure tricks you have to learn.  Also, if you're not familiar with
> > jQuery, or don't want to learn two frameworks at once, there is no
> > need since Ext has it's own DOM methods.
> >
> > The current application I'm developing is going to blow the users
> > away.  I find myself very impressed on how Ext makes it easy to
> > implement widgets, and also how great it looks.
> >
> > On Oct 4, 11:07 am, "Brook Davies" <[EMAIL PROTECTED]> wrote:
> >
> >
> >
> > > Steve,
> >
> > > You mention that you use extJS and jQuery. How do they work together
> and how
> > > is this a beneficial relationship? I drool when I see the ext demos.
> >
> > > How do the two technologies play together?
> >
> > > BrookD- Hide quoted text -
> >
> > - Show quoted text -
>

[jQuery] Re: Dimensions plugin, offset['top'] returns 0 regardless of position

[Alexander Bilbie]

I may be wrong on this but I think it should be:

f...n findHeight elem, bottomPad
   var height = 0;
   var windowHeight = $(window).height();
   var elemOffset = $(elem).offset();
   var elementTop = elemOffset.top;// <- you
stick .top on the end instead of ['top']
   height = windowHeight - elementTop - bottomPad;
   return height;

On 07/10/2007, jarrod <[EMAIL PROTECTED]> wrote:
>
>
>
> I'm finding that the Dimensions plugin sometimes doesn't return the "top"
> position of an element, just returns zero. (Sometimes works perfectly
> though.)
>
> Here is my code, sanitized for the forum software.
>
> // Finds the height that an element should be to be X number of pixels
> from
> the
> // bottom of the window using JQuery Dimensions plugin.
> f...n findHeight elem, bottomPad
> var height = 0;
> var windowHeight = $(window).height();
> var elemOffset = $(elem).offset();
> var elementTop = elemOffset['top'];
> height = windowHeight - elementTop - bottomPad;
> return height;
>
> What happens is that sometimes the elemOffset just turns out to be 0, 0,
> 0,
> 0 even though the element is pushed down in the window. I've tried setting
> "relativeTo body" but that doesn't help.
>
> Background: I'm trying to the bottom of some element is always 20 px from
> the bottom of the window. I don't want to use absolute positioning on this
> particular element because that would mess up a bunch of other things. I'm
> trying to calculate element height that would put the bottom where I want
> it.
>
> Any help would be greatly appreciated.
>
> Thanks!
>
> E
> --
> View this message in context:
> http://www.nabble.com/Dimensions-plugin%2C-offset-%27top%27--returns-0-regardless-of-position-tf4581708s27240.html#a13078975
> Sent from the jQuery General Discussion mailing list archive at Nabble.com
> .
>
>


-- 
Kind Regards,
Alex Bilbie

Freelance website and graphics design
Quite Good Media Ltd

m: 07923 272797

[jQuery] validation errors

[Alexander Graef]

I am using the validation plugin and I can not get multi-selects working. As
soon as I send the multi select as an array, validation fails or does not
trigger.

 

Also my previous message about the checkboxes not validating. How can I
validate a group of checkboxes that have different names. Only works if
checkboxes have the same name.

 

 

Thanks

Alexander

 

 

[jQuery] validation plugin: validation of checkboxes fail

[Alexander Graef]

I think there is an error in the validation plugin from Jörn.

 

When validating checkboxes the plugin only accepts the following format.

 


 Marketflash


Latest
fuzz

 
This is a wrong scenario, as normally each checkbox has its own unique name
within a form. The validation fails if the names are different for each
checkbox. How do I chain them for validation with each checkbox having its
own name ?
 

 Marketflash


Latest
fuzz


 

Cheers

Alexander

[jQuery] Re: ajaxcfc - if ajax call fails - how does it get handled?

[Alexander Bilbie]

It's just 'failure' then function etc..

So from your script:


$.AjaxCFC({
 url: "/packages/ajax/primaryInvitee
.cfc",
 method: "addInvitee",
 data: options,
 success: function(r) {
   thisCheck = "check_" + r.LOGINID;
   thisLoad = "load_" + r.LOGINID;
   if(r.RESULT > 0){

$('#'+thisLoad).attr("src","/pics/icon_tick_grey.gif");
   }else{
   $('#'+thisCheck).css("display","");
   $('#'+thisLoad).css("display","none");
   }
   //sDumper(r);
 },
failure: function(r) {
$('#'+thisCheck).css("display","");
$('#'+thisLoad).css("display","none");
}
})




On 24/09/2007, Duncan <[EMAIL PROTECTED]> wrote:
>
>
> I have a page that submits checkboxes as they are checked on the way
> down a form.
>
> The click hides the checkbox for a loading gif, submits the ID via
> ajax, and on its return changes the loading icon to a tick image.
>
> What I want to know is how to handle a failure of the ajax request.
>
> currently I have the following:
>
> $.AjaxCFC({
>   url: "/packages/ajax/primaryInvitee.cfc",
>   method: "addInvitee",
>   data: options,
>   success: function(r) {
> thisCheck = "check_" + r.LOGINID;
> thisLoad = "load_" + r.LOGINID;
> if(r.RESULT > 0){
>
> 
> $('#'+thisLoad).attr("src","/pics/icon_tick_grey.gif");
> }else{
> $('#'+thisCheck).css("display","");
> $('#'+thisLoad).css("display","none");
> }
> //sDumper(r);
>   }
>
> I cant find a failure equivalent to "success:".
>
> What about a timeout? How would I handle this?
>
> Thanks in advance!
>
> --
> Duncan I Loxton
> [EMAIL PROTECTED]
>



-- 
Kind Regards,
Alex Bilbie

Freelance website and graphics design
Quite Good Media Ltd

m: 07923 272797

[jQuery] Re: jQueryHelp Forum Launched

[Alexander Bilbie]

http://www.jqueryhelp.com/

On 21/09/2007, Scott Sauyet <[EMAIL PROTECTED]> wrote:
>
>
> [EMAIL PROTECTED] wrote:
> > Just an FYI for everyone, I've launched a jQuery Forum to offer an
> > alternative method of discussion.
> > [ ... ]
> >
> > Hope to see some of you there!
>
> Where's there?  :)
>
>-- Scott
>
>


-- 
Kind Regards,
Alex Bilbie

Freelance website and graphics design
Quite Good Media Ltd

m: 07923 272797

[jQuery] Filtering through XML for Live Search

[Alexander Bilbie]

Hi there,

I am trying to create a live search by filtering through XML.

The XML structure is as follows:



1
Joe Bloggs
7B
7


2
John Doe
7B
7

etc...


The html input is:


and then below that is a div called 'suggest'

The javascript I've come up with so far is:

$(function() {
$.ajax({type: "GET",url: " studentsxml.php", dataType: "xml",
success:
function(xmlData)
{
xml = xmlData;
}
});

});

function suggestStud(name){
$("sname:contains("+name+")", xml).each(function(i){
$('#suggest').html($(this).text()+"");
});

}

However it's not returning a list of names that contain the input. Any
pointers?

Many thanks

[jQuery] Re: [SITE SUBMISSION] GAME.co.uk

[Alexander Bilbie]

On 20/09/2007, Michael Stuhr <[EMAIL PROTECTED]> wrote:
>
>
> Peter Bengtsson schrieb:
> > Loading the homepage made my computer feel sluggish. 11 scripts and a
> > total of 74 requests for the homepage!! Not good a good "advert" for
> > jQuery. Together with the post-loaded XML and Flash and stuff I think
> > the site is better served as a BitTorrent :)
> >
> but before you should check if there's some bytes to safe:
>
> 87 KB CSS ... well the page indeed looks good, but i'm sure there's some
> optimization possible.
>
> 22KB png ... https://img.game.co.uk/css/gameUK/img/bg/tl.png wtf ? is
> this really only white ? ...


Yeah it's a solid white png lol

137 KB scripts ... can i ask: "for what?" ? where are all that scripts
> good for (i hope it's not for tracking puposes ?!)
>
> besides that:
> it looks good. plus the site seems to be not too bad when it comes to
> accessibility.
>
> micha
>
>
>

[jQuery] [Announce] Horizontal Accordion plugin 1.00 alpha

[Alexander Graef]

I have just moved my horizontal Accordion tutorial to a real jQuery plugin.
The plugin provides extensive options to configure its layout and behaviour.

 

More about it here:

http://dev.portalzine.de/index?/Horizontal_Accordion--print

 

It is still an alpha release, which has only been tested on IE and Firefox
so far. Will be doing some more work on it next week, so enjoy the
pre-release :-) 

 

Have a nice weekend and btw jQuery 1.2 rocks ;)

 

Cheers

Alexander

 

 

-

portalZINE(R)- innovation uncovered 

 <http://www.portalzine.de> http://www.portalzine.de

 

dev.portalZINE(R) - all about development

 <http://dev.portalzine.de> http://dev.portalzine.de

 

pro.portalZINE(R) - customized experience

http://pro.portalzine.de

 

[jQuery] Re: My Jquery-Tab plugin allow selectable remote tab and add oninit even function

[twe . alexander]

Dear Klaus,

Sorry~I wasn't trying to make you feel bad on purposed.
I'll fixed my title~

And I just want to share how to do that patch~

Best Regard,
Tung

On Jul 27, 4:21 pm, Klaus Hartl <[EMAIL PROTECTED]> wrote:
> Stephan Beal wrote:
> > b) i would recommend renaming your file from jquery.tabs.js to avoid a
> > name conflict with Klaus' tabs.
>
> To be honest, to me that is a patch for my plugin, but not a new plugin.
>
> --Klaus

[jQuery] Re: [Off-Topic] CSS Combine Images

[Alexander Graef]

Thanks for the input. The image formats are not really an issue, just not
supported at this stage of the project :) And this is a cross platform tool,
currently running on windows and mac, soon linux. Just had no time to test
it on Linux yet.

Cheers
Alexander

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Christof Donat
Sent: Friday, July 27, 2007 10:09 AM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: [Off-Topic] CSS Combine Images


Hi,

> I have done this in php with gd and ImageMagick in the past, but this a
> desktop application  that will allow more finegrained control of the
> combined output image and the source handling in the future.

montage is a CLI tool with fairly finegrained control of the combined 
output ;-) However I just whanted to add some thoughts.

Have you thought of using Qt for the GUI? Qt also gives you some image 
manipulation functions and can handle various formats as well. Btw you win a

cross platform desktop application for Windows, MacOS X and various X11
based 
platforms like e.g. Linux, Solaris or the BSDs. Qt itself is a C++ library, 
but there are bindings to many other languages as well, like e.g. Python, 
Perl, Java, etc.

> Sure there are 
> many options to do it, I even created a photoshop action to do it, but
none
> of these are really doing the trick for me. Just sharing :)

ScriptFoo goes further than photoshop actions. Actually you get a touring 
complete language to manipulate even every single pixel of some set of
images 
if you like. You can do the UI with GTK then. AFAIK photoshop actions are
not 
really much more than a recoded pattern of appling existing Photoshop tools.

Actually I was wandering why the available image formats should be an issue.

That is why I guess you have not been able to find the best tools for that. 
In my experience most image formats are no issue for desktop applications 
nowadays. Even if none of the easy ways like integrating into Gimp or using 
Qt is an option for you, you can always call e.g. the netpbm tools to read 
any input or generate any output format you like.

Christof


__ NOD32 2424 (20070726) Information __

This message was checked by NOD32 antivirus system.
http://www.eset.com

[jQuery] Re: [Off-Topic] CSS Combine Images

[Alexander Graef]

I have done this in php with gd and ImageMagick in the past, but this a
desktop application  that will allow more finegrained control of the
combined output image and the source handling in the future. Sure there are
many options to do it, I even created a photoshop action to do it, but none
of these are really doing the trick for me. Just sharing :)

Alexander
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Christof Donat
Sent: Friday, July 27, 2007 9:22 AM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: [Off-Topic] CSS Combine Images


Hi,

> I have been using this technique for some time now and always searched for
> a tool that would help me combine those images easily, but never
succeeded.
> That is why I decided to build my own :)

Have you had a look at ImageMagick? The ImageMagick tool montage should do 
what you need. I guess you could also profit from writing a GIMP script foo 
if ImageMagick is not an alternative for you.

I don't whant to neglect your efforts, just give you some tips how to
overcome 
your current restrictions almost for free. I guess you would have a hard
time 
to find an image format usable for the web that is not supported by GIMP, 
extending the script to multiple rows is very simple and you have any
scaling 
and extending functions you might whant to have for images with different 
sizes.

Christof


__ NOD32 2424 (20070726) Information __

This message was checked by NOD32 antivirus system.
http://www.eset.com

[jQuery] My Jquery-Tab plugin allow selectable remote tab and add oninit even function

[twe . alexander]

Hi all,

Happy to share this plugin!
It is base on Klaus's tab plugin.
http://www.twe-market.com/tab/#remote-tab-4

Regards,
Tung

[jQuery] Re: [Off-Topic] CSS Combine Images

[Alexander Graef]

Just google for it, there are many many sources that have dealt with this
over the years. 

Here are some:

 

http://www.alistapart.com/articles/slidingdoors2/

http://www.websiteoptimization.com/speed/tweak/combine/

http://www.quate.net/newsnet/read.php?id=48

http://wellstyled.com/css-nopreload-rollovers.html 

Cheers

Alexander

  _  

From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Mitchell Waite
Sent: Friday, July 27, 2007 4:01 AM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: [Off-Topic] CSS Combine Images

 

I think this is a cool idea, but what is needed is an example so we can see
how valuable it is.

A nice example would show the slow way vs your sliced way and see how they
compare.

 

From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Alexander Graef
Sent: Thursday, July 26, 2007 3:22 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] [Off-Topic] CSS Combine Images

 

Normally for each image on a webpage a separate request to the webserver is
required, each taking as much as a hundred millisecond. Does not sound much,
but can add up fast. 

 

There is an easy way to overcome this by combining images into one single
image and address the single images using CSS. 

 

CSS for 1st image in row:

background-image : url(combined.png);

background-position : 0px -16px; 

 

CSS for 2nd image in row:

background-image : url(combined.png);

background-position : 0px -32px;

 

I have been using this technique for some time now and always searched for a
tool that would help me combine those images easily, but never succeeded.
That is why I decided to build my own :)

 

This small tool allows you to choose an image directory and combine all png
images into one single image. Its still in its alpha stage and far from
feature complete ;)

 

Current restrictions:

- Only png images are allowed.

- Only one row.

- All source images must have the same size.

 

Planned features:

- Linux version

- Multiple rows

- Multiple source sizes

- Multiple input formats

- Image selection and sort options

- Drag & drop grid to place images

 

I am sure some of you might see some use for this.

 

Enjoy

Alexander

 

-

portalZINE(R)- innovation uncovered 

 <http://www.portalzine.de> http://www.portalzine.de

 

dev.portalZINE(R) - all about development

 <http://dev.portalzine.de> http://dev.portalzine.de

 

pro.portalZINE(R) - customized experience

http://pro.portalzine.de

 



__ NOD32 2424 (20070726) Information __

This message was checked by NOD32 antivirus system.
http://www.eset.com

[jQuery] Re: [Off-Topic] CSS Combine Images

[Alexander Graef]

The technique is years old and has been used in many different ways over the
years. Just trying to ease the way to build the combined images.

 

Cheers

Alexander

 

  _  

From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Olivier Percebois-Garve
Sent: Friday, July 27, 2007 4:24 AM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: [Off-Topic] CSS Combine Images

 

This is a well-know technique. If I remember right, credits goes to
http://wellstyled.com/css-nopreload-rollovers.html

-Olivier

Mitchell Waite wrote: 

I think this is a cool idea, but what is needed is an example so we can see
how valuable it is.

A nice example would show the slow way vs your sliced way and see how they
compare.

 

From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Alexander Graef
Sent: Thursday, July 26, 2007 3:22 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] [Off-Topic] CSS Combine Images

 

Normally for each image on a webpage a separate request to the webserver is
required, each taking as much as a hundred millisecond. Does not sound much,
but can add up fast. 

 

There is an easy way to overcome this by combining images into one single
image and address the single images using CSS. 

 

CSS for 1st image in row:

background-image : url(combined.png);

background-position : 0px -16px; 

 

CSS for 2nd image in row:

background-image : url(combined.png);

background-position : 0px -32px;

 

I have been using this technique for some time now and always searched for a
tool that would help me combine those images easily, but never succeeded.
That is why I decided to build my own :)

 

This small tool allows you to choose an image directory and combine all png
images into one single image. Its still in its alpha stage and far from
feature complete ;)

 

Current restrictions:

- Only png images are allowed.

- Only one row.

- All source images must have the same size.

 

Planned features:

- Linux version

- Multiple rows

- Multiple source sizes

- Multiple input formats

- Image selection and sort options

- Drag & drop grid to place images

 

I am sure some of you might see some use for this.

 

Enjoy

Alexander

 

-

portalZINE(R)- innovation uncovered 

 <http://www.portalzine.de> http://www.portalzine.de

 

dev.portalZINE(R) - all about development

 <http://dev.portalzine.de> http://dev.portalzine.de

 

pro.portalZINE(R) - customized experience

http://pro.portalzine.de

 




__ NOD32 2424 (20070726) Information __

This message was checked by NOD32 antivirus system.
http://www.eset.com

[jQuery] Re: [Off-Topic] CSS Combine Images

[Alexander Graef]

Link:

 <http://dev.portalzine.de/index?/pzImageCombine--print>
http://dev.portalzine.de/index?/pzImageCombine--print

 

Sorry

Alexander

  _  

From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Alexander Graef
Sent: Friday, July 27, 2007 12:22 AM
To: jquery-en@googlegroups.com
Subject: [jQuery] [Off-Topic] CSS Combine Images

 

Normally for each image on a webpage a separate request to the webserver is
required, each taking as much as a hundred millisecond. Does not sound much,
but can add up fast. 

 

There is an easy way to overcome this by combining images into one single
image and address the single images using CSS. 

 

CSS for 1st image in row:

background-image : url(combined.png);

background-position : 0px -16px; 

 

CSS for 2nd image in row:

background-image : url(combined.png);

background-position : 0px -32px;

 

I have been using this technique for some time now and always searched for a
tool that would help me combine those images easily, but never succeeded.
That is why I decided to build my own :)

 

This small tool allows you to choose an image directory and combine all png
images into one single image. Its still in its alpha stage and far from
feature complete ;)

 

Current restrictions:

- Only png images are allowed.

- Only one row.

- All source images must have the same size.

 

Planned features:

- Linux version

- Multiple rows

- Multiple source sizes

- Multiple input formats

- Image selection and sort options

- Drag & drop grid to place images

 

I am sure some of you might see some use for this.

 

Enjoy

Alexander

 

-

portalZINE(R)- innovation uncovered 

 <http://www.portalzine.de> http://www.portalzine.de

 

dev.portalZINE(R) - all about development

 <http://dev.portalzine.de> http://dev.portalzine.de

 

pro.portalZINE(R) - customized experience

http://pro.portalzine.de

 



__ NOD32 2424 (20070726) Information __

This message was checked by NOD32 antivirus system.
http://www.eset.com

[jQuery] [Off-Topic] CSS Combine Images

[Alexander Graef]

Normally for each image on a webpage a separate request to the webserver is
required, each taking as much as a hundred millisecond. Does not sound much,
but can add up fast. 

 

There is an easy way to overcome this by combining images into one single
image and address the single images using CSS. 

 

CSS for 1st image in row:

background-image : url(combined.png);

background-position : 0px -16px; 

 

CSS for 2nd image in row:

background-image : url(combined.png);

background-position : 0px -32px;

 

I have been using this technique for some time now and always searched for a
tool that would help me combine those images easily, but never succeeded.
That is why I decided to build my own :)

 

This small tool allows you to choose an image directory and combine all png
images into one single image. Its still in its alpha stage and far from
feature complete ;)

 

Current restrictions:

- Only png images are allowed.

- Only one row.

- All source images must have the same size.

 

Planned features:

- Linux version

- Multiple rows

- Multiple source sizes

- Multiple input formats

- Image selection and sort options

- Drag & drop grid to place images

 

I am sure some of you might see some use for this.

 

Enjoy

Alexander

 

-

portalZINE(R)- innovation uncovered 

 <http://www.portalzine.de> http://www.portalzine.de

 

dev.portalZINE(R) - all about development

 <http://dev.portalzine.de> http://dev.portalzine.de

 

pro.portalZINE(R) - customized experience

http://pro.portalzine.de

 

[jQuery] Re: ANNOUNCE: Horizontal Accordion 0.51

[Alexander Graef]

Not sure why this got posted multiple times, only submitted once.

 

Sorry

Alexander

  _  

From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Alexander Graef
Sent: Tuesday, July 17, 2007 5:12 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] ANNOUNCE: Horizontal Accordion 0.51

 

Hi,

Did some updates to the way the horizontal accordion works. You can find the
new download and example here:

http://dev.portalzine.de/index?/Horizontal_Accordion--print

 

I will be moving this to a plugin for a more generic approach for version
0.6.

 

Enjoy

Alexander

 

-

portalZINE(R)- innovation uncovered 

 <http://www.portalzine.de> http://www.portalzine.de

 

dev.portalZINE(R) - all about development

 <http://dev.portalzine.de> http://dev.portalzine.de

 

pro.portalZINE(R) - customized experience

http://pro.portalzine.de

 



__ NOD32 2402 (20070717) Information __

This message was checked by NOD32 antivirus system.
http://www.eset.com

[jQuery] ANNOUNCE: Horizontal Accordion 0.51

[Alexander Graef]

Hi,

Did some updates to the way the horizontal accordion works. You can find the
new download and example here:

http://dev.portalzine.de/index?/Horizontal_Accordion--print

 

I will be moving this to a plugin for a more generic approach for version
0.6.

 

Enjoy

Alexander

 

-

portalZINE(R)- innovation uncovered 

 <http://www.portalzine.de> http://www.portalzine.de

 

dev.portalZINE(R) - all about development

 <http://dev.portalzine.de> http://dev.portalzine.de

 

pro.portalZINE(R) - customized experience

http://pro.portalzine.de

 

[jQuery] Re: ANNOUNCE: Horizontal Accordion 0.51

[Alexander Graef]

Concerning 1: 

This can currently be changed by moving the click handler infront of the
content layer, those are currently simple floats. The plugin will create
those on the fly, giving you the option to place them before or after.

 

Concerning 2:

Yeah something I am currently working on, was already on my list of things
to do :-)

 

Thanks for the feedback

 

Alexander

  _  

From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Jack Killpatrick
Sent: Tuesday, July 17, 2007 6:33 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: ANNOUNCE: Horizontal Accordion 0.51

 

This looks really nice. Some feedback: 

1. I expect the contents to open to the right of it's "header", not to the
left. Is that configurable? And if not, it'd be nice if you can make it so
(when you make it a plugin).

2. when clicking the header for an item that's already open, I don't see why
it should reopen itself. If there's not a reason I'm missing, it'd be nice
to have it just not do anything (to signify that it's already open)

Lookin' good!

- Jack

Alexander Graef wrote: 

Hi,

Did some updates to the way the horizontal accordion works. You can find the
new download and example here:

http://dev.portalzine.de/index?/Horizontal_Accordion--print

 

I will be moving this to a plugin for a more generic approach for version
0.6.

 

Enjoy

Alexander

 

-

portalZINE(R)- innovation uncovered 

 <http://www.portalzine.de> http://www.portalzine.de

 

dev.portalZINE(R) - all about development

 <http://dev.portalzine.de> http://dev.portalzine.de

 

pro.portalZINE(R) - customized experience

http://pro.portalzine.de

 

 




__ NOD32 2402 (20070717) Information __

This message was checked by NOD32 antivirus system.
http://www.eset.com

[jQuery] ANNOUNCE: Horizontal Accordion 0.51

[Alexander Graef]

Hi,

Did some updates to the way the horizontal accordion works. You can find the
new download and example here:

http://dev.portalzine.de/index?/Horizontal_Accordion--print

 

I will be moving this to a plugin for a more generic approach for version
0.6.

 

Enjoy

Alexander

 

-

portalZINE(R)- innovation uncovered 

 <http://www.portalzine.de> http://www.portalzine.de

 

dev.portalZINE(R) - all about development

 <http://dev.portalzine.de> http://dev.portalzine.de

 

pro.portalZINE(R) - customized experience

http://pro.portalzine.de

 

[jQuery] Re: ANNOUNCE: Horizontal Accordion 0.51

[Alexander Graef]

Glad you enjoy it. Well most of the behaviour right now is intentional, as
that is how I designed it. This will change once I moved it to a plugin. 

 

So now that I have the proof of concept working, I can dive into making it
as easy as possible for everyone else to use :-) Will also deal with
different closing / opening patterns for the accordion.

 

Concerning the white, this is related to the click handler and its
background image, but something I am working on :-)

 

Thanks for the feedback

 

Cheers

Alexander

 

  _  

From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Andy Matthews
Sent: Tuesday, July 17, 2007 5:34 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: ANNOUNCE: Horizontal Accordion 0.51

 

Ah yes...the text box is much better looking this time. Plus you resolved
that display issue with using show/hide.

 

Only one additional comment..I'd like to see the thing feel more responsive.
Currently you're completely closing one blade before opening another. Any
chance of closing one and opening another at the same time? That's usually
the default behavior for accordions.

 

One more thing...this is more of a design issue, than a code issue, but I'd
like to see the far left blade be fixed in position. It can have content,
but it would never move. Possibly related to this is that when the blade
opens, the text pushes right up against the left side of the following blade
(which is good IMO), but when it closes, there's a small window of white
(about 2 inches wide) which appears and covers the text as it slides to the
left. I think it would look better if that white box weren't there.

 

Well done my friend! This is something that I think a lot of people will get
use from. You should be proud.

 

  _  

From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Alexander Graef
Sent: Tuesday, July 17, 2007 10:08 AM
To: jquery-en@googlegroups.com
Subject: [jQuery] ANNOUNCE: Horizontal Accordion 0.51

Hi,

Did some updates to the way the horizontal accordion works. You can find the
new download and example here:

http://dev.portalzine.de/index?/Horizontal_Accordion--print

 

I will be moving this to a plugin for a more generic approach for version
0.6.

 

Enjoy

Alexander

 

-

portalZINE(R)- innovation uncovered 

 <http://www.portalzine.de> http://www.portalzine.de

 

dev.portalZINE(R) - all about development

 <http://dev.portalzine.de> http://dev.portalzine.de

 

pro.portalZINE(R) - customized experience

http://pro.portalzine.de

 

 



__ NOD32 2402 (20070717) Information __

This message was checked by NOD32 antivirus system.
http://www.eset.com

[jQuery] Re: ANNOUNCE: Horizontal Accordion 0.51

[Alexander Graef]

Well this is most likely related to the background image loading. Should not
happen if you assign a solid colour for the background instead.

Alexander 
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Rey Bango
Sent: Tuesday, July 17, 2007 5:17 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: ANNOUNCE: Horizontal Accordion 0.51


Another odd behavior that seems isolated to IE. If I hover over any of 
the panels prior to the page fully loading, you'll see them kind of 
animate and move around.

To replicate, just do a hard refresh and as soon as you see the panels, 
staty hovering over them.

Rey

Alexander Graef wrote:
> Hi,
> 
> Did some updates to the way the horizontal accordion works. You can find 
> the new download and example here:
> 
> http://dev.portalzine.de/index?/Horizontal_Accordion--print
> 
>  
> 
> I will be moving this to a plugin for a more generic approach for 
> version 0.6.
> 
>  
> 
> Enjoy
> 
> Alexander
> 
>  
> 
> -
> 
> portalZINE(R)- innovation uncovered
> 
> http://www.portalzine.de
> 
>  
> 
> dev.portalZINE(R) - all about development
> 
> http://dev.portalzine.de
> 
>  
> 
> pro.portalZINE(R) - customized experience
> 
> http://pro.portalzine.de
> 
>  
> 
>  
> 

-- 
BrightLight Development, LLC.
954-775- (o)
954-600-2726 (c)
[EMAIL PROTECTED]
http://www.iambright.com


__ NOD32 2402 (20070717) Information __

This message was checked by NOD32 antivirus system.
http://www.eset.com

[jQuery] Re: ANNOUNCE: Horizontal Accordion 0.51

[Alexander Graef]

Was never able to load your video, just gave me a black screen.
The image in the background was related to css loading from my CMS, which I
cleaned up.

Also the shifting to the right is related to that.

Glad you like the changes.

Alexander
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Rey Bango
Sent: Tuesday, July 17, 2007 5:15 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: ANNOUNCE: Horizontal Accordion 0.51


Did the video help, Alexander?

Also, upon initial load, it appears as if the container div shifts to 
the left and the reshifts to the right.

Overall, it works much better on this go round. Awesome work.

Rey

Alexander Graef wrote:
> Hi,
> 
> Did some updates to the way the horizontal accordion works. You can find 
> the new download and example here:
> 
> http://dev.portalzine.de/index?/Horizontal_Accordion--print
> 
>  
> 
> I will be moving this to a plugin for a more generic approach for 
> version 0.6.
> 
>  
> 
> Enjoy
> 
> Alexander
> 
>  
> 
> -
> 
> portalZINE(R)- innovation uncovered
> 
> http://www.portalzine.de
> 
>  
> 
> dev.portalZINE(R) - all about development
> 
> http://dev.portalzine.de
> 
>  
> 
> pro.portalZINE(R) - customized experience
> 
> http://pro.portalzine.de
> 
>  
> 
>  
> 

-- 
BrightLight Development, LLC.
954-775- (o)
954-600-2726 (c)
[EMAIL PROTECTED]
http://www.iambright.com


__ NOD32 2402 (20070717) Information __

This message was checked by NOD32 antivirus system.
http://www.eset.com

[jQuery] ANNOUNCE: Horizontal Accordion 0.51

[Alexander Graef]

Hi,

Did some updates to the way the horizontal accordion works. You can find the
new download and example here:

http://dev.portalzine.de/index?/Horizontal_Accordion--print

 

I will be moving this to a plugin for a more generic approach for version
0.6.

 

Enjoy

Alexander

 

-

portalZINE(R)- innovation uncovered 

 <http://www.portalzine.de> http://www.portalzine.de

 

dev.portalZINE(R) - all about development

 <http://dev.portalzine.de> http://dev.portalzine.de

 

pro.portalZINE(R) - customized experience

http://pro.portalzine.de

 

 

[jQuery] AW: [jQuery] Re: ANNOUNCE: Horizontal Accordion

[Alexander Graef]

Thanks for the feedback. Will take a look at your video. The image might be
a bit big, never noticed it on my connection, but that can be trimmed or
replaced by pure css. Just a setup I used here locally.

I think the hesitation is related to the easing

Thanks again

Alexander
-Ursprüngliche Nachricht-
Von: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] Im
Auftrag von Rey Bango
Gesendet: Montag, 16. Juli 2007 22:10
An: jquery-en@googlegroups.com
Betreff: [jQuery] Re: ANNOUNCE: Horizontal Accordion


Hi Alexander,

That looks really cool. There is some quirkiness to it upon initial 
load. The behaviors I've seen are:

1) It appears that there is one big image file that initially renders to 
setup the accordian. This is showing up initially and looks a bit 
strange. You can see a video of it that I made by downloading this .zip 
here (I zipped it because it was 21mb):

http://www.intoajax.com/haccordian/haccordian.zip

2) The initial click of an accordian panel shows hesitation.

This seem to happen in both IE7 & FF2.

HTH.

Rey

Alexander Graef wrote:
> Since the introduction of the blade interface on XBOX360, I have been 
> looking for a simple way to accomplish this with javascript and css.
> 
> Last week I decided to give it a try myself.
> 
>  
> 
> As I am working actively with jQuery since its introduction, it was my 
> library of choice. Using jQuery and some plugin magic, I succeeded.
> 
>  
> 
> This is still a project in progress, but thought I share it and give 
> something back to the great jQuery community :)
> 
>  
> 
> I will be writing up a more detailed tutorial soon and add more 
> functionality. I also have some other nice widgets I will be sharing in 
> the future ;)
> 
> http://dev.portalzine.de/index?/Horizontal_Accordion--print
> 
>  
> 
> Cheers
> 
> Alexander
> 
>  
> 
> -
> 
> portalZINE(R)- innovation uncovered
> 
> http://www.portalzine.de
> 
>  
> 
> dev.portalZINE(R) - all about development
> 
> http://dev.portalzine.de
> 
>  
> 
> pro.portalZINE(R) - customized experience
> 
> http://pro.portalzine.de
> 
>  
> 

-- 
BrightLight Development, LLC.
954-775- (o)
954-600-2726 (c)
[EMAIL PROTECTED]
http://www.iambright.com


__ NOD32 2400 (20070716) Information __

This message was checked by NOD32 antivirus system.
http://www.eset.com

[jQuery] ANNOUNCE: Horizontal Accordion

[Alexander Graef]

Since the introduction of the blade interface on XBOX360, I have been
looking for a simple way to accomplish this with javascript and css. 

Last week I decided to give it a try myself. 

 

As I am working actively with jQuery since its introduction, it was my
library of choice. Using jQuery and some plugin magic, I succeeded.

 

This is still a project in progress, but thought I share it and give
something back to the great jQuery community :) 

 

I will be writing up a more detailed tutorial soon and add more
functionality. I also have some other nice widgets I will be sharing in the
future ;)

http://dev.portalzine.de/index?/Horizontal_Accordion--print

 

Cheers

Alexander

 

-

portalZINE(R)- innovation uncovered 

 <http://www.portalzine.de> http://www.portalzine.de

 

dev.portalZINE(R) - all about development

 <http://dev.portalzine.de> http://dev.portalzine.de

 

pro.portalZINE(R) - customized experience

http://pro.portalzine.de

 

[jQuery] get the current mouse position

[Alexander Petri]

Hi i have to build a custom tooltip

how can i get the current x and y mouseposition?

[jQuery] Text Replacement with Luteman´s Flash Plugin [Character-Problem]

[Alexander Farkas]

Hi,

I use Luteman´s Flash Plugin for Text Replacement. But the script has 
some problems with several special characters, especally with (german) 
vowel mutations (ä,ö,ß etc.), even if i embed more charcters to the 
flash-file, it does not work. The character encoding of my website is 
ISO-8859-1. does someone have a solution?


thx.
alex