[javascript]
this.timer = setTimeout(function(_this){
_this.method();
}, 1500, this);
[/javascript]

in de timeout function mag je een derde optionele parameter meegeven die uiteindelijk als parameter in je functie terecht komt!
Zo kan je je class meegeven en de method uitvoeren binnenin je class

[php]

class ftp
{

private $host;
private $port;
private $username;
private $password;
private $passive;
private $socket;
private $CRLF = "\r\n";
private $list = '';

public function __construct(Array $config)
{
$this->host = $config['host'];
$this->port = $config['port'];
$this->username = $config['username'];
$this->password = $config['password'];
$this->passive = $config['passive'];
}

public function connect()
{
$this->socket = fsockopen(
$this->host,
$this->port,$err,$errstr,10
);

if (!$this->socket) {
echo “an error occured while connection to host : ” . $this->host;
exit;
}

$this->output(“ >> Connected to “. $this->host . ” on port “. $this->port . “
“);
$this->fetchData();
}

public function fetchData($showOutput = true)
{

$buffer = fread($this->socket, 1024);
$status = socket_get_status($this->socket);

if ($status["unread_bytes"] > 0) {
$buffer .= fread($this->socket, $status["unread_bytes"]);
}
if ($showOutput)
{
$this->output(“ << ".$buffer . "
“);
}

return $buffer;
}

// ftp is two way communication
public function getTransferData($command)
{
$fd = fsockopen($this->ip, $this->port, $e, $d, 5);
$list = “”;

while (!feof($fd)) {
$t = fgets($fd,1024);
$list .= “” . $t . ““;
$list = str_replace(“\n”,”
“,$list);

if (preg_match(“/”. $this->CRLF . $this->CRLF .”/”,$t)) {
break;
}
}

fwrite($fd, “QUIT” . $this->CRLF);
$this->list = $list;
}

public function command($command)
{
fwrite($this->socket, $command . $this->CRLF);

$p_command = str_replace($this->password, str_repeat(“*”,strlen($this->password)), $command);

$this->output(“ >> “. $p_command . “
“);

$split = explode(” “,$command);

$exec = $split[0];

switch ($exec) {

case “LIST”:
$this->getTransferData($command);
break;

case “PASV”:
$this->setPassiveMode();
break;

default:
$this->fetchData();
break;

}
}

public function setPassiveMode()
{
$buffer = $this->fetchData(false);

preg_match(“/\((.*)?\)/”, $buffer, $match);

$transfer = str_replace(“(“, “”, $match[1]);
$transfer = str_replace(“)”, “”, $match[1]);

$split = explode(“,”,$transfer);

$ip = $split[0] . “.” . $split[1] . “.” . $split[2] . “.” . $split[3];
$port = $split[4] * 256 + $split[5];

$this->ip = $ip;
$this->port = $port;
}

public function getUsername()
{
return $this->username;
}

public function getPassword()
{
return $this->password;
}

public function getList()
{
return $this->list;
}

public function output($output)
{
echo $output;
}

}

$ftp = new ftp(Array(
‘host’ => ’127.0.0.1′,
‘port’ => ’21′,
‘username’ => ‘user’,
‘password’ => ‘pass’,
‘passive’ => true,
));

$ftp->connect();
$ftp->command(“USER ” . $ftp->getUsername());
$ftp->command(“PASS ” . $ftp->getPassword());
$ftp->command(“PASV”);
$ftp->command(“CWD”);
$ftp->command(“PWD”);
$ftp->command(“PASV”);
$ftp->command(“TYPE A”);
$ftp->command(“LIST”);
$ftp->command(“QUIT”);

echo $ftp->getList();
[/php]

Meerdere mensen zijn hier tegenaan gelopen (waaronder ik) en zitten dan met een probleem. Gelukkig is er altijd iemand op het grote boze internet die
met een oplossing komt! Er zwerft nog een jquery lazy load rond maar die is knap irritant qua laden en gebruik (maar dat is mijn mening).

Dus hier een klein javascript die:
– banners pas inlaad op het moment dat de rest van de pagina in is geladen
– een timeout heeft na x seconden en het laden dan stopt.
– jQuery/scriptaculous/mootools onafhankelijk, maakt geen enkel gebruik van welke library dan ook

Download het hier

[javascript]
var R = 6371;
var distances = [];
var closest = -1;
var prev = -1;
for(var i = 0; i < markers.length; i++ ) {
var mlat = markers[i].position.lat();
var mlng = markers[i].position.lng();
var dLat = rad(mlat – lat);
var dLong = rad(mlng – lng);
var a = Math.sin(dLat/2) * Math.sin(dLat/2) + Math.cos(rad(lat)) * Math.cos(rad(lat)) * Math.sin(dLong/2) * Math.sin(dLong/2);
var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
var d = R * c;
distances[i] = d;
if ( closest == -1 || d < distances[closest] ) {
if (typeof closest != ‘undefined’)
{
prev = closest;
}
closest = i;

}
}
alert(closest);
[/javascript]

Houd er rekening mee dat als je met XHR werkt dat je tegen het cross domain policy aan kan lopen. Dit houdt in dat je gewoon
niet bij de content mag als je iets opvraagt van een ander domein. Een oplossing hiervoor (ook hier ingebouwd) is om dit middels php dan op te halen.

[javascript]
function Ajax(params)
{
this.requestType = ‘GET’;
this.xmlhttp = null;
this.params = params;
this.success = false;
this.timer = false;
this.aborted = false;

if (window.XMLHttpRequest)
{
// for not so crappy browser
this.xmlhttp = new XMLHttpRequest();
} else {
// ie5, 6, crap browser support
this.xmlhttp = new ActiveXObject(“Microsoft.XMLHTTP”);
}

if (typeof params.requestType != ‘undefined’)
{
// make them uppercase so we dont have to jiggle around with user input
this.requestType = this.params.requestType.toUpperCase();
}

// bind the constructor of the class to the xmlhttp object
this.xmlhttp.Constructor = this;

this.xmlhttp.onreadystatechange = function()
{
switch (this.readyState)
{
case 4:
this.Constructor.success = true;
if (this.status == 200)
{
if (typeof this.Constructor.params.success == ‘function’) this.Constructor.params.success(this.responseText);
} else {
// check aborted parameter, if aborted there is no need for an additional error
if (!this.Constructor.aborted)
{
if (typeof this.Constructor.params.error == ‘function’) this.Constructor.params.error(’404′);
}
}
break;
}
}

// send the package
this.send = function()
{
if (this.params.crossdomain)
{
this.xmlhttp.open(this.requestType, ‘/ajax.php?method=’+this.requestType+’&url=’ + this.params.url, this.params.async);
} else {
this.xmlhttp.open(this.requestType, this.params.url, this.params.async);
}

if (typeof this.params.timeout != ‘undefined’)
{
this.timeout(this.params.timeout);
}

if (this.requestType == ‘POST’)
{
this.xmlhttp.setRequestHeader(“Content-type”, “application/x-www-form-urlencoded”);
this.xmlhttp.send(this.requestParams);
}

if (this.requestType == ‘GET’)
{
this.xmlhttp.send(null);
}
}

// set a timer if necessary
this.timeout = function(timer)
{
var Constructor = this;
if (!this.timer)
{
this.timer = true;

setTimeout(function() {
Constructor.timeout()
}, timer);
return;
}

// if request not succeeded in the given time
if (!this.success)
{
this.aborted = true;
this.cancel();

if (typeof this.params.onTimeout == ‘function’)
{
this.params.onTimeout();
}
}
}

// the cancel function
this.cancel = function()
{
this.xmlhttp.abort();
}

// set the auto sender
//if (params.autoSend) this.send();
this.send();

}

ajax = new Ajax({
url: url,
async: true,
requestType: ‘GET’,
timeout: 5000,
crossdomain: true,
success: function(data)
{
alert(‘success’);
},
onTimeout: function()
{
alert(‘timeout’);
}
});
[/javascript]

Het php script

[php]
if ($_GET['method'] == 'GET')
{
echo file_get_contents($_GET['url']);
} else {
// todo, post with cUrl
}
?>
[/php]

[SQL]
SELECT * FROM table WHERE DATE( date_field) = CURDATE( ) – INTERVAL 2 DAY
[/SQL]

Facebook kan afbeeldingen voor je zoeken op het moment dat je op je like button klikt et voila, je hebt niks zelf in hoeven vullen. Dit vind ik dus irritant.. ik wil zelf mijn afbeelding bepalen!

Ziehier:

[html]

[/html]

Weet wel dat dit ook even moet doordringen bij facebook. Dus als het niet meteen werkt: heb even geduld.
Met dank aan deze site:

http://am22tech.com/s/22/Blogs/post/2010/06/03/Add-your-web-pages-best-image-in-meta-tag-for-thumbnail-by-facebook-share-links.aspx

Ook als het gaat om een soort van revision history bij te houden zullen logs van pas komen. Maar je wilt dit niet zelf gaan bijhouden door omslachtig zelf alles na te kijken
wat er is veranderd. Gelukkig worden we weer verwend door MySQL.

Laten we uit gaan van een ‘posts’ en een ‘posts_log’ tabel. De kolommen mag je er zelf bij fantaseren, dat is nu niet waar het om draait
De trigger:

[SQL]
DELIMITER //
DROP TRIGGER IF EXISTS `postTrigger`//
CREATE TRIGGER `postTrigger` AFTER UPDATE ON `posts`
FOR EACH ROW BEGIN
INSERT DELAYED INTO posts_log
(userId,`log`,`date`)VALUES (
NEW.modifiedByUser,
CONCAT(‘Post met id : ‘,NEW.id,’ is veranderd van ‘,OLD.post, ‘ naar ‘, NEW.post),
NOW()
);
END
[/SQL]

Als je deze invoert als SQL dan zal er een nieuwe trigger bij de tabel zelf verschijnen. Wat deze nu doet is voor elke update op de tabel ‘posts’ een insert doen op de tabel ‘posts_log’.
Je kan zelf hierin de velden aangeven die je gelogd wilt hebben.

Wat betreft de optimalisaties: voor log tabellen is het verstandig om i.p.v. InnoDB of MyISAM het ARCHIVE type te gebruiken.
Dit kan een tienvoud schelen in opslag!

Let ook op de INSERT DELAYED, dit kan een enorme performance slag zijn. Delayed queries moeten namelijk wachten totdat alle selects uitgevoerd zijn.
Logs hebben naar mijn idee toch nooit voorrang.

Tip: als je verschillen wilt zien die gemaakt zijn in teksten is http://pear.php.net/package/Text_Diff/redirecte echt geniaal.

[bash]
RewriteEngine on

RewriteCond %{REMOTE_HOST} !^100\.100\.100\.100
RewriteCond %{REMOTE_HOST} !^200\.200\.200\.200
RewriteCond %{HTTP_HOST} !^www\.domain\.com$
RewriteRule (.*) http://www.domain.com/$1 [R=302,L]
[/bash]

Laten we beginnen met een idee wat performance gaat schelen en wat een realistisch beeld schept over hetgeen wat we als live counter willen zetten:

Haal 1x per uur op wat het gemiddelde is van het afgelopen uur.

[SQL]
SELECT COUNT(*) FROM visitors WHERE last_login > NOW() – INTERVAL 1 HOUR
[/SQL]

Met dit resultaat haal je de bezoekers op die het afgelopen uur hebben ingelogd. Maar dan zijn we er nog niet. We moeten nu weten om de hoeveel seconden we de live counter moeten verversen.
Stel er komen 400 bezoekers uit je result. Dat houd in dat je (400 / 60) hebt, dus per seconde er 6 bijgeteld moeten worden.

[javascript]

<script type=”text/javascript”>

var visits = 400;
var interval = (3600 / 400) * 1000;

setInterval(function() {
var counter = parseInt(document.getElementById(‘counter’).innerHTML);
counter++;
document.getElementById(‘counter’).innerHTML = counter;
}, interval);

</script&gt

<div id=”counter”> 0 </div>

[/javascript]