Оценки читателей
0 Лайк 0 Лавки 0 Ахахах! 0 Ого! 0 Восторг 0 Печаль 0 Грусняшь
Приветствуем Вас на сайте!
Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:
Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».
Заказывая работу для вашего сайта у нас, вы экономите время...
Заказывая работу для вашего сайта у нас, вы экономите время...
Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Перезагрузите страницу
- Главная
- Авторские работы
- Пользователи
- Статус пользователя из модуля FAQ v1.0....
DEMO
+
Всем привет представляем вам скрипт Статус пользователя из модуля FAQ v1.0. Особо долго не думал на чем писать PHP или Javascript. В итоге решили на Js и использовать самый бесхозный на мое мнение модулю FAQ... Данная версия Бета и написали мы ее по предложениям пользователям к стене пользователя. Но хватит слов вот вам отдельно работа скрипта статуса (Полная версия будет в Стене):
1. Выводим скрипт на нужной странице:
<div id="ucodes_center_dannye_status">
<?if($_IS_OWN_PROFILE$)?>
<div id="Ucodes-status_addd" title="Добавить статус!."><i></i></div>
<div id="Ucodes-status_close" title="Закончить редактировать статус!."><i></i></div>
<textarea id="message-status" placeholder="Напишите свой статус :)"></textarea>
<div id="Ucodes-status_publ" title="Опубликовать статус">OK</div>
<div id="Ucodes-status_text">Поиск последнего статуса!.</div>
<?else?><div id="Ucodes-status_text">Поиск последнего статуса!.</div><?endif?>
</div>
$_IS_OWN_PROFILE$ - флаг, указывающий, что просматриваемый профиль принадлежит пользователю, который его просматривает
2. Подключаем Js скрипт:
$(function(){
setTimeout(function(){
$('div#Ucodes-status_text').load('/faq/0-1 div#'+timeline.uCodes._username+':last', function(response, status, xhr) {
if (status == "error") {
$('div#Ucodes-status_text').html('Статус еще не установлен!.');
}
});
}, 7500);
$('div#Ucodes-status_addd').click(function () {
$('div#Ucodes-status_addd, #Ucodes-status_text').hide();
$('div#Ucodes-status_close, #message-status, div#Ucodes-status_publ').show();
});
$('div#Ucodes-status_close').click(function () {
$('#Ucodes-status_addd, #Ucodes-status_text').show();
$('div#Ucodes-status_close, #message-status, div#Ucodes-status_publ').hide();
});
$('#Ucodes-status_publ').click(function() {
$(this).attr('disabled','disabled');
$.get("/faq/0-0-0-1", function(data) {
$.post("/faq/", {
jkd498: 1,
jkd428: 1,
cat: 1,
ocat: 1,
email: ''+timeline.uCodes._username+'',
message: $('#message-status').val(),
a: 2,
coms_allowed: 1,
ssid: $('[name="ssid"]', data).val()
}, function(res) {
$('div#Ucodes-status_text').load('/faq/0-1 div#'+timeline.uCodes._username+':last');
$('#Ucodes-status_addd, #Ucodes-status_text').show();
$('div#Ucodes-status_close, #message-status, div#Ucodes-status_publ').hide();
});
});
});
});
3. Создаем общию базу данных для JS вставляем под body:
<script type="text/javascript">
var timeline = new Object();
timeline.uCodes = { _username:'$_USERNAME$', copyright: 'ucodes.ru' }
</script>
4. В виде материалов модуля FAQ заменяем все на:
<div id="$EMAIL$" class="status-repost_info">$ANSWER$</div>
5. Настраиваем модуль FAQ согласно скрину:
6. Создаем категорию в модуле FAQ с любым названием (ID её должен быть 1)
7. Добавляем стандартные CSS стили:
div#Ucodes-status_addd i {
background: url(http://ucodes.ru/Ulast/img/action.png) no-repeat;
width: 12px;
height: 12px;
display: inline-block;
margin-bottom: -2px;
margin-right: 5px;
}
div#Ucodes-status_addd {
font-weight: bold;
font-size: 10px;
position: absolute;
margin: -22px 0px 0px 105px;
cursor: pointer;
}
div#Ucodes-status_close {
font-weight: bold;display:none;
font-size: 10px;
position: absolute;
margin: -22px 0px 0px 105px;
cursor: pointer;
}
div#Ucodes-status_close i {
background: url(http://ucodes.ru/Ulast/img/action.png) no-repeat -14px 0px;
width: 12px;
height: 12px;
display: inline-block;
margin-bottom: -2px;
margin-right: 5px;
}
textarea#message-status {
border: 1px solid #C6CBDE;
width: 210px;
display: none;
max-width: 210px;
max-height: 67px;
position: relative;
z-index: 2;
border-radius: 3px;
}
div#Ucodes-status_publ {
position: absolute;
top: -20px;
right: 0px;
cursor: pointer;
font-weight: bold;
background: #C6CBDE;
color: #fff;
padding: 1px 10px;
border-radius: 3px 3px 0px 0px;
font-size: 10px;
text-shadow: 0px 0px 1px #76B7E9;
display: none;cursor: pointer;
}
1. Выводим скрипт на нужной странице:
Код
<div id="ucodes_center_dannye_status">
<?if($_IS_OWN_PROFILE$)?>
<div id="Ucodes-status_addd" title="Добавить статус!."><i></i></div>
<div id="Ucodes-status_close" title="Закончить редактировать статус!."><i></i></div>
<textarea id="message-status" placeholder="Напишите свой статус :)"></textarea>
<div id="Ucodes-status_publ" title="Опубликовать статус">OK</div>
<div id="Ucodes-status_text">Поиск последнего статуса!.</div>
<?else?><div id="Ucodes-status_text">Поиск последнего статуса!.</div><?endif?>
</div>
$_IS_OWN_PROFILE$ - флаг, указывающий, что просматриваемый профиль принадлежит пользователю, который его просматривает
2. Подключаем Js скрипт:
Код
$(function(){
setTimeout(function(){
$('div#Ucodes-status_text').load('/faq/0-1 div#'+timeline.uCodes._username+':last', function(response, status, xhr) {
if (status == "error") {
$('div#Ucodes-status_text').html('Статус еще не установлен!.');
}
});
}, 7500);
$('div#Ucodes-status_addd').click(function () {
$('div#Ucodes-status_addd, #Ucodes-status_text').hide();
$('div#Ucodes-status_close, #message-status, div#Ucodes-status_publ').show();
});
$('div#Ucodes-status_close').click(function () {
$('#Ucodes-status_addd, #Ucodes-status_text').show();
$('div#Ucodes-status_close, #message-status, div#Ucodes-status_publ').hide();
});
$('#Ucodes-status_publ').click(function() {
$(this).attr('disabled','disabled');
$.get("/faq/0-0-0-1", function(data) {
$.post("/faq/", {
jkd498: 1,
jkd428: 1,
cat: 1,
ocat: 1,
email: ''+timeline.uCodes._username+'',
message: $('#message-status').val(),
a: 2,
coms_allowed: 1,
ssid: $('[name="ssid"]', data).val()
}, function(res) {
$('div#Ucodes-status_text').load('/faq/0-1 div#'+timeline.uCodes._username+':last');
$('#Ucodes-status_addd, #Ucodes-status_text').show();
$('div#Ucodes-status_close, #message-status, div#Ucodes-status_publ').hide();
});
});
});
});
3. Создаем общию базу данных для JS вставляем под body:
Код
<script type="text/javascript">
var timeline = new Object();
timeline.uCodes = { _username:'$_USERNAME$', copyright: 'ucodes.ru' }
</script>
4. В виде материалов модуля FAQ заменяем все на:
Код
<div id="$EMAIL$" class="status-repost_info">$ANSWER$</div>
5. Настраиваем модуль FAQ согласно скрину:
6. Создаем категорию в модуле FAQ с любым названием (ID её должен быть 1)
7. Добавляем стандартные CSS стили:
Код
div#Ucodes-status_addd i {
background: url(http://ucodes.ru/Ulast/img/action.png) no-repeat;
width: 12px;
height: 12px;
display: inline-block;
margin-bottom: -2px;
margin-right: 5px;
}
div#Ucodes-status_addd {
font-weight: bold;
font-size: 10px;
position: absolute;
margin: -22px 0px 0px 105px;
cursor: pointer;
}
div#Ucodes-status_close {
font-weight: bold;display:none;
font-size: 10px;
position: absolute;
margin: -22px 0px 0px 105px;
cursor: pointer;
}
div#Ucodes-status_close i {
background: url(http://ucodes.ru/Ulast/img/action.png) no-repeat -14px 0px;
width: 12px;
height: 12px;
display: inline-block;
margin-bottom: -2px;
margin-right: 5px;
}
textarea#message-status {
border: 1px solid #C6CBDE;
width: 210px;
display: none;
max-width: 210px;
max-height: 67px;
position: relative;
z-index: 2;
border-radius: 3px;
}
div#Ucodes-status_publ {
position: absolute;
top: -20px;
right: 0px;
cursor: pointer;
font-weight: bold;
background: #C6CBDE;
color: #fff;
padding: 1px 10px;
border-radius: 3px 3px 0px 0px;
font-size: 10px;
text-shadow: 0px 0px 1px #76B7E9;
display: none;cursor: pointer;
}
Основного шаблонизатора нет так как скрипт писался под стену пользователя (Для вас приложен CSS редактируем его под ваш дизайн)!.
Данный скрипт вы можете потестировать у нас в вашем профиле. А также написать нам в ЛС о предложениях и его развития.
Если вы копируете данный то материал то указывайте источник uCodes.ru ....
Данный скрипт вы можете потестировать у нас в вашем профиле. А также написать нам в ЛС о предложениях и его развития.
Если вы копируете данный то материал то указывайте источник uCodes.ru ....
Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Добавил: Best_Studio
Дата добавления: 05.11.2015 в 20:53 по МСК
Категория: Пользователи
Просмотров: 850
Комментариев: 0
Эмоций:
Дата добавления: 05.11.2015 в 20:53 по МСК
Категория: Пользователи
Просмотров: 850
Комментариев: 0
Эмоций:
Теги: