function selectLocation()
{
	$('#modalSelectLocation').dialog({
			modal: true,
			dialogClass: 'modalSelectLocation'
			,buttons: {
				Cancel: function(){
					$(this).dialog('close');
				}
				,Continue: function() {
					alert('goto-buy');
				}

			}
		});
}

with the css of:

.modalSelectLocation .ui-dialog-titlebar { display:none; }

Tada! No more Title Bar. However, make sure to have some form of cancel button.

Related posts:

1. jQuery Tip: Better Toggle For many web developers, jQuery is the most awesome JavaScript...
2. Empowering JavaScript Through jQuery Once I discovered jQuery, my life as a web developer...
3. ASP .NET 2.0, GridViews, HyperLinkField, and JavaScript I’ve found some interesting notes on ASP .NET’s GridView, it’s...

I’ve gone back and looked at this year of 2009, and the things I’ve blogged about, and I thought I’d give a little recap.

My CSS Conversion

At the beginning of the year I realized I had 100% percent to using CSS. I’m still a little in awe that being such a table junkie I finally did it. There were a few key things that I did to help me learn all the difficult things with CSS. I hope I can help some poor web developer out there understand their CSS a little better.

A Year of PHP IDEs

I really invested some time in trying out and experimenting with several PHP Integrated Development Environments (IDEs). I had been using Zend Studio for several years, however more and more I found myself frustrated with it’s quirks. However, I haven’t had time yet to blog about the new IDE I am using, NetBeans. I’ve made the switch from Zend Studio to NetBeans, and while I’m not completely sold, I’m still giving it some time. Maybe over christmas break I’ll blog some about it.

Interesting Challenges w/ MySQL

While I haven’t blogged about most of them, I have had some interesting challenges w/ MySQL over the last year. One was converting 40 Million rows from a MyISAM engine to an InnoDB Engine. I’ve been having some serious heart-to-heart conversations with MySQL (metaphorically of course) on how I’m going to scale it to millions and billions of rows. I think I’ve mapped out in my head how we’re going to handle it for Dating DNA. That will be one challenge I’ll be addressing in 2010.

New Blog Design

This year I got around to re-designing my blog using the Carrington Theme as a base. I kinda like it, but it still could use a little more polish. One day I’ll find time to give it that extra polish.

Memcached

This year I really got into the theory on how to design an application with Memcached. I’ve decreased the load on several websites by using it, and wrote an in-depth article on the theory of caching, and how to implement it effectively. I’ve been amazed at how well it works, and that I hadn’t used it before.

A Year of Presentations

I’ve given two presentations this year, my Memcached presentation at UPHPU, and my “Real Life Scaling” presentation at the Utah Open Source Conference. I got great feedback from both presentations, and I look forward to what I’ll present on this upcoming year. I’m thinking about putting together a presentation called “Being a Web Ninja with jQuery,” and showing of the dozen of awesome applications I’ve built using jQuery.

Utah Open Source Conference 2009

This year I helped organize and throw together the Utah Open Source Conference. I was made the Sponsorship Manager, and it was interesting trying to talk to companies in a recession about donating to a non-profit conference. I haven’t had a chance to blog about different techniques on how to professional ask for money for something like this, but hopefully in 2010 I’ll be able to share some insights.

Things I Didn’t Blog About

There were a lot of things I didn’t get around to blogging about this year. I’ll quickly touch on them here, and hopefully in 2010 I’ll be able to blog about them more.

Web Services – I’ve done a LOT of web service work. Web services provide a unique challenge, since many times its hard to debug them. At my old job, one of the biggest challenges is we really couldn’t debug our web services until all of the other pieces of the puzzle were done. Then we spent long hours with trial and error, debugging via dumping logs. I’ve learned a lot of tricks with PHP and web services. Hopefully I’ll be blog more about those soon.

Performance Tuning LAMP – I’ve had to do a lot of tuning to keep the Dating DNA website afloat. Because of the awesomeness of our iPhone apps, we’ve had a lot of load on our web servers. There are a lot of things you can do to get the LAMP stack to run well.

Alienware Arena – Here was a fun little project I was able to crank out for probably the largest client I’ve done work for: Dell. We made them a website for their Alienware brand called “Alienware Arena.”

There were a lot of challenges to this website, mainly timeline and budget. But we were able to walk away happy with our work, and the Dell / Alienware team were really happy. It was interesting going through and trying to copy / mimic the look and feel of the Alienware website. I’m really proud of what we made.

Never Ending iPhone App Store Saga – Anyone who knows me has heard of the bloody wars that my current employer has had with Apple, their iPhone, and the App Store. The ridiculous approval process, the extremely long wait periods, and Apple’s OCD when it comes to their phone. I won’t say much anything else on the topic, but boy it has been frustrating.

What to Expect with 2010

Boy, 2010 will be interesting. What to expect? I’ll be doing some pretty sick programming in jQuery, as I’ll be adding integrating chat to the Dating DNA website. What else? A lot more when it comes to integrating websites into other social network platforms.

From a business platform, 2010 will be a lot of work spent on taking some great ideas and trying to monetize them. While working on awesome stuff is great, its important to pay the bills with them. I will have an entire year to sign up Sponsors for the 2010 UTOS Conference instead of 2 short months.

Hopefully I’ll get in a better habit of documenting my discoveries and solutions here in my blog. Sharing information is the best way to help everyone out.

I hope everyone has a happy holiday and good luck in the new year! 2010, here we come!

Related posts:

1. Speaking: Utah Open Source Conference 2009 I will be speaking this year at the Utah Open...
2. Web Development 10-Years Ago & Now This week’s blogging challenge was our computer software now and...
3. So You Want To Be A Web Developer? <tangent> This last week I’ve been talking with my brother...

Today’s trick is using a better toggle method than the standard toggle function. Don’t get me wrong, it works great, but only if it is the only method for “toggling” the given element. Traditionally you pass is several functions, typically two. Function #1 that executes the first time that the event is fired, and a second function that fires the second time you click on it.

The problem arrises if you want to have more control over who, what, and where executes the toggles. Lets say you have a hidden div that is rather large, and a link above it that says “More Information.” You click the link, it fires Function A and it slides down the div. Since it is so big, at the bottom you of the div you put a link that says “Close.” The user clicks this link, and it hides the div again. The problem is the toggle function isn’t away that another part of the website hid the div. So if the user clicks “More Information”, it will still call Function #2, which will re-display the hiding annimation.

How do we solve this problem? Instead of using the toggle function, we write our own like so:

<h2>Better Toggle Method</h2>
<div id="new">
  <a href="#" class="toggle">Toggle More</a>
  <div class="more" style="display:none;">
    <p>More Text Here</p>
    <p><a href="#" class="close">Close</a></p>
  </div>
</div>
<script type="text/javascript">
  // Assign Events on Page Ready
  $(document).ready(function(){
    // Create Toggle Function
    $('#new .toggle').click(function(){
      // If display is none, that means it is hidden
      if($('#new .more').css('display') == 'none')
      {
        $('#new .more').slideDown();
      }
      // Second Click
      else
      {
        $('#new .more').slideUp();
      }
    });

    // Create Close Function
    $('#new .close').click(function(){
      $('#new .more').slideUp();
    });
  });
</script>

If you want to see an example of the old method, as well as the new method in action, you can see them here. Hopefully this can help you out.

Related posts:

1. Empowering JavaScript Through jQuery Once I discovered jQuery, my life as a web developer...
2. ASP .NET 2.0, GridViews, HyperLinkField, and JavaScript I’ve found some interesting notes on ASP .NET’s GridView, it’s...
3. PHP Singletons, Sub-Classing, and HAS-A Relationships I’ve been very busy these last fews weeks and have...

Learning anything new can be challenging, so I thought I would share my resources on learning jQuery. First off you need to check out jQuery’s tutorial section. I recommend just about every tutorial on there, and each will help you understand jQuery a little better. Once you’ve gone through the tutorials on how jQuery, sit down and make something meaningful with it. Don’t just follow the tutorials, but actually try to use it in your next project. Soon you’ll see how amazing jQuery can be. Last but not least, my absolute favorite quick reference is Visual jQuery by Remy Sharp & Yehuda Katz. When ever I need to look up quickly how to do something, I use can find it within seconds on Visual jQuery.

I’m going to try to post at least one tip or trick with jQuery every week, not only to help me keep a history of my tricks, but to help others solve common problems. If anyone has any questions, please feel free to leave a comment and I’d be more than happy to answer any questions.

Related posts:

1. ASP .NET 2.0, GridViews, HyperLinkField, and JavaScript I’ve found some interesting notes on ASP .NET’s GridView, it’s...
2. iPhone Web Development: Controlling the viewport via Javascript Lately I’ve been doing a lot of iPhone web applications....
3. Web Development 10-Years Ago & Now This week’s blogging challenge was our computer software now and...

<a href="javascript:myFunction('variable');">Link</a>

Since I had experience with the HyperLinkField before, I thought I would add a HyperLinkField to my GridView and set the DataNavigateUrlFields to the needed fields and the DataNavigateUrlFormatString to use the fields properly. I was hoping to accomplish it by using the following code, which in turn I found out this solution does not work:

[asp]
<asp:HyperLinkField DataNavigateUrlFields=”UserID,Date” DataNavigateUrlFormatString=”javascript:updatePanel(‘{0}’,'{1:d}’);”
HeaderText=”View” Text=”Details” />
[/asp]

It turns out that there is a bug with the DataNavigateUrlFormatString and HyperLinkField that when trying to use javascript inside, it strips the href attribute and leaves just a <a>Text</a>, not giving the user a link. I found information here at this forum post. This is as of ASP .NET 2.0 and I don’t know about 3.0 or 3.5. As show in the forum post, this is the correct way to insert JavaScript into your gridview:

[asp]
<asp:TemplateField HeaderText=”Details”>
<ItemStyle CssClass=”viewLines” />
<ItemTemplate>
<a id=”user<%# Eval(“userid”) %>” href=”javascript:updatePanel(‘<%# Eval(“userid”) %>’,'<%# Eval(“date”) %>’);”>View User</a>
</ItemTemplate>
</asp:TemplateField>
[/asp]

Now, using this technique I was able to use jQuery to insert a row below the clicked item and add additional information.

<script type="text/javascript">
function updatePanel(user,date)
{
$('#LineItems').remove(); // remove previous entries anywhere in the grid

//  Now I got up two parents, to get to the TR tag, and I append after it another row with id's so I can identifier them easily with jQuery.
$('#tran'+tran_id).parent().parent().after('<tr id="LineItems"><td>Add. Info.</td><td colspan=\"10\" id="LineItemsContent">Getting information...</td></tr>');
// I load the information through an ajax call
$('#LineItemsContent').load('Details.aspx?u='+user+'&date='+date);

}
</script>

I hope this can help people who are struggling to figure out why their HyperLinkFields won’t work correctly with JavaScript.

Justin

No related posts.