When I uploaded a file with SWFUpload on my mac (OSX 10.5) it would get stuck at the uploading… status

This was cause by my upload_url file not returning any text at all. Make sure when you set up the system that for every error case that some sort of output is displayed. And also on success.

In PHP I simply output the error message then die;

I had some additional css on the image i was trying to get the height and width of – display:none;

That’s the problem. Just use visibility:hidden; in your CSS and all will be fine in the world.

Oh just in case you are using the incorrect javascript as well.

alert(document.getElementById(‘imageId’).width);

Enjoy!

I’ve come across this issue yet again. Realised I’d forgotten to post it the first time.

Instance 1 – Form has 1 text field, when pressing enter the form doesn’t submit correctly, either won’t submit, or won’t send submit button value through to php.

Solution -

if ($noOfTextFields == 1)
{
//fix IE bug where if there is only 1 text field you can't press enter to submit form (it doesn't send submit button name value pair)
$output .= "<input name='" . time() . "' style='display: none;' type='text' / >";
}

That should fix that instance

Instance 2 – Only seems to be happening in IE8 – When a form is either being hidden (using CSS display or visibility tags) or being creating dynamically when you press enter nothing will happen

Solution – add the following code to your form tag – Special thanks to Chris from chrisbegg.com for providing me with an example he used to solve the ajax problem

onkeypress=" var keycode; if (window.event) keycode = window.event.keyCode; else if (e) keycode = e.which; else return true; if (keycode == 13) {this.submit()}else {return true;}"

Make sure that it’s all on one line you know how javascript dislikes multiple lines.

Good luck to you all. If you find any other occurrences of this problem that aren’t covered here let me know

So let me explain my thumbnail creator – Thumbercules, as i have named it (in reference to Gumbercules, a line said my Zoidberg on Futurama (Gumbercules, in reference to someone having the flexibility of Gumbi and the strength of Hercules)), dynamically created thumbnails at a certain height and width specified in the Url that i call eg http://www.domain.com/webimages/x/756/y/160/src/slideshows/images/4a288b1905e1b.jpg. It will check my thumb folder for an already created copy. If it finds one it will return the image from the folder. If not it creates the file then returns it.

What was happening with my previous caching method was that Firefox would download the image, if i pressed reload it would use the cached version it had. But if i pressed reload again it would download it again and start the process over again. It wasn’t recreating the image, only clearing the cache.

So numerous tests were performed until i was able to come up with the following:

function returnImageFile($fileName, $imageType)
{
$expires = 10800;
header("Expires: " . gmdate("D, d M Y H:i:s", strtotime( "+$expires seconds")) . " GMT");
header("Cache-Control: public, max-age=$expires, pre-check=$expires");
header("Pragma: cache", true);
if(isset($_SERVER['HTTP_IF_MODIFIED_SINCE']))
{
// if the browser has a cached version of this image, send 304
header("Last-Modified: " . gmdate('D, d M Y H:i:s', filemtime($fileName)).' GMT');
header("HTTP/1.1 304 Not Modified");
die;
}else if (isset($_SERVER['HTTP_IF_MODIFIED_SINCE']) && (strtotime($_SERVER['HTTP_IF_MODIFIED_SINCE']) == filemtime($fileName)))
{
// option 2, if you have a file to base your mod date off:
// send the last mod time of the file back
header('Last-Modified: '.gmdate('D, d M Y H:i:s', filemtime($fileName)).' GMT',
true, 304);
header("HTTP/1.1 304 Not Modified");
die;
}else
{
header("Last-Modified: " . gmdate('D, d M Y H:i:s', filemtime($fileName)).' GMT');
}
switch ($imageType)
{
case '1':
case 'gif':
header("Content-type: image/gif");
ob_start();
readfile($fileName);
$ImageData = ob_get_contents();
$ImageDataLength = ob_get_length();
ob_end_clean();
header("Content-Length: ".$ImageDataLength);
echo $ImageData;
break;
case '2':
case 'jpg':
case 'jpeg':
header("Content-type: image/jpeg");
ob_start();
readfile($fileName);
$ImageData = ob_get_contents();
$ImageDataLength = ob_get_length();
ob_end_clean();
header("Content-Length: ".$ImageDataLength);
echo $ImageData;
break;
case '3':
case 'png':
header("Content-type: image/png");
ob_start();
readfile($fileName);
$ImageData = ob_get_contents();
$ImageDataLength = ob_get_length();
ob_end_clean();
header("Content-Length: ".$ImageDataLength);
echo $ImageData;
break;
}
die;

This script returns the file with the size value as well as the correct headers to cache the file. If you don’t want to cache the image then you should change the approach slightly, i can’t see many times where you would require thumbnails to not be cached. But for other dynamically created images refer to my other post about creating non cached images. Firefox Caches Images when it Shouldn’t

If anyone has any points to make please do make them, i haven’t had a chance to test this well on IE or Safari. As they don’t have an easy to use plugin like firebug, which tells you when something is being returned from cache or not.

As always good luck with your programming, hopefully this saves someone some of the hassle, or at least saves someone more time then it took me to write this

Every now and then i stumble across a new issue which my current method doesn’t solve. Talk about frustration, going through old code just to make sure you aren’t using that incorrect method. Heres something I whipped up tonight which I thought I should post asap.

function form_encode($string)
{
/*make sure you remove the spaces in the first variable of the str_replace function, Word press doesn't seem to like to print out the htmlentity of the ampersand which is understandable*/
return str_replace("& amp ;", "&", (htmlentities(stripslashes($string), ENT_QUOTES)));
}
I’m pleased with this solution, i’m hoping it’s not too computational intensive as it uses str_replace only once.

This function is especially effective when the data is being pulled from a database, but i found i needed a solution that can not only use data from a database and encode it properly but also if you are reusing $_POST variables, my forms if they fail reuse the same values, and i was getting alot of “John\ ” errors but using the stripslashes then the htmlentities fixed it up really nice.

The reason for the str_replace is the htmlentities function will change the ampersand at the start of some special characters into the htmlentity & amp ; which is what the function is supposed to do.. funny that. But a simple str_replace returns any double encoded htmlentites back into their original format, which means perfect display for us and easier forms from now on.

This has been tested on Firefox for Mac, Safara (Mac), will test on PC later. Thought I’d get this up asap for everyone. Will be interested to see if anyone finds it though.

To use the function simply call it like so:
<?php
$variables = array('firstvar' => $firstVar,
'secondvar' => "hello world");
REDIRECT("newPage.php?currentVar=123", $variables);
?>


and here it is again if you missed it

and voila!

If you liked it let me know please.

I think there is still an issue with if the variable already exists in the target, i just haven’t had the time to work on it.
Maybe i need to follow my tips in my other post – 4 Tips for working from home successfully

It’s implementation can be seen below:

// a file field with the name image[] was passed
//if it were a non array input it would simply be if (!empty($files['image']))...
$files = change_file_array($_FILES);
if (!empty($files))
{
foreach ($files['image'] as $key => $f)
{
if ($f['error'] == 0 && $f['size'] > 0)
{
//do somethign with file here
}
}
}


I’m still getting used to wordpresses editor sorry about the indenting.

Click here download the script.