A Passionate Developer from the Third World Putting Things into his World's Perspective » Programming

mySQL: Simplify your multiple WHERE queries with WHERE in

Cyber Valdez — Wed, 21 Apr 2010 10:54:31 +0000

_Problem #1_: How do I simplify my mySql where queries?
_Problem #2_: How can I search through an array in my where statement?

Answer: An awesome trick when it comes to querying multiple where clauses is to use the WHERE <…> IN command.

$id = ‘1,4,3,6,8,2′;
“SELECT * FROM <…> WHERE id IN ($id)”

Oh and did I mention you can prepend the NOT statement to show results which is NOT included in the list?

$id = ‘5,7′;
“SELECT * FROM <…> WHERE id NOT IN ($id)”

Oh-Some!

No related posts.

Super Tip! How to Create that floating Facebook toolbar at the bottom of the page!

Cyber Valdez — Tue, 15 Sep 2009 23:03:19 +0000

Help! I’d like to create a toolbar similar to facebook that is locked in the bottom of the screen.

Introduction Facebook is such a great website – usability, features, speed, you name it, facebook has it. One of facebook’s most useful feature is the toolbar that is being displayed to the bottom of the page. This post is made to do just about that. Follow these easy steps to create a Facebook-toolbar clone in no time at all!

_Solution_ Using the following steps, you would be able to duplicate the look of the Facebook toolbar.
1.) First, copy the following css and paste them inside your

tag.

html { height: 100%; }
body { height: 100%; }
#wrapper { position: relative; min-height: 100%; }
* html #wrapper { height: 100%; }
#content { padding-bottom: 25px; }

#toolbar_outer { bottom:0; color:#111111; font-size:11px; height:25px; padding:0; position:fixed; right:0; width:100%; z-index:99; }
#toolbar_outer { position: relative; margin-top: -26px; }
#toolbar {
background:#aaa;
border-right:1px solid #b5b5b5;
overflow:visible !important;
margin-left:15px;
margin-right:15px;
position:relative;
}
#toolbar ul { height: 25px; background: #e5e5e5; border-top: 1px solid #eee; border-left: 1px solid #ddd; }
#toolbar ul li { float: left; padding: 5px; font: normal 110% "lucida grande", tahoma, verdana, arial; border-right: 1px solid #aaa;}

Important: The only drawback here is you’ll need to know the _height_ of your toolbar (not really a problem, you should know that anyway). I’ve _highlighted_ the properties above that you will probably want to edit.

2.) Finally, Paste this in your tag.

Applications

3. (Optional) You can also download everything above here.

Well, that’s everything there is to it really! Don’t forget to thumb this up and share with others!

Jquery Super Tip! Automatically highlight the links/menu of the current page with 1 line of code One very important usability feature of a website is...

Jquery Super Tip! Automatically highlight the links/menu of the current page with 1 line of code

Cyber Valdez — Tue, 25 Aug 2009 17:33:59 +0000

One very important usability feature of a website is to have the menu or links highlight the current page the visitor is currently in. Here’s a trick I do with jquery to do just about that. For educational purposes, i’ve split it to 3 lines of code to make it more understandable.

Simply add the following to your header (don’t forget to include jquery first!).

$(document).ready(function()
  {
    var loc = window.location.toString().split("/")
    loc = loc[loc.length - 1]
    $("#navigation li a[href=\""+loc+"\"]").addClass("selected");
  });

Of course, jquery isn’t really needed to do this. If you prefer to have it done _without_ jquery, here’s a native way of doing things:

   window.onload = function()
   {
     var current_page = window.location.toString().split("/")[window.location.toString().split("/").length - 1]
     var links = document.getElementsByTagName("a");
     for (x in links)
     {
       var link = (links[x].href != undefined) ? links[x].href.toString().split("/")[links[x].href.toString().split("/").length – 1] : ""
       if (link == current_page)
         links[x].className = (links[x].className == "") ? "selected" : links[x].className + " selected"
     }
   }

_Important_: The above code takes use of the .selected class. Simply add the class to your a:hover classes.

#navigation ul li a:hover { color: #ff0; }

Should be written as:

#navigation ul li a:hover, #navigation ul li a.selected { color: #ff0 !important; }

_Don’t Forget!_, this works for menu/links with background images as well.

and that’s all there is to it! Don’t forget to thumb this up and share!

Super Tip! How to Create that floating Facebook toolbar at the bottom of the page! Help! I’d like to create a toolbar similar to facebook...
How to: Fix OCUpload/One-Click Upload clicking bug in IE7 & IE8 (jquery) Problem: Help! I’m using the OCUpload, or One Click Upload...

How to: Fix OCUpload/One-Click Upload clicking bug in IE7 & IE8 (jquery)

Cyber Valdez — Tue, 18 Aug 2009 15:47:39 +0000

Problem: Help! I’m using the OCUpload, or One Click Upload Plugin for Jquery. IE7 and IE8 is requiring me to do a double click to display the upload dialog box!

Solution: The one-click upload technique uses a trick that sets the file input’s browse button directly in front of your mouse cursor. This is misbehaving in IE7/IE8 due to how they handle CSS, this can be resolved by directly setting the cursor position through javascript instead. You can fix the problem by editting the script and updating the following lines (highlighted in bold):

Somewhere on line 87:

/** Move the input with the mouse to make sure it get clicked! */
container.mousemove(function(e){
   input.css({
       top: e.pageY-container.offset().top+’px’,
       left: e.pageX-container.offset().left-175+’px’
   });
});

Finally, we need to set the margin css property to 0, you can find it somewhere on line 63:

/** File Input */
var input = $(
       ‘        ‘name=”‘+options.name+’” ‘+
       ‘type=”file” ‘+
       ‘hidefocus=”true” ‘+
     ‘/>’
).css({
     background: ‘#ffffff’,
     position: ‘relative’,
     display: ‘block’,
     marginLeft: 0+’px’,
     opacity: 0
});

That’s it! Hope this helped!

Jquery Super Tip! Automatically highlight the links/menu of the current page with 1 line of code One very important usability feature of a website is...

Super Tip: Pass Arguments in your Python Bindings using Lambda Functions

Cyber Valdez — Sun, 26 Jul 2009 18:38:15 +0000

Problem: Help! How can I pass parameters in my Bindings?

Solution: By using lambda functions in python(Check your PL’s manual for anything similar), you would be able to create on-the-fly functions that returns your bindings with the extra parameters/arguments you want to pass.

Example 1: Passing an argument to a wx Button Event

btn = wx.Button(self, 10, “Button”, (10, 10))
self.Bind(wx.EVT_BUTTON, lambda event: self.OnClick(event, ‘passthis’))

def OnClick(self, event, somearg):
print somearg

Example 2: Passing an argument to Pyhook’s HookManager.KeyUp Event

hook = pyHook.HookManager()
hook.KeyUp = lambda event: OnKeyboardEvent(event, ‘Pass Me.’)
hm.HookKeyboard()

def OnKeyboardEvent(event, myarg)
print myarg

That’s It!

Super Tip! How to Create that floating Facebook toolbar at the bottom of the page! Help! I’d like to create a toolbar similar to facebook...
Jquery Super Tip! Automatically highlight the links/menu of the current page with 1 line of code One very important usability feature of a website is...

How to: Remove those nasty question marks with a diamond symbols that appears in your website

Cyber Valdez — Thu, 02 Jul 2009 22:33:56 +0000

Problem: Help! I’ve pasted some text from Microsoft Word and saved it to my SQL database! Now whenever I print my text there’s a bunch of diamonds with a question mark symbols appearing!

Solution: You are trying to display characters that are outside your page’s character set, you have to tell your browser that you need to display characters from the iso-8859-1 set so it will know how to render them correctly.

Simply put the following inside your website’s

and in PHP(or any other similar language), simply put this at the top of your page(for other languages, look for an identical function):

and voila! Your characters should now be displayed correctly.

How to: Fix OCUpload/One-Click Upload clicking bug in IE7 & IE8 (jquery) Problem: Help! I’m using the OCUpload, or One Click Upload...

Super Tool: (Probably) the best SQLite Editor/IDE for web development and production use

Cyber Valdez — Fri, 26 Jun 2009 18:18:37 +0000

