New Scripts | JavaScript | Scripts & Programs

It is often the case that dynamic text, whether that be a name, a web address, or any other variable text, will not fit a designated area and therefore causes overflow. This could mean that ugly scroll bars may appear where they were not intended or the design of the page may be altered unexpectedly in other ways. This problem is hard to predict especially when the number of words or characters is not know upfront. This library solves the problem of overflow text by automatically resizing text so that it no longer causes overflow. It is possible to set a minimum font size when applying this library so that the text doesn’t become too small. For example the library could be applied with a minimum font size of 0.3em, 20%, 12px etc. This means that the text will never be reduced smaller than this threshold. This provides the benefit of reducing text overflow without the risk that the text will become so small that is unreadable.

JCF not only supports styling of typical form elements, such as select, input type checkbox, input type radio, but also provides cross-browser compatibility for popular input fields like input type number and input type range. The script requires jQuery to work properly. Browser Support Internet Explorer 8+ Firefox Chrome Safari Opera Windows RT Tablets Android 4+ iOS7+

Zoomber is a jQuery image zooming plugin for presenting your images in the highest detail for user. You can present your products to the customers in better view with Zoomber! Features: You can add zoom functionality to any image. Touch & rotate support for mobile devices. Configurable magnification level. Built-in original image preloading. Customizable by CSS and plugin options. Very easy installation on your html page. Cross-browser compatible.

This is a relatively stable and clean early version of my webgl pong project. I cover the basics of shader and webgl programming, and matrix math. The vertex and normal data were exported from blender 3D using my export webgl script.

Create easy sprite animations using EaselJS This is merely a code snippet that has a basic setup for sprite animations. It runs with EaselJS v0.8.0+ I mainly created this because I had a hard time going through EaselJS' documentation and it took some trial and error to find the right setup. If you have a DOM app and want to create some fast spritesheets in WebGL, which fall back to Canvas, then this might be of help. EaselJS has everything covered for you, including use of requestAnimationFrame.

Easily create fantastic mobile-ready CSS-based drop down menus for your website. Many elegant menu templates are available, including modern flat and classic glossy styles. Menus created with Easy CSS Menu Maker are very quick, compact and compatible with both modern and popular, but old web browsers. The menus created with Easy CSS Menu will also work on mobile and touch devices. What is more, they are search engine and SEO friendly.

A basic HTML5 Snake game.

Nowadays there is not a well supported way to create piecerced layers, there is no way to create a DIV element with an hole inside, maybe a visual hole but not a real hole through which interacting with underlaying elements. We could use the HTML5 canvas element, we can use static png image files but we will encounter problems with old browser and it will be always impossible to mantain interactivity with the elements under the pierced layers and we will probably face rendering errors and screen sizes incompatibilities. With Holesjs you will have an easy to implement method to highlight elements in your pages without worrying about browsers compatybility while allowing your visitors to intercat with those nicely highlighted elements.

The Effect Maker allows you to customize JavaScript effects like scrollers, slide shows and messengers with your own texts, fonts and images. No JavaScript development skills are needed. With a few clicks you can start creating your own effects. You can have several customizations of one type of effect in your site. All standard web fonts are supported.

AlphaMenu is a user-friendly, highly customizable and responsive jQuery mega menu plugin. It allows you to use multiple menus with different submenus. Features Included: Responsive design. Supports multiple instances. Horizontal (top, bottom) or Vertical (left, right) menu layouts. Mega / Flyout submenus. Pure CSS3 animations (fade, slide). 3 ways of dropdown (hover, click, toggle). 7 color skins which can be changed easily. Custom mega dropdowns, forms, search bar, social icons or HTML. 12 columns fluid grid. You can add images, maps or videos. Over 430 Font Awesome Icons. Compatible with mobile devices. Help file is included.

Focus on building effective Xpath expressions instead of wasting time on browser compatibility issues.

SoftEcartJS is a perfect solution for medium and small shops, designed to be small, fast, powerful, yet easy to install for even the most novice web designer. Within minutes of installing the cart, you can be selling your products online. All you need to get started is an active PayPal account, the rest applications will do for you.

Happy Birthday Script to wish your loved ones with flower falling effect using jquery script.

Cover flow effect is made fully with CSS3 transformation, which transforms from one image to the next image.Smooth movement of images using CSS3 Transitions. Css3 gives a cover flow effect with n number of images.

Vertical Carousel is a jQuery plugin that scrolls content in the Vertical direction. It is ideal for use in your sidebar to provide sleek transitions between panels of content. Vertical Carousel utilises hardware acceleration to ensure the smoothest of transitions, it comes with a number of options to allow for customisation and the carousel to be tailored to specific needs of your website. Vertical Carousel is responsive and supported in all major browsers and has been designed to allow for numerous carousels on the same page.

This script lets you view an "after" version of any image as an overlay of the original one in dramatic fashion. A "draggable" handlebar lets the user adjust the ratio of the two images to view simultaneously. It supports the ability to update the set of images shown on demand, plus change the main container dimensions.

Completely crossbrowser javascript and html. Does not use jquery Customize style with css Horizontal or vertical slider Options to have knob, slider, and/or buffer HTML5 is not required. Works with HTML4 Uses mouse events (Chrome, IE, Safari, Firefox, Opera) Uses touch events (iOS, iPhone, Android)

Find on this page function for IE, Chrome, Opera, Android, iPhone, Netscape, Firefox and Safari. Can search forwards and backwards on the page. Jumps to and highlights the found search term. The pop-up is a DIV instead of an actual window so that unintelligent pop-up blockers will not block it. The pop-up DIV always stays in view even if the page scrolls. Added mouse functions to be able to move the DIV around the screen with the mouse. Added keyboard functions so the user can press ENTER to search for the next occurrence of the word or term.

The CryptoJS URL (https://code.google.com/p/crypto-js/) contains a collection of secure cryptographic algorithms written in Javascript. encode, pass in the control var ckey = $("#cryptonkey").val(); var y=document.getElementById(control).value; var encrypted = CryptoJS.AES.encrypt(y, ckey); document.getElementById("crypton").value=encrypted; decode, pass in the control var ckey = $("#cryptonkey").val(); var y=document.getElementById(control).value; var decrypted = CryptoJS.AES.decrypt(y, ckey); decrypted = decrypted.toString(CryptoJS.enc.Utf8); document.getElementById("cryptoff").value=decrypted; If you receive a secret message and know the secret key, you can enter the secret key and place your secret message into the "crypt-on" box. The secret message will be visible to you in the "crypt-off" box.

Demonstration of a simple jQuery/JavaScript image gallery with fewer than 20 lines of code: http://www.oproot.com/if/jquery-photo.html Source code: $('#thumbs img').click(function(){ $('#largeImage').attr('src',$(this).attr('src').replace('thumb','large')); $('#description').html($(this).attr('alt')); }); $('#thumbs').delegate('img','click', function(){ $('#largeImage').attr('src',$(this).attr('src').replace('thumb','large')); $('#description').html($(this).attr('alt')); });