mooSlide - revamp!

May 23, 2008

Done - the new mooSlide is easier to use than ever as it has become a mootools class, with a lot of options that you can influence. The best of it: The slider can contain ANY content, so put videos, flash, images, text or html stuff in it.

The options:

* The slider DIV
* The slide in speed
* The fade out speed
* Remove on click yes / no
* The final opacity
* The height of the slider container
* The type of effect used ( see the mootools transitions effects )
* The toggler element ( i.e. a link )

Calling the box:

var px = new mooSlide2({ slideSpeed: 1700, fadeSpeed: 500, toggler:’toggle’, content:’test’, height:250, removeOnClick: true, opacity:’1′, effects:Fx.Transitions.Bounce.easeOut });

whereas the toggler is the element that will show / hide the box, content defines the div’s ID with your slide contents, the rest of the options should be self-explanatory.

Demo:
mooSlide 3.2

mooHorizonSlider

May 20, 2008

this little slider class is build with the mootools framework 1.11. You can define various things:

* single image movement left / right
* multiple movement left / right
* scroll speed
* image container
* image size

In conjunction with the needed CSS style for the scroller, it creates an easy to use image slider. The slider class can be adjusted to fit your needs perfectly - imageWidth, imageCount, scrollRanges etc.

Check out the source of this page to see how it is implemented. You can also use this line of code, adjust it to your needs, copy the CSS to your file and get it going:

var p = new avScroll({container:’innerScroller’, imgWidth:233, scrollRange:24, leftHandle:’leftClicker’,rightHandle:’rightScroller’, rw:’leftFF’, ff:’rightFF’, speed:700});

Check it out here: moo horizontal slider

mooMessageBox

May 15, 2008

This is a simple and plain messagebox class based on mootools, its content comes from a div that you specify. As you can see, you can integrate any kind of html into the box. You can define a lot of things to make your box look the way you want:

  • width and height
  • attach a CSS class
  • add a button and its caption
  • add a title bar and its caption
  • define the additional
    with contents
  • define the fade speed of the box
  • define the opacity
  • make the box draggable

This box has been tested with Internet Explorer 6/7, Firefox 2.0.0.14, Opera 9.2 and Apple Safari for Windows.

Check the demo: mooMessageBox

jSocialize bookmark widget

May 7, 2008

it’s out: jSocialize - jQuery version of mooSocialize!

Finally it’s here, the first beta of jSocialize, brother ( or sister ) of mooSocialize. It’s been tested in Firefox, IE7 and Opera 9+. and please leave a feedback on it if you find bugs etc.

Download here

xt:Commerce Skonto Modul

May 7, 2008

xt:Commerce Skonto Modul - erlaubt dem Administrator des Shops Kunden die per Vorkasse bestellen, 3% ( anpassbar ) Skonto zu gewähren.

Inclusive Administrationspanel, Skonto wird in der Bestellung, der Historie und in der DB so gespeichert, dass auch Afterbuy damit umgehen kann.

Kosten 39 Euro, zu finden unter: xt Commerce Skonto

Retrieve local MAC address via PHP

April 10, 2008

Ever wanted to give out a script that should be restricted to run on one PC? Well, of course you can buy the expensive ioncube pro version which has this feature build in, but the cheaper one ( 199 $ ) also does the job, if you write your own function - which is actually mentioned for windows based systems only.

[Read more]

mooDBToolTip - DB driven tooltips with AJAX and PHP

February 23, 2008

mooDBToolTip is an AJAX & PHP driven solution to populate a toolTip for a specific link or tag in your website automatically.

Assume you want to explain your users certain abbreviations - normally you’d do this with an html tag, which contains the explanation. This can get very time consuming, if you run a blog, a board or any DB driven website.

Here mooDBToolTip enters the game. It simply gets the tag in question, queries it to a database, and if an explanation to this word is found, it creates and injects a tooltip into the page containing the found interpretation. But stop! That’s far from being all that this tool is capable of.

[Read more]

mooFlickr widget - display your flickr stuff in an ajax box

February 21, 2008

If you wish to display your flickr stats in your blog, on your page etc, you’ll need this nifty little widget. It’s capable of retrieving your posted images, information about you on flickr, your most used tags and the user groups you are attending.

There are two versions available - one for HTML documents and one for PHP. Although there are only slight differences, it’s pretty useful if your sites are not dynamic pages.

Have a look at it:
mooFlickr

mooColorFinder - retrieve any html colors from websites

February 12, 2008

This piece of code reads all color styles from a website - no matter if inline CSS, linked CSS files or imported CSS files. It also finds references to CSS files that are inside i.e. a master CSS file and outputs the colors found as a color cloud.

Demo can be seen here mooColorFinder

moo ImageCrop - crop images with AJAX and PHP

February 7, 2008

mooImage crop - easy image cropping

Here it is, the worlds first easy-to-implement image cropper. This demo shows you how to use ajax and php functions to create cropped areas from images and return them directly.

This can be come in handy if you wish to let users create avatars from uploaded images with a certain with and height or any other process of cropping images.

Limitations

The demo doesn’t have things included like load image, or save image link generation. This is up to you, that demo should only show what can be archived using ajax and php.

The cropping area is actually hardcoded, but the next release will allow you to scale the box to your needs.

download

If you are interested into this script, then drop us a line!

Demo
AJAX image crop

« Previous PageNext Page »