Михаил Горячкин

Вот так например, если ни чего не напутал:

Timer myTimer = new Timer(); 
final Handler uiHandler = new Handler();
final TextView txtResult = (TextView) findViewById(R.id.вашid);
myTimer.schedule(new TimerTask() { 
    @Override
    public void run() {
        Calendar calendar = Calendar.getInstance();
	SimpleDateFormat simpleDateFormat = new SimpleDateFormat("dd:MMMM:yyyy HH:mm:ss a", Locale.getDefault());
	final String strDate = simpleDateFormat.format(calendar.getTime());

        uiHandler.post(new Runnable() {
            @Override
            public void run() {
                txtResult.setText(strDate);
            }
        });
    });
}, 5000);

Ну например вот так:
HTML:

<form id="sendForm">
    <input type="text" size="40" name="sub">
    <input type="text" size="40" name="text">
    <input type="submit" value="GET IT">
</form>

JS:

window.addEventListener('DOMContentLoaded', function(){
     var form = document.querySelector('#sendForm');
    
      form.addEventListener('submit', function (e) {
        e.preventDefault();
        sendMail(this.elements.sub.value, this.elements.text.value);
      }, false);
}, false);

Этого будет достаточно, ф-ю sendMail я соответственно в коде опустил, она та же.

В общем не совсем понятно зачем вам это все на чистом js-се, ну да ладно, вот вам демка. Вроде все учел, что вам было надо, если нет то сами подправите. Сам js такой:

(function(w, d){
  
  var childOf = function (child, parent) {
    while((child=child.parentNode) && child!==parent); 
    return !!child;
  };
  
  var initApp = function() {
      var activeTab,
          menu = d.querySelector('#menu'),
          firstLevel = menu.children || [], 
          ln = firstLevel.length;
    
      var tabClickHandler = function (e) {
        e.preventDefault();
        if (!activeTab) {
          activeTab = this;
        } else {
          activeTab.classList.remove('active');
          activeTab = this;
        }
        this.classList.add('active');
      };
  
      var innerTabClickHandler = function (e) {
        e.preventDefault();
        e.stopPropagation();
        if (activeTab) {
          activeTab.classList.remove('active');
        }
      };
  
      var closeMenuHandler = function (e) {
        var target = e.target || e.srcElement;

        if(!childOf(target, menu)) {
            if (activeTab) {
              activeTab.classList.remove('active');
            }
        }
      };
      
      if (!ln) return;
      
      while(ln--) {
        var tab = firstLevel[ln], 
            secondLevel = tab.querySelectorAll('ul > li') || [],
            lnS = secondLevel.length;
       
        tab.addEventListener('click', tabClickHandler, false);
        while(lnS--) {
          var innerTab = secondLevel[lnS];
          innerTab.addEventListener('click', innerTabClickHandler, false);
        }
      }
      
      d.addEventListener('click', closeMenuHandler, false);
  };
  
  w.addEventListener('DOMContentLoaded', initApp);
}(window, document));

Работать будет с IE9 и выше. Для анимации раскрытия используется обычный css.

В вашем случаи, когда контент подсасывается ajax-сом, вам надо вешать клик на ссылку вот так:

$(document).on('click', '.news h2 a', function(){
    	$(this).parent('h2').parent('.news').children('.text_from_news').slideToggle();
      return false;
});

Этот обработчик будет учитывать все ссылки удовлетворяющие селектору в том числе и добавленные динамически на страницу, а ваш вариант как раз ловит только ссылки, которые находились на странице изначально.

Если не придерживаться flux архитектуры то так:

var Comp1 = React.createClass({
//code
render: function() {
    return (
        <div>
         <Comp2 data={this.state.data} />
        </div>
    );
  }
});
var Comp2 = React.createClass({
  render: function() {
    return (
        var fromOne = this.props.data;
        <div>
          {fromOne}
        </div>
    );
  }
});

А если придерживаться flux-са то вам нужен Dispatcher и Store. При получение данных с сервера вы передаете данные в хранилище при помощи Dispatcher, после этого хранилище говорит что данные изменились, а в компонентах вы ставите прослушку на изменение данных. И как только произошло изменение, вы берете свежие данные из хранилища и уже делаете с ними что хотите.

Ну что же вы используете ES6, а названия классов с маленькой буквы пишите. Назовите свой второй класс BtnOrderAction и будет вам счастье.

GraphicsMagick for node.js

$("input[type=text]").each(function() {
    var input = $(this), id = this.id;
    input.attr('name', id);
});

Вот держите вам самую простую демочку. Эффекты смены я думаю добавите сами.

Ну тут все просто, вы инициализируете плагин для элемента у которого стоит свойство display: none;. В связи с чем скрипт не может получить размеры блока. Для того чтобы jscrollpane заработал на таком элементе необходимо вызывать его с ключом autoReinitialise и поместите этот код в $(document).ready().
В итоге будет как-то так:

$(document).ready(function() {
    $('.scroll-pane').jScrollPane({
         autoReinitialise: true
    });
});

Можно и без stora, но это уже не flux. А в чем у вас проблем при использовании одного хранилища?. Помечайте каждый компонент при его инициализации, каким-нибудь идентификатором. Запоминайте его в самом компоненте и помечайте компонент в Store с тем же ключом, но да при каждом изменении вам придется передавать и этот ключ, чтобы идентифицировать в каком именно компоненте произошло изменение. На самом деле если у компонента узкая специализация и само приложение небольшое, то я бы забил на хранилище и обрабатывал все его изменения внутри компонента. Но тут как говорится выбирайте, к чему у вас душа больше лежит, если будете делать через Store, то у вас будет и flux - архитектура и доступ к состояниям всех компонентов postsBoard, но надо будет по боле написать. Если без Store, то писать меньше и проще.

Это особенность gulp вопреки тому что вы пишите в последнем таске:
['fonts-concat', 'fontmin']
Gulp не будет выполнять их последовательно. А вот если вы напишите просто:

gulp.task('fonts', ['fonts-concat'] function() {
    return gulp.src('./fonts/*.css', {read: false})
        .pipe(clean());
});

То у вас перед fonts , будет запущен fonts-concat в свою очередь перед fonts-concat будет запущен fontmin и в итоге вы получите нужную цепочку. А что касается замены адреса, то создайте еще один таск используя gulp-replace или его аналог.
Как край вы можите использовать gulp-run-sequence.

Да потому что js не будет ждать когда у вас пройдет запрос и вернутся данные, а продолжит свое выполнение, а это значит, что пока запрос не обработан result будет false. Тут вам надо использовать либо Promise, либо callback функцию.

Ну так делаете у одного элемента правый бордер темного цвета, а у последующего левый бордер светлого и получите глубину.