PolyBlog

If you list hundred or thousand records from a database on your website, it is unconfortable to show all of these on one page. So I wrote a < 1. 2. 3. > link function in PHP to browse through the pages like browsing through google results with a previous and next link. It is also simple to customize the design. Just change the styles in the numlinkstyle.css stylsheet file.

Example:

Download:

Numlinks V1.0

Usage note:

1. Download numlinks.zip
2. Extract it and upload all files to your webserver (run the numlinksexample.php to see how it works)
3. You have to import the numlinkfuctions.php with require_once(’numlinkfunctions.php’); into your script.
4. Also import the numlinkstyle.css in your HTML header with <link rel=”stylesheet” type=”text/css” href=”numlinkstyle.css”>
5. Insert the function numlinks($pagenum, $maxpage, $pages_visible, $scriptname, $get); with the following parameters into your PHP code:
   $pagenum: Number of the current page
   $maxpage: Number of all pages
   $pages_visible: Maximum number of pages to be displayed (usually a odd number)
   $scriptname: Optional - File to which a number links
   $get: Optional - to deliver custom GET parameters (e.g. foo=bar&email=bla@hotmail.com)

Any Questions? Leave a comment!
* If you like this script, and in case you want to support us, we would appreciate it if you put a link to http://blog.polymorph.at on your website.

This script generates tooltips, small information boxes on your website. It’s good looking and very simple to use.

Examples

Tooltip on a link:

Webdesign

Tooltip on an image:

Tooltip with HTML tags:
„Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

How to use

1. PolyTooltip uses the Prototype Framework and Scriptaculous Effects Library. You will need to include the following three Javascript files in the head of your HTML file (in this order).

2. The package includes some predefined styles (in the styles folder). Use one of them (or create a new one) by including the corresponding css file in the head of your HTML file.

3. To activate PolyTooltip for a HTML element, just add a class=”poly_tooltip” to it, and write the tooltip text in the title attribute, e.g.

or

Download

PolyTooltip version 1.1