How to move a div element?

How to move to the right div element or any other element.

Solution: add block property.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>css Tips and Tricks</title>
      <link href="css/style.css" rel="stylesheet" />
  </head>
  <body>
    <div id="div1">Center this sentence.</div>
  </body>
</html>

Save this file as, for example, css-tricks.html, in your css-tricks folder. 

HTML and CSS - Creating lists

Seventh video lesson - how to create lists.

HTML and CSS - Basic table

Sixth video lesson - how to create a very basic table/

HTML and CSS - Add google fonts

Fifth video lesson - how to add google fonts to a web page.

HTML and CSS - CSS styles

Fourth video lesson - CSS styles.

HTML and CSS - Formatting tags

Third video lesson - formatting HTML tags.

HTML and CSS - Basic tags

Second video lesson - basic tags in HTML.

HTML and CSS - Web page structure

This is first video out of 7 about HTML and CSS.

First - introduction video.

Web page structure

How to set up a basic HTML page to redirect to another page

Place this code in the head section.

You can use both meta, and JavaScript code:

<!DOCTYPE HTML>

<html lang="en-US">

    <head>

        <meta charset="UTF-8">

        <meta http-equiv="refresh" content="0; url=http://marijarikic.com/en/index.html">

        <script type="text/javascript">

            window.location.href = "http://marijarikic.com/en/index.html"

        </script>

        <title>Page Redirection</title>

    </head>

    <body>

    </body>

</html>

Instead of marijarikic.com/en/index.html place your link.

Upotreba jednog PHP dokumenta (Using one PHP document)

Do sada smo koristili web aplikacije koje su imale dva dokumenta. Jedan sa HTML kodom koji je prikazivao stranu za prikupljanje podataka od korisnika, a drugi sa PHP kodom cija strana je interpretirala i rukovala tim podacima.

Primer: ako zelite da od korisnika saznate koji je njegov omiljen motor, a da onda zelite da tom ime prikazete. Sve to treba da uradite u jednom PHP dokumentu. Da biste sve to stavili na jedan dokument, treba da mozete da odredite da li je to prvi dolazak na dokument tj. stranu. Ako jeste, treba da prikazete stranu za prikupljanje podataka. Ako je korisnik vec uneo svoj omiljen motor, treba da to procitate.

Upotrebicemo polje za unos teksta "ime-motora" i tu cemo da stavimo ime omiljenog motora. Ako tu postoje podaci. onda ime treba da se prikaze. Ako ne postoje podaci, treba da prikazete polje za unos teksta i da od korisnika zatrazite da unese ime omiljenog motora.

Prekopiracemo fajl phptekst.php iz clanka "Preuzimanje podataka iz polja za unos teksta (Retrieving data from text fields)", koji se nalazi u folderu htdocs, foldera xampp. U mom primeru, putanja je C:/xampp2/htdocs/PHPtuts/polje-za-unos-teksta/phptekst.php i kopirati u novo kreirani folder jedan-php-dokument.

Preuzimanje podataka sa forme u korisnickim nizovima (Retrieving data from the form in the users arrays)

PHP omogucava da podatke koje dobijete sa forme organizujete u svoje nizove. 

Primer: ako od korisnika treba da saznate ime i omiljen motor i da se podaci unesu kao $podaci['ime'] i $podaci['motor']. Svakom polju za unos teksta dacete ime u uglastim zgradama, kao npr., tekst[ime] i tekst[motor].

HTML kod


<!DOCTYPE html>
<html>
<head>
<title>Web forme i validacija unosa korisnika</title>
</head>

Preusmeravanje korisnika pomocu HTTP zaglavlja (Redirecting users using HTTP headers)

HTTP zaglavlje mozete napraviti pomocu funkcije header. Ako zelite da napravite zaglavlje za preusmeravanje  koje pretrazivacu pokazuje kuda treba da ode, pozovite funkciju header('Location: http://imevasegwebsajta.com/').

Primer: 

HTML kod

<!DOCTYPE html>
<html>
<head>
<title>Web forme i validacija unosa korisnika</title>
</head>

HTTP zaglavlja (HTTP headers)

Pored serverskih promenljivih u nizu $_SERVER u tabeli iz prethodnog clanka, u istom nizu se nalaze i HTTP zaglavlja, Ova zaglavlja salje pretrazivac i ona obicno sadrze informacije o pretrazivacu.

Upotrebom ovih zaglavlja mozete saznati vise o pretrazivacu korisnika, na primer, kojim tipovima skupova karaktera moze da rukuje, sa kojim jezicima radi, i drugo.

Tabela - HTTP promenljive servera

In addition to the server variables in array $_SERVER in the table in the previous article, the same array also includes HTTP headers. This headers, browser sends and they usually contain information about the browser.

By using these headers you can learn more about the user's browser, for example, what type of character sets can be handled, with which languages works, and other.


