Тема: Полезные js (Поддержка Dcms-Social/DS v.1.8.x-1.9.0)

Онлайн (9 Dec 2017 в 19:28)
К примеру есть статус на личной странице, решение избавит от дополнительных библиотек и кучи кода.
Для начала мы создадим стили
.close {
    display:none;/* Скрыть содержимое */
}
.cursor {
    cursor:pointer;/* Курсор как на ссылку */
}
.status-text {
    ваши стили
} 
.status-form {
    ваши стили
} 
Далее на странице создаем два дива на текст и на форму, которая будет скрыта, а при клике на текст она появится, сам текст скроется
<div class="status-text cursor">Здесь текст статуса</div>
<div class="status-form close">
    <form>
    наша форма
    </form>
</div>
А теперь не хитрый скрипт, который будет менять местами стили close
<script>
    $(\'.status-text\').click(function(e){
        e.preventDefault();
        $(this).addClass(\'close\');
        $(\'.status-text\').addClass(\'close\');
        $(\'.status-form\').removeClass(\'close\');
    });
    $(\'body\').click(function(e){
        if(!$(e.target).parents(\'.close\').length && !$(e.target).hasClass(\'close\')) 
        {
        $(\'.status-form\').addClass(\'close\');
        $(\'.status-text\').removeClass(\'close\');
        }
    });
</script>
Может кому пригодится в разработках, скрипт работает со всех устройств поддерживающих js

Онлайн (28 Dec 2017 в 04:06)
Как часто вы сталкивались с тем что подгружаете в id div\'а контент и в этом окне не работают скрипты?
У меня есть решение только для jQuery
$(\'#ваш див\').on(\'click\', function() {
// меняем на 
$(document).on(\'click\', \'#ваш див\', function() {

Simptom (28 Dec 2017 в 08:38)
А не проще сразу менять свойства display при клике, вместо добавления и удаления сласса?

Simptom (30 Dec 2017 в 01:18)
Сласса :-D
Грёбаный Т9

Онлайн (31 Dec 2017 в 02:08)
--Цитата--
Simptom (28 Dec 2017 в 08:38):
А не проще сразу менять свойства display при клике, вместо добавления и удаления сласса?
----------
Simptom, в том то и дело что описанный тобой способ тоже верный, но в некоторых случаях конфликтный, тем более если подключена библиотека animate, ващпе четенько все смотрится )) к примеру addClass(fadeInDown animated)

Онлайн (15 Mar 2018 в 11:43)
[big]Форма отправки без перезагрузки[/big]
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
function AjaxForm(result_id,formMain,url) {
   jQuery.ajax({
      url:     url,
      type:     "POST",
      dаtаType: "html",
      dаtа: jQuery("#"+formMain).serialize(),
      success: function(response) {
         document.getElementById(result_id).innerHTML = response;
      },
      error: function(response) {
         document.getElementById(result_id).innerHTML = "Ошибка";
      }
   });
}
</script>
<form method="post" action="" id="formMain">
<input type=\'text\' id=\'title\' class=\'form-control\' name=\'title\' value=\'\' placeholder="Заголовок" />
<textarea id=\'opis\' class=\'form-control\' name=\'opis\'>Описание</textarea>
<input id="button" type="button" value="Сохранить" onclick="AjaxForm(\'result\', \'formMain\', \'/ajax/form.php\')"/>
</form>
<div id="result">Заполните форму</div>
Теперь в папке ajax создадим файл обработчик form.php
<?
include_once \'../../sys/inc/start.php\';
include_once \'../../sys/inc/compress.php\';
include_once \'../../sys/inc/sess.php\';
include_once \'../../sys/inc/home.php\';
include_once \'../../sys/inc/settings.php\';
include_once \'../../sys/inc/db_connect.php\';
include_once \'../../sys/inc/ipua.php\';
include_once \'../../sys/inc/fnc.php\';
include_once \'../../sys/inc/user.php\';
	if (isset($_POST[\'title\']))
	{
	    
	    $title=$_POST[\'title\'];
	    $opis=$_POST[\'opis\'];
тут делаем запись в бд или обновление  записи
        echo \'<div style="background:#19A25F;padding:6px;"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x fa-inverse"></i>
        <i class="fa fa-check fa-stack-1x" style="color:#19A25F"></i>
        </span> <span style="margin-left:6px;">Сохранено</span>\';
    
    
	} 
?>

Источник: http://gix.su/forum/5/7/246/