A jQuery UI egy nagyon hasznos kis eszköz, de a megfelelő ismeretek birtokában a címben található feladat megoldása sem tűnne triviálisnak. A datepicker eseményei eléggé hiányosak. Van mindenféle before esemény, de nincs after. Nincs semmilyen eseményünk azután hogy a naptár kiírásra kerül. Így például a naptár táblázatának egy sorát nem tudjuk ellátni utólag semmilyen külön css osztállyal. Nos, ha a teljes sort nem is, de a sor elemeit (td) már képesek vagyunk szerkeszteni a “beforeShowDay” eseménnyel.

A “beforeShowDay” minden egyes nap megjelenítése esetén meghívásra kerül. Paraméterben megkapjuk az aktuális nap dátumát és vissza kell adnunk egy tömböt. A tömb első eleme egy boolean változó, ez határozza meg, hogy az aktuális nap kiválasztható-e. A mi esetünkben ez mindig “1″, hiszen nem akarjuk megakadályozni a kiválasztást. A tömb második eleme már érdekesebb, adhatunk egy egyedi classt az elemnek. Ezt fel tudjuk használni arra, hogy megkülönböztessük a kiválasztott napokat. Még létezik egy harmadik paraméter, ami a link title-je lenne, de erre sem lesz most szükségünk.

Először is szükségünk lesz az alap keretrendszerre

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://jquery-ui.googlecode.com/svn/tags/1.8.15/themes/base/jquery-ui.css">

És egy külön css osztályra

<style>
	.has_event a{
		color:#bb0000 !important;
		font-weight:bold !important;
		background:#cccccc !important;
	}
</style>

Először is jöjjön a HTML. Lesz egy doboz, amiben a naptárunk egy inline elem lesz.

  <div id="date"></div>
  <input id="targetStart" type="text"/>
  <input id="targetEnd" type="text"/>

A gyári datepickert is jelenítsük meg (inline)

$(function() {
	$("#date").datepicker({
			showWeek: true,
			numberOfMonths: 3,
			firstDay: 1,
	})
});

És hát íme a beforeshow esemény. Előtte néhány dátumkezelő függvény elkészítésre is szükség volt.
A végén még beállítunk egy alapértelmezett értéket.

Date.prototype.getWeek = function() {
	var onejan = new Date(this.getFullYear(),0,1);
	return Math.ceil((((this - onejan) / 86400000) + onejan.getDay())/7);
}
Date.prototype.getWeekMonday = function() {
	var res = new Date();
	(this.getDay() == 0) ? res.setTime(this.getTime() - (6 * 86400000)) : res.setTime(this.getTime() + 86400000 - (this.getDay() * 86400000));
	return res;
}
$(function() {
  $( "#date" ).datepicker("option", "beforeShowDay", function(date) {
     var selectedWeek = $("#date").datepicker("getDate").getWeek();
     var thisWeek = date.getWeek();
     if (selectedWeek == thisWeek)
    {
       jQuery('#targetStart').val($.datepicker.formatDate('yy-mm-dd', date.getWeekMonday()))
       jQuery('#targetEnd').val($.datepicker.formatDate('yy-mm-dd', date))
       return [1,'has_event'];
    }
    return [1]
  })
  $("#date").datepicker("setDate", new Date(2011,7,23) );
});

Itt tekinthető meg a mű

Néhány fontos dolog, amit a Linux konzolról tudni érdemes.

quake szerű konzol:
sudo apt-get install yakuake

Konzol inditásakor lefutó fájl:
.profile

Az ablak kezelőből indított konzol indulásakor lefutó fájl:
.bashrc

Például az előzöekbe felvihetünk aliasokat
alias ssh-1='ssh felhasznalo@domain'
alias ssh-2='ssh -p 2222 felhasznalo@domain'
alias mount-1='sshfs felhasznalo@domain:/home/felhasznalo/directory/ /home/felhasznalo/directory'

