Hey Code!!!: 2013

Tuesday, September 10, 2013

Ubuntu show top 10 biggest subdirs in the current dir

Use the next command to get the list of the 10 biggest subdirs.

du -sk * | sort -nr | head -10

http://askubuntu.com/questions/5980/how-do-i-free-up-disk-space

Wednesday, August 28, 2013

How to Set Up Apache Virtual Hosts on Ubuntu 13.04

Follow this steps.

sudo apt-get install apache2

sudo mkdir -p /var/www/example.com/public_html

sudo chown -R $USER:$USER /var/www/example.com/public_html

sudo chmod -R 755 /var/www

sudo nano /var/www/example.com/public_html/index.html

<html>
  <head>
    <title>www.example.com</title>
  </head>
  <body>
    <h1>Success: You Have Set Up a Virtual Host</h1>
  </body>
</html>  
sudo cp /etc/apache2/sites-available/default /etc/apache2/sites-available/example.com  
sudo nano /etc/apache2/sites-available/example.com 
<VirtualHost *:80>
        ServerAdmin webmaster@example.com
        ServerName example.com
        ServerAlias www.example.com
  [...] 
DocumentRoot /var/www/example.com/public_html   
sudo a2ensite example.com 
sudo service apache2 restart

Full Article
https://www.digitalocean.com/community/articles/how-to-set-up-apache-virtual-hosts-on-ubuntu-12-04-lts

Tuesday, July 9, 2013

Show hide Div based on select value

Practical JQuery script to show a Div based on a select value:

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function(){
var Privileges = jQuery('#privileges');
var select = this.value;
Privileges.change(function () {
if ($(this).val() == 'custom') {
$('.resources').show();
}
else $('.resources').hide();
});
});
</script>
<div>
<label>Privileges:</label>
<select name="privileges" id="privileges" class="" onclick="craateUserJsObject.ShowPrivileges();">
<option id="all" value="all">All</option>
<option id="custom" value="custom">Custom</option>
</select>
</div>
<div class="resources" style=" display: none;">resources</div>

Just needed JQuery 1.9.1

Monday, July 8, 2013

Simple jQuery Dependent Selects

Some very usefull script is to put in a form two or more selects with dependencies. For example if you want to show the cities only when you have selected the country.

The next library is a very simple way to do it using JQuery.

https://github.com/simpleweb/jquery-dependent-selects

The only code you hace to write is like this.


<select name="location" class="dependent-demo1">

  <option></option>

  <option value="238">London > North > Enfield</option>

  <option value="239">London > North > Barnet</option>

  <option value="240">London > South > Croydon</option>

  <option value="241">London > South > Bromley</option>

  <option value="242">London > South > Sutton</option>

  <option value="243">Bristol > St Pauls</option>

  <option value="244">Bristol > Horfield</option>

  <option value="245">Bristol > Bedminster</option>

  <option value="246">Bournemouth</option>

</select>


$(function(){

  $('.dependent-demo1').dependentSelects();

})

Adding the JQuery library and the depend select one.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="jquery.dependent-selects.js"></script>

Friday, June 28, 2013

Add large Files config in PHP

Like two days ago I had a problem trying to upload via POST some text files of about 15 mb and I was getting an error. That was because in the PHP configuration you have to change some stuff. By default PHP allowed you to upload files of 8mb.

The properties that you have to change are: (php.ini)

upload_max_filesize 20M
post_max_size 20M

And the timeout duration you have to change it as well:

max_input_time 300 (this is around 5 minutes)
max_execution_time 300

You can look these changes in your phpinfo file or you can create one coding:

echo phpinfo();

Firefox 23.0 BETA

Mozilla Firefox has launch their BETA 23.0 version for mobile and desktop. They have some new features like:

Support for new scrollbar style in Mac OS X 10.7 and newer

Mixed content blocking enabled to protects users from man-in-the-middle attacks and eavesdroppers on HTTPS pages.

And some cool changes like a new logo, better interface to notifications,
HTML5 <input type="range"> form control implemented, Social share functionality.

All the information here: http://www.mozilla.org/en-US/firefox/23.0beta/releasenotes/

I going to start using it today, and of course all my developer work is going to continue with FireFox.

JQuery add (.append) and remove (.empty or .remove) divs

Good morning everyone, recently I'm learning how to work with JQuery plugins and methods, and I have to tell you is so easy and make your web look so much better.

This post is about and easy way to add and remove any kind of element in your web using JQuery functions.

.append()

<script>
$("#link").click(function(){
$("#add").append(" <b>Appended text</b>.");
});
</script>

<html>
<div id="add"></div>
<p id="link">Append text</p>
</html>

This example just add some Text to the div with id="add".

.empty()

<script>
$("#link-empty").click(function(){
$("#add").empty();
});
</script>

<html>
<div id="add"></div>
<p id="link-empty">Empty Div </p>
</html>

And this example is going to empty all the elements of the div with id="add" only on click in the Remove text.

.remove()

<script>
$("#link-remove").click(function(){
$("#add").remove();
});
</script>

<html>
<div id="add"></div>
<p id="link-remove">Remove Div</p>
</html>

And this example is going to all Div (add) from your site.

I'm using the JQuery library jquery-1.10.1.js. Download

Find it: