Httrack is windows based free software that using capabilities like those in wget. It can mirror a website, download all related pages. I used this software especially for downloading documentation sites.

Here is my Rules to download a codex.wordpress.com (just for Developer Documentation and its related pages) :

+*.png +*.gif +*.jpg +*.css +*.js -ad.doubleclick.net/* -mime:application/foobar
-http://codex.wordpress.org/Mailing_Lists
-http://codex.wordpress.org/IRC
-http://wordpress.org/support
-http://codex.wordpress.org/Contributing_to_WordPress
-http://codex.wordpress.org/Automated_Testing
-*action=*
-http://codex.wordpress.org/Codex:Community_Portal
-*Help:*
-http://codex.wordpress.org/Current_events
-http://codex.wordpress.org/Special:Recentchanges
-http://codex.wordpress.org/Special:Randompage
-http://codex.wordpress.org/Development_Team

In there I just need the Function References but for some reason I don’t want to download “unused” pages ..which I won’t read like (http://codex.wordpress.org/Current_events,http://codex.wordpress.org/Special:Recentchanges, etc). You can see there that I can put regular expression wildcard into the rules. I also put the limit to 3 depths parsing only so that I dont need to download large amount of pages.

The nice part, is you can update the download without downloading all one by one in the future. Just don’t delete the files generated by Httrack.

Here is my complete commands that generate by Httrack.

winhttrack -qwr3%e0C2%Ps0u1%s%uN0%I0p3DaK0H0%kf2A25000%f#f -F “Mozilla/4.5 (compatible; HTTrack 3.0x; Windows 98)” -%F “” -%l “en, en, *” http://codex.wordpress.org/Developer_Documentation -O1 “C:\Downloads\codex-wordpress\codex wordpress” +*.png +*.gif +*.jpg +*.css +*.js -ad.doubleclick.net/* -mime:application/foobar -http://codex.wordpress.org/Mailing_Lists -http://codex.wordpress.org/IRC -http://wordpress.org/support -http://codex.wordpress.org/Contributing_to_WordPress -http://codex.wordpress.org/Automated_Testing -*action=* -http://codex.wordpress.org/Codex:Community_Portal -*Help:* -http://codex.wordpress.org/Current_events -http://codex.wordpress.org/Special:Recentchanges -http://codex.wordpress.org/Special:Randompage -http://codex.wordpress.org/Development_Team

ps: you can use httrack in console so you can create an scheduler to download / update / mirroring websites frequently.

People may not know the importance of using “alt” attribute in web design. It is very important, because it is good for Search Engine Optimization (SEO). Suppose someone search about something, the picture could help to increase the rating as well.

I just read this web it explain very well about using “alt”. It also encourage people to use alt although it is empty. Alt also shouldn’t redundant with the content of page. For example, when you want to display picture of Barack Obama, you don’t need to do like this :

1
2
3
4

<p>
Picture of Barack Obama, the President of United States from 2009
<img src='www.barackobama.com/obama.jpg' alt="picture of barack obama, president of united states"/>
</p>

On the browser or web spider it will looks like :

Picture of Barack Obama, the President of United States picture of barack obama, president of united states

It is redundant information. So you can simply put empty on the alt because the previous text has already explain it.

1
2
3
4

<p>
Picture of Barack Obama, the President of United States from 2009
<img src='www.barackobama.com/obama.jpg' alt=""/>
</p>

Before we started, I want to let you know that once we using native functions in sql, we might got problem when we tried to deploy on another database server. So be wise.

Here is simple example how to do that :

1
2
3
4
5
6
7
8
9
10
11
12
13
14

import groovy.sql.Sql;
 
class ReportController { 
    def dataSource ; 
    .....
    def print = {
        .....
        def sql = new Sql(dataSource);
        List lparams = [startDate, endDate];
        def query2 = "select * from invoiceh where trx_date between ? and ? ";
        def result = sql.rows(query2,lparams);
        ......  // fetch the result into your gsp / you can process it further
    }
}

This code will return result as array / collections.
Simple isn’t it ?

jasper report

I will show you step by step how to use Dynamic Jasper Report with custom query. I won’t show how to use static reportable in Domain because there are lots of tutorial like this one

Installing Plugins
It is as simple typing

grails install-plugin dynamic-jasper

Generating Domains step
We create 2 domains name: Book and Author simply type

grails create-domain-class Book
grails create-domain-class Author

and add some field on the domains :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

class Book {
    String name ; 
    String barcode ;
    String summary;
    Author author; 
 
    static belongsTo = [author:Author];
 
    static constraints = {
        name(nullable:false, blank:false);
        barcode(nullable:false, blank:false);
        summary(nullable:false, blank:false);
    }
 
    String toString() {
        "${name}"
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

class Author {
    String name ;
    String summary ;
 
    static hasMany = [books:Book];
 
    static constraints = {
        name(nullable:false, blank:false);
        summary(nullable:false, blank:true);
    }
 
    String toString() {
        "${name}";
    }
}

Create a controller for displaying the Jasper

grails create-controller Report

Here we want to create an excel report so we fill ReportController with this :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

import net.sf.jasperreports.engine.*;
import net.sf.jasperreports.engine.data.*;
import net.sf.jasperreports.engine.export.*;
import net.sf.jasperreports.engine.util.*;
import net.sf.jasperreports.view.*;
 
import ar.com.fdvs.dj.domain.DynamicReport;
import ar.com.fdvs.dj.domain.builders.FastReportBuilder;
import ar.com.fdvs.dj.core.DynamicJasperHelper;
import ar.com.fdvs.dj.core.layout.ClassicLayoutManager;
import ar.com.fdvs.dj.output.*;
 
 
 
class ReportController {
 
    def index = { 
        FastReportBuilder drb = new FastReportBuilder();
        drb = drb.addColumn("Book Name","name",String.class.getName(),30);
        drb = drb.addColumn("Barcode","barcode",String.class.getName(),20);
        drb = drb.addColumn("Author","author.name",String.class.getName(),30);
        drb = drb.addColumn("Author Summary","author.summary",String.class.getName(),70);
        DynamicReport dr = drb.setTitle("My tester ").setUseFullPageWidth(true).build();
 
        JRDataSource ds = new JRBeanCollectionDataSource(Book.list());   
        JasperPrint jp = DynamicJasperHelper.generateJasperPrint(dr, 
                new ClassicLayoutManager(), ds);
 
 
        def reportFormat = 'XLS';
        def reportFileName = "myReport";
        ReportWriter reportWriter = ReportWriterFactory.getInstance().getReportWriter(jp, reportFormat, [(JRHtmlExporterParameter.IMAGES_URI): "${request.contextPath}/report/image?image=".toString()]);
        if (reportFileName) {
            response.addHeader('content-disposition', "attachment; filename=${reportFileName}.${reportFormat.toLowerCase()}")
        }
        reportWriter.writeTo(response)
    }
}

FastReportBuilder will create columns and do what the jrxml does.
DynamicReport will build the report for you (i think it identical with compiling jrxml to .jasper)

You fill data of the report using JRBeanCollectionDataSource. here we use simple query Book.list(). You might try it using Criteria as well.

To display the report in the browser, we just tell the browser about the header and its content by this code :

ReportWriter reportWriter = ReportWriterFactory.getInstance().getReportWriter(jp, reportFormat, [(JRHtmlExporterParameter.IMAGES_URI): "${request.contextPath}/report/image?image=".toString()]);
        if (reportFileName) {
            response.addHeader('content-disposition', "attachment; filename=${reportFileName}.${reportFormat.toLowerCase()}")
        }
        reportWriter.writeTo(response)</blockquote>

done … that’s so easy.

dynamic jasper result in excel format

more information about dynamice jasper visit:
http://dynamicjasper.sourceforge.net/

First type :args **/*.groovy (change groovy with file extension you want to search and replace)