sshfs:
www.wynia.org/wordpress/2007/02/sshfs-on-windows-via-samba-shares-on-ubuntu-vmware/
sshfs – távoli fájlrendszer felcsatolása biztonságos módon
Sajnos a linkek néha eltűnnek, így inkább leírom ide a főbb lépéseket:
A már ismert fuse kernel modullal fel tudunk csatolni távoli fájlrendszereket az sshd démont használva sshfs segítségével.
1. Pl. debian rendszeren a szoftver telepítése:
apt-get install sshfs
2. Majd ellenőrizzük be van-e töltve a fuse kernel modul:
modprobe fuse # ez nálam már nem ment
3. Adjuk be felhasználónk a fuse csoportba:
usermod -G fuse felhasznalo # addgroup felhasznalo fuse
4. Majd neki is eshetünk használni a dolgot:
mkdir ~/remote_folder
sshfs felhasznalo@remote_server:/tmp ~/remote_folder
5. Dolgunk végeztével így csatolhatjuk le:
fusermount -u ~/remote_folder
6. /etc/fstabbal meg is könnyíthetjük ezt a procedurát.
sshfs#user1@remote_server:/tmp /home/user1/remote_folder/ fuse defaults,auto 0 0

ssh tunel
Egy távoli szerverről (tavoliszerver.hu) elérhető másik szerver (tavoliszerverrollathatoszerver.hu) egy portját (8080) a mi gépünk egyik portjára (9999)irányíthatjuk
ssh root@tavoliszerver.hu -p 2222 -L 9999:tavoliszerverrollathatoszerver.hu:8080

Már jó pár éve foglalkozom PHP-vel, de még mindig van ami meglepetésként ér(t).
Ilyen például hogy a header parancs nem irányít át azonnal, hanem csak a teljes action lista lefutása után teszi.
header("Location: index.php");
echo 'hehe ez még kiíródik, csak nem látod';
die();
echo 'hehe, de ez már nem';


Szerettem volna egy nagyon egyszerű, dialógus ablakot, ami könnyen átlátható.
A legfontosabb kitétel az volt, hogy egy divet hozzon létre, amibe majd bármit bele tudok illeszteni.
Találtam is egyet
Sajnos az én stilusomnak nem felelt meg. Ezért módosítanom kellett.
A módosítás 2 fontosnak vélt ok miatt vált szükségszerűvé.

• Egyrészt szeretek névtereket létrehozni
• Másrészt a létrehozásnál minden alkalommal újra és újra létrehoztuk a dialógus ablakot és a layert is, így a nyitások számával nőtt az elemek száma is.

var PrototypeWindow = {
 Dialog : function (content, container)
 {
 // Manage arguments and assign defaults,
 if (typeof container == 'undefined' ) container = document.body;
 if (null == (this.container = $(container))) throw("container is not valid");

 // Assign instance variables
 this.content = content;
 if ($('dialogBoxOverlay') == null)
 {
   this.overlay = new Element('div', {'id':'dialogBoxOverlay', 'class': 'overlay' }).hide();
 }
 else
 {
   this.overlay = $('dialogBoxOverlay').hide();
 }
 if ($('dialogBox') == null)
 {
   this.dialog  = new Element('div', {'id':'dialogBox', 'class': 'dialog' }).hide();
 }
 else
 {
   this.dialog = $('dialogBox').hide();
 }

 // Hide the overlay when clicked. Ignore clicks on the dialog.
 Event.observe(this.overlay, 'click', this.hide.bindAsEventListener(this));
 Event.observe(this.dialog, 'click',  function(event) { Event.stop(event) });

 // Insert the elements into the DOM
 this.dialog.insert(this.content);
 this.container.insert(this.overlay);
 this.container.insert(this.dialog);

 // Content may have been hidden if it is embedded in the page
 content.show();
 this.dialog.hide();

 }
}

PrototypeWindow.Dialog.prototype.show = function() {
 new Effect.Appear(this.overlay, { duration: 0.5,  to: 0.8 });
 this.dialog.show();
 return this;
};
PrototypeWindow.Dialog.prototype.hide = function(event) {
 this.dialog.hide();
 this.overlay.hide();
 this.dialog.innerHTML='';
 return this;
};

