Response title
This is preview!
- Screen name: benjamin.sterling
benjamin.sterling's Profile
97 Posts
707 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- Just wanted to make sure I did not miss something in the code but by default, the $.ui.dialog code does not automatically adjust the overly and position of the modal when the modal height is changed correct?So, assuming the modal is 500px tall, and the window is 600px tall. Now, the modal resizes to 700px tall the overlay currently stays at 600px even though the pageis now taller.Assuming that there is no method already I did:
- $.ui.dialog.prototype.resize = function(){
- $( window ).trigger( 'resize.dialog-overlay' );
- this._position( this.options.position );
- };
- $( thisselector ).dialog( 'resize' );
- Going through trac to find bugs I can working and finding a lot that have been opened a long time ago and not touched in months. How do the triage work? How should I go about picking which to work? At this point I am only comfortable with a few of the widgets but willing to dig more into the unknown.
- Hey all,Wanted to see if I can get some feedback; I've been really trying to fully grasp jQuery UI Widget structure and recently I had a project where we need styled Checkboxes and radio buttons. After evaluating the ones out there and reading the wiki I decided that I should just build a widget from scratch. I had been working with Dojo and Dijit and they seem to be doing it the most right, so I used their approach to get started. I know checkboxes and radio buttons were not part of the 1.9 milestone but would appreciate any feedback I can get.The code is posted at https://github.com/bmsterling/jquery-ui/tree/checkboxRadiobutton and a slightly outdated version is at http://benjaminsterling.com/jquery-ui-checkboxradio-buttons/ for quick viewing. (there were some minor improvements between the two.)
- 07-Jul-2011 08:19 PM
- Forum: Developing jQuery UI
Hey, digging through the wiki and can't seem to find it but when 1.9 is released, what version of jQuery will it be supporting?- 06-Jul-2011 10:02 PM
- Forum: Developing jQuery UI
I am working on a project where I am using the jQuery UI selectmenu and jQuery UI Tooltip (among others) where the design requires a different style based on the offset. I've modified my version of jquery.ui.position.js to add a class based on the flip. For instance, if it's flipped left, the flipped element gets a class of ".ui-flpped-left".So my question is, is this something that should be in the position codebase or is there a better place?My changes are at http://pastebin.com/H3kEbF00 on lines 208, 287, and 313.- 06-Jul-2011 08:37 PM
- Forum: Developing jQuery UI
Was working with the jQuery UI Tooltip today and came across some things that just didn't make sense and wanted to make sure I was not over looking something.So, in the demos it is basically selecting a wrapping DIV, then with the "items" option the tool tip code is grabbing a "target" of the closest item the matches those "items". Although this makes sense in the demos giving it is quite limiting. Say we have a scenario where the tooltip will get triggered by a TD and I want that tooltip's content to be of the content that is in a hidden DIV within that TD.- <td class="tt">
- Shipped
- <div class="tt-content">
- </div>
- </td>
In the current state of the Tooltip does not work as expect even if I do below:- $( ".tt" )
- .mouseenter(
- function(){
- $( '.tt-content', this )
- .tooltip(
- {
- items: ".tt-content"
- content: function() {
- var element = $( this );
- if ( element.is( ".tt-content" ) ) {
- return element.html();
- }
- }
- }
- ).tooltip( 'open' );
- }
- )
- .mouseleave(
- function(){
- $( '.tt-content', this ).tooltip( 'close' );
- }
- );
There are a few issues with this 1. that JS code is not elegant at all, 2. the positioning does not work because the Tooltip code will position off of the "tt-content" class and not the item I want to be positioned from.So, before I get all crazy with adding changes to the tooltip code and pushing (or pulling, still new to the github thing) the changes, I want to make sure there was not a strict reasoning behind the current set up. I've read the wiki multiple times and just want to be sure.---Code is not staying formatted so here is a http://pastebin.com/dZ09ZEze link.- Hey guys,I am trying to duplicate the effect that can be found at http://www.hubltd.com/ under the work link. And this is what I have so far http://figureadesign.com/dev/portfolio.htm. Not quite turning out the same way.So this is what I have http://pastebin.com/jpBjTjy9 (not the same code at the link above):I start out by getting the top, left, bottom and right coordinates of each image lines 38 - 49On mouse enter of each image I grab all the sibling images and put all the images the are to the left, right, top and bottom of that image into any array. lines 56 - 89On mouse move on that same image I am figuring out the x and y of the mouse within that image by doing lines 121 - 189And then on mouse out I reset everything. lines 90 - 120So I guess these are my questions:
- What's the proper math to say that my mouse is X% into the image? So, if my mouse is dead center is 100% but if I am between the dead center point and the bottom right corner the percentage returned is between 0 and 100%.
- I am using .stop().animate() with an easing of "easeInOutQuad" and does not seem responsive enough, what's a better approach.
- Is the code at http://pastebin.com/jpBjTjy9 efficient enough or should I be doing something different?
- Hey guys,
Sadly I am working a project that requires me to use Dojo 1.3 and, well, it's not the best for traversing. So, I'd like to grab the jQuery code only for selecting and traversal. So looking at http://github.com/jquery/jquery/tree/1.4.2/src I am thinking I need only core.js, sizzle-jquery.js, and traversing.js. So my questions are, are they the only files I need and in what order should they be place? I'm looking at the current uncompressed release (http://code.jquery.com/jquery-1.4.1.js) to try to figure it out, but didn't want to waste too much time just to figure out I need more.
Thanks in advance.
Hey all,
Here's the issue, I am pulling in an XML doc, storing it in a global
var and through out the app I am transversing it to grab certain
info. Up till 1.2.6 it's been working fine, but when I upgraded 1.3.2
I get bad results.
Here are my two test pages:
http://ietracker.staging.informationexperts.com/framework/test/results.1.2.6.html
http://ietracker.staging.informationexperts.com/framework/test/results.1.3.2.html
My guess is the it has something to do with Sizzle but I can't place
exactly where the issue may be happening. But not sure, any
suggestions would be helpful.- Hey guys,
I think I found a bug when traversing an xml doc with 1.3+.
Here is the xml doc: <a href="http://ietracker.staging.informationexperts.com/ajax/buildXML.aspx?id=1002">http://ietracker.staging.informationexperts.com/ajax/buildXML.aspx?id=1002</a>
When I do $('module[ref="1002" lessons lesson:eq(0) topics topic') i should be getting back 7 records but instead, in IE6/7, I am getting back 13 which is the total amount for both lessons that is with in the 1002 element. It seems like it is failing at the eq() method because if I do the following I get the same result:
lessons = $('module[ref="1002" lessons lesson').eq(0)
$('topics topic', lessons)
Not sure how else to problem solve this to give more to you.
Thanks.
<br clear="all">Benjamin Sterling / Web Developer
<a href="http://kenzomedia.com">kenzomedia.com</a> / <a href="http://kenzohosting.com">kenzohosting.com</a> / <a href="http://benjaminsterling.com">benjaminsterling.com</a> / <a href="http://refreshbmore.org">refreshbmore.org</a>
443.844.7654 // Twitter @bmsterling
Skype: benjamin.sterling // AIM: thekenzoco- <div dir="ltr">Hey all,
Just wanted to put it out there that this Wednesday we (Refresh Baltimore) will be have our (jQuery) lovable Richard Worth doing a jQuery UI presentation at Refresh Baltimore. Check out <a href="http://upcoming.yahoo.com/event/1176430">http://upcoming.yahoo.com/event/1176430</a> for all pertinent information.<br clear="all">
--
Benjamin Sterling
Twitter: bmsterling
Web:
<a href="http://www.KenzoMedia.com">http://www.KenzoMedia.com</a>
<a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a>
<a href="http://www.BenjaminSterling.com">http://www.BenjaminSterling.com</a>
</div>- Hey all,
Just wanted to give a heads up that I will be giving a basic jQuery presentation at the Refresh Baltimore meeting tonight. So if you are in the Baltimore area come check it out.
<a href="http://www.refreshbmore.org/">http://www.refreshbmore.org/</a><br clear="all">
--
Benjamin Sterling
<a href="http://www.KenzoMedia.com">http://www.KenzoMedia.com</a>
<a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a>
<a href="http://www.BenjaminSterling.com">http://www.BenjaminSterling.com</a>- Looks like MLB.com and in turn <a href="http://phillies.com">http://phillies.com</a> are now using jQuery 1.2.1, looks like they are using <span class="sourceRowText">jcarousel and corners.</span>
--
Benjamin Sterling
<a href="http://www.KenzoMedia.com">http://www.KenzoMedia.com</a>
<a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a>
<a href="http://www.benjaminsterling.com">http://www.benjaminsterling.com</a>- 06-Mar-2008 10:08 AM
- Forum: Using jQuery
May be a bit premature, but I was testing some of my sites in IE8 beta (8.0.6001.17184) and all the effects using opacity are not working correctly. I checked all the fade effects on the docs and they don't fade in or out, and the thickbox, jqModal, LightBox plugins' overlays are showing as a solid color.
Should a ticket be submitted or should I wait till IE8 is further along.
just fyi, I am using the VPC that MS provides for IE8/7/6 testing.<br clear="all">
--
Benjamin Sterling
<a href="http://www.KenzoMedia.com">http://www.KenzoMedia.com</a>
<a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a>
<a href="http://www.benjaminsterling.com">http://www.benjaminsterling.com</a>- 17-Feb-2008 09:22 PM
- Forum: Using jQuery
Hello,
I just finished up a new release to my WordPress plugin PhotoXhibit
(formally Benjamin Sterling Galleries) and I am looking for testers.
This plugin relies heavily on jQuery, jQuery UI, jqModal, Easing and other jQuery built plugins and is meant to be a showcase of what jQuery can be used for in real world apps.
This WP plugin is basically Album and Gallery controller that uses some of the most popular jQuery "gallery" type plugins such as Thickbox, LightBox, Gallery Viewer, Gallery View II and the Cycle plugin with plans on adding carousel and some others. This plugin using Swfupload as soon as the UI uploader is up to par I will switch) to help with the album building and give options to allow for multiple thumbnails and adding alt text. This plugin also hooks into Picasa, Flickr and SmugMug to bring your photos into WP.
You can download it from <a href="http://wordpress.org/extend/plugins/photoxhibit/" target="_blank">http://wordpress.org/extend/plugins/photoxhibit/</a> and there is documentation at <a href="http://benjaminsterling.com/benjaminsterlinggalleries/" target="_blank">http://benjaminsterling.com/benjaminsterlinggalleries/</a> (these docs will be updated when I post the final code with any bug fixes that may come from the testing.)
Feel free to post any comments or concerns/bugs here or at <a href="http://benjaminsterling.com/photoxhibit/" target="_blank">http://benjaminsterling.com/photoxhibit/</a>
Thanks in advance.<br clear="all">
--
Benjamin Sterling
<a href="http://www.KenzoMedia.com">http://www.KenzoMedia.com</a>
<a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a>
<a href="http://www.benjaminsterling.com">http://www.benjaminsterling.com</a>- Hey Guys,
Not entirely sure what this is not working but have the following code:
js:
$('.optSelectMe').click(function(){
$('.noShowing').addClass('noNakedEye').removeClass('noShowing');
$('#'+$(this).attr('meta')).addClass('noShowing').removeClass('noNakedEye').highlightFade('yellow');
return false;
});
html:
<img src="img/004.jpg" usemap="#Map" class="textLeft" border="0"/>
<map name="Map" id="Map">
<area meta="optA" class="optSelectMe" shape="poly" coords="19,56,59,15,111,3,111,109,19,56" href="#" alt="" />
<area meta="optB" class="optSelectMe" shape="poly" coords="111,109,111,3,160,15,203,55,111,109" href="#" alt="" />
<area meta="optC" class="optSelectMe" shape="poly" coords="111,109,203,55,219,109,203,162,111,109" href="#" alt="" />
<area meta="optD" class="optSelectMe" shape="poly" coords="111,109,203,162,160,204,111,216,111,109" href="#" alt="" />
<area meta="optE" class="optSelectMe" shape="poly" coords="111,109,111,216,59,204,18,162,111,109" href="#" alt="" />
<area meta="optF" class="optSelectMe" shape="poly" coords="111,109,18,162,3,109,19,56,111,109" href="#" alt="" />
</map><br clear="all">
error:
<span class="objectBox objectBox-errorMessage hasTwisty opened">[Exception...
"'Dimensions: jQuery collection is empty' when calling method:
[nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e
(NS_ERROR_XPC_JS_THREW_STRING)" location: "<unknown>" data: no]
even if I do below, I still get the same error:
</span> $('.optSelectMe').click(function(){
$(this)
return false;
});
<span class="objectBox objectBox-errorMessage hasTwisty opened">
I am using v1.2.1, any ideas?
</span>
--
Benjamin Sterling
<a href="http://www.KenzoMedia.com">http://www.KenzoMedia.com</a>
<a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a>
<a href="http://www.benjaminsterling.com">http://www.benjaminsterling.com</a>- 16-Dec-2007 10:46 PM
- Forum: Using jQuery
Stumbled across this site today that is actually quite impressive: <a href="http://drawter.com/">http://drawter.com/</a><br clear="all">
--
Benjamin Sterling
<a href="http://www.KenzoMedia.com">http://www.KenzoMedia.com
</a>
<a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a>
<a href="http://www.benjaminsterling.com">http://www.benjaminsterling.com</a>- Hey guys,
I know I did this before with jQuery v1.1 where I was able to load an xml file in IE6/IE7 on a cd, but can't find the code I wrote. Currently I am doing the code below and I can get it to work in FX, but not IE.
IE7 is giving me an error of: Error: Permission denied
IE6 is giving me an error of: parsererror: undefined
$.ajax({
url : xmlFile,
dataType : 'xml',
async : false,
success : function(){},
error : function(x, s, e){}
});<br clear="all">
I put the below in the head of the htm file thinking that it would help, but no luck.
<!-- saved from url=(0013)about:internet -->
--
Benjamin Sterling
<a href="http://www.KenzoMedia.com">http://www.KenzoMedia.com</a>
<a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com
</a>
<a href="http://www.benjaminsterling.com">http://www.benjaminsterling.com</a>- Hey guys,
Wanted to make sure I am getting the correct returned elements.
Assume I have a table like:
<table cellpadding="3" cellspacing="0" border="1" width="100%">
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
<td>Cell 4</td>
<td></td>
<td>Cell 6</td>
</tr>
</tbody>
</table>
And then I run a piece a code like:
$(":contains('Cell')").css("background", "#ff0");
In my mind, I should only be getting back the TDs with "Cell" in it, but this is not the case. the TABLE, TBODY, TR and TD are all getting a background collor of FF0.
Am I correct in what I think I should be getting back?
Thanks.<br clear="all">
--
Benjamin Sterling
<a href="http://www.KenzoMedia.com">http://www.KenzoMedia.com</a>
<a href="http://www.KenzoHosting.com">
http://www.KenzoHosting.com</a>
<a href="http://www.benjaminsterling.com">http://www.benjaminsterling.com</a>- Hey guys,
I was testing out some selectors and came across a possible bug.
When I have a input form like:
<input type="text" id="noName" name="" value="No Name Attribute"/>
And try to select it with:
$("[value*='no']")
I get an error at line 1473: (type == "*=" || type == "~=") && z.indexOf(m[5]) >= 0) ^ not )
I have a test page up at
<a href="http://benjaminsterling.com/articles/jQuery-%20Select%20what%20you%20want%20-%20part%201.htm">http://benjaminsterling.com/articles/jQuery-%20Select%20what%20you%20want%20-%20part%201.htm</a><br clear="all">
But if I do:
$("[id*='no']")
No errors. I tried changing the value to something else and changed the call to match but still get the error.
Thanks.
--
Benjamin Sterling
<a href="http://www.KenzoMedia.com">
http://www.KenzoMedia.com</a>
<a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a>
<a href="http://www.benjaminsterling.com">http://www.benjaminsterling.com</a>- 19-Nov-2007 11:54 PM
- Forum: Using jQuery
Hey guys,
Just wanted to drop a line and hopefully get some feedback on a Wordpress plugin I put together using some of jQuery plugins as well as the gallery plugins I put together.<br clear="all">
Have a look at the demo:
<a href="http://galleries.benjaminsterling.com/wp-admin">http://galleries.benjaminsterling.com/wp-admin</a>
un/pw: demo/demo
Once in, click on the BSG tab.
And the blog post and download at: <a href="http://benjaminsterling.com/2007/11/20/benjamin-sterling-galleries-wordpress-photoimage-gallery-plugin-for-flickr-picasa/">
http://benjaminsterling.com/2007/11/20/benjamin-sterling-galleries-wordpress-photoimage-gallery-plugin-for-flickr-picasa/</a>
Any bugs, please post them on the blog so I can keep track of them better.
Thanks.
--
Benjamin Sterling
<a href="http://www.KenzoMedia.com">http://www.KenzoMedia.com</a>
<a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a>
<a href="http://www.benjaminsterling.com">http://www.benjaminsterling.com
</a>- 08-Nov-2007 08:03 PM
- Forum: Using jQuery
Just realized that <a href="http://pandora.com/">http://pandora.com/</a> is now using jQuery with their redesign/update.<br clear="all">
--
Benjamin Sterling
<a href="http://www.KenzoMedia.com">http://www.KenzoMedia.com
</a>
<a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a>
<a href="http://www.benjaminsterling.com">http://www.benjaminsterling.com</a>- Hey guys and gals,
With the response that I got with the jqGalView plugin, I figured that I would start releasing the other photogallery plugins I been experimenting with. This is only a beta release, so there may be some inconsistencies, but it has been tested on the major ones on PC and would love to get feedback from the Mac and Linux people other there. I am also looking for request, I have a list of improvement, but I am learning that what I think is usable and awesome is not the same as the rest of the community, so I am looking for requests and suggestions to improve the overall experience of the jqGalViewII plugin.
Here is the url, any and all feedback is welcomed:
<a href="http://benjaminsterling.com/2007/10/02/jquery-jqgalviewii-photo-gallery/">http://benjaminsterling.com/2007/10/02/jquery-jqgalviewii-photo-gallery/
</a><br clear="all">
--
Benjamin Sterling
<a href="http://www.KenzoMedia.com">http://www.KenzoMedia.com</a>
<a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a>
<a href="http://www.benjaminsterling.com">
http://www.benjaminsterling.com</a>- Hey all,
I am trying to get my jqAlbumParser plugin updated to work with 1.2.1 and coming up short when communicating with Picasa.
Here is the url for your view <a href="http://www.benjaminsterling.com/experiments/jqAlbumParser">
http://www.benjaminsterling.com/experiments/jqAlbumParser</a>
When you click on Flickr you will get an alert "done", but when you click on picasa, nothing happens. If you have firebug, you can see that the script tags are created and when you expand the script tag you will see a message:
"<span class="sourceRowText">Invalid parameter: '_'."
After digging thru the core, I find that the url being created is something like:
</span><span class="objectBox objectBox-text">
<a href="http://picasaweb.google.com/data/feed/base/user/sterling.benjamin/albumid/5065213814603581825?kind=photo&alt=json&hl=en_US&callback=jsonp1191296176531&_=1191296177796">http://picasaweb.google.com/data/feed/base/user/sterling.benjamin/albumid/5065213814603581825?kind=photo&alt=json&hl=en_US&callback=jsonp1191296176531&_=1191296177796
</a></span>
<span class="sourceRowText">
(shortened for easy reading)
</span><span class="objectBox objectBox-text">?kind=photo&alt=json&hl=en_US&callback=jsonp1191296176531&_=1191296177796
If you copy and paste that url into the browser, you will see that you will get the error that I mentioned before, now if you take out "</span><span class="objectBox objectBox-text">&_=1191296177796" and hit go, the page will load with the proper jsonp code.
So my question is three fold:
1. How would you suggest me getting around this?
2. What is the purpose of "_"?
3. At about line 2275, it looks like the script tag is supposed to be removed once successful, but even the Flickr script doesn't get removed, is this a bug? or am I not following the chain of events correctly?
<br clear="all"></span>
--
Benjamin Sterling
<a href="http://www.KenzoMedia.com">http://www.KenzoMedia.com</a>
<a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a>
<a href="http://www.benjaminsterling.com">
http://www.benjaminsterling.com</a>- 13-Sep-2007 04:55 PM
- Forum: Using jQuery
Hey guys and gals,
Wanted to announce my newest plugin called jqAlbumParser. In short, what it does is takes a link that you have on your site that is linking to a Picasa and/or Flickr photo album, pulls in the their respective JSON formats and parses it to something useful and then creates the appropriate DOM elements. The plugin also takes in a pluginExec param that will allow you to run another plugin against the return DOM.
Writing the post has got me all talked out, have a look at the link below and hopefully my explanations are getting better on my posts.
<a href="http://benjaminsterling.com/2007/09/13/jquery-jqalbumparser-plugin-parses-out-flickr-picasa-clientside/">
http://benjaminsterling.com/2007/09/13/jquery-jqalbumparser-plugin-parses-out-flickr-picasa-clientside/</a>
Please let me know what you think and let me know of any bugs, improvements and what code adjustments I can make to make this better.
<br clear="all">
--
Benjamin Sterling
<a href="http://www.KenzoMedia.com">http://www.KenzoMedia.com</a>
<a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a>
© 2013 jQuery Foundation
Sponsored by
and others.