Ce este metoda sliding doors?

Aceasta metoda este foarte simpla. Daca vrem sa avem un buton a carui latime sa fie dinamica, va trebui sa gasim o metoda sa il micsoram sau marim pe orizontala. Vom face asta folosind doua imagini care vor defini butonul: una pentru partea stanga si una pentru partea dreapta ca in exemplul urmator.

Imaginea mai mica din partea dreapta va fi pozitionata deasupra celei din stanga (de aceea metoda se numeste sliding doors). Cu cat imagine din dreapta va fi pozitionata spre partea stanga, cu atat butonul va fi mai mic si invers.

Crearea butonului

Pentru inceput sa vedem codul HTML care simuleaza butonul. Vom avea elementul <span> in interiorul elementului <a>. Elementul <span> contine imaginea din stanga, cea mare si textul. Latimea butonului va fi data de latimea textului.

[code="html"]Submit[/code]

Acum o sa vedem codul CSS. Clasa .button care va fi aplicata elementului <a>. Clasa .button span va fi aplicata elementului <span> din elementul <a>.
De asemenea vom avea si clasa .button:hover span care o sa schimbe stilul textului din elementul <span>.

Si.. cam asta este Simplu.. nu?

[code="css"]a.button {
/* pozitionarea imaginii din dreapta */
background: transparent url('button_right.png') no-repeat scroll top right;
display: block;
float: left;
height: 32px; /* schimbati valoare in functie de inaltimea imaginii */
margin-right: 6px;
padding-right: 20px; /* in functie de latimea imaginii din dreapta */
/* Proprietati text */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.button span {
/* Fundal imagine stanga */
background: transparent url('button_left.png') no-repeat;
display: block;
line-height: 22px; /* in functie de inaltimea butonului */
padding: 7px 0 5px 18px;
}
a.button:hover span{
text-decoration:underline;
}[/code]

Rezultatul va arata ca in imaginea de mai jos.

Imagini

Am mai facut pentru voi cateva imagini pe care sa le puteti folosi impreuna cu scriptul de mai sus.

Usor nu? Spor la treaba!

Programmer’s Notepad 2

Acesta suporta formatarea celulelor, formule, pagini multiple, setarea dimensiunii paginii, notite si multe altele.

In continuare va voi arata un exemplu de cod pentru a va arata cat de usor este sa creezi un document Excel. Fisierul creat poate fi salvat pe server sau trimis direct catre browser direct.

require_once 'Spreadsheet/Excel/Writer.php';

// Creating a workbook
$workbook = new Spreadsheet_Excel_Writer();

/* Sending HTTP headers, this will popup a file save/open
dialog in the browser when this file is run
*/
$workbook->send('excelTest.xls');

// Create 2 worksheets
$worksheet1 =& $workbook->addWorksheet('worksheet 1');
$worksheet2 =& $workbook->addWorksheet('worksheet 2');

// Set header formating for Sheet 1
$header =& $workbook->addFormat();
$header->setBold();		// Make it bold
$header->setColor('black');	// Make foreground color black
$header->setFgColor("green");	// Set background color to green
$header->setHAlign('center');	// Align text to center

// Write some data on Sheet 1
$worksheet1->write(0, 0, 'Name', $header);
$worksheet1->write(0, 1, 'Age', $header);
$worksheet1->write(1, 0, 'Sameer Borate');
$worksheet1->write(1, 1, 30);

// Set header formating for Sheet 2
$header =& $workbook->addFormat();
$header->setBold();		// Make it bold
$header->setFgColor("red");	// Set background color to red
$header->setHAlign('center');	// Align text to center

// Write some data on Sheet 2
$worksheet2->write(0, 0, 'Name', $header);
$worksheet2->write(0, 1, 'Age', $header);
$worksheet2->write(1, 0, 'Tom Peters');
$worksheet2->write(1, 1, 30);

// Send the file to the browser
$workbook->close();
?>

<?php

/*
Validare de CNP
1) se calculeaza suma
s:=c(1)*2+c(2)*7+c(3)*9+c(4)*1+c(5)*4+c(6)*6+c(7)*3+c(8)*5+c(9)*8+c(10)*2+c(11)*7+c(12)*9
2) faci impartirea
rest=s%11
3) dupa cum:
- rest<10 at c(13)=rest
sau
- rest=10 at c(13)=1
*/

$cnp = “”;
if ( calcCNP ( $cnp ) ) {
echo $cnp.” e valid”;
} else {
echo $cnp.” e invalid”;
}

function calcCNP ($cnp) {
if ( strlen ($cnp) != 13 ) {
return FALSE;
}

$s = $cnp{0}*2+$cnp{1}*7+$cnp{2}*9+$cnp{3}*1+$cnp{4}*4+$cnp{5}*6+$cnp{6}*3+$cnp{7}*5+$cnp{8}*8+$cnp{9}*2+$cnp{10}*7+$cnp{11}*9;
$rest = $s%11;
if ( $cnp{12} == $rest ) {
return TRUE;
} else {
return FALSE;
}
}

?>