A dialógus ablak használata egyszerű

<script type="text/javascript">
  var dialog = new Element('div'); // létrehozzunk egy divet
  dialog.insert(new Element('h2').insert('Dialogue')); // felötljük adatokkal, ez a sor opcionális...
  var overlay = new DialogOverlay(dialog); // divünket beletesszük a dialógus ablakba
  overlay.show(); // megjelenítjük a dialógus ablakot
</script>

Szükségünk lehet még némi css-re a működéshez:

.overlay {
 width: 100%;
 height: 100%;
 background: black;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 2;
}
.dialog {
 width: 50%;
 min-height: 50%;
 background: white;
 position: fixed;
 top: 25%;
 left: 25%;
 z-index: 3;
}

letöltés
Egy jó leírás és ami sajnos kimaradt belőle:
utólag így adunk hozzá új klienst:

source ./vars
./pkitool --interact --inter client00

Vista/2008 bug

egy kis debug, ha valamiért nem megy:

sudo apt-get install sockstat
sockstat | grep 1194

# vagy a protra keresünk rá
netstat -an | grep 3050

# vagy a programra:
ps aux|grep openvpn

CakePHP telepítése:
sudo apt-get install cakephp
a usr/share/php könyvtárba feltelepíti a CakePHP egy jó régi verzióját. Habár van újabb, de a munkánkhoz mégis megfelelő 1.2-es verzióról van szó.
a következő parancs megmutatja a lehetőségeinket:
apropos cakephp
A konzol a cake bake paranccsal indítható.
Első kérdés hogy hova kerüljön az application könyvtár tartalma. Ezután – ha nem abból a könyvtárból indítottuk – érdemes kilépni a konzolból és belépni a könyvtárba, mert a további munkánk feleslegessé válik, amikor létrehoznánk az database.php fájlt.

ide fogom felvinni azokat a kész parancsokat, amik az svnnel kapcsolatosan állandóan visszatérnek,  de nem naponta használatosak.

.svn könyvtárak törlése:
find . -type d -name .svn | xargs rm -rf

keresés az .svn könyvtárak kihagyásával:
grep --exclude=*.svn* -R "keresett szöveg" .

svnből fájl törlése a helyi fájl megtartásával:
svn delete –keep-local fájl

egy fájl kizárása az svnből:

1. Lépjünk be a könyvtárba és mentsük el a fájlt
2. Az svn-nel töröljük:

   svn delete fájlnév

3. Tegyük be az ignore alá

   svn propedit svn:ignore .

   Az editorba irjuk be a fájl nevét

4. Commitoljuk be

   svn commit -m'fájl törlése'

5. állítsuk vissza a fájlt

Egy kis Symfony. (gépelés helyet parancssorból) zárjuk ki a base/om/map mappákat

echo -e "om\nmap" | svn propedit svn:ignore lib/model --editor-cmd tee
echo -e "base" | svn propedit svn:ignore lib/filter --editor-cmd tee
echo -e "base" | svn propedit svn:ignore lib/form --editor-cmd tee


svn update miket változtatna:
svn status -u

svn verziók közti különbség:
svn diff -r 3703:3702 | grep “Index”

a változás a fájlban:
svn diff -r4000:5095 akeresettfajl

svn status a külső hivatkozások nélkül.
svn status –ignore-externals

svn revert egy régebbi verzióra.
svn update -r R
R = a régebbi verzió száma

grep, és amit nem keresek
svn status --ignore-externals | grep -v 'plugins/' | grep -v 'doc/' | grep -v 'ezt sem keresem'

Ide kerülnek azok a javascriptes megoldások, amiket hasznosnak vélek, de nem érdemelnek egy komplett bejegyzést

Prototype Tabla rendezés példák:
Egyszerű Példa
JSON-os példa
Javascript függvény létezésének vizsgálata:

if(typeof yourFunctionName == 'function')
{
  yourFunctionName();
}

<div id="datepicker"></div>
<script type="text/javascript">
jQuery(function() {
	jQuery( "#datepicker" ).datepicker({
	  dateFormat: 'yy-mm-dd',
	  onSelect: function(dateText, inst) {
             // a kiválasztott hónap utolsó napja
	     var d = (new Date((new Date(inst.currentYear, inst.currentMonth+1, 1))-1)));
             // a datepicker használható a formázáshoz
	     console.log( jQuery.datepicker.formatDate( 'yy-mm-dd', d );
	  }
	});
});
</script>

Ismét, immár sokadjára, megszívtam a Symfonyval és a Propellel:

MyIsam táblákat készítettem, amihez nincs tranzakció

 show create table tablename 

Átalakítás:

http://rackerhacker.com/2007/10/03/convert-myisam-tables-to-innodb/

ALTER TABLE tablename ORDER BY 'primary_key_column';
ALTER TABLE tablename ENGINE = INNODB;

Az alábbi kis javascript kóddal lehet egy xml objektumot(fájlt) letölteni és feldolgozni

Az xml dokumentum lekérése

function loadXMLDoc(dname)
{
var xmlDoc;
// code for IE
if (window.ActiveXObject)
{
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
else
{ // code for Mozilla, Firefox, Opera, etc.
  if (document.implementation && document.implementation.createDocument)
  {
    xmlDoc=document.implementation.createDocument("","",null);
  }
  else
  {
    alert('Your browser cannot handle this script');
  }
}
xmlDoc.async=false;
xmlDoc.load(dname);
cleanWhitespace(xmlDoc); // itt törlöm a white space karaktereket
return(xmlDoc);
};

lekérem az webpage xml-ből az adatokat egy tömbbe

function XMLtoArray(webpage)
{
var data=new Array();
try {
     xmlDoc=loadXMLDoc(webpage);
     var x=xmlDoc.documentElement;
     //document.location.href = webpage;
	 for (j=0;j<x.childNodes[0].childNodes.length;j++)
     {
       data[x.childNodes[0].childNodes[j].getAttribute("name")] =
	     x.childNodes[0].childNodes[j].childNodes[0].nodeValue;
	 }
	 return data;
	 }
catch(err)
    {
	  return data
	};
};

Amikor ezt a scriptet írtam, a firefox még nem volt képes feldolgozni az xml fájlt, ha az white space karaktereket tartalmazott. Azóta nem tudom, hogy változott-e, de íme a kód, ami törli és amire az első függvényünk hivatkozik:

var notWhitespace = /\S/
function cleanWhitespace(node) {
  for (var x = 0; x < node.childNodes.length; x++) {
    var childNode = node.childNodes[x]
    if ((childNode.nodeType == 3)&&(!notWhitespace.test(childNode.nodeValue)))
	{	// that is, if it's a whitespace text node
	  node.removeChild(node.childNodes[x]);
      x--;
    }
    if (childNode.nodeType == 1)
	{ // elements can have text child nodes of their own
      cleanWhitespace(childNode)
    }
  }
}

Teszt

Legyen ez a teszt.xml fájlunk. Mint látható 2 mezőt tartalmaz: város és irányítószám.

<?xml version='1.0' encoding='UTF-8' standalone='yes'?>
<select>
<record id='1'>
<field name='varos' type='string'><![CDATA[Budapest]]></field>
<field name='iraszam' type='int'>1131</field>
</record>
</select>

tesztlejük le, hogy működik-e. Tegyük be a javascript függvényeket egy xmldom.js nevű fájlba. És hozzuk létre az alábbi html fájlt (index.html):

<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <script type="text/javascript" src="xmldom.js"></script>
 <script type="text/javascript">
 console.log(XMLtoArray("/teszt.xml"));
 </script>
</head>
<body></body>
</html>

A console.log használatához szükségünk lesz a Firefox Firebug nevű kiegészítőjére. Annak a konzolján fog megjelenni a tömb.