I really love SQLite. It’s lightweight and got a really small footprint. I use it as my database initially when i’m creating web applications(I then move to mySQL during production), the only issue I have is the lack of IDE for working with it. Of course there’s SQLite Administrator, i’m just not into the idea of installing a software especially with SQLite being small(I prefer not to cramp up as much software possible in my Windows).

This is where sqlite-manager comes along. It’s a 100kb plugin for Firefox(which also means cross compatibility with other OS), it’s a great complement to SQLite’s lightweight and small footprint. If you need to work with the database, you simply fire up sqlite-manager from the Tools menu.

That’s It!

Super Tip! How to Create that floating Facebook toolbar at the bottom of the page! Help! I’d like to create a toolbar similar to facebook...

Unix Super Tip: How to CHMOD all your files recursively

Cyber Valdez — Wed, 24 Jun 2009 21:09:09 +0000

Problem: How do I set permissions to my files and/or directories without manually setting them up individually?

Note: You may need administrator privileges for these to work, if that’s the case simply add a sudo before typing the commands below.

If you want to chmod all your directories:

find . -type d -exec chmod 755 {} \;

and for files:

find . -type f -exec chmod 644 {} \;

That’s it!

How to: Delete/Remove protected folders and files from a previous installation of Windows Problem: I’ve decided to re-install windows because of some issues....
Super Tip! How to Create that floating Facebook toolbar at the bottom of the page! Help! I’d like to create a toolbar similar to facebook...
Jquery Super Tip! Automatically highlight the links/menu of the current page with 1 line of code One very important usability feature of a website is...

How to: Count your regex pattern matches in python

Cyber Valdez — Sat, 20 Jun 2009 15:46:51 +0000

Problem: I need to display the number of times my regex has matched.

Solution: No Problem! Use the len (abbrev. for length) function:

import re
>>> regex = re.compile(r”your pattern here…*”)
>>> match = regex.findall(”the contents…”)
>>> len(match)
10

That’s It!

On a side note, you can also use len to count the number of characters in a string.

>>> text = “All your base…”
>>> len(text)
16

No related posts.

Opera’s New Technology, Opera Unite, opens endless possibilities

Cyber Valdez — Tue, 16 Jun 2009 08:44:46 +0000

With all the sad stories of attempts in changing how the web works, it’s a good thing Opera did something that works very well even in a premature state(still in beta as I type)

Watch the following video to get the hands up of things:

Think of Opera Unite as creating your own server without any hassle at all! The browser itself serves as your gateway with communicating to the outside world (this is through the use of P2P technology), if you want to share your files, stream your music from anywhere, chat with friends(or anyone) everything is done with 0 configuration. You simply install the Opera 10 Browser (here), that’s it! it’s already preinstalled, click on the door with an arrow icon found on the brower’s corner (top left) and click on the propeller-like icon (hover on it and you’ll see Opera Unite), a list of available services (Media, File Sharing, Photo Sharing, Lounge and possibly more in the future) will show up. Double click on the service you want to run then login(registration is also hassle free) and that’s all there is to it! You will be given a url that you can share to friends or use for yourself so you can be connected to your files at all times! You can make your service available to everyone, limited(this is the default, a password is displayed that you can share to your those who you want access to your services to), or Private(for yourself only)

So that’s it!, once you have your services turned on, simply give your url to your friends. Remember to give them the password to your services that has Limited access’ passwords as well(each service has their own password, setting them up yourself is much preferred of course!)

Oh and did I mention that your friends don’t need to have Opera installed to access your services? Firefox, Chrome, Safari and other next generation browsers works fine! You only need Opera 10 if you want to run your service.

I’m using Opera Unite to:

Chat with Fellow Developers
Stream my music from anywhere
Share my photos with my friends and family

With more services to follow, Opera Unite will always be in one of my “must-have” software installed in my computer.

With all the joys and positivities surrounding the new technology, there are still some quirks that needs to be patched up(namely the webservice server isn’t living up to what all web developers are expecting) but to be fair Opera 10 is still in it’s beta stages so with all the good things it have right now, we are bound to see more surprises soon.

Kudos Opera! You have won yourself a fan.

No related posts.