not.user.friendly
-
Posts
5 -
Joined
-
Last visited
-
Days Won
1
not.user.friendly's Achievements
Newbie (1/14)
12
Reputation
-
Poti folosi event-ul jQuery .click() si pui o clasa/id la acele butoane care vrei sa foloseasca functia ta cand se da click pe ele. Ca in exemplul de mai jos. <script src="http://code.jquery.com/jquery-latest.js"></script> <form name="del" method="post"> <p>Text text</p> <input type="hidden" name="nume_stire" value="au-inceput-inscrierile-pentru-bac"> <input name="sterge" class="functia" type="button" value="Sterge"> </form> <form name="del" method="post"> <p>Text text</p> <input type="hidden" name="nume_stire" value="a-venit-vacanta"> <input name="sterge" class="functia" type="button" value="Sterge"> </form> <script type="text/javascript"> function show_confirm() { var r=confirm('Sunteti sigur?'); if (r==true) {return 1;} else {return 0;} } $('.functia').click(function(){ var ok=0; ok+=show_confirm(); if(ok==1) document.del.submit(); }); </script>
-
CSS in functie de rezolutie
not.user.friendly replied to not.user.friendly's topic in Tutoriale in romana
Foarte bune articole, nu am mai auzit de "Fluid Layouts", multumesc pentru link-uri. -
CSS in functie de rezolutie
not.user.friendly replied to not.user.friendly's topic in Tutoriale in romana
^ Am zis ca se poate in mai multe limbaje, dar totusi cred ca e mai simplu de inteles cu PHP, si merge, nu stiu de ce la tine nu a functionat. L.E. daca folosesti doar javascript este posibil ca utilizatorul sa il opreasca dupa ce intra in pagina si sa nu mai functioneze. -
Ca sa intelegeti tutorialul aveti nevoie de cunostinte minime de PHP, HTML, CSS si putin Javascript. Javascript este un limbaj care lucreaza in browserul utilizatorului (client-side), cu javascript se poate afla rezolutia utilizatorului, rezolutia este preluata de catre javascript din browser care detecteaza rezolutia folosita la deschiderea sa, adica acea valoare nu se schimba decat atunci cand se redeschide browser-ul (...si se schimba rezolutia). Un exemplu concret: Avem rezolutia 800x600 si deschidem browserul, browserul salveaza rezolutia temporar, acum daca schimbam rezolutia pe 1600x1200, browserul are stocata tot valoarea initiala pe care a avut-o la momentul initierii programului, adica 800x600, pentru a schimba acea valoare trebuie sa inchidem si sa pornim browserul pentru a se verifica rezolutia iar si sa i se schimbe valoarea daca este necesar. Codul Javascript care detecteaza rezolutia este: <script type="text/javascript"> var height = screen.height; /* lungimea */ var width = screen.width; /* latimea */ document.write('Rezolutia ta este: 'width+'x'+height); /* Rezolutia ta este: 800x600 */ </script> Deci se poate afla rezolutia cu ajutorul Javascript, dar cum folosim aceste valori pentru a genera cod CSS: Acest lucru se poate face in mai multe limbaje dar eu voi discuta doar despre PHP pentru ca este mai cunoscut decat alte limbaje. Cod <?php /* detect_rez.php */ session_start(); /* Folosim sesiuni pentru a evita pierderea informatiei */ /* daca utilizatorul intra in pagina cu javascript pornit iar dupa il opreste informatia ramane in sesiune iar daca javascript e pornit seiunea va fi detectata la fiecare incarcare a paginii */ $_SESSION['height'] = '<script> document.write(screen.height); </script>'; /* Sesiunea este egala cu valoarea returnata de Javascript */ $_SESSION['width'] = '<script> document.write(screen.width); </script>'; /* -||- */ $height = $_SESSION['height']; $width = $_SESSION['width']; /* Variabile mai usor de retinut */ ?> Cam asa ar trebui sa arate fisierul Cascading Style Sheets: <?php /* css.php */ include('detect_rez.php'); /* vezi codul de mai sus */ header('content-type: text/css'); /* Tipul de continut al fisierului este CSS sub forma de TEXT */ if($width=800 && $height=600){ /* daca rezolutia este 800x600, codul de mai jos */ ?> body{ background-color:#000; /* negru */ width:400px; color:red; } <?php }else if($width=1024 && $height=768){ /* daca rezolutia este 1024x768, codul de mai jos */ ?> body{ background-color:#f00; /* rosu */ width:900px; color:white; } <?php }else{ /* Rezolutia nu este nici una dintre cele de mai sus sau nu a fost detectata */ ?> body{ background-color:#00f; /* albastru */ width:1200px; color:red; } <?php } /* sfarsit if/else */ ?> /* CSS-ul folosit este doar un exemplu. */ Acum sa vedem cum arata pagina HTML <!doctype html> <html> <head> <title>Pagina HTML</title> <link rel="stylesheet" type="text/css" href="css.php" /> <!-- fisierul cu CSS generat in functie de rezolutie --> </head> <body> Pagina care are CSS generat in functie de rezolutie. </body> </html> P.S. Exemplele sunt doar sugiestive, folositi-va imaginatia si incercati sa faceti website-ul la care lucrati sa arate bine si in cele mai mici sau cele mai mari rezolutii. ____________________________________________ Este ceva simplu si folositor, sper ca ati inteles.
-
V? salut, am s? încerc s? m? prezint în câteva rânduri: În primul rând doresc s? r?mân anonim în ceea ce prive?te numele,vârsta ?i loca?ia mea. ?tiu de acest forum de o perioad? dar pân? acum nu m-am gândit s? îmi fac cont pentru c? mare parte din informa?ii sunt vizibile f?r? autentificare, dar totu?i am decis ca ar fi mai bine s? fac ?i eu parte din comunitatea RST. Nu sunt genul care posteaz? mult ?i f?r? folos, prefer s? am posturi pu?ine, originale ?i folositoare decât s? folosesc spa?iu in baza de date f?r? rost. Petrec multe ore pe internet incercând s? fac ceva care sa îmi foloseasc? mie sau altora. Am observat c? pe forum sunt discu?ii pe foarte multe teme interesante dar unele nefolositoare ?i care nu ajut? cu adev?rat pe nimeni. Eu caut pe forum informa?ie cu adevarat folositoare ?i ?tiu ca este, pân? acum am studiat (?i inca studiez) PHP, mySQL ?i Javascript. 'Programele de Hacking' nu m? intereseaz? ?i nici 'Deface-urile'. Cred c? ceea ce este cu adev?rat important este s? aju?i web-ul s? devin? mai complex, mai securizat, mai rapid ?i oricum i?i imaginezi ca ar fi mai bine, nu s? dai deface ?i dup? s? intri pe forum ?i s? te lauzi c? ai schimbat o pagina la un site sau ai furat ni?te conturi (p?rerea mea). Deci aceasta a fost prezentarea mea.
