<head></head>
<head>
<script src = "/javascript/game.js" type = "javascript" />
</head>
function gameHandler() {
// Код внутри функции
}
<div id = "block">
...
</div>
$('#block').on('click', gameHandler); // где gameHandler и есть название нашей функции из файла game.js
<div class="priceOne">
цена за 1 мес. - <span>25</span>
</div>
var priceMessage = document.getElementsByClassName("priceOne")[0];
var priceRaw = priceMessage.queySelector('span').innerHTML;
var price = parseInt(priceRaw);
$.post('/getImages.php', {
url: 'http://site.com/images/image.jpg'
}, function (data) {
// Сохраняем изображения
// Правда признаюсь - это извращение ;)
}, 'JSON');
<?php
$url = $_POST['url'];
$filename = end('/', $url);
$path = __DIR__ . '/images_cache/';
file_put_contents($path . $filename, file_get_contents($url));
json_encode([
'image' => '/images_cache/' . $filename,
'filename' => $filename
]);
var $button = $("button#send-ajax");
function clickHandler () {
// Отправка Ajax
// ...
// Отключаем обработку события клика
$button.off('click');
// Включаем через 3 секунды
setTimeOut(function () { $button.on('click', clickHandler); }, 3000);
}
// Включаем обработчик события
$button.on('click', clickHandler)
doctype html
html
head
style
include style.css
body
<?php if (isHome() == 'index') { ?>
h1 Index page
<?php } else { ?>
h1 <?= $page->title ?>
<?php } ?>
p Welcome to my super lame site.
script
include script.js
function renderJade($file) {
$jadeCompiler = new Jade\Compiler;
ob_start();
include $file; // здесь Jade шаблон
$jadeContent = ob_get_contents();
$template = $jadeCompiler->compileContent($jadeContent);
return $template;
}
print renderJade("path/to/jade/template.php" );
<style>
<script>
background-image: url(data:image/gif;base64,{{base64_content}});
<img src="data:image/gif;base64,{{base64_content}}" alt="" />
@font-face {
font-family: 'FontName';
src: url(data:font/truetype;charset=utf-8;base64,{{base64_content}}) format('truetype'),
url(data:font/woff;charset=utf-8;base64,{{base64_content}}) format('woff');
}
$(window).resize(function () {
console.log( $( window ).width() ); // Запишем в консоль новый размер
});
$(window).on('resize', function () {
console.log( $( window ).width() ); // Запишем в консоль новый размер
});
(!empty ($var))