2013-05-11 3 views
0

Я пытаюсь заменить заголовок страницы из текстовой области, когда нажата кнопка «Go» с помощью jQuery. Я еще не успел. Я судимое ReplaceWith(), но это не сработало, так что я попытался это:jQuery Заменить название страницы с пользовательского ввода

test.html:

<html> 
<head> 
<title>Test</title 
<script src="jQuery.min.js"></script> 
<script src="go.js"></script> 
<link id="si" rel="shortcut icon" media="all" type="image/x-icon" href="http://www.google.com/favicon.ico" /> 
<!-- This was for trying to change the icon (also unsuccessful) --> 
<link id="i" rel="icon" media="all" type="image/vnd.microsoft.icon" href="http://www.google.com/favicon.ico" /> 
</head> 
<body> 
<textarea id="title">Type the new title.>;/textarea> 
<!-- Put the favicon switcher here --> 
<button onclick="go()">Go</button> 
<br /> 
</body> 
</html>` 

go.js:

$(function go() { 
    var title = document.getElementById('title').value(); 
    document.title = title; 
});  
+0

В следующий раз вы можете просто использовать четыре (4) места для кодировать блоки и размножать (2+) пробелы в конце строки для разрыва строки. – andlrc

+0

Как об использовании Google? Простой Хороший поиск это то, что я нашел: http://stackoverflow.com/questions/987967/how-to-change-an-elements-title-attribute-using-jquery – Schoening

+0

просто удалите $ (и); from go.js & try –

ответ

0

Без JQuery:

<html> 
    <head> 
     <title></title> 
    </head> 
    <body> 
     <input type="text" onkeyup="updateTitle()" id="tinput"> 
     <script> 
      var title = document.getElementsByTagName('title'); 
      title = title[0]; 

      var titleInput = document.getElementById('tinput'); 

      function updateTitle() { 
       title.innerHTML = titleInput.value; 
      } 
     </script> 
    </body> 
</html> 

EDIT:

О, вы ищете решение jQuery. Я просто держать ответ, может быть, кто-то будет использовать из него :)

+0

Спасибо! Это полезно, хотя решение jQuery было бы неплохо, поэтому я мог бы также использовать его для изменения значка. –

+0

Никто, кажется, не публикует сообщения, и этот способ работает лучше всего (хотя некоторые из них тоже работают), поэтому я отмечаю это как ответ. –

0

Используйте эту функцию идут:

function go() { 
    var title = $('#title').val(); 
    $('title').text(title); 
}; 
+0

Это не изменяется при нажатии. –

+0

Извините, отредактировал его ... функция была выполнена неправильно на готовом документе – Tobson

0
$(function() { 
    $("button#go").click(function() { 
    document.title = $("#title").val(); 
    }); 
}); 

<button id="go">Go</button> 
+0

Это работает. Спасибо, что опубликовали его. –

0

Вы можете попробовать это так:

go = function() { 
    var title = document.getElementById("title").value; 
    alert(title); 
    document.title = title; 
} 
+0

Это работает. Спасибо, что опубликовали его. –

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