Show Posts

This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.

Messages - dj

Pages: 1 ... 10 11 [12]
HTML & templates / File upload with drag and drop
« on: January 28, 2014, 10:58:20 AM »
put this html5 file in your upload-folder

shows date (last-modified) of the image on mouseover

Code: [Select]
<title>mycam</title><META NAME="Author" CONTENT="DJ">
<meta name="viewport" content="width=device-width">

<img src="out.jpg" id="mypic" title="Update manually or use actual browser" style="cursor:pointer; max-width:100%">

Tmin=5;Tmax=60  //upate every 5 or 60 seconds (cam on or off)
//var t1, t  //cam
var etag1, etag=""

window.URL = window.URL || window.webkitURL;  // Take care of vendor prefixes.
BlobBuilder = window.MozBlobBuilder || window.WebKitBlobBuilder || window.BlobBuilder;

function req() {
var xhr = new XMLHttpRequest();'POST', 'out.jpg', true);
xhr.responseType = 'arraybuffer';  //blob

xhr.onload = function(e) {
//  if (this.status == 200) {

if (BlobBuilder) {var bb = new BlobBuilder();bb.append(this.response);var blob = bb.getBlob('image/jpg'); }  //android
else var blob = new Blob([this.response], {type : 'image/jpg'});

    //var blob = this.response;
var t2=new Date(xhr.getResponseHeader('Last-Modified'));
//if (t2-t1!=0) t=(t2-t1)/1000; t1=t2  //todo: var. framerate, LMod updates, when cam is on!
var etag2=xhr.getResponseHeader('ETag')  //Content-Length
if (etag1 && etag2!=etag1) {etag=new Date(); bild1=img.src}; etag1=etag2
img.title = t2.toLocaleString() + " mycam\n"
 +etag.toLocaleString()+" changed\n"
 + new Date().toLocaleString() + " ("+T+"s) reload\n<"
T=(new Date()-t2 > Tmax*1000)?Tmax:Tmin; document.title=(T==Tmax)?"bye-cam":"yaw-cam"

    img.onload = function(e) {
      //window.URL.revokeObjectURL(img.src); // Clean up after yourself.  //uncommend, if not downloadable
    img.src = window.URL.createObjectURL(blob)

//  }



img.onclick=function(){this.src=bild1}; //show last image


For upload you can use

HTML & templates / 4 connect game
« on: June 13, 2013, 06:07:19 PM »
I have add a template to my 4 connect game  to play over network.

Player 1 starts with link 4connect.htm
Player 2           with link 4connect.htm?-1

V1.1: Both players starts with link 4connect_netstart.htm
V2   : sound; Both players starts with link 4connect.htm?-1

HTML & templates / voting
« on: May 28, 2013, 12:48:41 PM »
Vote: edit question in [special:strings] (hfs beta)

Rate: click on star, if you Like the file (V2: rate more stars)

HTML & templates / photo slide
« on: May 25, 2013, 05:32:59 PM »
I have changed my CSS3 foto slide to a template.

You can see it here:

V1: foto slide
  2: show folders
  3: todo: show exif comment (firefox and chrome)
  3.1: works also with IE>=10

HTML & templates / private messenger chat
« on: May 03, 2013, 07:36:41 PM »
I have the standard chat complemented to send private messages.

Type the recipient_NAME in the TO field.
Only you and the recipient can see the message.

V1.0: do it serversite; todo: add field sendto to make it easier
  1.1: add field sendto to make it easier
  1.2: show when a user leave the chat (Exit); todo: show users in the chat
  1.3: show users in the chat (doubleclick in TO field); todo: show when user changed NAME
  1.4: done all in only one template to make it easier
  1.5: show when user changed NAME
  1.6: mark receipt messages ✓; disable log; todo:choose color
  1.7: choose color (chrome)
  1.8: check Name in use
  2.0: check Name is account (safety)
  2.1: add smileys ☺
  2.2: done with iframe (add New link to chat.htm)
  2.3: group chat (seperate names with ; )
  3.0: without TO field, low traffic, ajax
  3.1: use as guestbook (link to chat.htm?ACCOUNT); show account notes
  4.0: use server push (not IE, beta, todo:smileys)
  4.2: add some ideas from XCanG
  4.3: faster, PM,igno,notify
  4.4: works with IE (fallback to polling)
  4.5: group chat (enter groupname: text)

Pages: 1 ... 10 11 [12]