Bambang pramusintha

Posts Tagged ‘HTML’

Knowing Hapax

In Hapax, JavaScript on September 17, 2012 at 2:43 am

Hapax is a simple but powerful text templating library for Java.

Hapax is suitable for constructing text output from Java code. The syntax is similar to Google’s ctemplate library, and emphasizes the separation of logic from presentation.

Hapax was designed to be easy to use and have minimal dependencies. Hapax does not depend on any existing web framework, and is suitable for use in servlets, scripting languages (Scala, Groovy, etc), and server-side applications.


package com.xfltr.hapax.examples;
import com.xfltr.hapax.Template;
import com.xfltr.hapax.TemplateDictionary;
import com.xfltr.hapax.TemplateException;
class HelloWorldExample {
  public static void main(String[] args) throws TemplateException {
    Template tmpl = Template.parse("Hello, {{WORLD:h}}");
    TemplateDictionary dict = TemplateDictionary.create();
    dict.put("WORLD", "Iapetus");


  • Hapax enforces a strict separation of “view” from application logic.
  • Hapax has zero dependencies on third-party code (except for JUnit).
  • Hapax is well unit-tested.
  • Hapax is based loosely on the syntax and behavior of Google’s ctemplate library.
  • Hapax generate any kind of textual output: config files, HTML, XML, CSS, etc.
  • Hapax templates do not require a compilation step. Templates are parsed at runtime.
  • Hapax has native support for some types of content escaping (JavaScript, XML, HTML, URLs).
  • Hapax does not expect your templates to come from disk: templates can be be generated at runtime, stored in a database, or any other location.

Knowing JSON Template

In JavaScript, JSON, Python, Themplate on September 16, 2012 at 12:26 pm

JSON Template is a minimal but powerful templating language, currently implemented in both Python and JavaScript.

To use it, simply copy the Python file or the JavaScript file into your project. Neither has any external dependencies.

Since there are over one bajillion template languages for Python alone, it deserves some explanation. But first here are some examples.

Simple example

>>> import jsontemplate
>>> jsontemplate.expand('Hello {name}', {'name': 'world'})
'Hello world'

This Python example should look familiar to many people.* The JavaScript version is a straightforward translation of this API.

Full Example

To read this example, keep in mind the following:

  • A variable can be substituted by surrounding its name with curly braces: {}
  • Template “directives” start with a period: .
  • In place of for loops and if statements, the basic idea is that the template declares sections and repeated sections. The sections are named after keys in the JSON data dictionary. The presence or absence of the keys in the JSON dictionary implicitly determines if and how many times a section is expanded.
  • If a JSON dictionary key is missing or empty ([], {}, or null), then the {.or} section is expanded.

These few constructs are surprisingly powerful.

The following example uses most of the language, but not all. Read the rest of this entry »

How To Specifying Elements in a Hierarchy

In Hierarchy, JQuery, Plugin, Website Tutorial, Wordpress Tutorial on July 27, 2012 at 9:40 am

As the before topic says that jQuery is great at letting us select a set of elements. But what if you want to select one set in a page, but not another?
Say you have some


ments in a

element that you want to select, but you don’t want to select any

<p> elements outside the <div> element.

One way of selecting the <p> elements we want is by specifying a selector hierarchy. For example, we can ask jQuery to select only those <p> elements that appear inside a <div> element, which itself appears in a <body> element, like this:

$(‘body div p’)

This tutorial will help us to make the selection that we want, and it will also let us change the style class of the selected elements when the user clicks a button, using the following code:

$(‘body divp’).toggleClass(‘striped’);

Steps to Select Elements in a Hierarchy are :

enter the code to add the jQuery library and add four <p> elements in a <div> element and one outside the <div> element, so total five <p> elements.



<title>Selecting elements in a hierarchy</title>

<script type=”text/javascript”src=”jquery-1.5.1.js”>


<h1>Selecting elements in a hierarchy</h1>

<p>This is paragraph 1.</p>

<p>This is paragraph 2.</p>

<p>This is paragraph 3.</p>

<p>This is paragraph 4.</p>


<p>This is paragraph 5.</p>

</html> Read the rest of this entry »

How to Creating New HTML Elements

In HTML Element, JQuery, Srcipt PHP, Tutorial, Website Tutorial, Wordpress Tutorial on July 27, 2012 at 9:13 am

jQuery help us to create an HTML elements and insert them into a page.

If we pass a text string that spells out a new HTML element to the jquery ( ) or $( ) function (which are the same thing), jQuery will create that new element:

$(“<p>I’m a new &lt;p&gt;element!</p>”)

The upper code will display ”  I’m a new <p> element ! “

To actually get the new element into a page, we have to use a function like insert After () , passing a selector indicating the element that you want to insert the new element after.

This tutorial creates new <p> elements and inserts them into a page following a <p> element with the ID “first”, like this:


I’m a new <p>element!


To create new elements:

1. We are going to use text editor (such as notepad or Wordpad) to create our HTML page and give the file name as “create.html”.

2. Enter the code to add the jQuery libraryand add a element with the ID “first”. Read the rest of this entry »

How To Add Geo Meta tag

In Joomla CMS, Meta Element, Meta Geo Tag on July 11, 2012 at 9:26 am

Historically, meta tag for the language and the country has been less reliable than conclude the language or country directly. For example, many webmasters also just copy / paste from the template of a friend without checking the meta tag values.

Unreliability of meta tags is why Google tends to not use them or give them less weight.

So webmasters here three points for considering to put the geo meta tag to your website/blog :

[1] Bing currently using geo-meta tag
[2] Google ignores meta tags geo
[3] Be careful when you copy or use an existing template template

Cortesy forum discussion at Bing Community.

” I suggest adding the following meta tag to your home page header and verify that there are no tags pointing to “en-gb”–especially if you are using the Joomla CMS “, Brett said specifically, with Joomla.

Brett Young from the Bing webmaster support team suggested to the webmaster to change the meta tag to:

<meta http-equiv=”content-language” content=”en-us”>

“We generally ignore geo-meta tags like that because we’ve found that they are generally incorrect [copy & pasted from a template, etc]”, Brett Young Said.

A Google Webmaster Help thread once again confirms that Google ignores the geo-meta tags. Those tags somewhat look like this and use to serve the purpose of telling search engines where the site is based:

<meta name=”geo.placename” content=”United States” />
<meta name=”geo.position” content=”x;x” />
<meta name=”geo.region” content=”usa” />
<meta name=”ICBM” content=”x,x” />

It seems like this is a common issue webmasters run into when using Joomla.

DIV Colors

In Tutorial, Wordpress Tutorial on July 7, 2012 at 10:55 am


The attribute value type “color” (%Color;) refers to color definitions as specified in [SRGB]. A color value may either be a hexadecimal number (prefixed by a hash mark) or one of the following sixteen color names. The color names are case-insensitive. Read the rest of this entry »

References to HTML elements from a script

In Tutorial, Wordpress Tutorial on July 7, 2012 at 10:50 am

References to HTML elements from a script

Each scripting language has its own conventions for referring to HTML objects from within a script. This specification does not define a standard mechanism for referring to HTML objects.

However, scripts should refer to an element according to its assigned name. Scripting engines should observe the following precedence rules when identifying an element: a


attribute takes precedence over an


if both are set. Otherwise, one or the other may be used.

18.2.3 Intrinsic events

Note. Authors of HTML documents are advised that changes are likely to occur in the realm of intrinsic events (e.g., how scripts are bound to events). Research in this realm is carried on by members of the W3C Document Object Model Working Group (see the W3C Web Site at for more information).

Attribute definitions Read the rest of this entry »

%d bloggers like this: