Tag Archives: HTML

Free HTML and Javascript Chart Libraries

We have talked about the jqBarGraph a few days ago.
jqBarGraph – jQuery Bar Chart Plugin

Here are other free libraries where you can create more fancy charts such as pie chart with really cool features.

1. RGraph
rgraph
Continue reading Free HTML and Javascript Chart Libraries

Advertisements

CSS Style for search input in WebKit

In Chrome, there are some special style on the input elements. For example, the following is a search textbox in Chrome.
search-textbox-1
 

To restore the standard textbox view, apply the -webkit-appearance on the search textbox.

input[type="search"] {
  -webkit-appearance: none;
}

 

Refresh the page.
search-textbox-2
 

Done =)

Reference:

jQuery – Freeze HTML table header and the left columns

A few months ago, i am working on a website project which contains a very wide HTML table. The client wants to keep the top row and the two columns on the left hand side of the table sticky. There is no proper way to do it but and the only solution i could found is using a jQuery library written by Conan Albrecht. The original post could be found in the link below but the source link is no longer valid.
A JQuery Plugin For Freezing Table Rows/Columns

Luckily i have a copy of the lib and you can download here.
Continue reading jQuery – Freeze HTML table header and the left columns

Drupal 7 – Create a taxonomy term selection list of a specific vocabulary @ 2

We talk about how to generate a taxonomy term selection list in the following post.
Drupal 7 – Create a taxonomy term selection list of a specific vocabulary @ 1

So we continue to add the jQuery/Javascript code such that when the term is selected, the browser will open the corresponding term page.

The following piece of jQuery/Javascript is redirect you to the selected term page.
Continue reading Drupal 7 – Create a taxonomy term selection list of a specific vocabulary @ 2

Drupal 7 – Create a taxonomy term selection list of a specific vocabulary @ 1

Next: Drupal 7 – Create a taxonomy term selection list of a specific vocabulary @ 2

I want to create a HTML selection list which contains the taxonomy terms of a vocabulary. When a option is selected, the browser will go to the selected term page. In this post, i would like to share how to generate a selection list by PHP.

I have a vocabulary which has terms in 2-level. The selection list could generated as follow.
Continue reading Drupal 7 – Create a taxonomy term selection list of a specific vocabulary @ 1

Create Google Plus Share hyperlink for specific URL

We have talked about how to create share link on Facebook and Twitter.
Create Facebook Share hyperlink for specific URL
Create Twitter Share hyperlink for specific URL

So this time is the Google Plus share link.

https://plus.google.com/share?url=<url>

 

https://plus.google.com/share?url=https://eureka.ykyuen.info/about
Continue reading Create Google Plus Share hyperlink for specific URL

Create Twitter Share hyperlink for specific URL

We can create a Twitter share hyperlink just like what we did for Facebook share as we mentioned before.
Create Facebook Share hyperlink for specific URL

For Twitter sharing, it can be done as follow.

http://twitter.com/intent/tweet?text=<tweet>&url=<url>

 

Try the following link.
http://twitter.com/intent/tweet?text=About+Eureka!&url=https://eureka.ykyuen.info/about
Continue reading Create Twitter Share hyperlink for specific URL

HTML – Include .html using jQuery

There are some methods like Server Side Includes which allow us to include other HTML files into a web page on a webserver like

<!-- #include virtual="./common.html" -->

But this technique require server side setting and may be not supported by some web hosting.

Another way to include .html in a web page is using jQuery insertion.
Continue reading HTML – Include .html using jQuery