|
Web razvoj Sve u vezi sa razvojem Internet sajtova: programi, dizajn, usluge hostinga, administracija... |
|
Alatke vezane za temu | Vrste prikaza |
4.2.2014, 21:12 | #1 |
V.I.P. Recenzent
Član od: 8.11.2008.
Lokacija: XV535
Poruke: 3.198
Zahvalnice: 767
Zahvaljeno 1.024 puta na 568 poruka
|
Besplatne linije koda
Pozdrav svima!
Uz dogovor sa moderatorima otvaram temu u kojoj ćemo postavljati (ali i uzimati ) gotove, besplatne linije koda. Ovo su neka pravila kojih bi trebalo da se pridržavamo u budućnosti. Slobodni ste da predložite nova pravila ili da sugerišete da se neka od postojećih promene.
|
Sledećih 4 korisnika se zahvaljuje korisniku Dekip na korisnoj poruci: | ||
4.2.2014, 21:23 | #2 |
V.I.P. Recenzent
Član od: 8.11.2008.
Lokacija: XV535
Poruke: 3.198
Zahvalnice: 767
Zahvaljeno 1.024 puta na 568 poruka
|
Re: Besplatne linije koda
Da počnem prvi...
Ovo je php skripta koja datum pretvara u Time To Ago varijantu. Na netu ima bezbroj rešenja ali za engleski jezik. A englezi nemaju padeže i sl. i uopšteno mnogo im je prostije da napišu reč za određeni pojam (1 week, 2 weeks). Kod nas se javlja problem (1 nedelja, 2 nedelje, 21 nedelja itd.). U pitanju je nešto što je u osnovi preuzeto sa neta ali je i veoma, veoma prepravljeno da bi moglo da se koristi u našem slučaju. PHP kod:
|
Sledećih 4 korisnika se zahvaljuje korisniku Dekip na korisnoj poruci: | ||
5.2.2014, 16:05 | #3 |
Član
Član od: 28.7.2011.
Poruke: 197
Zahvalnice: 233
Zahvaljeno 18 puta na 16 poruka
|
Re: Besplatne linije koda
Svaka cast!
Samo im molim te objasni logiku imena dateToAgo (date to ago). |
5.2.2014, 23:03 | #4 |
Starosedelac
|
Re: Besplatne linije koda
Evo jedne jquery/javascript funkicje za pop up prozor (nije klasican browser pop up)
jquery Kod:
function popup(div) { box = div; $(box).fadeIn(300); var popMargTop = ($(box).height() + 24) / 2; var popMargLeft = ($(box).width() + 24) / 2; $(box).css({ 'margin-top' : -popMargTop, 'margin-left' : -popMargLeft }); $('body').append('<div id="mask"></div>'); $('#mask').fadeIn(300); return false; } $(document).on('click', 'a.close, #mask', function(){ $(box).fadeOut(300 , function() { $('#mask').remove(); }); return false; }); Kod:
<a href="#" onclick="popup('#login-box2')">Login / Sign In</a> <div id="login-box2" class="popup"> <p> another popup window</p> </div> |
Sledeći korisnik se zahvaljuje korisniku Game fever na korisnoj poruci: | ||
Dekip (6.2.2014) |
11.2.2014, 23:41 | #5 |
V.I.P. Recenzent
Član od: 8.11.2008.
Lokacija: XV535
Poruke: 3.198
Zahvalnice: 767
Zahvaljeno 1.024 puta na 568 poruka
|
Re: Besplatne linije koda
Evo jedan RSS Ticker.
Kod kupi naslov (title) sa RSS-a i prikazuje ga u svojevrsnom slajdšouu. Prvo PHP. PHP kod:
Dalje ide html stranica sa nekoliko redova javascripte. HTML kod:
<script> var i = 0; var rssNiz = [<?php echo $lastCut; ?>]; var rssX; function skokNapred(){ i++; rssX.style.opacity = 0; if(i > (rssNiz.length - 1)){ i = 0; } setTimeout('skokNazad()',1000); } function skokNazad(){ rssX.innerHTML = rssNiz[i]; rssX.style.opacity = 1; setTimeout('skokNapred()',3000); } </script> <div class="rssWidget"> <div class="levo isto">RSS Widget</div> <div class="desno isto"><span id="rssFeed"></span></div> <div style="clear:left;"></div> </div> <script>rssX = document.getElementById("rssFeed"); skokNazad(); </script> A sada malo css da to na nešto liči. HTML kod:
<style type="text/css"> .rssWidget { margin: 10px 0 0 10px; } .levo { box-shadow: 0 1px 0 #03F outset; width:150px; background: -webkit-linear-gradient(#55A6F1, #3F96E5) repeat scroll 0 0 transparent; background: -moz-linear-gradient(#55A6F1, #3F96E5) repeat scroll 0 0 transparent; background: linear-gradient(#55A6F1, #3F96E5) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55A6F1', endColorstr='#3F96E5',GradientType=0 ); border-bottom: 1px solid #D1D1D1; border-radius: 5px 0 0 5px; } .desno { box-shadow: 0 1px 0 #FFFFFF inset; width:350px; background: -webkit-linear-gradient(#F1F1F1, #ECEBEC) repeat scroll 0 0 transparent; background: -moz-linear-gradient(#F1F1F1, #ECEBEC) repeat scroll 0 0 transparent; background: linear-gradient(#F1F1F1, #ECEBEC) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F1F1', endColorstr='#ECEBEC',GradientType=0 ); border-bottom: 1px solid #D1D1D1; border-radius: 0 5px 5px 0; } .isto { padding: 13px 15px 11px; float:left; } a { text-decoration:none; color:#000; font-size: 18px; line-height: 15px; text-shadow: 0 2px 0 #FFFFFF; } #rssFeed { opacity:0; -webkit-transition:opacity 1.0s linear 0s; transition:opacity 1.0s linear 0s; } </style> |
12.2.2014, 0:08 | #6 |
Starosedelac
Član od: 20.8.2007.
Lokacija: Priboj
Poruke: 1.755
Zahvalnice: 597
Zahvaljeno 301 puta na 178 poruka
|
Re: Besplatne linije koda
Mala zafrkancija mozda ce spreciti nekog laika da gleda Vas kod, here you go(cak ni stop execting scripts ne moze da je zaustavi):
HTML kod:
<script type="text/javascript"> var disabled_message = "Ova mogucnost Vam je onemogucena."; document.oncontextmenu = function() { return false; } document.onmousedown = function md(e) { try { if (event.button==2||event.button==3) { if (disabled_message != '') alert(disabled_message); return false; } } catch (e) { if (e.which == 3) return false; } } </script> |
Sledećih 2 korisnika se zahvaljuje korisniku Stefan 5 na korisnoj poruci: | ||
Game fever (22.2.2014), Partybreaker (12.2.2014) |
12.2.2014, 0:52 | #7 |
V.I.P. Recenzent
Član od: 8.11.2008.
Lokacija: XV535
Poruke: 3.198
Zahvalnice: 767
Zahvaljeno 1.024 puta na 568 poruka
|
Re: Besplatne linije koda
Mala varijacija na temu od malopre.
U ovoj temi forumaš trebalevo je petljao oko slajdšoua sa slikama. Evo rešenja! Daklem, imamo folder sa raznim fotkama i hoćemo da ih spakujemo da se smenjuju u određenom vremenskom intervalu. Krećemo od php-a. PHP kod:
A sada ostatak: HTML kod:
<style type="text/css"> .rssWidget { margin: 10px 0 0 10px; } #rssFeed { opacity:0; -webkit-transition:opacity 1.0s linear 0s; transition:opacity 1.0s linear 0s; } </style> <script> var i = 0; var rssNiz = [<?php echo $lastCut; ?>]; var rssX; function skokNapred(){ i++; rssX.style.opacity = 0; if(i > (rssNiz.length - 1)){ i = 0; } setTimeout('skokNazad()',1000); } function skokNazad(){ rssX.innerHTML = rssNiz[i]; rssX.style.opacity = 1; setTimeout('skokNapred()',3000); } </script> <div class="rssWidget"> <span id="rssFeed"></span> </div> <script>rssX = document.getElementById("rssFeed"); skokNazad(); </script> |
22.2.2014, 17:44 | #8 |
ex Laki pingvin
Član od: 28.10.2005.
Lokacija: Kragujevac (Srbija)
Poruke: 2.559
Zahvalnice: 478
Zahvaljeno 880 puta na 488 poruka
|
Re: Besplatne linije koda
@Stefan_5: ako nešto mrzim na netu je pokušaj da se onemogući desni klik. Za gledanje koda koristim Ctrl+Shift+I tako da ovo ne radi.
Evo sad jednog bookmarkleta koji pravi slideshow (navigacija strelicama i scrollom miša) na sajtovima dofiga.net, fishki.net, ibkas.info, urod.ru, thechive.com http://pastebin.com/WgeUwDxm #nsfw |
16.10.2014, 23:05 | #9 |
Član
Član od: 28.4.2007.
Lokacija: Beograd
Poruke: 435
Zahvalnice: 89
Zahvaljeno 112 puta na 81 poruka
|
Re: Besplatne linije koda
Evo nešto što sam našao u dubinama Stackoverflowa. Tip podataka array u JS nema metod koji traži i uklanja unijenu nisku (string). Ovom funkcijom se to postiže.
Kod:
function removeStrInArray(a, item) { var itemFound = a.indexOf(item); while (itemFound !== -1) { a.splice(itemFound, 1); itemFound = a.indexOf(item); } } |
13.12.2014, 1:06 | #10 |
d-_-b
Član od: 13.10.2007.
Lokacija: 127.0.0.1
Poruke: 5.317
Zahvalnice: 1.626
Zahvaljeno 2.307 puta na 1.520 poruka
|
Re: Besplatne linije koda
HTML5 ima zgodnu stvar koja se zove required atribut. Međutim, taj atribut po defaultu ispisuje "Please fill out this field" i slične poruke na engleskom jeziku, što ume da izgleda ružno kada razvijate sajt za domaće tržište. Malo sam se igrao i našao način da preko JavaScripta ovo prevedem. Postoji verovatno još načina, ali ovaj kod mene šljaka kako treba. Dakle, imate npr. neko input polje Ime:
Kod:
<input type="text" name="ime" oninput="validirajObaveznoPolje(this)" oninvalid="validirajObaveznoPolje(this)" required="required" placeholder="Ime"> Kod:
<input type="email" name="email" oninput="validarajMejl(this)" oninvalid="validarajMejl(this)" required="required" placeholder="Email"> Kod:
<script type="text/javascript"> function validirajObaveznoPolje(input) { if(input.value == "") { input.setCustomValidity("Ovo polje je obavezno!"); } else { input.setCustomValidity(""); } } function validarajMejl(input) { if(input.value == "") { input.setCustomValidity("Ovo polje je obavezno!"); } else if (input.validity.typeMismatch){ input.setCustomValidity("Morate uneti ispravnu email adresu!"); } else { input.setCustomValidity(""); } } </script> |
Sledećih 2 korisnika se zahvaljuje korisniku Partybreaker na korisnoj poruci: | ||
Dekip (13.12.2014), Game fever (15.12.2014) |
13.12.2014, 14:45 | #11 |
V.I.P. Recenzent
Član od: 8.11.2008.
Lokacija: XV535
Poruke: 3.198
Zahvalnice: 767
Zahvaljeno 1.024 puta na 568 poruka
|
Re: Besplatne linije koda
Bas sam ovako i zamisljao temu kada sam je otvarao. Odlicno.
|
27.12.2016, 21:04 | #12 |
V.I.P. Recenzent
Član od: 8.11.2008.
Lokacija: XV535
Poruke: 3.198
Zahvalnice: 767
Zahvaljeno 1.024 puta na 568 poruka
|
Re: Besplatne linije koda
Šteta što je jedna lepa ideja zamrla. Mada, koliko vidim slabo se i postuje u ovom delu foruma.
Jedan mali dodatak, rekao bih zanimljiv. HTML kod:
<script> window.onblur = function () { document.title = 'Hej, vratite se :)'; } window.onfocus = function () { document.title = 'Vaš naziv stranice'; } </script> |
27.12.2016, 21:10 | #13 |
Deo inventara foruma
Član od: 14.3.2008.
Lokacija: EHCPCGG
Poruke: 12.111
Zahvalnice: 4.319
Zahvaljeno 3.295 puta na 2.274 poruka
|
Re: Besplatne linije koda
Možda bi bilo bolje prebaciti ovu temu u "Programiranje" da bi dobila malo više pažnje.
|
Bookmarks sajtovi |
|
|
Slične teme | ||||
tema | temu započeo | forum | Odgovora | Poslednja poruka |
Besplatne Open Source igre za GNU/Linux | Eni | Slobodni softver | 30 | 1.11.2017 8:40 |
Vertikalne Plave Linije | Pontiac | Kvarovi | 7 | 13.6.2012 17:16 |
horizontalne i vertikalne linije na ekranu | TROMI 93 | Kvarovi | 1 | 27.12.2011 21:00 |
LG LCD horizontalne linije | plavis | Kvarovi | 10 | 9.1.2011 18:16 |
linije na Samsung SM 997MB | kvazigale | Grafika | 3 | 25.12.2006 23:45 |