<asp:LinkButton ID="lnkPrev"
Text="Назад"
RunAt="server"
OnClick="lnkPrev_Click"
/>
<asp:Image ID="Image1"
ImageUrl="~/img/1.jpg"
RunAt="server"
/>
<asp:LinkButton ID="lnkNext"
Text="Вперёд"
RunAt="server"
OnClick="lnkNext_Click"
/>
protected void lnkPrev_Click(object sender, EventArgs e)
{
// получаем список файлов в папке ~/img
var files = System.IO.Directory.GetFiles(Server.MapPath("~/img"));
// текущий путь берем из Image1.ImageUrl
var currentPath = Server.MapPath(Image1.ImageUrl);
// ищем текущий путь среди полученных файлов
int index = Array.IndexOf(files, currentPath);
// проверяем, нашлось что-то или нет
if (index != -1)
{
// проверяем, можно получить предыдущий файл или нет
if (index - 1 > 0)
{
// можно, берем его
Image1.ImageUrl = String.Format("~/img/{0}", System.IO.Path.GetFileName(files[index - 1]));
}
else
{
// нельзя, берем последний из списка
Image1.ImageUrl = String.Format("~/img/{0}", System.IO.Path.GetFileName(files[files.Length - 1]));
}
}
}
protected void lnkNext_Click(object sender, EventArgs e)
{
var files = System.IO.Directory.GetFiles(Server.MapPath("~/img"));
var currentPath = Server.MapPath(Image1.ImageUrl);
int index = Array.IndexOf(files, currentPath);
if (index != -1)
{
// проверяем, есть файлы впереди или нет
if (files.Length > index + 1)
{
// есть, берем следующий файл
Image1.ImageUrl = String.Format("~/img/{0}", System.IO.Path.GetFileName(files[index + 1]));
}
else
{
// нет, берем первый из списка
Image1.ImageUrl = String.Format("~/img/{0}", System.IO.Path.GetFileName(files[0]));
}
}
}
<asp:LinkButton ID="lnkPrev"
Text="Назад"
RunAt="server"
CommandArgument="-1"
OnClick="LinkButton_Click"
/>
<asp:Image ID="Image1"
ImageUrl="~/img/1.jpg"
RunAt="server"
/>
<asp:LinkButton ID="lnkNext"
Text="Вперёд"
RunAt="server"
CommandArgument="1"
OnClick="LinkButton_Click"
/>
protected void LinkButton_Click(object sender, EventArgs e)
{
var lnk = (LinkButton)sender;
var files = System.IO.Directory.GetFiles(Server.MapPath("~/img"));
var currentPath = Server.MapPath(Image1.ImageUrl);
int index = Array.IndexOf(files, currentPath);
// если подумать, то этот блок кода можно уменьшить
if (index != -1)
{
if (lnk.CommandArgument == "1")
{
if (files.Length > index + 1)
{
Image1.ImageUrl = String.Format("~/img/{0}", System.IO.Path.GetFileName(files[index + 1]));
}
else
{
Image1.ImageUrl = String.Format("~/img/{0}", System.IO.Path.GetFileName(files[0]));
}
}
else
{
if (index - 1 > 0)
{
Image1.ImageUrl = String.Format("~/img/{0}", System.IO.Path.GetFileName(files[index - 1]));
}
else
{
Image1.ImageUrl = String.Format("~/img/{0}", System.IO.Path.GetFileName(files[files.Length - 1]));
}
}
}
}
class TableManagement extends React.Component {
constructor(props) {
super(props);
this.state = {
head_names: ['qwe0', 'qwe1'],
rows: [
[1, 2],
[3, 4]
]
};
}
AddRow() {
let newRows = this.state.rows;
newRows.push([0, 0]);
this.setState({rows: newRows});
}
render() {
return (
<div>
<Table head={this.state.head_names} rows={this.state.rows} />
<hr />
<button onClick={ this.AddRow.bind(this) }>Add row</button>
</div>
);
}
}
class Table extends React.Component {
render() {
return (
<table>
<thead>
{this.genHead()}
</thead>
<tbody>
{this.genRow()}
</tbody>
</table>
);
}
genHead() {
var head = this.props.head;
return head.map(function(v, i) {
return (
<th key={'th' + i}>
{v}
</th>
);
});
}
genRow() {
var rows = this.props.rows;
return rows.map(function(v, i) {
var tmp = v.map(function(v2, j) {
return (
<td key={'td' + i + '_' + j}>
{v2}
</td>
);
});
return (
<tr key={'tr' + i}>
{tmp}
</tr>
)
});
}
}
ReactDOM.render(
<TableManagement />,
document.getElementById('root')
);
<script src="i18n/datepicker-ru.js"></script>
$('#datepicker').datepicker($.datepicker.regional[ 'ru' ]);
$('#datepicker').datepicker({ firstDay: 1 });
// или
$('#datepicker').datepicker('option', 'firstDay', 1);
<div class="clickme">
Нажми на меня!
</div>
$('.clickme').click(function(){
if (!$(this).data('status')) {
$(this).html('Молодец! А еще раз слабо?');
$(this).data('status', true);
}
else {
$(this).html('Ну ты гигант! А может еще раз?');
$(this).data('status', false);
}
});
Share = {
getParams: function(params) {
// используем полученные параметры,
// либо создаем пустой объект, чтобы не было ошибок
params = params || {};
// в качестве url используем params.url,
// либо адрес текущей страницы (window.location.href), если params.url не указан
params.url = params.url || window.location.href;
// используем params.title, либо заголовок документа
params.title = params.title || document.title;
// и т.п.
params.description = params.description || '';
params.img = params.img || '';
return params;
},
vkontakte: function(params) {
params = Share.getParams(params);
url = 'http://vkontakte.ru/share.php?';
url += 'url=' + encodeURIComponent(params.url);
url += '&title=' + encodeURIComponent(params.title);
url += '&description=' + encodeURIComponent(params.description);
url += '&image=' + encodeURIComponent(params.img);
url += '&noparse=true';
Share.popup(url);
},
facebook: function(params) {
params = Share.getParams(params);
url = 'http://www.facebook.com/sharer.php?s=100';
url += '&p[title]=' + encodeURIComponent(params.title);
url += '&p[summary]=' + encodeURIComponent(params.description);
url += '&p[url]=' + encodeURIComponent(params.url);
url += '&p[images][0]=' + encodeURIComponent(params.img);
Share.popup(url);
},
twitter: function(params) {
params = Share.getParams(params);
url = 'http://twitter.com/share?';
url += 'text=' + encodeURIComponent(params.description);
url += '&url=' + encodeURIComponent(params.img);
url += '&counturl=' + encodeURIComponent(params.img);
Share.popup(url);
},
popup: function(url) {
window.open(url, '', 'toolbar=0,status=0,width=626,height=436');
}
};
<span title="Поделиться в Facebook">
<a onclick="Share.facebook({url: 'https://toster.ru/q/294480'})">
<i class="facebook square icon">Facebook</i>
</a>
</span>
<span title="Поделиться в Twitter">
<a onclick="Share.twitter({description: 'Hello world!'})">
<i class="twitter square icon">Twitter</i>
</a>
</span>
<span title="Поделиться ВКонтакте">
<a onclick="Share.vkontakte({url: 'https://toster.ru/q/294480', description: 'Ответ на вопрос',
title: 'Как правильно создать кнопку «поделиться» в facebook?'})">
<i class="vk icon">VK</i>
</a>
</span>
<h2>Запись #1</h2>
<div class="share42init"
data-url="http://ссылка на запись"
data-title="Заголовок записи"
data-description="Описание записи">
</div>
<h2>Запись #2</h2>
<div class="share42init"
data-url="http://ссылка на запись 2"
data-title="Заголовок записи 2">
</div>
<h2>Запись #3</h2>
<div class="share42init"
data-url="http://ссылка на запись 3"
data-title="Заголовок записи 3">
</div>
<script type="text/javascript" src="http://site.name/share42/share42.js"></script>
<VirtualHost 127.0.0.1:80>
DocumentRoot /home/mysite.ru/www
ServerName mysite.ru.local
# ServerAlias mysite.ru
# ...все остальное...
</VirtualHost>
127.0.0.1 mysite.ru.local
var hash = window.location.hash;
if (hash.length > 1)
{
alert('Маркер доступа: ' + hash.substring(hash.indexOf('=') + 1));
}
http://localhost
var access_token = hash.substring(hash.indexOf('=') + 1);
?client_id=64c696ae6b32405a8efcd83889c571be&redirect_uri=http://localhost&response_type=token
$(document).ready(function(){
$(".debug_loginbutton").click(function(){
$("#div_debug_loginbutton").css("display": "none");
$("#a_load").css("display": "block");
$("#content").load("ajax/login");
})
})
$('li[sort]').sort(function (a, b) {
return parseInt($(a).attr('sort'), 10) < parseInt($(b).attr('sort'), 10) ? -1: 1;
}).appendTo('ul');
<div class="main-body">
<div class="result">
<div id="source">Скопируй меня, если не боишься!</div>
</div>
<button id="ButtonCopy">Копировать</button>
</div>
<script src="ZeroClipboard.min.js" type="text/javascript"></script>
<script type="text/javascript">
var CopyText = document.getElementById('source').innerHTML;
var clip = new ZeroClipboard(document.getElementById('ButtonCopy'), { moviePath: 'ZeroClipboard.swf' });
clip.on('mousedown', function (client) {
client.setText(CopyText);
});
clip.on('complete', function (client, args) {
alert('Текст: "' + args.text + '" успешно помещен в буфер обмана!');
});
clip.on('noflash', function (client) {
alert("А <s>компот</s> Flash?");
});
</script>
$( "#tags" ).autocomplete({
source: availableTags,
change: function(){
$(this).attr('data-select', $(this).val() != '');
},
select: function(){
$(this).attr('data-select', true);
},
close: function(){
if($(this).attr('data-select')!='true'){
$(this).val('');
}
}
});
$( "#tags" ).change(function(){
if($(this).attr('data-select')!='true'){
$(this).val('');
}
});
.detail{
width: 100%;
background-color: #dcd6c6;
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
}