Type :argdo %s/something to replace/with new words/g |w

When you type |w, it means you tell vim to save every edited file. If you are not using w, it will not save and stopped on first file (it always ask file save before going on to next file)

You define a css for evenrow and oddrow with different colors.

$('#yourTableID tr:even').attr('class','evenrow');
$('#yourTableID tr:odd').attr('class','oddrow');

The difference is that 0.6 using OFC version 2 and 0.5 still using version 1. Version 2 is not compatible with version 1 so please watch out when you tried to update that plugin.

More information about Open Flash Chart 2, check the maker web on http://teethgrinder.co.uk/open-flash-chart-2/

Which one you like ?

<html>
    <body>
        <table>
            <tr>
                <td> something here </td>
                <td> something here too </td>
                <td> something here as well</td>
            </tr>
             <tr>
                <td> another line here </td>
                <td> another line here too </td>
                <td> another line here as well</td>
            </tr>
        </table>
        <a href="http://wysmedia.comyr.com"> wysmedia</a>
    </body>
</html>

or

html{
    body{
        table{
            tr{
                td{"something here"}
                td{"something here too"}
                td{"something here as well"}
            }
            tr{
                td{"another line "}
                td{"another line too"}
                td{"another line as well"}
            }
        }
        p{
            h2{"a paragraph"}
            a{
                href:"http://wysmedia.comyr.com"
                title:"link to wysmedia"
                "wysmedia.com"
            }
        }
    }
}

which one you like the most ?

read the full story here