Category: code

Uploadrr Features:

• Real Ajax uploads – using the HTML5 FileAPI.
• File Drag and Drop – this allows you to select files by simply dragging them into the file upload box.
• Multiple File Selection – this means that you can select multiple files using the “Shift” and “Control” keys.
• Progress Bars – now you know when those uploads will finish.
• Error Handling – If something goes wrong the user is always informed about what exactly happened.
• Supports JQuery and Prototype.JS – Uploadrr can be used as a JQuery plugin or as a PrototypeJS class.
• Old browser support – Uploadrr works as expected even in old browsers like IE6 .
• Server Error Handling – If something goes wrong on the server you can easily inform the user about it by using a JSON response.

Uploadrr is cross-browser compatible and fully usable on browsers with no HTML5 /CSS3 support.
Two source code versions included: one using JQuery and one using PrototypeJS/Scriptaculous.
Please update to the latest version 1.0.2 (2011-02-23)
Feel free to contact me if you encounter any issues.

Watch a HQ preview on Screenr

Changelog

Version 1.0.2 (2011-02-23)

• New ProgressGIF option.
• IE IndexOf bug fix.
• Double IE filenames bug fix.
• Server side file extension and type checking.
• Updated documentation.

Version 1.0.1 (2011-02-20)

• Rebuilt as a JQuery plugin.
• Minor perfomance fixes.
• Progress bars act as links to the uploaded files.
• File extension check bug fix.

Download Uploadrr – HTML5 File Uploader (Miscellaneous Apps)

One of the things that can make your scripts really hard to read and take up much space are inline HTML tags. This helper class makes it possible to write inline html tags in a really simple an clean way.

Take for example the following code. It is used to show a select box and the selected variable is to choose a select item.

&lt;?php $selected = 'green' ?&gt;<br /><select name="colors" id="colors" /><br />    <option value="red" &lt;?php if($selected=='red') echo 'selected="selected"'; ?&gt;>Red<br />    <option value="green" &lt;?php if($selected=='green') echo 'selected="selected"'; ?&gt;>Green<br />    <option value="yellow" &lt;?php if($selected=='yellow') echo 'selected="selected"'; ?&gt;>Yellow<br />

With the Html Helper class you will use the following code to get the same result.

echo HtmlHelper::select(id, name, values array, selected item);

so this will give us the following code:

echo HtmlHelper::select('colors', 'colors', array('red' => 'Red', 'green' => 'Green', 'yellow' => 'Yellow'), 'green');

As you can see is the code with the Html Helper is much easier to understand, read and modify.

Of course does the Html Helper class not only support select but almost every Html element.

• label
• textfield
• textarea
• checkbox
• radiobutton
• select
• ul
• ol
• img
• a
• img
• style
• script
• swf (embed youtube, vimeo and other flash content)

Beside the above elements you can also use the openTag/closeTag or tag method to create any html element you want. All these methods and the tag methods have an extra attribute parameter. This way you can add any extra attributes that you want. For example to create the folloing div:

<div class="test" style="color: #F00">Hello world</div>

you would use the following Html Helper code

echo HtmlHelper::tag('div', 'Hello world', array('class' => 'test', 'style' => 'color: #F00'));

As last example I show you how easy it is to show a youtube video. This will also work with custom SWF files or other videos like from Vimeo. Normally you would place the following code on your website:

<object height="390" width="480"><br /><param name="movie" value="http://www.youtube-nocookie.com/v/hCLbQ2Xf9i4?fs=1&amp;hl=en_US&amp;rel=0" />
<param name="allowFullScreen" value="true" /><br /><param name="allowscriptaccess" value="always" /><br /><embed allowfullscreen="true" src="http://www.youtube-nocookie.com/v/hCLbQ2Xf9i4?fs=1&amp;hl=en_US&amp;rel=0" allowscriptaccess="always" type="application/x-shockwave-flash" height="390" width="480"></embed><br /></object>

But with the Html helper class you could use the following code:

echo HtmlHelper::swf('http://www.youtube-nocookie.com/v/hCLbQ2Xf9i4?fs=1&hl=en_US&rel=0', 480, 390, null, array('allowscriptaccess' => 'always', 'allowfullscreen' => 'true'));

Download Html Helper Class (Miscellaneous)

Ajax File Manager is made for easy file management purpose. It’s featured with ajax power, most of its functions are done using ajax, gives clients very neat and nice user experience.

You can use it to enpower your exsiting application, or make it your own file management wizard, in stead of using FTP or other third part softwares.

Requirement:

1. PHP 5 .2 or higher

Features:

1. jQuery UI CSS Framework
2. hide certain files
3. hide certain folders
4. restrict file types to be uploaded
5. show/hide system files
6. jQuery fancy box enpowered image viewer
7. Uploadify enpowered uploading tool
8. super easy setup

DEMO :

Demo Page: http://www.the-di-lab.com/afm-demo/

Manual file is included in download file.

Download Ajax File Manager (Images and Media)

- Handles a list of images that can have info texts and target link
- Multiple navigation methods + slideshow option
---- graphical or text buttons as navigation
---- arrows
---- optional target url or captions
- A bazillion ways to configure the block slide transition types between items.
- Set the transition types for the next and the previous item action.
- Compatible with IE6. 
- You can customize the button appearance in the CSS... 

TAB DESIGN THEME
Viewer customized with css to look like a regular tab rotator, with subtitles: Tab rotator

YOU MAY ALSO BE INTERESTED IN :

Download Brick Slide Rotator – Textual or graphical menu (Sliders)

• safely run PHP code in posts, pages, widgets, excerpts and RSS
• control error reporting globally and on a per-shortcode basis
• define default shortcode behaviour depending on content area
• option for formatting PHP code instead of running it
• default shortcode [php] can be easily changed

Download 5sec Run PHP (Utilities)

Intro

Ken Burns Gallery – now in Joomla!

Please rate after purchase.

Features

• CMS panel– select images, upload images, customise effects all in the DZS admin panel provided, which means no manual upload to a folder like in traditional Joomla plguins
• cool ken burns effect– enhance your site with the awesome ken burns effect
• reusable – for flash import: easy guide in the documentation, for html import: just copy/paste a single code, no plugins required

What do you get?

• ken burns gallery joomla plugin – get creative!
• free updates! – even if the value of this gallery increases with upcoming updates, you will get them for free
• free support! – for installation via my forum -> http://digitalzoomstudio.net/support/ this is the fastest form of support

Great preview pics – http://www.flickr.com/photos/markjsebastian/

Great MVC tutorial – Part_1”>http://docs.joomla.org/Tutorial:Developing_a_Model-View-Controller_Component-_Part_1

Download DZS Ken Burns Gallery /w Admin Panel – For Joomla (Plugins)

Smart Image Slide Show is a simple control to integrate in your asp.net application. You can easily integrate this
control in your application by our help file without any programing knowledge. You need to do nothing after use the control
as it will auto render the java script and css file. Ii is so nice that we just need to declare the folder and
configure the setting then it will auto make the slide show.

Live Preview:

http://www.smartwebsource.info/smartimageslider/Default.aspx

Features / What you get
* Folder Base Image slide show
* Multiple control can add in a single page
* Slide speed can control
* Slide image height and width can be control
* Every slide show is independent css and java script file
* Auto generate css and js based on your configuration in control.
* One slider do not conflict other slider js or css file
* You need to know no programing to use this.
* You can use this just read the help file.

Instalation:

For use Image Slider Contol copy this in your page

<%@ Register src="Control/SmartImageSlider/Slider.ascx" tagname="Slider" tagprefix="ucSlider" %>

And use

<ucslider:slider pause="2000" slidername="slider1" id="Slider2" height="422" speed="200" foldername="BannerSlider" select="2000" runat="server" width="700" />

Who is this script for?

Smart Image Slider control is ideal for anyone want to slide show there image in asp.net application.

Download Asp.net Image Slide Show (Images and Media)

The script is a complex jQuery menu plugin with an unlimited number of submenus, easy to integrate.

• easy to change the appearance via CSS .
• a simple menu structure.
• easy integration of WordPress.

Download jQuery Vertical Drop-Down Menu (Navigation)

“Switcher” allows you to create a custom styled dropdown select menu that lets you switch between websites. It can be quite useful for linking related websites together.