Table - HTTP server variables

Tabela opste promenljive na serveru (Table general variables on the server)

U PHP-u postoji superglobalni niz $_SERVER, koji sadrzi informacije o tome sta se desava sa odredjenom web aplikacijom. 

Tabela - opste promenljive na serveru

Ove promenljive servera su dobre zato sto daju malo vise informacija, na primer, ime skripta koji radi: 

Prikazivanje svih podataka sa forme (Displaying all data from form)

Primer: slanje podataka u formi.

HTML kod


<!DOCTYPE html>
<html>
<head>
<title>Web forme i validacija unosa korisnika</title>
</head>

Upotreba dugmadi pomocu atributa Value dugmeta Submit (Using buttons with attribute Value of button Submit)

Podatke mozete poslati u PHP skript pomocu atributa value dugmeta submit. Ova vrednost se moze procitati u PHP skriptu, zbog cega ne morate da koristite skrivene kontrole za slanje podataka.

Primer: ovo cete dobiti ako svakom dugmetu submit date isto ime, u ovom primeru to je "mojedugme3", a ime dugmeta dodelite atributu value:

<form name="forma1" action="php-dugmad-3.php" method="post">
<input type="submit" name="mojedugme3" value="dugme 1">

</form>

HTML kod

<!DOCTYPE html>
<html>
<head>
<title>HTML forme</title>
</head>

Upotreba dugmadi sa dugmadima tipa Submit (Using buttons with buttons type Submit)

Ako na Vasoj web stranici napravite tri razlicite HTML forme, svaka od njih treba da ima svoje dugme Submit. Kada korisnik izabere neko od ovih dugmadi, podaci iz forme se salju do PHP skripta:

<form name="forma1" action="php-dugmad-2.php" method="post">
<input type="submit" value="Dugme 1">

</form>

Da biste podatke poslali nazad do PHP skripta, dodacete u svaku formu po jednu skrivenu kontrolu. U svakoj kontroli ce biti ime dugmeta  koje je izabrano. 

HTML kod

<!DOCTYPE html>
<html>
<head>
<title>HTML forme</title>
</head>

Upotreba dugmadi sa JavaScript-om i skrivenom kontrolom (Using buttons with JavaScript and hidden control)

Dugmad se razlikuju od ostalih kontrola, posto kada ih kliknete, ne ostaju kliknuta, sto znaci da se informacija o tome ne salje sa formom. 

Ako zelite da u PHP-u odredite koje je dugme korisnik kliknuo, jedan nacin je da pomesate JavaScript i skrivenu kontrolu.

Primer: kada korisnik klikne dugme, JavaScript iz primera smesta ime dugmeta u skrivenu kontrolu pod imenom "dugme", a onda se uz pomoc funkcije submit rezultat salje do skripta php-dugmad-1.php.

HTML kod

<!DOCTYPE html>
<html>
<head>
<title>HTML forme</title>
</head>

Citanje prebacenih fajlova (Retrieving uploaded file data)

Nakon sto prebacite fajl, mozete mu pristupi iz PHP-a. Za pristup prebacenim fajlovima mozete da koristite funkciju fopen. Funkcija fopen otvara fajl ili URL.

fopen(ime_fajla, pristup_fajla)
ime_fajla - obavezan parametar. Odredjuje fajl ili URL za otvaranje.
pristup_fajla - obavezan parametar. Odredjuje vrstu pristupa koja vam je potrebna u fajlu.

Moguce vrednosti:

."r" - samo za citanje. Pocinje na počctku fajla.
"w" - samo za pisanje. Otvara i brise sadrzaj fajla ili stvara nov fajl ako on ne postoji.
"a" - samo za pisanje. Otvara i pise na kraju fajla ili stvara nov fajl, ako on ne postoji.
"x" - samo za pisanje. Stvara nov fajl. Vraca netacno i gresku ako fajl vec postoji.

"r+" - citanje/pisanje. Pocinje na pocetku fajla.
"w+" - citanje/pisanje. Otvara i brise sadrzaj fajla ili stvara nov fajl ako on ne postoji.
"a+" - citanje/pisanje. Cuva sadrzaj fajla pisanjem na kraju fajla.
"x+" - citanje/pisanje. Stvara nov fajl. Vraca netacno i gresku ako fajl vec postoji.

Prebacivanje fajlova (Uploading files)

Da biste prebacivali fajlove koristicete formu tipa multipart, koju cete napraviti uz pomoc atributa enctype elementa <form>. 

Primer: 

<form enctype="multipart/form-data" action="prebacivanje-fajlova.php" method="post">
.
.
.
.

</form>

Prebacivanje cete obaviti pomocu kontrole file, koja se praviti uz pomoc elementa <input type="file">. Kontroli cemo dati ime "poruka", pomocu kojeg cemo kasnije (u sledecem clanku) da pristupimo prebacenom fajlu.