Search the Community
Showing results for tags 'html'.
-
[Tutorial PHP] Functia "Search" in aceeasi pagina
Jackson Brooklyn posted a topic in Web Development
Salutare prieteni, am revenit cu o continuare la primul tutorial in care aratam cum sa conectam baza de date in PHP si sa afisam date in pagina. Astazi o sa va arat cum sa adaugam functia de search care afiseaza rezultate in aceeasi pagina PHP. Pentru a putea intelege corect tot tutorialul de astazi, va rog sa aruncati o geana peste acest tutorial: Adaugarea functiei search si afisarea datelor in aceeasi pagina. Dupa ce baza de date este conectata iar pagina index.php afiseaza datele din baza de date adaugam in mai sus de codul PHP un cod HTML care arata cam asa: <form action="index.php" method="post"> <input type="text" name="search" /> <input type="submit" value="Search" /></form> Ce face acest cod mai exact, face un textbox in care noi putem sa adaugam niste valori iar cand apasam butonul, el prin metoda post ne paseaza valorile catre functia %searchq% pe care o sa o definim si o folosim mai departe in codul MySQL. Pagina initiala trebuie sa arate cam asa, inainte de adaugarea codului HTML pentru search: De la acest cod de baza(Codul este explicat parca in celalalt tutorial) care doar afiseaza niste date in pagina incepem sa lucram mai departe pentru functia search: <?php require_once "config.php"; ?> <form action="index.php" method="post"> <input type="text" name="search" /> <input type="submit" value="Search" /></form> <section id="content"> <?php $q = mysqli_query($link, "SELECT * FROM comments Order by `id` desc LIMIT 5600"); while($row = mysqli_fetch_array($q)) { ?> <h5>User: <?= $row["nume"]; ?> <small> Ora: <?= $row["ora"]; ?></small></h5> <?= $row["text"]; ?> <p> <br> </p> <?php } ?> </section> Dupa adaugarea codului, pagina trebuie sa arate cam asa: Primul pas este deja facut, am adaugat codul HTML care ne paseaza valorile, urmeaza sa facem o conditie(IF), care spune asa: Daca functia search nu este atinsa, afiseaza toate datele, daca functia search este atinsa, afiseaza doar datele care sunt asemanatoare cu valorile din %searchq%. Tot ce trebuie sa facem este sa copiem partea de cod care deja ne afiseaza datele in MySQL si sa o adaptam conditiei conform cerintelor noastre. <?php require_once "config.php"; ?> <form action="index.php" method="post"> <input type="text" name="search" /> <input type="submit" value="Search" /></form> <section id="content"> <?php if(isset($_POST['search'])) { $searchq = $_POST['search']; $q = mysqli_query($link, "SELECT * FROM comments WHERE `nume` LIKE '%$searchq%' OR `text` LIKE '%$searchq%' OR `ora` LIKE '%$searchq%' Order by `id` desc"); while($row = mysqli_fetch_array($q)) { ?> <h5>User: <?= $row["nume"]; ?> <small> Ora: <?= $row["ora"]; ?></small></h5> <?= $row["text"]; ?> <p> <br> </p> <?php } } else { $q = mysqli_query($link, "SELECT * FROM comments Order by `id` desc LIMIT 5600"); while($row = mysqli_fetch_array($q)) { ?> <h5>User: <?= $row["nume"]; ?> <small> Ora: <?= $row["ora"]; ?></small></h5> <?= $row["text"]; ?> <p> <br> </p> <?php } } ?> </section> Dupa adaugarea conditiei, cam asa trebuie sa functioneze codul: Si practic cam asta este toata vrajeala, totul tine de o conditie care afiseaza doar datele relevante cautarii noastre. Daca aveti intrebari, astept PM pe forum, comentarii sau mesaje pe discord: GhOsT_x#6329 sau b-zone.ro/discord. -
In acest tutorial o sa va arat cum sa adaugati un buton pe pagina dvs. HTML. (INTR-UN COD HTML SE INTRODUCE UNUL CSS) Deci, butonul se creeaza asa: <button>TEXT</button> ===> ARATA DESTUL DE URAT Iar atunci cand apasam pe acesta sa ne trimita pe un link, facem asa: <a href="b-zone.ro(aici punem link)"><button>TEXT</button></a> Acum o sa va arat cum sa-l personalizati: <style> button{ background-color: #DBFC00; (galben) - culoarea butonului, o putem lua dupa http://colorpicker.com border: none; - margine(daca vrem) color: white; - culoarea textului font-size: 16px;- marimea fontului } </style> Atat stiu eu, momentan, despre butoane. O sa revin cu un edit in care o sa mai arat ceva.
-
Salut! In acest topic o sa va prezint un site care va invata HTML/CSS/JAVA si multe altele. SITE-ul: https://www.freecodecamp.org/ Probabil multi dintre voi il stiti. Am invatat si eu putin cu ajutorul lui. Tot ce trebuie sa faceti este un cont, dupa asta, trebuie sa va alegeti CE VRETI SA INVATATI (programare HTML/CSS etc.). Puteti schimba ce ati ales apasand butonul "Map" din coltul din dreapta, sus, al site-ului. Daca v-am ajutat, lasati un 1+.
-
Descriere: Un mic index făcut în HTML & CSS. Poze / Video: img / demo Link download: click Alte precizari: Aştept păreri.
-
Descriere: Este un template facut de mine, ca un fel de orar, cu putin design, arata destul de bine. Poze / Video Link download. Link download (google) Alte precizari: Este facut de mine, daca nu va place ceva va rog sa nu va manifestati (injuraturi, jigniri), as dori sa imi spuneti o parere despre acest template. (Pagina contine (din fisierul orar.rar) fisierele: aindex.php + astyle.css + 0.jpg) Script: Daca vrei sa inveti si tu html/php/css/js/mysql www.w3schools.com este locul potrivit, eu de acolo am invatat.
-
In HTML "entitati" este un numele tehnic pentru "simboluri". Cateva simboluri precum copyright, trademark, si multe altele, unele dintre ele disponibile pe tastatura, au nevoie de o scriere speciala. - Incep cu semnul "end" - & - Dupa care vom scrie numele semnului - copy - SI la sfarsit "punct si virgula" - ; Copyright Foloseste © pentru a realiza- © - Simbolul Copyright. Spatii multiple si <> Dupa cum am spus si in lectia despre paragrafuri, un browser va recunoaste un singur spatiu, indiferent de cat de multe tastezi intr-un cod de HTML. Exista insa o entitate care poate fi introdusa pentru a afisa mai mult de un spatiu. <p> In acesta fraza au fost introdese mai multe spatii.<p> Vizualizare In acesta fraza au fost introdese mai multe spatii. Pentru a realiza comenzi in HTML sunt folosite simbolurile "mai mult" si "mai putin". Pentru a fi afisate in browser va trebuii sa folosim o entitate. <p> Mai putin - < <br/> Mai mult - > <br /> Tagul head - <head> </p> Vizualizare Mai putin - < Mai mult - > Tagul head - <head>
-
HTML si CSS: http://learn.shayhowe.com/html-css/ - Nivel incepator + avansat - In limba Engleza. HTML, HTML5, Javascript, jQuery, PHP, etc: http://www.w3schools.com/ - Nivel incepator/+ - In 20+ limbi, inclusiv Romana. PHP (totul despre PHP si toate functiile posibile): http://www.php.net/manual/ro/ - Nivel incepator/+ - In 10+ limbi, inclusiv Romana. jQuery, Javascript, Python, Ruby, PHP, API-uri: http://www.codecademy.com/learn - Nivel incepator - In limba Engleza. HTML5, CSS3: http://channel9.msdn...olute-Beginners - Nivel incepator - In limba Engleza.
-
2
-
- programare
- css
-
(and 2 more)
Tagged with: