Matt RaibleMatt Raible is a Web Developer and Java Champion. Connect with him on LinkedIn.

The Angular Mini-Book The Angular Mini-Book is a guide to getting started with Angular. You'll learn how to develop a bare-bones application, test it, and deploy it. Then you'll move on to adding Bootstrap, Angular Material, continuous integration, and authentication.

Spring Boot is a popular framework for building REST APIs. You'll learn how to integrate Angular with Spring Boot and use security best practices like HTTPS and a content security policy.

For book updates, follow @angular_book on Twitter.

The JHipster Mini-Book The JHipster Mini-Book is a guide to getting started with hip technologies today: Angular, Bootstrap, and Spring Boot. All of these frameworks are wrapped up in an easy-to-use project called JHipster.

This book shows you how to build an app with JHipster, and guides you through the plethora of tools, techniques and options you can use. Furthermore, it explains the UI and API building blocks so you understand the underpinnings of your great application.

For book updates, follow @jhipster-book on Twitter.

10+ YEARS


Over 10 years ago, I wrote my first blog post. Since then, I've authored books, had kids, traveled the world, found Trish and blogged about it all.

Added Calendar to Menu

I added a calendar to my "badges" menu on the top left. This is a JavaScript-based calendar that I obtained from Matt Kruse's JavaScript Toolbox. I don't know if I'm satisfied with the green background on the "cal" image, but it'll have to do for now. I've noticed a couple of issues in Safari (too far down and too the right, and doesn't go away like it should), but it seems to work pretty good in IE/Mozilla. I tried disabling dates > today, but couldn't get it to work (yeah, I tried the code from Matt's site).

I don't know if it's worth the effort of talking to Roller's CalendarModel to get the actual days that somethings been posted. However, it would probably be fairly easy to generate a JavaScript array for the current month, rather than an HTML-based <table>.

If you're interested, here's how you can add this sucker to your Roller weblog:

1. Add the following code to the <head> of your template.

    <script type="text/javascript" src="pathToScript.js"></script>
    <script type="text/javascript">
        var cal = new CalendarPopup("calDiv");
        cal.setReturnFunction("showDate");

        document.write(cal.getStyles());
            
        // Function to get input back from calendar popup              
        function showDate(y,m,d) {
            var day = y+LZ(m)+LZ(d);
            location.href = "$ctxPath/page/$userName/" + day;
        }
    </script>

2. Add an empty, invisible div anywhere w/in the <body> of your template (I put mine at the bottom).

<div id="calDiv" 
    style="position: absolute; visibility: hidden"></div>

3. Add a link (can contain an image) to invoke the calendar popup.

<a href="?" name="calAnchor" id="calAnchor" 
    onclick="cal.showCalendar(this.id); return false">
    Calendar</a>

You can download the calendar.js file from this site, but please don't link to it - I have enough bandwidth problems as is (and I'm going to move it to a new theme name). Enjoy!

Posted in General at Jun 25 2003, 09:49:49 PM MDT 2 Comments
Comments:

Very nice Matt. This new theme is a big improvement compared to the previous one. Are you planning to include the search functionality again ?

Posted by Danman on June 26, 2003 at 07:28 AM MDT #

I've actually left the old theme intact (click on image with v2) so folks can still use/see and previous functionality that was available. I plan on keeping that for awhile. I probably won't add searching to this theme until Roller has its own search engine (hopefully w/in the next month).

Posted by Matt Raible on June 26, 2003 at 11:06 AM MDT #

Post a Comment:
  • HTML Syntax: Allowed