Posts filed under ‘geeky’

DodosMail upgraded

i addded captcha spam protection support to DodosMail and it’s now version 2.5. i highly recommend you upgrade your old scripts for better security protection. to upgrade, simply replace your old dodosmail.php with the new one. if you want to use the new captcha feature, check the readme.txt and captchaTest.php.

What happened to the design?

To know more about why styles are disabled on this website visit the

Annual CSS Naked Day website for more information.

label IDs and input effects

this is nothing new but i didn’t learn about it until yesterday and it totally made my day. basically if you use code like:
<label for="checkme">Check me:</label> <input type="checkbox" id="checkme"/> <br /> <br /> <label for="radio1">Radio 1:</label> <input type="radio" id="radio1" name="something" value="on"/> <label for="radio2">Radio 2:</label> <input type="radio" id="radio2" name="something" value="off"/>
clicking on the corresponding label text will check/uncheck the checkbox & radio buttons for you.

click for an example.

as long as the label for attribute matches the id attribute inside of the input tag, clicking on the text always have some type of effect on the input field. mostly just set the focus on the input field. the coolest ones are the checkbox and the radio buttons as you can see in the example.

wp lightbox plugin (make css validate)

Rainie Yang

wee - i installed this really cool
lightbox wordprerss plugin. it overlays photos in your wordpress. it’s so awesome. the girl in this photo is a chinese singer named rainie yang. if you wish to hear some of her songs,
go here.

inline binary data display

would it be nice that all browsers can handle inline binary data display? actually just images will be fine. so no more image uploading.. just do something like:
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAFSDNYfAAAAaklEQVR42u3XQQrAIAwAQeP%2F%2F6wf8CJBJTK9lnQ7FpHGaOurt1I34nfH9pMMZAZ8BwMGEvvh%2BBsJCAgICLwIOA8EBAQEBAQEBAQEBK79H5RfIQAAAAAAAAAAAAAAAAAAAAAAAAAAAID%2FABMSqAfj%2FsLmvAAAAABJRU5ErkJggg%3D%3D" alt="" />

demo:

this particular line is supported in firefox, safari and konqueror but not IE (yet). I will try out IE 7 next week. to read more interesting stuff about finding the limits in web browsers, learn about the acid2 test.

edit: found a very unpretty way to embed inline images in IE but bow to the author who made it work.

time calculator

i had to add some time in hh:mm:ss format at work. i was like there was no way i would add those manually. so i looked for a program/script to do the work. since i didn’t find anything, i wrote my own.

here it is.

the most time consuming part is not the addition (which is very easy) but the frontend javascript to move the cursor & insert 10 more rows when the link is clicked. those were fun to write :)

geeky t-shirts

i’m browsing online geeky t-shirt stores out of boredom.

here are some of the entertaining ones i’ve seen:
blue screen of death
c dos
unique computer keys
if at first you don't suceed, call it version 1.0
flow chart t-shirt
like i care
no fix
localhost
opinion
human stupidity
sarcasm
source code
upgrade

heard another here i like:
“SELECT * FROM users WHERE clue > 0
0 rows returned”

disable wordpress smiley for a certain post/page

okie, i thought someone has figured it out by now. but when i asked on the wordpress board, i got no response. so i digged around and figured a hack for it.

i noticed sometimes esp. on some pages, the smiley conversion does a poor job and converts the wrong text into smilies. it really mars my content. personally i want to be able to just turn the smiley off for a certain post or page.

the best way i can think of to do it is via a hack.

open your wp-includes/functions-formatting.php file, try find the function (possibly line 576):
function convert_smilies($text) {

then under it, replace:
global $wp_smiliessearch, $wp_smiliesreplace; $output = ''; if (get_settings('use_smilies')) {

with:
global $wp_smiliessearch, $wp_smiliesreplace, $post; $output = ''; $smileykey = get_post_meta($post->ID, "disable_smiley", TRUE); if (get_settings('use_smilies') && $smileykey != 'true') {

that’s all i needed to do.

now next time you write a new post/post, simply create a custom field with the key disable_smiley and value true to disable smiley conversion for just that post/page. isn’t that neat? :)

rel=”external”

for those who did not know this trick (someone emailed me and asked), I will share it with you here. since xhtml 1.0 strict does not allow the tag target=”_blank” you can still open links in new windows by using the tag rel=”external” to accomplish the same thing. but you will need to link an external js.

create a .js file with the content
function externalLinks() { if (!document.getElementsByTagName) return; var anchors = document.getElementsByTagName("a"); for (var i=0; i<anchors.length; i++) { var anchor = anchors[i]; if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") anchor.target = "_blank"; } } window.onload = externalLinks;

save & upload it. then link it in your header like any other external javascripts. that’s all :)

XHTML strict validated flash code

i put up a slideshow of the silver jewelry club photos i’ve saved. after i added the code given to me directly from slide.com, my site no longer validates with XHTML 1.0 strict rules. So I researched on valid flash embed code and found this nifty javascript trick for embedding flash.

The code given to me from the slide.com:
<embed src="http://widget.slide.com/widgets/slideticker.swf" quality="high" scale="noscale" salign="l" flashvars="site=widget.slide.com&channel=181375" wmode="transparent" bgcolor="#f5f5f5" width="205" height="97" name="flashticker" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>

The final code I put up that works & validates:
<div id="slideshow">If you don't see the slideshow, <a href="http://www.flickr.com/photos/68167759@N00/">click here.</a>.</div> <script type="text/javascript"> // <![CDATA[ var fo = new FlashObject("http://widget.slide.com/widgets/slideticker.swf?site=widget.slide.com&amp;channel=181375", "flashticker", "205", "97", "6", "#ffffff"); fo.addVariable("wmode", "transparent"); fo.addVariable("quality", "high"); fo.addVariable("scale", "noscale"); fo.addVariable("salign", "l"); fo.addVariable("align", "middle"); fo.write("slideshow"); // ]]> </script>

given that I’ve properly uploaded flashobject.js and included in the header of my HTML with:
<script type="text/javascript" src="/js/flashobject.js"></script>

Page 6 of 32« First...«45678»...Last »