Download Switcher (jQuery) (Navigation)

Facebook have recently allowed iFrame applications to be used on Business/Fan pages . This opens up more information for developers and page owners.

In the old days any content that you only wanted to be visible to users who ‘liked’ your page could still view the source of a page and get access to the hidden content, iFrame apps remove this loophole and this helper class allows you to easily test if a user likes your page or is an admin of the page in question. This allows you to customise apps to a number of pages, hide content from users who don’t like your page (and make it easier to offer incentives to those that do) and to offer customisation/enhanced options to page admins

I’ve also included the code to check if a user has authorised the application so that apps can be further customised to individual users using the open graph.

Please note, that to get the Live preview to work correctly you need to view it in it’s own window. Facebook doesn’t seem to like being in a Frame

Download PHP Facebook Page Application iFrame Helper (Calendars)

Add a custom contact form and mailing list opt-in database to your website with no programming. Easy to install and integrate, simpleContact Pro is made by an experienced web designer with a focus on the features that really matter:

Contact form builder: A user friendly browser interface helps you build a form with the custom fields that you need, in any order.

Form input validation: Client-side JavaScript prevents human error and server-side checks help keep the spammers at bay.

Mailing list opt-in: Choose a single or a double opt-in mailing list and collect email addresses for marketing activities.

CSV data export: Export your messages and mailing list to CSV files from the admin to use that data with other applications.

Personalised autoresponder: Setting up an automatic response email is easy. Personalise the message with the user’s name.

Download simpleContact Pro – contact form and mailing list (Forms)

This WordPress plugin enables you to add the Facebook connect functionality on your blog to enable your users to connect with their Facebook account, and gives you blog owner a very powerful viral tool working on the Facebook network, and to keep your users informed of important news.

Features:
– The plugin enables your blog users to connect with their Facebook account.
– It asks the email permission from your users, and store their email address in your database, so you can easily retrieve your user’s emails to use for your future marketing campaigns.
– You can easily post status updates or links on your user’s Facebook wall with the integrated tool coming with this plugin (check the screenshots).
– You can customize the links posted (chose a thumbnail image, a caption, a description).

All these functionalities are possible because the user’s who will connect to your blog with their Facebook account, will be asked to give your application the needed permissions.

Other features:
– You can customize if your connected users can view (and how many they can view) their friends on the side section of your blog (once they are connected).
– You can customize and choose if yes or no, you want to display the last connected users to your blog (viewable by non connected users).

Download Facebook WPress Viral tool for WordPress (Social Networking)

Follow me

About WordPress Profile Manager

The WordPress Profile Manager allows you to create custom fields for your users.
You can create text fields, text area’s and drop down menu’s with the drag and drop interface within 5 seconds.

Features

• Create custom fields, text area’s and drop down menu’s.
• Beautiful user interface
• On the fly validation with jQuery
• Written in OOP
• Very easy to use
• Drag & Drop interface
• AJAX Based
• Use the native WordPress the_author_meta function to retrieve the custom author profile fields

How can I use this

You can use the Profile Manager to create custom profile fields.
The values of these fields can be requested on the front-end of the website. This allows you to include more information about the author inside a post or build author profile pages with much more information then you would normally have!

Check out the overview video!

I would appreciate it if you could leave a rating

Download WordPress Profile Manager (Miscellaneous)

• enhance search fields with suggestions from Google and your users
• one click, 5sec install
• 24 themes
• log incoming keywords from Google, Bing, Yahoo, Lycos, Altavista
• extremly fast and responsive
• modeled after Google’s autocomplete
• works on multiple search fields

Download 5sec Search Autocomplete (Utilities)

Smart Light Box Generator help you to generate light box with your image where all the image is cropped and manage by
our software. It also generate image gallery for your project. Which you can use any kind of language.

Live video Preview :

http://screenr.com/sKf

Features / What you get

1. Automatic cropped thumbnail generation by your option.

2. Live preview

3. Title for Light box

4. Caption for light box

5. Automatic thumb image generate

6. Automatic Full size image generate

7. Image list preview

8. Auto Image Gallery Generate

Download Automatic Light box generator (Images and Media)