Bambang pramusintha

Posts Tagged ‘Cascading Style Sheets’

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 a Character Counter to the WordPress Post Excerpt Box

In Excerpt Box, JQuery, Tutorial, Wordpress Tutorial on July 9, 2012 at 10:11 am

Why would you need a character counter on your excerpt box?

Certainly it seems like a character counter in WordPress post token is far more useful for the post content meta box. However, the active theme you may have very specific requirements for how long should your quote. If you want to be a perfectionist about your quote and do not want to see them cut the ellipse, then you will want to keep the length of your quotes to a certain number of characters. This is where the quote character counter will help.

Here is a handy little trick of recently. This piece counter lets you add character to the quote box on the screen edit your posts Read the rest of this entry »

%d bloggers like this: