Dev By Troy

Cross-Browser Inline-Block

devbytroy — Mon, 19 Dec 2011 06:15:16 +0000

Does it seriously need to be this hard to do what seems to be a simple thing?

display: inline-block is really a cool thing, or is it?

http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

JavaScript: change CSS

devbytroy — Fri, 04 Nov 2011 20:17:50 +0000

This is a simple script that will change the CSS of any object.

You send the function the ID, the CSS attribute you want to change, and the value..

I actually struggled a bit with this as using dot syntax for the CSS attribute would not work. I had to use brackets.

Change Color

function CSS_change(ID, CSSATTRIB, VALUE)
{
var obj_style = document.getElementById(ID).style;
obj_style[CSSATTRIB] = VALUE;
}

setAttribute(“class”…… does not work in IE9

devbytroy — Mon, 27 Jun 2011 22:08:13 +0000

This does not work in IE9:

var button_div_container = document.createElement(“div”);
button_div_container.setAttribute(‘class’, ‘button’);

You must do it this way:

var button_div_container = document.createElement(“div”);
button_div_container.className = “button”;

WTF?

PDF hosted on S3 not rendering in FireFox

devbytroy — Tue, 24 May 2011 19:50:39 +0000

I was having a problem with a PDF document showing up in the browser. The PDF was on an Amazon S3 server and it was called from an HTML file. When I clicked on the link, the browser was blank. The URL looked correct.

I checked that the permissions were correctly set for the PDF file on S3. They were.

I was using FireFox 4 on Win7, so I tried other browsers. IE 6, 7, 8, and Chrome all rendered the PDF correctly.

I opened the PDF in FireFox directly from my computer and it opened fine.

I uploaded the PDF to my person al site and it displayed properly in FireFox 4.

I read a few blogs that talked about the Metadata and setting the “Content-Type” in the Amazon Web Services Console. So I went there and I checked the PDF and it was already set to “application/pdf”.

After spinning my wheels a while longer I checked some of the other values in the “Content-Type” drop-down and did not see any other settings that would apply. So I set it back to “application/pdf” and for the hell of it, I hit “save”. Well that did it. The PDF now showed up?????

How to prevent or allow directory listing?

devbytroy — Tue, 22 Mar 2011 19:27:24 +0000

Options +Indexes

[The above line enables Directory listing.]

Options –Indexes

[The above disables directory listing for your web site.]

http://www.besthostratings.com/articles/prevent-directory-listing.html

window.onload

devbytroy — Mon, 07 Feb 2011 16:26:01 +0000

function Hello()
{
alert(‘Hello World!”);
}
window.onload=Hello; // DO NOT put the parenthesis next to the function name.

phpinfo();

devbytroy — Mon, 10 Jan 2011 20:43:09 +0000

phpinfo();

PHP/MySQL connect and select database

devbytroy — Wed, 10 Nov 2010 18:08:44 +0000

// the first part assigns all the MySQL/database login info to variables
$server = ‘localhost’; // This is the server URL.
$un = ‘root’; // This is the database user name.
$db = ‘log’; // This is the name of the database
$pw = ”; // This is the database password

// Connect and select.

if ($dbc = @mysql_connect ($server, $un, $pw)) // Connect MySQL
{
if (@mysql_select_db ($db)) // Selects the database

{print (‘

The Database “‘.$un.’” has been selected

’);}

else
{die (‘

Could not select Datebase “‘.$un.’” ’ . mysql_error() . ‘

’);}
}
else
{die (‘

Could not connect to MySQL because: ’ . mysql_error() . ‘

’);}
?>

JS get value of selection from form select

devbytroy — Sun, 03 Oct 2010 16:45:54 +0000

Here’s a short script to use if you need to get the value of a selection list on the fly. It uses the onChange event that is attached to the select form element.

What I also wanted to achieve was to have a select list with one option as “other”. If other is chosen, a text field will display to let the user enter text.

Select

Choose a Beatle:

CSS: input[type="text"]

devbytroy — Wed, 22 Sep 2010 16:45:39 +0000

This nifty little CSS attribute selectors is clean way to style form input elements.

FYI: It does not work in IE6.

#form1 input[type="text"] {
width:100px;
}
#form1 input[type="submit"] {
width:auto;
}