Category Archives: Javascript

How to make video iPad, iPhone and iPod touch compatible with JavaScript, Flowplayer & HTML5–Internet–Tools & Tips for Multimedia Designers–Planet of the Web

How to make video iPad, iPhone and iPod touch compatible with JavaScript, Flowplayer & HTML5–Internet–Tools & Tips for Multimedia Designers–Planet of the Web.

Making your website video iPad friendly with JavaScript and HTML5

The iPad is a great device to watch video. According to newteevee.com, iPad users watch 3 times as much video as regular web users.

I can attest to that, I’d much rather watch movies on my iPad than on my iPhone, my laptop or…gasp…my TV. It’ also a great way to enjoy web tutorials since it frees your laptop’s screen to completely follow along with a tutorial.

Unfortunatelly, the excellent flowplayer, the video player I’m currently using, is a flash based player and Steve Jobs is not having any of that on his iPad. HTML5 is a good solution, but managing between the Flowplayer and HTML5 takes a bit of wrangling.

You might be thinking that it would be great to just use HTML5 for all of the videos, but it’s not supported by Internet Explorer 8, so until that happens we need a workaround. Luckily FlowPlayer can work in any browser as long as it has a flash plug-in, which means we can use it for everything except for Apple’s Mobile Devices and take care of those using HTML5. If you’re interested in HTML5, check out the excellent guide by Mark Pilgrim.

In the meantime you can use this technique to make sure your video plays on the iPad, the iPhone, and the iPod Touch, as well as in other browsers.

Read More

DIV Popups from JavascriptToolbox.com

Simple Popup Using In-Page DIV

This simplest example uses an existing DIV defined on the page as the popup window. By default, the DIV is hidden. The Popup.show() function is used to treat the DIV as a popup, show it, and make it auto-hide if anything else is clicked.

<div style=”background-color:yellow;border:1px solid black;display:none;width:200px;height:200px;”>Click anywhere in the document to auto-close me</div>

<a href=”#”>Click Here To Show DIV</a>

Simple Popup With Auto-Created DIV

For this example, there is no DIV defined anywhere on the page for the popup. The library will automatically create one and populate its contents from what is passed into the Popup.show() function. Some styles to be applied to the created DIV are also passed, so it stands out.

<a href=”#”>Click Here To Show DIV</a>

Read More

Amazing Draggable Layer

This not my code,  I have not designed or modified it.

==============================================================
Script:     Amazing Draggable Layer

Functions:  This script implements a draggable layer that
can be used much like a popup window… but with-
out the usual focus problems that popups often
imply.  Also included are simple controls to show
or hide the draggable layer. Compatible with
NS4-7 & IE.

Comments:   The script is in two parts.  A JavaScript
<script> to be placed in the <head> of the
page; and a <div> layer that should be placed
either immediately after the <body> tag or
immediately before the </body> tag.

Read More

Bad Behavior has blocked 123 access attempts in the last 7 days.