[jQuery] Re: Plugin idea : server language integrator
Sorry i was away the whole weekend but Stephan Beal answered your question i see. I want to add that many (php) developers want to generate js, css, html with their server language to have full control over every variable they can think of. For instance most php software allows you to set up the base paths for the site but if you develop js and css independent the path you use in those files are static. Anyway i will start working on it this week and how to show something as soon as possible. -- David Duymelinck [EMAIL PROTECTED] Ganeshji Marwaha schreef: pardon my ignorance... i dont understand the purpose...
[jQuery] Re: ContextMenu plugin r2 released!
It appears this plugin can ignore the Firefox preference under Tools - Options - Content - Enable Javascript - Advanced, Allow JavaScript to Disable or replace context menus. Are you aware of this? Is this deliberate? Do you think that's a good idea to take the control away from the user? FWIW from a developer point of view I like the idea of having this much control at my disposal however there's always the possibility Mozilla might tighten up the code governing the above mentioned preference, rendering any site using this plugin compromised functionality wise, wouldn't it? From a user's viewpoint, don't know it's a great idea. Nefarious websites could re-use your code to exploit people. I understand this is a grey area and I'm not having a go at anyone, just wondering about the topic. pd On Jul 16, 1:05 pm, cdomigan [EMAIL PROTECTED] wrote: Version r2 of the ContextMenu plugin has been released. ContextMenu is a lightweight jQuery plugin that lets you selectively override the browser's right-click menu with a custom one of your own. You can download it here:http://www.trendskitchens.co.nz/jquery/contextmenu/ ContextMenu is now truly context-sensitive, allowing you to enable/ disable individual items depending on the context, or you can choose dynamically to hide the menu. Changes in this version: * $.contextMenu.defaults() now works correctly * onContextMenu, onShowMenu callbacks added (thanks Dan G. Switzer, II) * drop shadow! Plus a few other changes and bug-fixes. Seehttp://www.trendskitchens.co.nz/jquery/contextmenu/ for full changelog and documentation. r3 is currently in the works with support for nested menus, a much requested feature :) As always comments/bug reports are much appreciated! Cheers, Chris
[jQuery] Re: dev tip: combining JS script files
I've build something similar to this; here's how i did it: on my webserver, there are a bunch of JS and CSS files. During each page load, i create an array of CSS and JS files, which have to be included on that page. Currently i store these in session, but that isn't needed. In the header of the page, i have 2 calls, one to / framework/load?css/scriptname and one to /framework/load?js// scriptname. That script (load is a PHP file which reads the array, generates a hash out of it, checks to see if the files are modified since the last time they where build and if so, recombines all files and minifies them (in case of JS: Packer, in case of CSS: remove newlines, comments and tabs). After compiling it writes the generated file to disk and serves that to the browser. It was a lot of work, but it allows me to keep all original JS and CSS files on the server (= greater maintainability) and improves load times drastically. HTH -- Gilles On Jul 16, 7:55 am, Klaus Hartl [EMAIL PROTECTED] wrote: Stephan Beal wrote: Hi, all! i just wanted to take a moment to share a tip which i don't see used too often on live sites: Combine all of your JS scripts into a single file. This helps reduce the load time of the page by reducing the number of separate GET requests. In principal you should be able to do the following to combine the files: cat file1.js file2.js file3.js all.js but some scripts do not work with this because they are missing a trailing semicolon (shame on them!). A simple workaround is: for i in file1.js file2.js file3.js; do cat $i echo ';' done all.js If you're using GNU Make to build your project, here's a bit of Make code which does this: mega.js.inputs := jquery.pack.js interface.js \ jquery.blockUI.pack.js jquery.contextmenu.packed.js \ jquery.idTabs.pack.js \ jquery.colorPicker.js \ jquery.bogoTabs.js $(mega.js.inputs): $(mega.js): $(mega.js.inputs) @echo Creating $@ ...; \ for i in $(mega.js.inputs); do cat $$i; echo ';'; done $@ # ^ without the extra semicolon, the included file doesn't work Obviously, edit $(mega.js.inputs) to suit your project. That is very reasonable. Here's some information why:http://yuiblog.com/blog/2006/11/28/performance-research-part-1/ If you're on Rails, you can use the AssetPackager plugin that does the merging automatically for you depending on the environment. --Klaus
[jQuery] Re: dev tip: combining JS script files
Gilles (Webunity) wrote: I've build something similar to this; here's how i did it: on my webserver, there are a bunch of JS and CSS files. During each page load, i create an array of CSS and JS files, which have to be included on that page. Currently i store these in session, but that isn't needed. In the header of the page, i have 2 calls, one to / framework/load?css/scriptname and one to /framework/load?js// scriptname. That script (load is a PHP file which reads the array, generates a hash out of it, checks to see if the files are modified since the last time they where build and if so, recombines all files and minifies them (in case of JS: Packer, in case of CSS: remove newlines, comments and tabs). After compiling it writes the generated file to disk and serves that to the browser. It was a lot of work, but it allows me to keep all original JS and CSS files on the server (= greater maintainability) and improves load times drastically. HTH -- Gilles You're saying that is done on each page load. Isn't it better to do that once, when deploying the files? How long does it take to merge the files? --Klaus
[jQuery] Re: dev tip: combining JS script files
There is a script at google-code for this: http://code.google.com/p/jscsscomp/ Cheers Muckinger Klaus Hartl schrieb am Montag, 16. Juli 2007, 11:23:57: KH Gilles (Webunity) wrote: I've build something similar to this; here's how i did it: on my webserver, there are a bunch of JS and CSS files. During each page load, i create an array of CSS and JS files, which have to be included on that page. Currently i store these in session, but that isn't needed. In the header of the page, i have 2 calls, one to / framework/load?css/scriptname and one to /framework/load?js// scriptname. That script (load is a PHP file which reads the array, generates a hash out of it, checks to see if the files are modified since the last time they where build and if so, recombines all files and minifies them (in case of JS: Packer, in case of CSS: remove newlines, comments and tabs). After compiling it writes the generated file to disk and serves that to the browser. It was a lot of work, but it allows me to keep all original JS and CSS files on the server (= greater maintainability) and improves load times drastically. HTH -- Gilles KH You're saying that is done on each page load. Isn't it better to do that KH once, when deploying the files? How long does it take to merge the files? KH --Klaus
[jQuery] Re: Tabs plugin in floated container
Klaus,
Yes, apologies the code I posted was absolute rubbish.
The code you posted was what it actually looked like. Sorry for that!
If you think about it the tabs styling will always break the page if inside
a floated layout: the rule that makes the end of the ul.tabs-nav have
clear: both will always force the container (if below the ul) to
position itself below all previous floated elements on the page.
But they're not floated (float makes an element automatically block). In
IE though they're floated to fix stupid bugs.
I meant the li elements wrapping the as are floated for this, as
otherwise they'll be in a vertical layout.
It may be possible to do a decent-looking layout with non-floated li
elements, perhaps by using display: inline but I think that to get uniform
sizes JS would be required to do some post-rendering fiddling.
Olaf,
Thanks - that prevents the clear property from affecting it.
I hadn't realised floats worked like that.
Cheers both,
--rob
On 7/13/07, Olaf Bosch [EMAIL PROTECTED] wrote:
Rob, you must set the parents element to, with float!
try:
div#sidebar {
float: left;
width: 15%;
}
div#content {
float: left; /* or right */
margin-left: 16%;
display:inline; /* for duble margin in IE when left float */
}
--
Viele Grüße, Olaf
---
[EMAIL PROTECTED]
http://olaf-bosch.de
www.akitafreund.de
---
--
Rob Desbois
Eml: [EMAIL PROTECTED]
Tel: 01452 760631
Mob: 07946 705987
There's a whale there's a whale there's a whale fish he cried, and the
whale was in full view.
...Then ooh welcome. Ahhh. Ooh mug welcome.
[jQuery] Re: Tabs plugin in floated container
Rob Desbois wrote: Klaus, Yes, apologies the code I posted was absolute rubbish. The code you posted was what it actually looked like. Sorry for that! If you think about it the tabs styling will always break the page if inside a floated layout: the rule that makes the end of the ul.tabs-nav have clear: both will always force the container (if below the ul) to position itself below all previous floated elements on the page. I cannot confirm that. Have a look here: http://stilbuero.de/jquery/tabs/test.html The float isn't cleared by the tabs (quickly tested in Firefox only). Which browsers are you talking of? --Klaus
[jQuery] Re: Tabs plugin in floated container
Klaus, Try adding height: 200px; to div#sidebar and you can see the problem. Floating div#content left or right solves that problem, but does mean the div's don't expand to fill the client area anymore :-( --rob On 7/16/07, Klaus Hartl [EMAIL PROTECTED] wrote: Rob Desbois wrote: Klaus, Yes, apologies the code I posted was absolute rubbish. The code you posted was what it actually looked like. Sorry for that! If you think about it the tabs styling will always break the page if inside a floated layout: the rule that makes the end of the ul.tabs-nav have clear: both will always force the container (if below the ul) to position itself below all previous floated elements on the page. I cannot confirm that. Have a look here: http://stilbuero.de/jquery/tabs/test.html The float isn't cleared by the tabs (quickly tested in Firefox only). Which browsers are you talking of? --Klaus -- Rob Desbois Eml: [EMAIL PROTECTED] Tel: 01452 760631 Mob: 07946 705987 There's a whale there's a whale there's a whale fish he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome.
[jQuery] Re: Tabs plugin in floated container
Rob Desbois wrote: Klaus, Try adding height: 200px; to div#sidebar and you can see the problem. Floating div#content left or right solves that problem, but does mean the div's don't expand to fill the client area anymore :-( I see. The reason why I never ran into this kind of problem is that I usually use a little more complex layouts to allow better source code ordering (content first!). I quickly put together a little prototype, which overcomes your problems while allowing flexible width (only tested in Firefox): http://stilbuero.de/jquery/tabs/test.html It uses a wrapper with 15% padding on the left, the sidebar is floated left and pushed onto the wrapper's left padding via negative margin. The content expands to 100% width... HTH, Klaus --Klaus
[jQuery] Re: .css(border-color) returning undefined
I am already using that plugin, but that isn't where my problem lies. On Jul 16, 2:32 am, Karl Swedberg [EMAIL PROTECTED] wrote: On 7/16/07, jazzle [EMAIL PROTECTED] wrote: I still need some help with this - can anyone help me? Sorry for the delay, Jazzle. The discussion list slows down quite a bit during the weekends, I've noticed, as devs try to catch their breath, maybe take a walk outside, get reacquainted with a long-lost spouse or child, eat some protein, and so on. ;-) On Jul 15, 2007, at 9:17 PM, Karl Rudd wrote: You can't animate a change in color via using jQuery (core), unless something has changed in 1.1.3 that I haven't noticed. That's still the case (still no feature for animating color in jQuery core). You could have a look at the Interface plugin, which does handle this: http://interface.eyecon.ro/ Good call. The Interface plugin suite has an animation module that extends (or overwrites; can't remember which) the .animate() method. Take a look at this test page for an example: http://book.learningjquery.com/2509_10_code/iplugin.html Click on the Extended Animate heading to slide down the example. Then click the Trigger button to see the effect. --Karl _ Karl Swedbergwww.englishrules.comwww.learningjquery.com
[jQuery] Moving the COLUMNS of a table around
Hi,
I was trying to move around the columns of a table. I noticed that you can
specify styles for columns using the col html construct.
I tried this...
script language=javascript
$(document).ready(function()
{
$(#switch).click(function()
{ $(#2).hide(); });
});
/script
table border=1
col id=1 width=20px /
col id=2 width=20px /
col id=3 width=20px /
col id=4 width=20px /
col id=5 width=20px /
col id=6 width=20px/
tbody
tr
th1/thth2/thth3/thth4/thth5/thth6/th
/tr
tr
td1/tdtd2/tdtd3/tdtd4/tdtd5/tdtd6/td
/tr
tr
td1/tdtd2/tdtd3/tdtd4/tdtd5/tdtd6/td
/tr
/tbody
/table
Here only Hide worked. Remove, insertBefore, insertAfter did not work for
obvious reasons
Any ideas on how to achieve that?? reordering the columns of a table...
Gurpreet
--
Gurpreet Singh
[jQuery] Re: Flash-alike menu animation? Can this be done with jQuery?
Thanks a lot jazzie. That's more or less what I was looking for. On 15 jul, 23:55, jazzle [EMAIL PROTECTED] wrote: http://www.frequency-decoder.com/demo/animated-minitabs/ might get you started. On Jul 15, 7:09 pm, bytte [EMAIL PROTECTED] wrote: I have this menu which is just a few menu-items placed next to eachother like this: HOME - CONTACT - NEWS Beneath the menu I have a little image, kind of like an arrow. I want the arrow to slide from left to right from menu-item to menu- item, depending on the item i'm hovering over. So let's say I'm at the Home page. The little arrow is pointing at HOME. I'm hovering over NEWS so now the arrow slides over to the right to point at the word HOME. If I switch my mouse to hover over the CONTACT item, the arrow slides along to point at CONTACT. And so on. If I'm not hovering over any menu-items, the arrow should relocate to point to the page I'm currently at. Is something like this do-able in jQuery? Is there anyone that can point me in the right direction?
[jQuery] blockUI plugins consume too much CPU
Hi, blockUI is a good plugins. The one thing makes me worried is each time browser call the blockUI function, the cpu jumped to 30-100% percent? How can I reduce the CPU consume? Thanks, Jiming
[jQuery] copy highlighted from a div
hi all I need to copy to clipboard a highlighted text selected from a div, can i do this with jquery? can you help me with a sample? Thank's in advance
[jQuery] Re: InnerFade-Plugin: Text jumps from left to the center
FYI:
the Cycle-Plugin (http://www.malsup.com/jquery/cycle/) seems to work like a
charm, so i use this plugin now
M I take a deeper look at the plugin, and it seems that Firefox has problems
M with the postion: absolut at line 44
M $(elements[i]).css('z-index',
M String(elements.length-i)).css('position',
M 'absolute');
M only a guess...
M but the style-declaration is need, else the hole container jums when fading.
M Muckinger wrote:
I push the thread a little bit, because we really need a Cross-Browser
Solution for such Fading-Stuff.
I tested a lttle bit more, but until now no solution for Safari and
Firefox 1.5 worked.
Muckinger wrote:
I use Firefox 1.5. Maybe this Version causes the Problem. Maybe anybody
have a Solution für all Main-Browsers...
I also tried the new Windows-Version of Safari. In this Browser the
Problem ist that the first Content fade out, but no new Content
appears hmmm
thumblewend wrote:
On 28/06/2007, at 10:20 PM, Muckinger wrote:
Sorry fpr the double-Posting, bitte i replied to the wrong message...
Ok, the Problem is fixed in IE with the Class-Definitions in the
Head. But
with Firefox the Problem still exists...
:-(
At my end, the problem appears to be fixed in IE6, IE7, and the
problem never appeared in Firefox Mac OR Windows (Firefox 2.0.0.4).
[jQuery] Re: .css(border-color) returning undefined
In that case, what version of jQuery are you using? Something may have broken in the change from 1.1.2 to 1.1.3. Karl Rudd On 7/16/07, jazzle [EMAIL PROTECTED] wrote: I am already using that plugin, but that isn't where my problem lies. On Jul 16, 2:32 am, Karl Swedberg [EMAIL PROTECTED] wrote: On 7/16/07, jazzle [EMAIL PROTECTED] wrote: I still need some help with this - can anyone help me? Sorry for the delay, Jazzle. The discussion list slows down quite a bit during the weekends, I've noticed, as devs try to catch their breath, maybe take a walk outside, get reacquainted with a long-lost spouse or child, eat some protein, and so on. ;-) On Jul 15, 2007, at 9:17 PM, Karl Rudd wrote: You can't animate a change in color via using jQuery (core), unless something has changed in 1.1.3 that I haven't noticed. That's still the case (still no feature for animating color in jQuery core). You could have a look at the Interface plugin, which does handle this: http://interface.eyecon.ro/ Good call. The Interface plugin suite has an animation module that extends (or overwrites; can't remember which) the .animate() method. Take a look at this test page for an example: http://book.learningjquery.com/2509_10_code/iplugin.html Click on the Extended Animate heading to slide down the example. Then click the Trigger button to see the effect. --Karl _ Karl Swedbergwww.englishrules.comwww.learningjquery.com
[jQuery] unordered list each li a different background
Hi What is the best way to give a different class to each item in an unordered list just a for each and then apply a new class or is there something better Armand On 7/15/07, bytte [EMAIL PROTECTED] wrote: I have this menu which is just a few menu-items placed next to eachother like this: HOME - CONTACT - NEWS Beneath the menu I have a little image, kind of like an arrow. I want the arrow to slide from left to right from menu-item to menu- item, depending on the item i'm hovering over. So let's say I'm at the Home page. The little arrow is pointing at HOME. I'm hovering over NEWS so now the arrow slides over to the right to point at the word HOME. If I switch my mouse to hover over the CONTACT item, the arrow slides along to point at CONTACT. And so on. If I'm not hovering over any menu-items, the arrow should relocate to point to the page I'm currently at. Is something like this do-able in jQuery? Is there anyone that can point me in the right direction? -- Armand Datema CTO SchwingSoft
[jQuery] Re: .css(border-color) returning undefined
Karl Swedberg wrote: You could have a look at the Interface plugin, which does handle this: http://interface.eyecon.ro/ Good call. The Interface plugin suite has an animation module that extends (or overwrites; can't remember which) the .animate() method. It overwrites unfortunately. One has to be aware of that! I had some problems with that and renamed all occurences to ifxAnimate (which would have been better pracice in my eyes anyway). --Klaus
[jQuery] Re: Binding problems (click/submit)
Hi Mike,
A sample page is here:
http://horticulture227.massey.ac.nz/admin/prolearn13.asp?id=1which=2
Click on the [view student list] link (the 'class=gao' link); the
[view search options] link which replaces it is unbound - despite my
best attempts to re-bind.
Thanks,
Bruce
original message.
Hello folks,
I'm having difficulty rebinding both a form submit and a click
function upon return of an ajax call.
The onload code is ...
$(document).ready(function() {
$(a.gao).bind(click, function() {getAllOptions()});
var options = {dataType: 'html', before: beforeAjax,after: afterAjax};
$('#getStudentInfo').submit(function()
{$(this).ajaxSubmit(options);return false; });
});
function beforeAjax(html) { $(#comments3).hide();}
function afterAjax(html) {
$(#sDetails).html(html).fadeIn(800).ScrollTo(800).highlightFade({color:'yellow',speed:2000,iterator:'linear'});
tb_init('a.thickbox');
}
When I click the class=gao link, the following call is made...
function getAllOptions() {
$.ajax({
type: 'GET',
url: 'scripts/ajax_studentroll.asp?w=allselectrand=' + new
Date().getTime(),
dataType: html,
success: function(html){
$('#sDetails').hide(600);
$(#flipdisplay).html(html).fadeIn(800).ScrollTo(800).highlightFade({color:'yellow',speed:4000,iterator:'linear'});
$('#getStudentInfo').unbind('submit');
$(a.gao).unbind(click);
var options = {dataType: 'html', before:
beforeAjax,after: afterAjax};
$('#getStudentInfo').submit(function()
{$(this).ajaxSubmit(options);return false; });
$(a.gao).bind(click, function() {getSearchOptions()});
}
});
}
The html that is correctly returned, but I cannot get the new
class=gao link or the form (id=getStudentInfo) within that html
block to be re-bound for subsequent action.
As you can see, I've tried to unbind the functions before binding
them again, but I must still doing something wrong as this wasn't successful.
At 12:45 a.m. 10/07/2007, you wrote:
Bruce,
Do you have a sample page we can look at? I don't see anything
obviously wrong with the code, but it's hard to tell without seeing
more of the page.
Mike
I'm having difficulty rebinding both a form submit and a click function
upon return of an ajax call.
[jQuery] Re: Autocomplete Plugin Issue With IE6
Will do what you suggested and get back to you.
On Jul 12, 4:18 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote:
Jeff Fleitz wrote:
So, for all you gurus out there, how do you track down this type of
issue in IE6? Since Firebug doesn't report an error, that doesn't
help. Do you use other http proxies like Fiddler?
I've experienced a weird issue with IE6 and a mix of event delegation
and custom events. Basically IE6 managed to trigger the custom event
along with a normal click. I haven't yet figured out to prevent that,
and had to work around it instead.
Autcompleter uses a event delegation model for the select box and
several custom events for the input itself, so this may be related.
I haven't experienced that problem yet, therefore I hope we can work
together to track it down and solve it, though that requires a bit
poking around in the autocomplete code on your side. Try Firebug Lite on
your testpage and put some console.log statements into autocompleters
code. Interesting are the custom event handlers (search for
bind(search), function() {) and the mouse event handlers of the select
box (search for jQuery(ul).appendTo(element).mouseover). Look for
any events that are called when they shouldn't, eg. a click while just
hovering, two clicks instead of one when clicking etc.
--
Jörn Zaefferer
http://bassistance.de
[jQuery] Re: dev tip: combining JS script files
On Jul 16, 11:23 am, Klaus Hartl [EMAIL PROTECTED] wrote: You're saying that is done on each page load. Isn't it better to do that once, when deploying the files? How long does it take to merge the files? In a sense he IS only doing it once - he wrote the PHP code ONCE. ;) Now PHP gets to do it often. (To be fair: he did add caching.) It's an interesting idea, in any case.
[jQuery] Re: Plugin idea : server language integrator
On Jul 16, 8:23 am, David Duymelinck [EMAIL PROTECTED] wrote: Anyway i will start working on it this week and how to show something as soon as possible. The value of this idea is immediately obvious, and if you manage to get this working i would LOVE to see it :). i'm a pretty good PHP coder, if i may say so myself, and if you can pass me some proof-of-concept code i would be interested in tinkering with it. :D
[jQuery] Re: blockUI plugins consume too much CPU
Jiming, I suspect this is a platform issue. What platform and browser are you using? From what I'm told, Linux/FF is especially bad at hogging the CPU when rendering opacity (especially for a full page) which is why BlockUI doesn't use opacity for that config. Perhaps there is another platform with issues as well. Also, do you have a test page that we can look at? I'd like to see if I experience the same CPU spike. Mike On 7/16/07, Jiming [EMAIL PROTECTED] wrote: Hi, blockUI is a good plugins. The one thing makes me worried is each time browser call the blockUI function, the cpu jumped to 30-100% percent? How can I reduce the CPU consume? Thanks, Jiming
[jQuery] Complex(ish) table formatting code not working in Firefox 2
Hi, Not sure if this is a bug or not, but Firefox seems not to properly apply a series of class names. Here's the example http://www.logicbox.net/jquery/pricetable/short-css.html with a 'console.log' to fix the firefox rendering. http://www.logicbox.net/jquery/pricetable/short-css-firefox-fix.html Thinking that this might be to with specificity I did a version with more verbose CSS. http://www.logicbox.net/jquery/pricetable/verbose-css.html http://www.logicbox.net/jquery/pricetable/verbose-css-firefox-fix.html Again the same problem crops up in Firefox. They all work fine in IE6/7, Safari 3beta etc. Very odd, any ideas? This one's been annoying me for a while now! Thanks, Will
[jQuery] Re: CSS drop-shadow for clueTip - help requested
very, very nice! exactly what I was looking for. thanks so much, Glen! I'll take a look at implementing this tonight or tomorrow. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jul 16, 2007, at 1:38 AM, Glen Lipka wrote: Maybe a more scalable solution: http://www.commadot.com/jquery/shadows/v2.htm I made a box (just one to start, but obviously there could be several different opacities.) Technique is to stretch the box and move it around underneath. That way you can create your own shadow effect. One could even replace the box for a custom look. It would be cool to use the corners plugin with this. Didnt work on first try. This kind of thing would enable you to make options about which direction the shadow goes, what opacity and how far away from the content. I need to go to sleep.Karl, does this help. Glen On 7/15/07, Glen Lipka [EMAIL PROTECTED] wrote: http://www.commadot.com/jquery/shadows/ Ok, the first experiment was using a 1x1 image. I didnt fix for IE6 yet, but it's in the ballpark...nothing special happening. Ok, so the bad part was when I tried to stretch a non-1x1 image with a fade. The fade of the shadow scaled (of course), so that wont work. Luckily there is another way. Thank goodness for positioning. By the way, these arent completely done with a ribbon on them. But I hope these give the basic idea. Should these have rounded corners too? Hmm. Glen On 7/15/07, Karl Swedberg [EMAIL PROTECTED] wrote: Brilliant! You totally rock, Glen! Way above and beyond (but please, keep going. ;-) ) Can't wait to see the demo. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jul 15, 2007, at 11:31 PM, Glen Lipka wrote: Starting to look at it now. I recently had to do some fancy png shadows. ( http://www.sparkt.com/testing.html) I totally gave up on trying to make it a background. Luckily you usually have a workaround. Here is my plan, and Ill work on it now... I am going to make 10 png files, 10x10 with 24-bit transparency. Each one will be be a different opacity. 10%, 20%, etc. The reason to make it 10x10 is to give the edges a fade, so the shadow blurs. Then I am going to try and make your clueTip html, except rather than use the div as a background, I will create a layer div, absolutely positioned underneath. Then offset it with left and top. In fact, if this works, then you could allow the user to define the opacity, and the shadow offset! Ok, Im going to work on a demo. I think it will work though. PNGs stretch nice with width/height attributes. Glen On 7/15/07, Karl Swedberg [EMAIL PROTECTED] wrote: Hi all, After I posted the clueTip beta, I realized that something had regressed and the pngFix code wasn't working properly to get the drop-shadow effect working in IE6. I've worked that part out by, starting with the pngFix code in Jörn's tooltip plugin (thanks!) and, among other things, changing the sizingMethod attribute from crop to scale. I also re- worked and simplified the CSS for the clueTip quite a bit. Nevertheless, it's still looking a little funky, depending on the contents of the clueTip. I was wondering if there are any CSS gurus out there who might be able to look at this in IE6 and help me find a solution. I'm usually able to tread fairly nimbly through CSS territory, but this issue has me flummoxed. here are thethe files I'm using to try to sort this out: demo/test page: http://test.learningjquery.com/clue/demo/index.html style sheet: http://test.learningjquery.com/clue/jquery.cluetip.css cluetip plugin: http://test.learningjquery.com/clue/ jquery.cluetip.js drop shadow image: http://test.learningjquery.com/clue/shadow.png I made all the clueTips sticky for easier inspection/ manipulation in a DOM viewer. Also, here is a zipped file of everything, including Dimensions, jquery.js, images, and so on: http://test.learningjquery.com/clue/ cluetip-test.zip Any help at all would be greatly appreciated. ** One more thing. I just received a question from someone about the IE select punch-through problem and whether the clueTip plugin handles that. I started writing a response that I'd like to share with the list, in case anyone has any strong opinions that I should take into consideration: excellent question! The short answer is, no [I haven't accounted for this IE problem]. But it should. Somehow. That was an oversight on my part. That said, I'm a bit torn about how best to go about doing it. Do I bake it right in to the plugin itself? Do I put in yet another option? If so, should the default be true (i.e. yes, add the iframe hack with all corresponding css) or false? I wonder if it might be best to leave that problem for the bgIFrame plugin to solve. ( http://jqueryjs.googlecode.com/svn/ trunk/plugins/bgiframe/) It does a great
[jQuery] Re: ContextMenu plugin r2 released!
Cheers, Karl. Arrow-key navigation isn't even implemented yet, so I'm surprised to hear it works at all! :-) I'll take a look at implementing that in r3. I'm guessing maybe Karl had his cursor placed in a way that when the context menu appeared, pressing the [DOWN ARROW] was causing the browser to scroll, which caused the pointer to mouse over the objects--providing the appearance of a working keyboard event handler... This is just a guess...
[jQuery] Re: .css(border-color) returning undefined
The latest: 1.1.3.1 And the latest Interface download too. If it is just a bug with the latest jQ, it would make a lot of sense, but obviously be a bit annoying. Difficult for me to test from here (work), so may come back to this thread later this week. Karl Rudd wrote: In that case, what version of jQuery are you using? Something may have broken in the change from 1.1.2 to 1.1.3. ... -- View this message in context: http://www.nabble.com/.css%28%22border-color%22%29-returning-undefined-tf4082154s15494.html#a11614729 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: ContextMenu plugin r2 released!
Great job Chris. It looks good in both IE7 and FF2 for Windows. Rey... cdomigan wrote: Version r2 of the ContextMenu plugin has been released. ContextMenu is a lightweight jQuery plugin that lets you selectively override the browser's right-click menu with a custom one of your own. You can download it here: http://www.trendskitchens.co.nz/jquery/contextmenu/ ContextMenu is now truly context-sensitive, allowing you to enable/ disable individual items depending on the context, or you can choose dynamically to hide the menu. Changes in this version: * $.contextMenu.defaults() now works correctly * onContextMenu, onShowMenu callbacks added (thanks Dan G. Switzer, II) * drop shadow! Plus a few other changes and bug-fixes. See http://www.trendskitchens.co.nz/jquery/contextmenu/ for full changelog and documentation. r3 is currently in the works with support for nested menus, a much requested feature :) As always comments/bug reports are much appreciated! Cheers, Chris -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com
[jQuery] [ANNOUNCE] jQuery Maps 1.1
Hey folks, On friday I released my new plugin, jQuery Google Maps Application. I decided that name was a bit to long-winded, and I didn't want Google coming back and asking for their name to be removed at a later date - so I have reduced the name down to jQuery Maps. It also has a new Google Code page: http://code.google.com/p/jmaps/ However, the name was the only thing that was downgraded! In this new release (1.1) I have added lots of new functionality which you can see in action here: http://webrocket.ulmb.com/dev/ (again, excuse the popups on the page) Here is my changelog: Changed name to remove Google from main name - namespace now .jmap. Added additional options: + Add map dragging enable/disable. + Add scroll wheel zooming. + Add smooth continuous zooming (on certain browsers). + Added clean unloading of Google objects. Added .addPoly method. Allows the creation of polylines on the map. Added .addKml support for rendering KML Files. Added .directions Driving Direction support. So what does this mean. Well now instead of $().gmapp() you use $().jmap() to initialize the plugin. You can now pass in 3 extra options to enable Mouse Wheel zoom. .addPoly renders a GPolyline array to the map. .addKml renders a passed KML file to the map (Limit 1mb or 100 points) .directions renders driving directions to the map (i.e. from: Edinburgh to: Glasgow). You can download it directly: Uncompressed - http://jmaps.googlecode.com/files/jquery.jmaps.js (4.4Kb) Compressed - http://jmaps.googlecode.com/files/jquery.jmaps.packed.js (2.55kb) Again, any comments, suggestions, bugs, etc are more than welcome. -- Tane Piper http://digitalspaghetti.tooum.net This email is: [ x ] blogable [ ] ask first [ ] private
[jQuery] Re: Plugin idea : server language integrator
Maybe I am totally missing it. Please clear up my fog. 1. It seems like you are wanting to Generate jQuery execution code via server pages.. I don't see what is offered by a plugin if that is the case. (Esp. since jQuery doesn't run on the server platforms.) 2. The page caching the code is a server side item. NOTE: I am for implementation techniques. As a CF developer that is something strongly encouraged. It just doesn't make sense that it is labeled as a plugin. (Or is that a common name for them in PHP?) Also, if you would like then I will be glad to help create similar features out as platform implementations... assuming I understand what you mean by plugins. John Farrar
[jQuery] Re: OT: Devo hat?
Yes, because jQuery is called New Wave Javascript. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mika Tuupola Sent: Sunday, July 15, 2007 12:28 PM To: jquery-en@googlegroups.com Subject: [jQuery] OT: Devo hat? This has been bothering me for a while :) Does jQuery logo represent the Devo hat? http://www.devo-obsesso.com/html/12in-pgs/main/foc_japan-pro.html -- Mika Tuupola http://www.appelsiini.net/~tuupola/
[jQuery] Re: How do you delay for a few seconds
I think a pause method would be of great use. I looked for this very thing time and time again. It would be nice to have it available. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Josh Nathanson Sent: Saturday, July 14, 2007 9:05 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: How do you delay for a few seconds Some folks are lobbying for a pause(ms) method, but it's not in the code yet. There's a plugin to do what you want though; if you dig around in the thread archives for animation pause plugin you can probably find the link for the plugin. -- Josh - Original Message - From: goofy166 [EMAIL PROTECTED] To: jQuery (English) jquery-en@googlegroups.com Sent: Saturday, July 14, 2007 4:52 PM Subject: [jQuery] How do you delay for a few seconds I have mastered many of the incredible features of jquery today for the first time, but for the life of me I can't figure out how in the heck you can get a div to display for a fixed amount of time then just hide itself. Sorry for such a stupid question.
[jQuery] Re: ContextMenu plugin r2 released!
Come to think of it, Dan, that's exactly what was going on. Excellent deduction! --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jul 16, 2007, at 8:50 AM, Dan G. Switzer, II wrote: Cheers, Karl. Arrow-key navigation isn't even implemented yet, so I'm surprised to hear it works at all! :-) I'll take a look at implementing that in r3. I'm guessing maybe Karl had his cursor placed in a way that when the context menu appeared, pressing the [DOWN ARROW] was causing the browser to scroll, which caused the pointer to mouse over the objects--providing the appearance of a working keyboard event handler... This is just a guess...
[jQuery] Re: Plugin idea : server language integrator
On Jul 16, 3:06 pm, John Farrar [EMAIL PROTECTED] wrote: Maybe I am totally missing it. Please clear up my fog. 1. It seems like you are wanting to Generate jQuery execution code via server pages.. I don't see what is offered by a plugin if that is the case. (Esp. since jQuery doesn't run on the server platforms.) i don't think you're missing the point at all, you're just letting the word plugin get to you. You're right - the idea itself does not represent a plugin. But it does represent an idea for a potentially very useful tool. Since any implementation would be external to jQ/JS, how about if we call it a plug-out ;). :D
[jQuery] Re: Binding problems (click/submit)
Bruce,
You've got a scripting error on your callbacks. ScrollTo is not a
defined plugin method (you've used it in multiple places). Did you
mean to use scrollTop?
Also, to catch errors in async callbacks bind an error handler using ajaxError:
$().ajaxError(function(ev, xhr, opts, err){
alert(err);
})
Cheers.
Mike
On 7/16/07, Bruce MacKay [EMAIL PROTECTED] wrote:
Hi Mike,
A sample page is here:
http://horticulture227.massey.ac.nz/admin/prolearn13.asp?id=1which=2
Click on the [view student list] link (the 'class=gao' link); the [view
search options] link which replaces it is unbound - despite my best attempts
to re-bind.
Thanks,
Bruce
original message.
Hello folks,
I'm having difficulty rebinding both a form submit and a click function
upon return of an ajax call.
The onload code is ...
$(document).ready(function() {
$(a.gao).bind(click, function() {getAllOptions()});
var options = {dataType: 'html', before: beforeAjax,after: afterAjax};
$('#getStudentInfo').submit(function()
{$(this).ajaxSubmit(options);return false; });
});
function beforeAjax(html) { $(#comments3).hide();}
function afterAjax(html) {
$(#sDetails).html(html).fadeIn(800).ScrollTo(800).highlightFade({color:'yellow',speed:2000,iterator:'linear'});
tb_init('a.thickbox');
}
When I click the class=gao link, the following call is made...
function getAllOptions() {
$.ajax({
type: 'GET',
url:
'scripts/ajax_studentroll.asp?w=allselectrand=' + new
Date().getTime(),
dataType: html,
success: function(html){
$('#sDetails').hide(600);
$(#flipdisplay).html(html).fadeIn(800).ScrollTo(800).highlightFade({color:'yellow',speed:4000,iterator:'linear'});
$('#getStudentInfo').unbind('submit');
$(a.gao).unbind(click);
var options = {dataType: 'html', before: beforeAjax,after:
afterAjax};
$('#getStudentInfo').submit(function()
{$(this).ajaxSubmit(options);return false; });
$(a.gao).bind(click, function() {getSearchOptions()});
}
});
}
The html that is correctly returned, but I cannot get the new class=gao
link or the form (id=getStudentInfo) within that html block to be re-bound
for subsequent action.
As you can see, I've tried to unbind the functions before binding them
again, but I must still doing something wrong as this wasn't successful.
At 12:45 a.m. 10/07/2007, you wrote:
Bruce,
Do you have a sample page we can look at? I don't see anything
obviously wrong with the code, but it's hard to tell without seeing
more of the page.
Mike
I'm having difficulty rebinding both a form submit and a click function
upon return of an ajax call.
[jQuery] Re: Plugin idea : server language integrator
Module or class or library would be the right name for this sort software but i was on the plugin page at the time and focused so much on the word i named it wrong. Because the jquery methods are saved the first time the code runs the page/site specific code can be checked against it so that you know if a method is present or not. I'm going to try to also cache the number of method arguments so that can be checked too. Because the page/site specific code is embedded in a server language it would be called every time the code runs so that's why the js code is going to get cached. I still have to figure out how to merge site specific code with page specific code without creating to much files. So the class not only lets you generate jQuery execution code but also provides basic jquery code checking. For now i'm going to focus on the jquery code itself but later i would add the possibility to check and generate plugin code too. I hope it's clearer now? John Farrar schreef: Maybe I am totally missing it. Please clear up my fog. 1. It seems like you are wanting to Generate jQuery execution code via server pages.. I don't see what is offered by a plugin if that is the case. (Esp. since jQuery doesn't run on the server platforms.) 2. The page caching the code is a server side item. NOTE: I am for implementation techniques. As a CF developer that is something strongly encouraged. It just doesn't make sense that it is labeled as a plugin. (Or is that a common name for them in PHP?) Also, if you would like then I will be glad to help create similar features out as platform implementations... assuming I understand what you mean by plugins. John Farrar -- David Duymelinck [EMAIL PROTECTED]
[jQuery] Re: dev tip: combining JS script files
This might be of interest. A php implementation for caching and combining js/css files http://www.ejeliot.com/blog/73
[jQuery] Re: blockUI plugins consume too much CPU
On Jul 16, 2:42 pm, Mike Alsup [EMAIL PROTECTED] wrote: I suspect this is a platform issue. What platform and browser are you using? From what I'm told, Linux/FF is especially bad at hogging the CPU when rendering opacity (especially for a full page) which is why To elaborate a small bit... In my experience (FF/Linux is my main platform) FF does this in lots of circumstances involving client-side dynamic pages. e.g. pages which load a flash animation often trigger a brief freeze of the application and a CPU spike. If you hit imdb.com while watching a movie (e.g. in xine), you can often witness the spike/freeze in the form of xine's audio/video freezing for a moment (imdb.com often includes flash animations on their front page). When i load pages which do lots of DOM manipulation (e.g. laying out tabs for tabbed planels), FF also tends to snag for a moment.
[jQuery] Re: unordered list each li a different background
On Jul 16, 12:47 pm, Armand Datema [EMAIL PROTECTED] wrote:
Hi
What is the best way to give a different class to each item in an unordered
list
just a for each and then apply a new class or is there something better
Applying classes has the limitation that you have to create a class
for each color combination. It would probably be more maintainable to
apply the styles using the .css('background-color',...)
and .css('color',...) approach.
...
I have this menu which is just a few menu-items placed next to
eachother like this:
HOME - CONTACT - NEWS
Please don't re-use/hijack posts for a separate topic - start a new
post.
[jQuery] Re: .css(border-color) returning undefined
Hi Jazzle,
This one animates the border just fine, too, with jQuery version
1.1.3.1 and, as far as I know, the latest Interface:
http://book.learningjquery.com/2509_10_code/iplugin.1131.html
However, if I type$('#animationbox').css('borderColor') in Firebug
console BEFORE I trigger the animation, it returns nothing. If I do
so AFTERWARDS, it returns: rgb(204, 204, 204) rgb(204, 204, 204) rgb
(204, 204, 204) rgb(204, 204, 204), which corresponds to the rgb
values of border-top, border-right, etc.
Unfortunately, I don't have time right now to look at what's going on
in the Interface .animate() method, which is where I suspect the
problem lies. I'm not sure I'd understand it if I did look at it.
Hopefully someone else can look into this for you. Or I'll take a
peek when I get a chance.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 16, 2007, at 8:52 AM, jazzle wrote:
The latest: 1.1.3.1
And the latest Interface download too.
If it is just a bug with the latest jQ, it would make a lot of
sense, but
obviously be a bit annoying.
Difficult for me to test from here (work), so may come back to this
thread
later this week.
Karl Rudd wrote:
In that case, what version of jQuery are you using? Something may
have
broken in the change from 1.1.2 to 1.1.3.
...
--
View this message in context: http://www.nabble.com/.css%28%
22border-color%22%29-returning-undefined-
tf4082154s15494.html#a11614729
Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Binding problems (click/submit)
ScrollTo is an Interface method. Bruce, are you including Interface
in your page?
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 16, 2007, at 9:47 AM, Mike Alsup wrote:
Bruce,
You've got a scripting error on your callbacks. ScrollTo is not a
defined plugin method (you've used it in multiple places). Did you
mean to use scrollTop?
Also, to catch errors in async callbacks bind an error handler
using ajaxError:
$().ajaxError(function(ev, xhr, opts, err){
alert(err);
})
Cheers.
Mike
On 7/16/07, Bruce MacKay [EMAIL PROTECTED] wrote:
Hi Mike,
A sample page is here:
http://horticulture227.massey.ac.nz/admin/prolearn13.asp?id=1which=2
Click on the [view student list] link (the 'class=gao' link); the
[view
search options] link which replaces it is unbound - despite my
best attempts
to re-bind.
Thanks,
Bruce
original message.
Hello folks,
I'm having difficulty rebinding both a form submit and a click
function
upon return of an ajax call.
The onload code is ...
$(document).ready(function() {
$(a.gao).bind(click, function() {getAllOptions()});
var options = {dataType: 'html', before: beforeAjax,after:
afterAjax};
$('#getStudentInfo').submit(function()
{$(this).ajaxSubmit(options);return false; });
});
function beforeAjax(html) { $(#comments3).hide();}
function afterAjax(html) {
$(#sDetails).html(html).fadeIn(800).ScrollTo(800).highlightFade
({color:'yellow',speed:2000,iterator:'linear'});
tb_init('a.thickbox');
}
When I click the class=gao link, the following call is made...
function getAllOptions() {
$.ajax({
type: 'GET',
url:
'scripts/ajax_studentroll.asp?w=allselectrand=' + new
Date().getTime(),
dataType: html,
success: function(html){
$('#sDetails').hide(600);
$(#flipdisplay).html(html).fadeIn(800).ScrollTo
(800).highlightFade({color:'yellow',speed:4000,iterator:'linear'});
$('#getStudentInfo').unbind('submit');
$(a.gao).unbind(click);
var options = {dataType: 'html', before:
beforeAjax,after:
afterAjax};
$('#getStudentInfo').submit(function()
{$(this).ajaxSubmit(options);return false; });
$(a.gao).bind(click, function() {getSearchOptions
()});
}
});
}
The html that is correctly returned, but I cannot get the new
class=gao
link or the form (id=getStudentInfo) within that html block to be
re-bound
for subsequent action.
As you can see, I've tried to unbind the functions before binding
them
again, but I must still doing something wrong as this wasn't
successful.
At 12:45 a.m. 10/07/2007, you wrote:
Bruce,
Do you have a sample page we can look at? I don't see anything
obviously wrong with the code, but it's hard to tell without seeing
more of the page.
Mike
I'm having difficulty rebinding both a form submit and a click
function
upon return of an ajax call.
[jQuery] Re: unordered list each li a different background
Stephan Beal wrote:
On Jul 16, 12:47 pm, Armand Datema [EMAIL PROTECTED] wrote:
Hi
What is the best way to give a different class to each item in an unordered list
just a for each and then apply a new class or is there something better
Applying classes has the limitation that you have to create a class
for each color combination. It would probably be more maintainable to
apply the styles using the .css('background-color',...)
and .css('color',...) approach.
Hm, in my opinion it is better to keep the three layers structure
(HTML), presentation (CSS) and behavior (JS) as separated as possible.
--Klaus
[jQuery] Re: Moving the COLUMNS of a table around
Try this:
var aLeft = $(document.createElement('a')).attr('href',
'#').html('lt;').addClass('aLeft');
var aRight = $(document.createElement('a')).attr('href',
'#').html('gt;').addClass('aRight');
$('th').prepend(aLeft, 'nbsp;').append('nbsp;', aRight);
$('.aLeft').click(function() {
var n = 0, th = $(this).parent('th')[0];
$(this).parents('tr:eq(0)').find('th').each(function(i) { // find 'n' of
clicked column
n++; return ($(this)[0] != th)
});
$('th:nth-child(' + n + '), td:nth-child(' + n + ')').each(function() {
$(this).insertBefore($(this).prev()); // move column to left
});
return false;
});
$('.aRight').click(function() {
var n = 0, th = $(this).parent('th')[0];
$(this).parents('tr:eq(0)').find('th').each(function(i) { // find 'n' of
clicked column
n++; return ($(this)[0] != th)
});
$('th:nth-child(' + n + '), td:nth-child(' + n + ')').each(function() {
$(this).insertAfter($(this).next()); // move column to right
});
return false;
});
Another option is add a unique class for each col (TH, TD) and use that
instead of nth-child.
- Richard
On 7/16/07, G[N]Urpreet Singh [EMAIL PROTECTED] wrote:
Hi,
I was trying to move around the columns of a table. I noticed that you can
specify styles for columns using the col html construct.
I tried this...
script language=javascript
$(document).ready(function()
{
$(#switch).click(function()
{ $(#2).hide(); });
});
/script
table border=1
col id=1 width=20px /
col id=2 width=20px /
col id=3 width=20px /
col id=4 width=20px /
col id=5 width=20px /
col id=6 width=20px/
tbody
tr
th1/thth2/thth3/thth4/thth5/thth6/th
/tr
tr
td1/tdtd2/tdtd3/tdtd4/tdtd5/tdtd6/td
/tr
tr
td1/tdtd2/tdtd3/tdtd4/tdtd5/tdtd6/td
/tr
/tbody
/table
Here only Hide worked. Remove, insertBefore, insertAfter did not work
for obvious reasons
Any ideas on how to achieve that?? reordering the columns of a table...
Gurpreet
--
Gurpreet Singh
[jQuery] Re: How do you delay for a few seconds
Andy Matthews wrote:
I think a pause method would be of great use. I looked for this very thing
time and time again. It would be nice to have it available.
Here's a one liner:
jQuery.fn.pause = function(ms) { return this.animate({ opacity: 1 }, ms); };
I know I know, it's still not in the core...
--Klaus
[jQuery] Re: .css(border-color) returning undefined
$('#animationbox').css('borderColor') looks at the style property of
the object not the css in the document, so if it's only in your css
you get no value.
To get your desired effect you either need to initialise it with
javascript
$('#animationbox').css('borderColor' '#444')
or set it specifically to the element within the html
p id='animationbox' style='border-color:#444'blah/p
Hope that makes sense
On Jul 16, 2:57 pm, Karl Swedberg [EMAIL PROTECTED] wrote:
However, if I type$('#animationbox').css('borderColor') in Firebug
console BEFORE I trigger the animation, it returns nothing. If I do
so AFTERWARDS, it returns: rgb(204, 204, 204) rgb(204, 204, 204) rgb
(204, 204, 204) rgb(204, 204, 204), which corresponds to the rgb
values of border-top, border-right, etc.
[jQuery] Re: unordered list each li a different background
On Jul 16, 4:14 pm, Klaus Hartl [EMAIL PROTECTED] wrote: Hm, in my opinion it is better to keep the three layers structure (HTML), presentation (CSS) and behavior (JS) as separated as possible. That's certainly true, but creating an arbitrary number of classes for different row colors could easily become unmaintainable. For that case i would recommend looping and setting the colors via css(). If it's only 2 or 3 different colors, using a CSS class would be much simpler, but i got the vague impression that the OP would be using an arbitrarily large list.
[jQuery] Re: unordered list each li a different background
Hi
Yeah I agree on that but i can do it either returned from back end
code or with a javascript.
http://itbuzz.howardshome.com/
right now I have it with classes in the css as well as html. The best
option would be an ordered list but with image bullet instead of
numbers.
Armand
On 7/16/07, Klaus Hartl [EMAIL PROTECTED] wrote:
Stephan Beal wrote:
On Jul 16, 12:47 pm, Armand Datema [EMAIL PROTECTED] wrote:
Hi
What is the best way to give a different class to each item in an unordered
list
just a for each and then apply a new class or is there something better
Applying classes has the limitation that you have to create a class
for each color combination. It would probably be more maintainable to
apply the styles using the .css('background-color',...)
and .css('color',...) approach.
Hm, in my opinion it is better to keep the three layers structure
(HTML), presentation (CSS) and behavior (JS) as separated as possible.
--Klaus
--
Armand Datema
CTO SchwingSoft
[jQuery] Re: unordered list each li a different background
Armand Datema wrote:
Hi
Yeah I agree on that but i can do it either returned from back end
code or with a javascript.
http://itbuzz.howardshome.com/
right now I have it with classes in the css as well as html. The best
option would be an ordered list but with image bullet instead of
numbers.
Armand
ol {
list-style: square url(bullet.png);
}
--Klaus
[jQuery] Site Offline?
Did I miss an announcement that jQuery.com would be down this morning?
[jQuery] Re: Site Offline?
Smartass! ;) Let me see whats up. Rey... John Farrar wrote: Did I miss an announcement that jQuery.com would be down this morning? -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com
[jQuery] Re: Site Offline?
I'm running some fixes on the database so I had to take the site down real quick - it should be back up again soon. --John On 7/16/07, John Farrar [EMAIL PROTECTED] wrote: Did I miss an announcement that jQuery.com would be down this morning?
[jQuery] Re: ContextMenu plugin r2 released!
Can one use this plugin with Jörns TreeMenu?( http://bassistance.de/jquery-plugins/jquery-plugin-treeview/)? Thanks On Jul 16, 3:32 pm, Karl Swedberg [EMAIL PROTECTED] wrote: Come to think of it, Dan, that's exactly what was going on. Excellent deduction! --Karl _ Karl Swedbergwww.englishrules.comwww.learningjquery.com On Jul 16, 2007, at 8:50 AM, Dan G. Switzer, II wrote: Cheers, Karl. Arrow-key navigation isn't even implemented yet, so I'm surprised to hear it works at all! :-) I'll take a look at implementing that in r3. I'm guessing maybe Karl had his cursor placed in a way that when the context menu appeared, pressing the [DOWN ARROW] was causing the browser to scroll, which caused the pointer to mouse over the objects--providing the appearance of a working keyboard event handler... This is just a guess...
[jQuery] Re: Site Offline?
Rey, I have over 1000 emails a day frequently... and then there are RSS feeds. I don't read them all. Wasn't trying to be smart, don't flame someone until they earn it. :) John Rey Bango wrote: Smartass! ;) Let me see whats up. Rey... John Farrar wrote: Did I miss an announcement that jQuery.com would be down this morning?
[jQuery] Re: Site Offline?
The site is back up! On 7/16/07, John Farrar [EMAIL PROTECTED] wrote: Rey, I have over 1000 emails a day frequently... and then there are RSS feeds. I don't read them all. Wasn't trying to be smart, don't flame someone until they earn it. :) John Rey Bango wrote: Smartass! ;) Let me see whats up. Rey... John Farrar wrote: Did I miss an announcement that jQuery.com would be down this morning?
[jQuery] Re: Site Offline?
Oh please John. You know I was joking. Lighten up man. Rey... John Farrar wrote: Rey, I have over 1000 emails a day frequently... and then there are RSS feeds. I don't read them all. Wasn't trying to be smart, don't flame someone until they earn it. :) John Rey Bango wrote: Smartass! ;) Let me see whats up. Rey... John Farrar wrote: Did I miss an announcement that jQuery.com would be down this morning? -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com
[jQuery] Re: unordered list each li a different background
Hi
yeah that is an option but i need a different bullet for each item
Armand
On 7/16/07, Klaus Hartl [EMAIL PROTECTED] wrote:
Armand Datema wrote:
Hi
Yeah I agree on that but i can do it either returned from back end
code or with a javascript.
http://itbuzz.howardshome.com/
right now I have it with classes in the css as well as html. The best
option would be an ordered list but with image bullet instead of
numbers.
Armand
ol {
list-style: square url(bullet.png);
}
--Klaus
--
Armand Datema
CTO SchwingSoft
[jQuery] Re: CSS drop-shadow for clueTip - help requested
I guess the first one could have been done with a div that was
background-color: black; and then set the opacity to 0.5 or whatever. No
need for a png in that.
A very common use case is just the 3px feather fade. Its not very big, just
3px in width. I think the first one, if you dynamically make 3 divs of the
exact same opacity. Literally duplicates. And then offset them 1px, 2px
and 3px. And they were not pngs, just divs with opacity of 0.2 or 0.3.
Then the overlapping would cause it it mirror the feather effect.
Hmm, Ill have to try that one. Might make a decent plugin by itself.
SOmething like:
$(div).shadow({
feather: '3px',
color: 'black',
opacity: '0.2'
});
I suppose it would require the dimensions plugin to position it?
Just brainstorming.
Glen
On 7/16/07, Karl Swedberg [EMAIL PROTECTED] wrote:
very, very nice! exactly what I was looking for. thanks so much, Glen!
I'll take a look at implementing this tonight or tomorrow.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 16, 2007, at 1:38 AM, Glen Lipka wrote:
Maybe a more scalable solution:
http://www.commadot.com/jquery/shadows/v2.htm
I made a box (just one to start, but obviously there could be several
different opacities.)
Technique is to stretch the box and move it around underneath. That way
you can create your own shadow effect.
One could even replace the box for a custom look.
It would be cool to use the corners plugin with this. Didnt work on first
try.
This kind of thing would enable you to make options about which direction
the shadow goes, what opacity and how far away from the content.
I need to go to sleep.Karl, does this help.
Glen
On 7/15/07, Glen Lipka [EMAIL PROTECTED] wrote:
http://www.commadot.com/jquery/shadows/
Ok, the first experiment was using a 1x1 image.
I didnt fix for IE6 yet, but it's in the ballpark...nothing special
happening.
Ok, so the bad part was when I tried to stretch a non-1x1 image with a
fade. The fade of the shadow scaled (of course), so that wont work.
Luckily there is another way. Thank goodness for positioning.
By the way, these arent completely done with a ribbon on them.
But I hope these give the basic idea.
Should these have rounded corners too?
Hmm.
Glen
On 7/15/07, Karl Swedberg [EMAIL PROTECTED] wrote:
Brilliant! You totally rock, Glen! Way above and beyond (but please,
keep going. ;-) )
Can't wait to see the demo.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 15, 2007, at 11:31 PM, Glen Lipka wrote:
Starting to look at it now. I recently had to do some fancy png
shadows. ( http://www.sparkt.com/testing.html)
I totally gave up on trying to make it a background. Luckily you
usually have a workaround.
Here is my plan, and Ill work on it now...
I am going to make 10 png files, 10x10 with 24-bit transparency. Each
one will be be a different opacity. 10%, 20%, etc. The reason to make it
10x10 is to give the edges a fade, so the shadow blurs.
Then I am going to try and make your clueTip html, except rather than
use the div as a background, I will create a layer div, absolutely
positioned underneath. Then offset it with left and top.
In fact, if this works, then you could allow the user to define the
opacity, and the shadow offset!
Ok, Im going to work on a demo. I think it will work though.
PNGs stretch nice with width/height attributes.
Glen
On 7/15/07, Karl Swedberg [EMAIL PROTECTED] wrote:
Hi all,
After I posted the clueTip beta, I realized that something had
regressed and the pngFix code wasn't working properly to get the
drop-shadow
effect working in IE6.
I've worked that part out by, starting with the pngFix code in
Jörn's tooltip plugin (thanks!) and, among other things, changing the
sizingMethod attribute from crop to scale. I also re-worked and
simplified the CSS for the clueTip quite a bit. Nevertheless, it's still
looking a little funky, depending on the contents of the clueTip.
I was wondering if there are any CSS gurus out there who might be
able to look at this in IE6 and help me find a solution. I'm usually able
to
tread fairly nimbly through CSS territory, but this issue has me
flummoxed.
here are thethe files I'm using to try to sort this out:
demo/test page: http://test.learningjquery.com/clue/demo/index.html
style sheet: http://test.learningjquery.com/clue/jquery.cluetip.css
cluetip plugin: http://test.learningjquery.com/clue/jquery.cluetip.js
drop shadow image: http://test.learningjquery.com/clue/shadow.png
I made all the clueTips sticky for easier inspection/manipulation
in a DOM viewer.
Also, here is a zipped file of everything, including Dimensions,
jquery.js, images, and so on:
http://test.learningjquery.com/clue/ cluetip-test.zip
Any help at all would be
[jQuery] Re: Tabs plugin in floated container
Aha, the solution failed in IE6 though! (Including your test page). A quick play shows the floating #sidebar and #content right instead of left, and putting #content before #sidebar in the source to fix the problem. I daren't go near Opera/Safari now ;-) --rob On 7/16/07, Rob Desbois [EMAIL PROTECTED] wrote: Klaus, thank you. That's fixed it perfectly, and it's not an inelegant solution. I still find proper column layouts in pure CSS can be such a trial to get right: this trick is going in my snippet library! --rob [happy] On 7/16/07, Klaus Hartl [EMAIL PROTECTED] wrote: Rob Desbois wrote: Klaus, Try adding height: 200px; to div#sidebar and you can see the problem. Floating div#content left or right solves that problem, but does mean the div's don't expand to fill the client area anymore :-( I see. The reason why I never ran into this kind of problem is that I usually use a little more complex layouts to allow better source code ordering (content first!). I quickly put together a little prototype, which overcomes your problems while allowing flexible width (only tested in Firefox): http://stilbuero.de/jquery/tabs/test.html It uses a wrapper with 15% padding on the left, the sidebar is floated left and pushed onto the wrapper's left padding via negative margin. The content expands to 100% width... HTH, Klaus --Klaus -- Rob Desbois Eml: [EMAIL PROTECTED] Tel: 01452 760631 Mob: 07946 705987 There's a whale there's a whale there's a whale fish he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome. -- Rob Desbois Eml: [EMAIL PROTECTED] Tel: 01452 760631 Mob: 07946 705987 There's a whale there's a whale there's a whale fish he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome.
[jQuery] Re: Moving the COLUMNS of a table around
Yes, worked bro...
Thanks...
g
On 7/16/07, Richard D. Worth [EMAIL PROTECTED] wrote:
Try this:
var aLeft = $(document.createElement('a')).attr('href',
'#').html('lt;').addClass('aLeft');
var aRight = $(document.createElement('a')).attr('href',
'#').html('gt;').addClass('aRight');
$('th').prepend(aLeft, 'nbsp;').append('nbsp;', aRight);
$('.aLeft').click(function() {
var n = 0, th = $(this).parent('th')[0];
$(this).parents('tr:eq(0)').find('th').each(function(i) { // find 'n'
of clicked column
n++; return ($(this)[0] != th)
});
$('th:nth-child(' + n + '), td:nth-child(' + n + ')').each(function()
{
$(this).insertBefore($(this).prev()); // move column to left
});
return false;
});
$('.aRight').click(function() {
var n = 0, th = $(this).parent('th')[0];
$(this).parents('tr:eq(0)').find('th').each(function(i) { // find 'n'
of clicked column
n++; return ($(this)[0] != th)
});
$('th:nth-child(' + n + '), td:nth-child(' + n + ')').each(function()
{
$(this).insertAfter($(this).next()); // move column to right
});
return false;
});
Another option is add a unique class for each col (TH, TD) and use that
instead of nth-child.
- Richard
On 7/16/07, G[N]Urpreet Singh [EMAIL PROTECTED] wrote:
Hi,
I was trying to move around the columns of a table. I noticed that you
can specify styles for columns using the col html construct.
I tried this...
script language=javascript
$(document).ready(function()
{
$(#switch).click(function()
{ $(#2).hide(); });
});
/script
table border=1
col id=1 width=20px /
col id=2 width=20px /
col id=3 width=20px /
col id=4 width=20px /
col id=5 width=20px /
col id=6 width=20px/
tbody
tr
th1/thth2/thth3/thth4/thth5/thth6/th
/tr
tr
td1/tdtd2/tdtd3/tdtd4/tdtd5/tdtd6/td
/tr
tr
td1/tdtd2/tdtd3/tdtd4/tdtd5/tdtd6/td
/tr
/tbody
/table
Here only Hide worked. Remove, insertBefore, insertAfter did not work
for obvious reasons
Any ideas on how to achieve that?? reordering the columns of a table...
Gurpreet
--
Gurpreet Singh
--
Gurpreet Singh
[jQuery] Re: Site Offline?
I have over 1000 emails a day frequently... and then there are RSS feeds. I don't read them all. Wasn't trying to be smart, don't flame someone until they earn it. :) You should forward most of that to people who actually have the time to read that many emails and are chronically depressed because their inbox is always empty. Has worked great for me in the past : ). -- Felix -- My Blog: http://www.thinkingphp.org My Business: http://www.fg-webdesign.de John Farrar wrote: Rey, I have over 1000 emails a day frequently... and then there are RSS feeds. I don't read them all. Wasn't trying to be smart, don't flame someone until they earn it. :) John Rey Bango wrote: Smartass! ;) Let me see whats up. Rey... John Farrar wrote: Did I miss an announcement that jQuery.com would be down this morning?
[jQuery] Re: dev tip: combining JS script files
This is a good page on optimzing javascript for speed... http://betterexplained.com/articles/speed-up-your-javascript-load-time/
[jQuery] Re: unordered list each li a different background
On Jul 16, 5:17 pm, Armand Datema [EMAIL PROTECTED] wrote: yeah that is an option but i need a different bullet for each item You still haven't given us much info to work with. Do you need a specific number of bullets or an unpredictable/arbitrary number? If you can generate the code on the server (as you mentioned above), i don't see where the problem is - just create the appropriate classes or .css() calls. And are you sure that having a different bullet graphic on each entry is in the best interest of your users? As a user, i would be annoyed if a list had a different bullet for each entry. Lists are for grouping similar/related items, and it's hard to imagine them as related if each has a different delimiter. Maybe a TABLE is what you really want, where you can put a different graphic for each entry in the far left column?
[jQuery] Getting user agent stats with jQuery...
My company currently uses a product called BrowserHawk, a combination of Javascript and Java files, to get a set of user data which we then store in our database. Currently this data set includes Flash player version, OS, Browser (and version), Screen Res, and more. The drawback is that this software is expensive, around $1000 per server (we have 3 right now), and we're not fully using the data it provides to us anyway. I know that jQuery core can provide browser (and version?), and I also know that you can get screen res with the dimensions plugin. I'm wondering if anyone has considered writing a jQuery plugin which mimics this behavior, returning an object containing user agent information. Alternately, does anyone know of some reliable piece of software which does this same sort of thing, but maybe cheaper? Thanks for the input. Andy Matthews Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ dealerskinslogo.bmp
[jQuery] Re: dev tip: combining JS script files
This is a good page on optimzing javascript for speed... http://betterexplained.com/articles/speed-up-your-javascript-load-time/ This part of the text seems contradictory with jQuery's habits. Why do we load jQuery.js and all its plugins in the head section? (answer: to have .ready()). But should we do it all the time and for all plugins? Optimize Javascript Placement Place your javascript at the end of your HTML file if possible. Notice how Google analytics and other stat tracking software wants to be right before the closing /body tag. This allows the majority of page content (like images, tables, text) to be loaded and rendered first. The user sees content loading, so the page looks responsive. At this point, the heavy javascripts can begin loading near the end. I used to have all my javascript crammed into the head section, but this was unnecessary. Only core files that are absolutely needed in the beginning of the page load should be there. The rest, like cool menu effects, transitions, etc. can be loaded later. You want the page to appear responsive (i.e., something is loading) up front. -- Fil
[jQuery] news ticker not displaying inline with H2 tag
I'm trying to get the texotela news ticker ( http://www.texotela.co.uk/code/jquery/newsticker/ ) to display inline with an h2 tag. I have my h2 tag set to display:inline but the ticker still drops down. Anyone have any ideas on how to fix this? Here's my current file: http://echolux.net/ticker/newsTest.html . Thanks!
[jQuery] onclick ?
Hi everybody,
I'm new to Jquery and iI'm just looking for a little tip. Well, i'm
trying to call JQueryBlockUI trough flash, and to do that I need to
have a JS function like
function test2()
{
question=document.getElementById('question');
jQuery.blockUI(question,{ width: '430px', height: '380px',top:'30%',
left:'30%' });
}
Allright, this is working, i'm calling a div with a new flash movie,
but if i close the div with this:
$('#no').click(function() {
$.unblockUI();
alert(getFlashMovieObject('moteur').GetVariable('aron'));
});
It can't load the movie anymore and i need to refresh the browser.
Any clue ?
[jQuery] Re: Getting user agent stats with jQuery...
If you are only interested in storing the data (not using it real time) you may want to look into google analytics. http://www.google.com/analytics/ It has lots of info including browser type and version, operating system, screen resolution, colors, flash version, java version, and lots more. It has a very slick interface. Best of all it's free! Aaron Andy Matthews wrote: My company currently uses a product called BrowserHawk, a combination of_javascript_ and Java files, to get a set of user data which we then store in our database. Currently this data set includes Flash player version, OS, Browser (and version),Screen Res, and more. The drawback is that this software is expensive, around $1000 per server (we have 3 right now), and we're not fully using the data it provides to us anyway. I know that jQuery core can provide browser (and version?), and I also know that you can get screen res with the dimensions plugin. I'm wondering if anyone has considered writing a jQuery plugin which mimics this behavior, returning an object containing user agent information. Alternately, does anyone know of some reliable piece of software which does this same sort of thing, but maybe cheaper? Thanks for the input. Andy Matthews Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com
[jQuery] Re: dev tip: combining JS script files
A couple of weeks ago, I attended a talk by Steve Souders http://stevesouders.com/ He is Chief Performance Yahoo! He has a new book coming out about performance on the web. One of his points was to include Javascript at the bottom of the page. But even he admitted that this is not practical in many cases. Basically, if you can wait to load a script at the bottom of the page or dynamically load it, that is better. But often times you just can't -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Fil Sent: Monday, July 16, 2007 10:06 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: dev tip: combining JS script files This is a good page on optimzing javascript for speed... http://betterexplained.com/articles/speed-up-your-javascript-load-time/ This part of the text seems contradictory with jQuery's habits. Why do we load jQuery.js and all its plugins in the head section? (answer: to have .ready()). But should we do it all the time and for all plugins? Optimize Javascript Placement Place your javascript at the end of your HTML file if possible. Notice how Google analytics and other stat tracking software wants to be right before the closing /body tag. This allows the majority of page content (like images, tables, text) to be loaded and rendered first. The user sees content loading, so the page looks responsive. At this point, the heavy javascripts can begin loading near the end. I used to have all my javascript crammed into the head section, but this was unnecessary. Only core files that are absolutely needed in the beginning of the page load should be there. The rest, like cool menu effects, transitions, etc. can be loaded later. You want the page to appear responsive (i.e., something is loading) up front. -- Fil
[jQuery] Re: news ticker not displaying inline with H2 tag
The ul tag is also block level, so you could add float:left; to the h2 to bring the ul up to the right of it. -Marshall [EMAIL PROTECTED] wrote: I'm trying to get the texotela news ticker ( http://www.texotela.co.uk/code/jquery/newsticker/ ) to display inline with an h2 tag. I have my h2 tag set to display:inline but the ticker still drops down. Anyone have any ideas on how to fix this? Here's my current file: http://echolux.net/ticker/newsTest.html . Thanks!
[jQuery] Re: Getting user agent stats with jQuery...
We wouldn't use it in real-time but we would need to be able to store that data ourselves and not just access it via their interface. Is that still possible? _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Aaron Porter Sent: Monday, July 16, 2007 12:04 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Getting user agent stats with jQuery... If you are only interested in storing the data (not using it real time) you may want to look into google analytics. http://www.google.com/analytics/ It has lots of info including browser type and version, operating system, screen resolution, colors, flash version, java version, and lots more. It has a very slick interface. Best of all it's free! Aaron Andy Matthews wrote: My company currently uses a product called BrowserHawk, a combination of Javascript and Java files, to get a set of user data which we then store in our database. Currently this data set includes Flash player version, OS, Browser (and version), Screen Res, and more. The drawback is that this software is expensive, around $1000 per server (we have 3 right now), and we're not fully using the data it provides to us anyway. I know that jQuery core can provide browser (and version?), and I also know that you can get screen res with the dimensions plugin. I'm wondering if anyone has considered writing a jQuery plugin which mimics this behavior, returning an object containing user agent information. Alternately, does anyone know of some reliable piece of software which does this same sort of thing, but maybe cheaper? Thanks for the input. Andy Matthews Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ ATT00406.bmp
[jQuery] Re: CSS drop-shadow for clueTip - help requested
Heh ... I'm secretly working on a shadow plugin that does just this ...
although not a secret anymore. It would be a follow up to my gradient
plugin. No timeline on when I'll get it done though ... looks like I'll have
some time this week ... so maybe this week or maybe next month. :)
--
Brandon Aaron
On 7/16/07, Glen Lipka [EMAIL PROTECTED] wrote:
I guess the first one could have been done with a div that was
background-color: black; and then set the opacity to 0.5 or whatever. No
need for a png in that.
A very common use case is just the 3px feather fade. Its not very big,
just 3px in width. I think the first one, if you dynamically make 3 divs of
the exact same opacity. Literally duplicates. And then offset them 1px,
2px and 3px. And they were not pngs, just divs with opacity of 0.2 or 0.3.
Then the overlapping would cause it it mirror the feather effect.
Hmm, Ill have to try that one. Might make a decent plugin by itself.
SOmething like:
$(div).shadow({
feather: '3px',
color: 'black',
opacity: '0.2'
});
I suppose it would require the dimensions plugin to position it?
Just brainstorming.
Glen
On 7/16/07, Karl Swedberg [EMAIL PROTECTED] wrote:
very, very nice! exactly what I was looking for. thanks so much, Glen!
I'll take a look at implementing this tonight or tomorrow.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 16, 2007, at 1:38 AM, Glen Lipka wrote:
Maybe a more scalable solution:
http://www.commadot.com/jquery/shadows/v2.htm
I made a box (just one to start, but obviously there could be several
different opacities.)
Technique is to stretch the box and move it around underneath. That way
you can create your own shadow effect.
One could even replace the box for a custom look.
It would be cool to use the corners plugin with this. Didnt work on
first try.
This kind of thing would enable you to make options about which
direction the shadow goes, what opacity and how far away from the content.
I need to go to sleep.Karl, does this help.
Glen
On 7/15/07, Glen Lipka [EMAIL PROTECTED] wrote:
http://www.commadot.com/jquery/shadows/
Ok, the first experiment was using a 1x1 image.
I didnt fix for IE6 yet, but it's in the ballpark...nothing special
happening.
Ok, so the bad part was when I tried to stretch a non-1x1 image with a
fade. The fade of the shadow scaled (of course), so that wont work.
Luckily there is another way. Thank goodness for positioning.
By the way, these arent completely done with a ribbon on them.
But I hope these give the basic idea.
Should these have rounded corners too?
Hmm.
Glen
On 7/15/07, Karl Swedberg [EMAIL PROTECTED] wrote:
Brilliant! You totally rock, Glen! Way above and beyond (but please,
keep going. ;-) )
Can't wait to see the demo.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 15, 2007, at 11:31 PM, Glen Lipka wrote:
Starting to look at it now. I recently had to do some fancy png
shadows. ( http://www.sparkt.com/testing.html)
I totally gave up on trying to make it a background. Luckily you
usually have a workaround.
Here is my plan, and Ill work on it now...
I am going to make 10 png files, 10x10 with 24-bit transparency.
Each one will be be a different opacity. 10%, 20%, etc. The reason to
make
it 10x10 is to give the edges a fade, so the shadow blurs.
Then I am going to try and make your clueTip html, except rather
than use the div as a background, I will create a layer div, absolutely
positioned underneath. Then offset it with left and top.
In fact, if this works, then you could allow the user to define the
opacity, and the shadow offset!
Ok, Im going to work on a demo. I think it will work though.
PNGs stretch nice with width/height attributes.
Glen
On 7/15/07, Karl Swedberg [EMAIL PROTECTED] wrote:
Hi all,
After I posted the clueTip beta, I realized that something had
regressed and the pngFix code wasn't working properly to get the
drop-shadow
effect working in IE6.
I've worked that part out by, starting with the pngFix code in
Jörn's tooltip plugin (thanks!) and, among other things, changing the
sizingMethod attribute from crop to scale. I also re-worked and
simplified the CSS for the clueTip quite a bit. Nevertheless, it's still
looking a little funky, depending on the contents of the clueTip.
I was wondering if there are any CSS gurus out there who might be
able to look at this in IE6 and help me find a solution. I'm usually
able to
tread fairly nimbly through CSS territory, but this issue has me
flummoxed.
here are thethe files I'm using to try to sort this out:
demo/test page: http://test.learningjquery.com/clue/demo/index.html
style sheet:
[jQuery] Re: .css(border-color) returning undefined
Are you sure?
The backgroundColor is returned okay...
george.gsgd wrote:
$('#animationbox').css('borderColor') looks at the style property of the
object not the css in the document, so if it's only in your css you get no
value.
...
--
View this message in context:
http://www.nabble.com/.css%28%22border-color%22%29-returning-undefined-tf4082154s15494.html#a11626448
Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: CSS drop-shadow for clueTip - help requested
Great minds...something something.
That gradient plugin is neat, but, my goodness, its like I exploded a bomb
packed with DIVs instead of shrapnel!. :)
Glen
On 7/16/07, Brandon Aaron [EMAIL PROTECTED] wrote:
Heh ... I'm secretly working on a shadow plugin that does just this ...
although not a secret anymore. It would be a follow up to my gradient
plugin. No timeline on when I'll get it done though ... looks like I'll have
some time this week ... so maybe this week or maybe next month. :)
--
Brandon Aaron
On 7/16/07, Glen Lipka [EMAIL PROTECTED] wrote:
I guess the first one could have been done with a div that was
background-color: black; and then set the opacity to 0.5 or whatever.
No need for a png in that.
A very common use case is just the 3px feather fade. Its not very big,
just 3px in width. I think the first one, if you dynamically make 3 divs of
the exact same opacity. Literally duplicates. And then offset them 1px,
2px and 3px. And they were not pngs, just divs with opacity of 0.2 or
0.3. Then the overlapping would cause it it mirror the feather effect.
Hmm, Ill have to try that one. Might make a decent plugin by itself.
SOmething like:
$(div).shadow({
feather: '3px',
color: 'black',
opacity: '0.2'
});
I suppose it would require the dimensions plugin to position it?
Just brainstorming.
Glen
On 7/16/07, Karl Swedberg [EMAIL PROTECTED] wrote:
very, very nice! exactly what I was looking for. thanks so much, Glen!
I'll take a look at implementing this tonight or tomorrow.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 16, 2007, at 1:38 AM, Glen Lipka wrote:
Maybe a more scalable solution:
http://www.commadot.com/jquery/shadows/v2.htm
I made a box (just one to start, but obviously there could be several
different opacities.)
Technique is to stretch the box and move it around underneath. That
way you can create your own shadow effect.
One could even replace the box for a custom look.
It would be cool to use the corners plugin with this. Didnt work on
first try.
This kind of thing would enable you to make options about which
direction the shadow goes, what opacity and how far away from the content.
I need to go to sleep.Karl, does this help.
Glen
On 7/15/07, Glen Lipka [EMAIL PROTECTED] wrote:
http://www.commadot.com/jquery/shadows/
Ok, the first experiment was using a 1x1 image.
I didnt fix for IE6 yet, but it's in the ballpark...nothing special
happening.
Ok, so the bad part was when I tried to stretch a non-1x1 image with
a fade. The fade of the shadow scaled (of course), so that wont work.
Luckily there is another way. Thank goodness for positioning.
By the way, these arent completely done with a ribbon on them.
But I hope these give the basic idea.
Should these have rounded corners too?
Hmm.
Glen
On 7/15/07, Karl Swedberg [EMAIL PROTECTED] wrote:
Brilliant! You totally rock, Glen! Way above and beyond (but
please, keep going. ;-) )
Can't wait to see the demo.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 15, 2007, at 11:31 PM, Glen Lipka wrote:
Starting to look at it now. I recently had to do some fancy png
shadows. ( http://www.sparkt.com/testing.html)
I totally gave up on trying to make it a background. Luckily you
usually have a workaround.
Here is my plan, and Ill work on it now...
I am going to make 10 png files, 10x10 with 24-bit transparency.
Each one will be be a different opacity. 10%, 20%, etc. The reason to
make
it 10x10 is to give the edges a fade, so the shadow blurs.
Then I am going to try and make your clueTip html, except rather
than use the div as a background, I will create a layer div, absolutely
positioned underneath. Then offset it with left and top.
In fact, if this works, then you could allow the user to define
the opacity, and the shadow offset!
Ok, Im going to work on a demo. I think it will work though.
PNGs stretch nice with width/height attributes.
Glen
On 7/15/07, Karl Swedberg [EMAIL PROTECTED] wrote:
Hi all,
After I posted the clueTip beta, I realized that something had
regressed and the pngFix code wasn't working properly to get the
drop-shadow
effect working in IE6.
I've worked that part out by, starting with the pngFix code in
Jörn's tooltip plugin (thanks!) and, among other things, changing the
sizingMethod attribute from crop to scale. I also re-worked and
simplified the CSS for the clueTip quite a bit. Nevertheless, it's
still
looking a little funky, depending on the contents of the clueTip.
I was wondering if there are any CSS gurus out there who might
be
[jQuery] Re: Getting user agent stats with jQuery...
Alternately, does anyone know of some reliable piece of software which does this same sort of thing, but maybe cheaper? Google Analytics - it's free. -- Felix -- My Blog: http://www.thinkingphp.org My Business: http://www.fg-webdesign.de Andy Matthews wrote: My company currently uses a product called BrowserHawk, a combination of_javascript_ and Java files, to get a set of user data which we then store in our database. Currently this data set includes Flash player version, OS, Browser (and version),Screen Res, and more. The drawback is that this software is expensive, around $1000 per server (we have 3 right now), and we're not fully using the data it provides to us anyway. I know that jQuery core can provide browser (and version?), and I also know that you can get screen res with the dimensions plugin. I'm wondering if anyone has considered writing a jQuery plugin which mimics this behavior, returning an object containing user agent information. Alternately, does anyone know of some reliable piece of software which does this same sort of thing, but maybe cheaper? Thanks for the input. Andy Matthews Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com
[jQuery] Re: Getting user agent stats with jQuery...
We wouldn't use it in "real-time" but we would need to be able to store that data ourselves and not just access it via their interface. You can aggregate and store it yourself. I wrote some code a while back that does that (it's for the CakePHP framework but could be decoupled from it or alternatively rewritten in any other language). http://www.thinkingphp.org/2006/06/19/google-analytics-php-api-cakephp-model/ -- Felix -- My Blog: http://www.thinkingphp.org My Business: http://www.fg-webdesign.de Andy Matthews wrote: We wouldn't use it in "real-time" but we would need to be able to store that data ourselves and not just access it via their interface. Is that still possible? From: jquery-en@googlegroups.com [mailto:jquery-en@googlegroups.com] On Behalf Of Aaron Porter Sent: Monday, July 16, 2007 12:04 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Getting user agent stats with jQuery... If you are only interested in storing the data (not using it real time) you may want to look into google analytics. http://www.google.com/analytics/ It has lots of info including browser type and version, operating system, screen resolution, colors, flash version, java version, and lots more. It has a very slick interface. Best of all it's free! Aaron Andy Matthews wrote: My company currently uses a product called BrowserHawk, a combination of_javascript_ and Java files, to get a set of user data which we then store in our database. Currently this data set includes Flash player version, OS, Browser (and version),Screen Res, and more. The drawback is that this software is expensive, around $1000 per server (we have 3 right now), and we're not fully using the data it provides to us anyway. I know that jQuery core can provide browser (and version?), and I also know that you can get screen res with the dimensions plugin. I'm wondering if anyone has considered writing a jQuery plugin which mimics this behavior, returning an object containing user agent information. Alternately, does anyone know of some reliable piece of software which does this same sort of thing, but maybe cheaper? Thanks for the input. Andy Matthews Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com
[jQuery] Re: Moving the COLUMNS of a table around
OK... how about a complete working code example? Looks very cool and I am interested. John Farrar
[jQuery] Binding events to elements created by a plugin, from within the plugin.
I am moving some code into a plugin and am stuck on something that is
probably very simple.
My plugin creates new DOM nodes, but once they are created I need to
bind events to them. I'm not seeing an obvious way to do the binding
from within the plugin itself. I'd like to just do this:
$('foo').myplugin();
...but right now I have to do this:
$('foo').myplugin();
bindStuff();
I'm using the recommended return this.each(function(){ ...})
structure for my plugin, so if I call the binding function from within
that block, it'll get called n times, when it only needs to be called
once. I'm sure I'm missing something obvious, but I haven't written
too many plugins yet.. .each() doesn't have a callback does it?
Thanks,
Jason
[jQuery] Re: Binding events to elements created by a plugin, from within the plugin.
D'oh! Never mind, the light bulb finally came on.
- jason
On Jul 16, 2:18 pm, jason [EMAIL PROTECTED] wrote:
I am moving some code into a plugin and am stuck on something that is
probably very simple.
My plugin creates new DOM nodes, but once they are created I need to
bind events to them. I'm not seeing an obvious way to do the binding
from within the plugin itself. I'd like to just do this:
$('foo').myplugin();
...but right now I have to do this:
$('foo').myplugin();
bindStuff();
I'm using the recommended return this.each(function(){ ...})
structure for my plugin, so if I call the binding function from within
that block, it'll get called n times, when it only needs to be called
once. I'm sure I'm missing something obvious, but I haven't written
too many plugins yet.. .each() doesn't have a callback does it?
Thanks,
Jason
[jQuery] search text, find urls and list
Hi All- This is a newbie designer question. I think jquery's great and I'm trying to find more uses for it. I've got this- $(#content a).not([EMAIL PROTECTED]'mysite.com/']).clone().appendTo(#content); I was trying to get a line break in between each link but couldn't and I was hoping somebody here could give me a hand. I'm trying to learn so I'm trying to do this step-by-step. I've been reading the doc's and see that $(a) going to pick up the anchors. I saw .getUrlParam and tried .getUrlParam(href) but was only able to get strHref has no properties. It's probably obvious but what I'm trying to do is go through the content div, collect all the external http:... addresses and put them into a ul or ol at the bottom of the page. I just want to make it easy for people to copy them. Thanks and thanks for jquery. When you're doing sites by yourself it's hard to add the kind of enhancements that jquery offers. Thanks again, Hugh
[jQuery] jQuery Logo
Does anyone have the jQuery logo as a vector graphic? I gotta give props to John R. and his boyz on my next site and am sticking a logo somewhere on the page. I like to avoid working from working from bitmaps whenever possible. On a sidenote, I realized just now that the Devo hemlet has 4 tiers and the jQuery logo has 3. I assume this is by design to avoid legal repercussions? Kudos to your killer work on the library. You guys shifted my development paradigm.
[jQuery] ANNOUNCE: Horizontal Accordion
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] tablesorter 2.0 - Shiny Brand new documentation!
Hi List, After many late night i have managed to sort out a documentation/FAQ, for the new 2.0 release. I hope to have included the most common questions/problems + showing off the new features, but i might have missed some, so any feedback on this would be great! The new documentation is located here: http://lovepeacenukes.com/tablesorter/2.0/docs/ The new tablesorter will be released next week. Best regards Christian
[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
[jQuery] AW: [jQuery] Re: ANNOUNCE: Horizontal Accordion
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] Re: Frequently Asked Questions (FAQ)
Richard D. Worth wrote on 7/14/2007 8:06 AM: Just a few to start with. Please add any questions you've seen come up a lot. Two questions I had when starting with jQuery, and glancing through the API docs, I still don't see them documented (maybe in a tutorial?): (1) How do you select an element by its ID? (2) How do you select all elements given a CSS class? Seems like they should be included on the Selectors page. - Bil
[jQuery] Re: CSS drop-shadow for clueTip - help requested
yeah, but it gets the job done, and it's not like you have all those
DIVs in the HTML. Jonathan and I used the same technique for a fade
technique in the Learning jQuery book. Not sure why I didn't think of
doing something similar for this. I guess I was fixated on getting a
single png background image to work cross-browser. I'm really glad I
sought help here. You've knocked me out of my tunnel vision, that's
for sure.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 16, 2007, at 1:52 PM, Glen Lipka wrote:
Great minds...something something.
That gradient plugin is neat, but, my goodness, its like I exploded
a bomb packed with DIVs instead of shrapnel!. :)
Glen
On 7/16/07, Brandon Aaron [EMAIL PROTECTED] wrote:
Heh ... I'm secretly working on a shadow plugin that does just
this ... although not a secret anymore. It would be a follow up to
my gradient plugin. No timeline on when I'll get it done though ...
looks like I'll have some time this week ... so maybe this week or
maybe next month. :)
--
Brandon Aaron
On 7/16/07, Glen Lipka [EMAIL PROTECTED] wrote:
I guess the first one could have been done with a div that was
background-color: black; and then set the opacity to 0.5 or
whatever. No need for a png in that.
A very common use case is just the 3px feather fade. Its not very
big, just 3px in width. I think the first one, if you dynamically
make 3 divs of the exact same opacity. Literally duplicates. And
then offset them 1px, 2px and 3px. And they were not pngs, just
divs with opacity of 0.2 or 0.3. Then the overlapping would cause
it it mirror the feather effect.
Hmm, Ill have to try that one. Might make a decent plugin by
itself. SOmething like:
$(div).shadow({
feather: '3px',
color: 'black',
opacity: '0.2'
});
I suppose it would require the dimensions plugin to position it?
Just brainstorming.
Glen
On 7/16/07, Karl Swedberg [EMAIL PROTECTED] wrote:
very, very nice! exactly what I was looking for. thanks so much, Glen!
I'll take a look at implementing this tonight or tomorrow.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 16, 2007, at 1:38 AM, Glen Lipka wrote:
Maybe a more scalable solution:
http://www.commadot.com/jquery/shadows/v2.htm
I made a box (just one to start, but obviously there could be
several different opacities.)
Technique is to stretch the box and move it around underneath.
That way you can create your own shadow effect.
One could even replace the box for a custom look.
It would be cool to use the corners plugin with this. Didnt work
on first try.
This kind of thing would enable you to make options about which
direction the shadow goes, what opacity and how far away from the
content.
I need to go to sleep.Karl, does this help.
Glen
On 7/15/07, Glen Lipka [EMAIL PROTECTED] wrote:
http://www.commadot.com/jquery/shadows/
Ok, the first experiment was using a 1x1 image.
I didnt fix for IE6 yet, but it's in the ballpark...nothing
special happening.
Ok, so the bad part was when I tried to stretch a non-1x1 image
with a fade. The fade of the shadow scaled (of course), so that
wont work.
Luckily there is another way. Thank goodness for positioning.
By the way, these arent completely done with a ribbon on them.
But I hope these give the basic idea.
Should these have rounded corners too?
Hmm.
Glen
On 7/15/07, Karl Swedberg [EMAIL PROTECTED] wrote:
Brilliant! You totally rock, Glen! Way above and beyond (but
please, keep going. ;-) )
Can't wait to see the demo.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 15, 2007, at 11:31 PM, Glen Lipka wrote:
Starting to look at it now. I recently had to do some fancy png
shadows. ( http://www.sparkt.com/testing.html)
I totally gave up on trying to make it a background. Luckily you
usually have a workaround.
Here is my plan, and Ill work on it now...
I am going to make 10 png files, 10x10 with 24-bit transparency.
Each one will be be a different opacity. 10%, 20%, etc. The
reason to make it 10x10 is to give the edges a fade, so the
shadow blurs.
Then I am going to try and make your clueTip html, except rather
than use the div as a background, I will create a layer div,
absolutely positioned underneath. Then offset it with left and top.
In fact, if this works, then you could allow the user to define
the opacity, and the shadow offset!
Ok, Im going to work on a demo. I think it will work though.
PNGs stretch nice with width/height attributes.
Glen
On 7/15/07, Karl Swedberg [EMAIL PROTECTED] wrote:
Hi all,
After I posted the clueTip beta, I realized that something had
regressed and the pngFix code wasn't working properly to get the
drop-shadow effect working in IE6.
I've worked that part out by, starting with the pngFix code in
Jörn's tooltip plugin (thanks!)
[jQuery] Re: CSS drop-shadow for clueTip - help requested
Hah! Very true. It can produce a lot of divs. :)
--
Brandon Aaron
On 7/16/07, Glen Lipka [EMAIL PROTECTED] wrote:
Great minds...something something.
That gradient plugin is neat, but, my goodness, its like I exploded a bomb
packed with DIVs instead of shrapnel!. :)
Glen
On 7/16/07, Brandon Aaron [EMAIL PROTECTED] wrote:
Heh ... I'm secretly working on a shadow plugin that does just this ...
although not a secret anymore. It would be a follow up to my gradient
plugin. No timeline on when I'll get it done though ... looks like I'll have
some time this week ... so maybe this week or maybe next month. :)
--
Brandon Aaron
On 7/16/07, Glen Lipka [EMAIL PROTECTED] wrote:
I guess the first one could have been done with a div that was
background-color: black; and then set the opacity to 0.5 or whatever.
No need for a png in that.
A very common use case is just the 3px feather fade. Its not very
big, just 3px in width. I think the first one, if you dynamically make 3
divs of the exact same opacity. Literally duplicates. And then offset them
1px, 2px and 3px. And they were not pngs, just divs with opacity of
0.2 or 0.3. Then the overlapping would cause it it mirror the feather
effect.
Hmm, Ill have to try that one. Might make a decent plugin by itself.
SOmething like:
$(div).shadow({
feather: '3px',
color: 'black',
opacity: '0.2'
});
I suppose it would require the dimensions plugin to position it?
Just brainstorming.
Glen
On 7/16/07, Karl Swedberg [EMAIL PROTECTED] wrote:
very, very nice! exactly what I was looking for. thanks so much,
Glen!
I'll take a look at implementing this tonight or tomorrow.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 16, 2007, at 1:38 AM, Glen Lipka wrote:
Maybe a more scalable solution:
http://www.commadot.com/jquery/shadows/v2.htm
I made a box (just one to start, but obviously there could be
several different opacities.)
Technique is to stretch the box and move it around underneath. That
way you can create your own shadow effect.
One could even replace the box for a custom look.
It would be cool to use the corners plugin with this. Didnt work on
first try.
This kind of thing would enable you to make options about which
direction the shadow goes, what opacity and how far away from the content.
I need to go to sleep.Karl, does this help.
Glen
On 7/15/07, Glen Lipka [EMAIL PROTECTED] wrote:
http://www.commadot.com/jquery/shadows/
Ok, the first experiment was using a 1x1 image.
I didnt fix for IE6 yet, but it's in the ballpark...nothing
special happening.
Ok, so the bad part was when I tried to stretch a non-1x1 image
with a fade. The fade of the shadow scaled (of course), so that wont
work.
Luckily there is another way. Thank goodness for positioning.
By the way, these arent completely done with a ribbon on them.
But I hope these give the basic idea.
Should these have rounded corners too?
Hmm.
Glen
On 7/15/07, Karl Swedberg [EMAIL PROTECTED] wrote:
Brilliant! You totally rock, Glen! Way above and beyond (but
please, keep going. ;-) )
Can't wait to see the demo.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 15, 2007, at 11:31 PM, Glen Lipka wrote:
Starting to look at it now. I recently had to do some fancy png
shadows. ( http://www.sparkt.com/testing.html)
I totally gave up on trying to make it a background. Luckily
you usually have a workaround.
Here is my plan, and Ill work on it now...
I am going to make 10 png files, 10x10 with 24-bit
transparency. Each one will be be a different opacity. 10%, 20%,
etc. The
reason to make it 10x10 is to give the edges a fade, so the shadow
blurs.
Then I am going to try and make your clueTip html, except rather
than use the div as a background, I will create a layer div,
absolutely
positioned underneath. Then offset it with left and top.
In fact, if this works, then you could allow the user to define
the opacity, and the shadow offset!
Ok, Im going to work on a demo. I think it will work though.
PNGs stretch nice with width/height attributes.
Glen
On 7/15/07, Karl Swedberg [EMAIL PROTECTED] wrote:
Hi all,
After I posted the clueTip beta, I realized that something had
regressed and the pngFix code wasn't working properly to get the
drop-shadow
effect working in IE6.
I've worked that part out by, starting with the pngFix code in
Jörn's tooltip plugin (thanks!) and, among other things, changing
the
sizingMethod attribute from
[jQuery] Re: ANNOUNCE: Horizontal Accordion
Very Nice! This has given me a great idea for my interface in my application - I was looking for inspiration. Can't wait to give it a go. On 7/16/07, Alexander Graef [EMAIL PROTECTED] 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 -- Tane Piper http://digitalspaghetti.tooum.net This email is: [ ] blogable [ x ] ask first [ ] private
[jQuery] Re: Frequently Asked Questions (FAQ)
Select By ID $(#MyID); Select By Class $(.myClass); # indicates an ID while . indicates a class. It's documented somewhere, I just know it. On 7/16/07, Bil Corry [EMAIL PROTECTED] wrote: Richard D. Worth wrote on 7/14/2007 8:06 AM: Just a few to start with. Please add any questions you've seen come up a lot. Two questions I had when starting with jQuery, and glancing through the API docs, I still don't see them documented (maybe in a tutorial?): (1) How do you select an element by its ID? (2) How do you select all elements given a CSS class? Seems like they should be included on the Selectors page. - Bil -- -- http://cjordan.us
[jQuery] Re: jQuery form plugin questions
Any ideas?
On Jul 15, 12:07 pm, Chris [EMAIL PROTECTED] wrote:
Thank you for the reply mike! I added this to my script:
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
$('#thankyou').show('slow');
$('#newcomment').hide('fast');
$('#newestcomment').show('slow');
});
});
and did this with the div:
div id=newestcomment style=display:none;
a href=#? echo $_POST[name]; ?/a? echo $_POST[comment]; ?
/div
It did not seem to pull the data from post, but it does add another
space for a comment. The way my form is processed is it send the post
info to comment.php and that adds it to the database. How do i have
the jquery talk to the php. I tried using a get from an external php
page that pulls the latest comment from the database but I didn't know
where to go after that.
Thank you!
-Chris
On Jul 15, 6:06 am, Mike Alsup [EMAIL PROTECTED] wrote:
Sorry, I'm meant the formatted *comment*. When a comment is posted,
return something like this from the server (filling in the correct
info as appropriate):
div class=oddcomment
pa href=#author name here/a/ppComment text here/p
/div
Mike
On 7/15/07, Chris [EMAIL PROTECTED] wrote:
Thank you for the reply mike,
Unfortunately I don't understand how I could use this? What is the
formatted column? I think i understand that you would be running this
code $('#comments h1') after the (data) for the form is complete.
On Jul 13, 4:17 am, Mike Alsup [EMAIL PROTECTED] wrote:
Chris,
Why don't you return the formatted column when it is posted. Then you
could do something like this:
$(document).ready(function() {
$('#myForm').ajaxForm(function(data) {
$('#thankyou').show('slow');
$('newcomment').hide();
$('#comments h1').after(data);
});
});
Mike
On 7/13/07, Chris [EMAIL PROTECTED] wrote:
Hello everyone,
I'm a bit of a noob to this whole AJAX thing so you'll have to forgive
me. I've setup a blog, using jQuery the comments are added to mysql
using this form plugin (http://www.malsup.com/jquery/form/#getting-
started). Posting the comments work great, I was even able to add in
a confirmation saying Thank you for posting. My dilemma is showing
the new comment on the page without refreshing. Here is the page to
test it: (http://www.iphoneappr.com/index.php?post=48). I was
thinking I could do a $.get to an external php page that queries
mysql with the most current post and put it in a specific div on the
page.
Here is the function for the form.
script type=text/javascript
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
$('#thankyou').show('slow');
$('#newcomment').hide('fast');
});
});
/script
Thank you for any help! This is driving me nuts!
[jQuery] load method nor getting new data on IE7
The following function works as it's supposed to on FF but IE7 is
evidently caching the results because I always get the same quotation
back. How can I force IE7 to do what I tell it to?
$(function() {$(#quote).click(function(){
$(this).fadeOut();
$(this).load(getquote.php);
$(this).fadeIn();
}); });
--
There will never be a really free and enlightened State, until the State
comes to recognize the individual as a higher and independent power,
from which all its own power and authority are derived, and treats him
accordingly. -- Henry D. Thoreau, 1849 Resistance to Civil Government
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
[jQuery] syntax errors in jquery-1.1.3.1.js
I'm fairly new to javascript so this may or may not be important. One of the posts today led me to the jslint.js program. Running it with rhino on jquery-1.1.3.1.js reports many, many errors. It quit at line 275 complaining of 'too many errors'. Most of the errors were (caused by) missing semicolons. When it aborted, among the last few errors were: Lint at line 250 character 14: Use '!==' to compare with 'undefined'. t.length != undefined (!t.nodeName || t.nodeName == FORM) ? Lint at line 259 character 14: Use '===' to compare with 'undefined'. return val == undefined ? Reading other messages indicated to me that missing semicolons could cause the packer to give bad results. BTW, I really like jQuery and am looking for places to use it -- unobtrusively, of course. -- A great many people think they are thinking when they are merely rearranging their prejudices. -- William James Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
[jQuery] Re: Frequently Asked Questions (FAQ)
I knew they existed. Check out the selectors document and search for E.warning and E#myid. I just knew they were there somewhere. My eye skipped over them the fist time through as well. :o) http://docs.jquery.com/DOM/Traversing/Selectors#A_Short_Preliminary_Note Hope this helps, Chris On 7/16/07, Christopher Jordan [EMAIL PROTECTED] wrote: Select By ID $(#MyID); Select By Class $(.myClass); # indicates an ID while . indicates a class. It's documented somewhere, I just know it. On 7/16/07, Bil Corry [EMAIL PROTECTED] wrote: Richard D. Worth wrote on 7/14/2007 8:06 AM: Just a few to start with. Please add any questions you've seen come up a lot. Two questions I had when starting with jQuery, and glancing through the API docs, I still don't see them documented (maybe in a tutorial?): (1) How do you select an element by its ID? (2) How do you select all elements given a CSS class? Seems like they should be included on the Selectors page. - Bil -- -- http://cjordan.us -- -- http://cjordan.us
[jQuery] Plugin Annoucements and Additions to Plugin Library
Hello everyone. I have always (wrongfully?) assumed that all the plugins announced on the list, gets added to the plugin library by Rey or someone from the evangelism team. That is why I never bookmark the author's plugin sites thinking that I can just find it on the library page of the site when I need it. But like the saying goes, most assumptions are wrong. ? I am curious whether it'll PITA to find some of the awesome plugins I have seen announced here recently. My question is who is really responsible for *ensuring* that a new plugin is added or registered to the plugin library? Can someone clarify or verify? Thanks, Michael
[jQuery] Re: load method nor getting new data on IE7
Here's one way:
...
.load(getquote.php, { nocache:Math.random() });
...
- Richard
On 7/16/07, Rick Pasotto [EMAIL PROTECTED] wrote:
The following function works as it's supposed to on FF but IE7 is
evidently caching the results because I always get the same quotation
back. How can I force IE7 to do what I tell it to?
$(function() {$(#quote).click(function(){
$(this).fadeOut();
$(this).load(getquote.php);
$(this).fadeIn();
}); });
--
There will never be a really free and enlightened State, until the State
comes to recognize the individual as a higher and independent power,
from which all its own power and authority are derived, and treats him
accordingly. -- Henry D. Thoreau, 1849 Resistance to Civil Government
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
[jQuery] Re: ANNOUNCE: Horizontal Accordion
Nice. On FF, I noticed that the hover-image made the whole thing disappear if you moused over too soon. Consider using a sprite image (both on and off in the same image and move the background-position, rather than 2 images). Also, I'm a huge fan of the easing plugin. Using one of the easing methods, your panels should slide with a more realistic motion. But overall, nice work! Glen On 7/16/07, Tane Piper [EMAIL PROTECTED] wrote: Very Nice! This has given me a great idea for my interface in my application - I was looking for inspiration. Can't wait to give it a go. On 7/16/07, Alexander Graef [EMAIL PROTECTED] 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 -- Tane Piper http://digitalspaghetti.tooum.net This email is: [ ] blogable [ x ] ask first [ ] private
[jQuery] Problem with jQuery.fix in event model
I am trying an integration of Ext and jQuery for a new project. In doing a simple demo page, I've run into a problem whereby the jQuery.fix method for events is firing on a mousemove before the DOM is loaded. Sample page at: http://dev.scorpiondesign.com/Clients/Test.htm Tested in IE7 (not sure if the problem exists in other browsers). To reproduce error: Once the page is loaded, refresh the page ensuring the mouse doesn't move at all. Page loads fine, button script executes. Next, start a page refresh and move the mouse while the page is being loaded. An error occurs on line 1445 jquery.js, where document.body is null, as the mousemove event is firing before DOM is loaded. Is this is a flaw in Ext or jQuery? What would be the best approach to handle it? JK
[jQuery] Re: search text, find urls and list
Hi Hugh,
You might want to use the .each() method for this so you can iterate
through the links and create new elements as you go.
Something like this should work:
var $extLinks;
$(#content a).not([EMAIL PROTECTED]'mysite.com/']).each(function(index) {
if (index == 0) {
$extLinks = $('ol id=extLinks/ol');
}
var thisHref = this.href;
$('li/li').text(thisHref).appendTo($extLinks);
});
$extLinks.appendTo(#content);
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 16, 2007, at 3:39 PM, Hugh Hayes wrote:
Hi All-
This is a newbie designer question. I think jquery's great and I'm
trying to find more uses for it.
I've got this-
$(#content a).not([EMAIL PROTECTED]'mysite.com/']).clone().appendTo
(#content);
I was trying to get a line break in between each link but couldn't
and I was hoping somebody here could give me a hand.
I'm trying to learn so I'm trying to do this step-by-step. I've
been reading the doc's and see that $(a) going to pick up the
anchors. I saw .getUrlParam and tried .getUrlParam(href) but was
only able to get strHref has no properties.
It's probably obvious but what I'm trying to do is go through the
content div, collect all the external http:... addresses and put
them into a ul or ol at the bottom of the page. I just want to
make it easy for people to copy them.
Thanks and thanks for jquery. When you're doing sites by yourself
it's hard to add the kind of enhancements that jquery offers.
Thanks again,
Hugh
[jQuery] Re: Plugin Annoucements and Additions to Plugin Library
Hi Michael, Its each plugin author's responsibility to submit it to the plugin repo. That way, they can add the proper info about the plugin and update it as needed. With that said, I do my best to keep track of all new plugins and have many downloaded. If you ever find yourself in a bind, please don't hesitate to email me. Rey... Michael E. Carluen wrote: Hello everyone. I have always (wrongfully?) assumed that all the plugins announced on the list, gets added to the plugin library by Rey or someone from the evangelism team. That is why I never bookmark the author’s plugin sites thinking that I can just find it on the library page of the site when I need it. But like the saying goes, most assumptions are wrong. ? I am curious whether it’ll PITA to find some of the awesome plugins I have seen announced here recently. My question is who is really responsible for **ensuring** that a new plugin is added or “registered” to the plugin library? Can someone clarify or verify? Thanks, Michael -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com
[jQuery] Re: Plugin Annoucements and Additions to Plugin Library
Aha! . thanks Chris. Hmmm. Also, I just noticed the Plugin Note dated June 18th, saying in effect the same thing (for un-official plugins) dooh! _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Christopher Jordan Sent: Monday, July 16, 2007 1:55 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Plugin Annoucements and Additions to Plugin Library Michael, I might be wrong, but I believe that unless it's an official plug-in, that it's the plug-in author's responsibility to update the plug-ins page with a link to download, examples, etc. Chris On 7/16/07, Michael E. Carluen [EMAIL PROTECTED] wrote: Hello everyone. I have always (wrongfully?) assumed that all the plugins announced on the list, gets added to the plugin library by Rey or someone from the evangelism team. That is why I never bookmark the author's plugin sites thinking that I can just find it on the library page of the site when I need it. But like the saying goes, most assumptions are wrong. ? I am curious whether it'll PITA to find some of the awesome plugins I have seen announced here recently. My question is who is really responsible for *ensuring* that a new plugin is added or registered to the plugin library? Can someone clarify or verify? Thanks, Michael -- -- http://cjordan.us
