Autor: Ovidiu.S
Perioadă simplă dintre două date
Să vedem cum am putea folosi o funcţie pentru redare perioadă, care să preia două date (iniţială şi…
E-TERN-izare şi COALE-scenţe
Despre operatorul ternar am mai discutat şi în alt articol. Despre operatorul de coalescență nulă (??), însă, încă…
Refresh fără INSERT
Uneori/deseori codul necesar inserării datelor într-o tabelă MySQL poate să fie pe aceiaşi pagină cu formularul. Asta poate…
Meniu responsive simplu
HTML
|
1 2 3 4 5 6 7 8 9 |
<div class="navbar"> <div class="menu-icon" id="menuIcon" onclick="toggleMenu()">☰</div> <div class="menu" id="menu"> <a href="#home">Home</a> <a href="#about">About</a> <a href="#services">Services</a> <a href="#contact">Contact</a> </div> </div> |
Style
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .navbar { display: flex; justify-content: space-between; background-color: #333; padding: 10px; position: relative; min-height: 2em; } .navbar a { color: white; text-decoration: none; padding: 14px 20px; display: block; } .navbar a:hover {background-color: #575757;} .menu-icon {font-size: 1.5em; display: none; cursor: pointer; color: white; right: 5px; position: absolute; } .menu {display: flex;} @media (max-width: 600px) { .menu { display: none; flex-direction: column; width: 100%; } .menu-icon {display: block;} .menu.active {display: flex;} } |
JavaScript
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
function toggleMenu() { const menu = document.getElementById('menu'); const menuIcon = document.getElementById('menuIcon'); menu.classList.toggle('active'); // Toggle the active class for the menu // Change the menu icon between ☰ and X if (menu.classList.contains('active')) { menuIcon.innerHTML = '⛌'; } else { menuIcon.innerHTML = '☰'; } } |
Dacă nu ne dorim să fie prea sofisticat, adică nu neapărat să…
Sistem (destul de) sigur de înregistrare-autentificare cu menţinere logare
Pentru a crea un sistem securizat de înregistrare-autentificare folosindu-ne de simbioza PHP/MySQL cu opțiunea de „menține-mă logat”, vom…
Cel mai puţin utilizate elemente HTML
Redăm mai jos câteva din elementele HTML care sunt cel mai puțin folosite în mod obișnuit fiind înlocuite…
Formatare elemente ce conţin un text anumit
Ar fi vreo două aspecte privind stilizarea elementelor care au anumite valori ale atributelor sau chiar conţinutul lor….
Declaraţii parametrizate în PHP cu MySQLi
Utilizarea „prepared statements” în PHP cu MySQLi este o practică excelentă pentru a preveni scripturi rău-intenţionate și pentru…
Triggeri pentru calcul varsta si data actualizării
Să presupunem că dorim să calculăm și să actualizăm un câmp , varsta la data curentă, în tabelul…
Eliminare diacritice
Sunt situaţii când avem nevoie să folosim, în aplicaţii MS Office (spre ex. în Excel), anumite cuvinte fără…