Изменение названия страницы при вводе

Как упражнение для себя Я пытаюсь создать приложение для публикации в блоге с использованием JavasScript, JQuery и PHP. Я хочу, чтобы, когда вы печатаете, заголовок страницы меняется. При этом я имею в виду заголовок, объявленный в тегах <title></title>. Хорошим примером этого является StackOverflow: когда вы задаете новый вопрос, вы вводите заголовок этого сообщения, а заголовок страницы (объявленный внутри <head>) изменяется на заголовок, который вы печатаете.Изменение названия страницы при вводе

Как это сделать? Возможно ли использование только JavaScript/JQuery или вам нужен AJAX?

источник

2013-12-22 Creator13

Вы можете просто изменить название с JS:

document.title = 'New title';

О влиянии вы ищете, вероятно, можно сделать что-то в строках:

$(document).ready(function() { 
    $("input").keyup(function() { 
      var text = $(this).val(); 
      document.title = text; 
    }); 
});

источник

2013-12-22 17:52:18 janhartmann

Я не уверен, но Я думаю, вы хотите изменить страницу title на то, что набрано в теге input, например

что-то вроде этого?

$(document).ready(function() { 
    $('#myInput').keyup(function() { 
     $(document).attr('title', $('#myInput').val()); 
    }); 
});

выше будет отслеживать изменения ключа вверх (на клавиатуре) и получить значение ввода текста и установить его в качестве заголовка страницы:

здесь рабочая скрипку: http://jsfiddle.net/ZLPfM/show

источник

2013-12-22 17:58:54

Для изменить заголовок страницы, вы можете сделать одну из двух вещей:

//plain javascript 
document.title = 'My JavaScript title!'; 

//jQuery 
$(document).attr('title', 'My jQuery Title');

для того, чтобы изменить его во время набора текста, подключить к keyup события:

$(document).keyup(function(e) 
{ 
    //Check the keycode using e.keyCode 
});

Это будет связывать его с document, что означает, в любое время клавиша нажата, внутри входа или иначе, ваше мероприятие будет срабатывать. Вы также можете привязать его к текстовому полю, чтобы он срабатывал только при вводе внутри ввода (что, вероятно, вы хотите сделать).

Если вы связываетесь с document, как показано выше, вам нужно будет проверить keyCode и добавить значение в свой заголовок. Если вы привязаны к входу, вы можете захватить входное значение и установить заголовок на новое значение:

$('#myinput').keyup(function(e) 
{ 
    var text = $(this).val(); 
    document.title = text; 
});

источник

2013-12-22 18:01:45

Изменение названия страницы при вводе

ответ

Смежные вопросы