Gists
On gists
Ukázková komponenta
•
Nette-Controls
Open Graph Component.php #
<?
class OpenGraphControl extends Nette\Application\UI\Control
{
/** @var Nette\Utils\Html[] */
private $tags = [];
public function addOgTag($property, $content)
{
$this->tags[] = Nette\Utils\Html::el('meta', [
'property' => $property,
'content' => $content,
]);
return $this;
}
public function render()
{
$el = Nette\Utils\Html::el();
foreach ($this->tags as $tag) {
$el->add($tag);
}
echo $el;
}
}
$this['openGraph']->addOgTag('og:video', 'http://www.youtube.com/watch?v=' . $this->content->url);
On gists
Psaní do obrázků - PHP
•
Nette
drawingIntoImage.php #
<?php
$im = imagecreatefromjpeg("match-trailer.jpg");
$font = 'fonts/calibrib.ttf';
$fontNormal = 'fonts/calibri.ttf';
$teams = mb_strtoupper("FC Combix - FC Bohemians Praha B", 'UTF-8');
$white = ImageColorAllocate($im, 255, 255, 255);
$orange = ImageColorAllocate($im, 255, 127, 0);
$black = ImageColorAllocate($im, 0, 0, 0);
// Týmy
ImagettfText($im, $fontSize = 34, 0, 30, 80, $white, $font, $teams);
// Kde
ImagettfText($im, $fontSize = 20, 0, 30, 170, $orange, $font, 'KDY:');
ImagettfText($im, $fontSize = 20, 0, 95, 170, $white, $fontNormal, '25.8.2014');
// Kde
ImagettfText($im, $fontSize = 20, 0, 30, 220, $orange, $font, 'KDE:');
ImagettfText($im, $fontSize = 20, 0, 95, 220, $white, $fontNormal, 'Stadiony Bohemians, Přípotoční 27/a');
// Vstupné
ImagettfText($im, $fontSize = 24, 0, 30, 420, $black, $font, 'VSTUPNÉ:');
ImagettfText($im, $fontSize = 30, 0, 180, 420, $orange, $font, '60 Kč');
// Vystup
imageJpeg($im, "upoutavka.jpg");
ImageDestroy($im);
header('Content-type: image/jpg');
echo $image;
On gists
Youtube parser videa ( get info )
•
PHP
youtube-parser.php #
<?
//The Youtube's API url
define('YT_API_URL', 'http://gdata.youtube.com/feeds/api/videos?q=');
//Change below the video id.
$video_id = '66Wi3isw3NY';
//Using cURL php extension to make the request to youtube API
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, YT_API_URL . $video_id);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
//$feed holds a rss feed xml returned by youtube API
$feed = curl_exec($ch);
curl_close($ch);
//Using SimpleXML to parse youtube's feed
$xml = simplexml_load_string($feed);
$entry = $xml->entry[0];
//If no entry whas found, then youtube didn't find any video with specified id
if(!$entry) exit('Error: no video with id "' . $video_id . '" whas found. Please specify the id of a existing video.');
$media = $entry->children('media', true);
$group = $media->group;
$title = $group->title;//$title: The video title
$desc = $group->description;//$desc: The video description
$vid_keywords = $group->keywords;//$vid_keywords: The video keywords
$thumb = $group->thumbnail[0];//There are 4 thumbnails, the first one (index 0) is the largest.
//$thumb_url: the url of the thumbnail. $thumb_width: thumbnail width in pixels.
//$thumb_height: thumbnail height in pixels. $thumb_time: thumbnail time in the video
list($thumb_url, $thumb_width, $thumb_height, $thumb_time) = $thumb->attributes();
$content_attributes = $group->content->attributes();
//$vid_duration: the duration of the video in seconds. Ex.: 192.
$vid_duration = $content_attributes['duration'];
//$duration_formatted: the duration of the video formatted in "mm:ss". Ex.:01:54
$duration_formatted = str_pad(floor($vid_duration/60), 2, '0', STR_PAD_LEFT) . ':' . str_pad($vid_duration%60, 2, '0', STR_PAD_LEFT);
//echoing the variables for testing purposes:
echo 'title: ' . $title . '<br />';
echo 'desc: ' . $desc . '<br />';
echo 'video keywords: ' . $vid_keywords . '<br />';
echo 'thumbnail url: ' . $thumb_url . '<br />';
echo 'thumbnail width: ' . $thumb_width . '<br />';
echo 'thumbnail height: ' . $thumb_height . '<br />';
echo 'thumbnail time: ' . $thumb_time . '<br />';
echo 'video duration: ' . $vid_duration . '<br />';
echo 'video duration formatted: ' . $duration_formatted;
On gists
FTP připojení a upload via PHP
•
PHP
FTP.php #
$connection = ftp_connect($server);
$login = ftp_login($connection, $ftp_user_name, $ftp_user_pass);
if (!$connection || !$login) { die('Connection attempt failed!'); }
$upload = ftp_put($connection, $dest, $source, $mode);
if (!$upload) { echo 'FTP upload failed!'; }
ftp_close($connection);
On gists
Ukázková komponenta - attached
•
Nette
FooControl.php #
<?php
use Nette\Application\UI;
class FooControl extends UI\Control
{
public function __construct(...)
{
//predani parametru a zavislosti
}
public function attached($presenter)
{
parent::attached($presenter); //nezapomenout zavolat
if($presenter instanceof UI\Presenter) { //jelikoz to muze byt i necho jinyho
//tady nejdriv muzes pracovat s presenterem - vytvaret linky, plnit sablonu....
}
}
public function handleFoo($bar) //zpracovani signalu foo s parametrem bar
{
//...
}
public function render()
{
$this->template->...
$this->template->render();
}
/*
jeste existujou pohledy pro komponenty, ale ty nedoporucuju, nefungujou s ajaxem
vykreslujou se pomoci {control foo:view}
v {control} muzes i predavat parametry, {control foo $xx, $yy} ale taky nedoporucuju, stejny problem jako s view
*/
public function renderView()
{
}
}
}
On gists
Checkbox-selectbox (popupbox)
•
CSS
checkbox-selectbox.html #
<!DOCTYPE html>
<html>
<head>
<style>
form {height:1.2em;border:1px solid black; overflow:hidden; float:left; padding-right:0.5em;}
form:hover, form:active {height:5.2em; overflow:scroll; overflow-x:hidden;}
</style>
</head>
<body>
<form>
Komu poslat<br>
<input type="checkbox" name="names[]" value="Fero">Fero<br>
<input type="checkbox" name="names[]" value="Alena">Alena<br>
<input type="checkbox" name="names[]" value="Tomas">Tomas<br>
<input type="checkbox" name="names[]" value="Foreveryone">Foreveryone<br>
<input type="checkbox" name="names[]" value="Patres10">Patres10<br>
</form>
</body>
</html>
On gists
Responsive tables (add cell description -- data attribute)
•
Helpers-Filters-Plugins
Add cell description.js #
function pridatPopisky(el) {
var popisky = el.getElementsByTagName("th");
var radky = el.getElementsByTagName("tr");
for (var i = 1; i < radky.length; i++) {
var bunky = radky[i].getElementsByTagName("td");
for (var j = 0; j < bunky.length; j++) {
bunky[j].setAttribute("popisek", $(popisky[j]).html());
}
}
}
On gists
Toogle input value -- better than placeholder (browser support)
•
jQuery
toggle input value.js #
$.fn.toggleInputValue = function(){
return $(this).each(function(){
var input = $(this);
var defaultValue = input.val();
input.focus(function() {
if(input.val() == defaultValue) input.val("");
}).blur(function(){
if(input.val().length == 0) input.val(defaultValue);
});
});
}
On gists
Easy Modal by JacklMoore
•
jQuery
jQuery-plugins
Easy Modal.html #
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>jQuery Modal Demo</title>
<style>
* {
margin:0;
padding:0;
}
#overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
}
#modal {
position:absolute;
background:url(tint20.png) 0 0 repeat;
background:rgba(0,0,0,0.2);
border-radius:14px;
padding:8px;
}
#content {
border-radius:8px;
background:#fff;
padding:20px;
}
#close {
position:absolute;
background:url(close.png) 0 0 no-repeat;
width:24px;
height:27px;
display:block;
text-indent:-9999px;
top:-7px;
right:-7px;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
var modal = (function(){
var
method = {},
$overlay,
$modal,
$content,
$close;
// Center the modal in the viewport
method.center = function () {
var top, left;
top = Math.max($(window).height() - $modal.outerHeight(), 0) / 2;
left = Math.max($(window).width() - $modal.outerWidth(), 0) / 2;
$modal.css({
top:top + $(window).scrollTop(),
left:left + $(window).scrollLeft()
});
};
// Open the modal
method.open = function (settings) {
$content.empty().append(settings.content);
$modal.css({
width: settings.width || 'auto',
height: settings.height || 'auto'
});
method.center();
$(window).bind('resize.modal', method.center);
$modal.show();
$overlay.show();
};
// Close the modal
method.close = function () {
$modal.hide();
$overlay.hide();
$content.empty();
$(window).unbind('resize.modal');
};
// Generate the HTML and add it to the document
$overlay = $('<div id="overlay"></div>');
$modal = $('<div id="modal"></div>');
$content = $('<div id="content"></div>');
$close = $('<a id="close" href="#">close</a>');
$modal.hide();
$overlay.hide();
$modal.append($content, $close);
$(document).ready(function(){
$('body').append($overlay, $modal);
});
$close.click(function(e){
e.preventDefault();
method.close();
});
return method;
}());
// Wait until the DOM has loaded before querying the document
$(document).ready(function(){
$.get('ajax.html', function(data){
modal.open({content: data});
});
$('a#howdy').click(function(e){
modal.open({content: "Hows it going?"});
e.preventDefault();
});
});
</script>
</head>
<body>
<a id='howdy' href='#'>Howdy</a>
</body>
</html>