VPF::Вставка текста в текст страницы

cia

Дата 11.6.2008, 22:10 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 207
Регистрация: 15.1.2007

Репутация: нет
Всего: 4

Вопрос, наверное, ламерский.
Как средствами JavaScript вставить/изменить текст в определенном месте страницы?
Короче нужно вставить текст в контейнер вроде <div>. Важно чтобы текст не отличался от обычного текста на странице.

AJIeKceu_D

Дата 11.6.2008, 22:59 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 8
Регистрация: 16.11.2006

Репутация: нет
Всего: нет

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.story {
    font-weight:bold;
}
</style>
<script>
function addText() {
    document.getElementById("textCont").innerHTML="добавляемый текст";
    document.getElementById("textCont").className="story";
}
</script>
</head>
<body onload="addText()"> 
<div id="textCont" />
</body>
</html>

Padonak

Дата 12.6.2008, 04:31 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 63
Регистрация: 29.5.2008
Где: Ростов-на-Дону

Репутация: 2
Всего: 2

вобще-то можно использовать регулярные выражения - тогда легко указать место замены текста выбрав в качестве регвыражения нужный кусок исходного текста

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body{
color: #000;
background-color: #f8f8ff;
font-family: Georgia, Verdana, Helvetica, Arial;
font-size: 12px;
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 0px;
text-align: center;
}

a:link, a:active, a:visited, a:hover{
text-decoration: none;
color: #000;
background-color: #f8f8ff;
font-weight: bold;
}

a:hover{
text-decoration: none;
color: #dc143c;
background-color: #f8f8ff;
font-weight: bold;
}

#textCont{
text-align: left;
}
-->
</style>
</head>
<body> 
<div id="textCont">
Fuck is an English word that, as a verb, means "to have sexual intercourse". It can also be used as several other 
grammatical forms describing an unpleasant person; its participle "fucking" is sometimes used merely as a strong 
emphatic. Its use is considered profane and offensive in some formal, polite, or politically-correct circles. On 
the other hand, it may be common or even expected in informal and domestic situations, or among culturally liberal 
social groups and types.<br /><br />
It is unclear whether the word has always been considered vulgar, and if not, when it first came to be used to 
describe (often in an extremely angry, hostile or belligerent manner) negative or unpleasant circumstances or 
people in an intentionally offensive way, such as in the term "motherfucker", one of its more common usages in 
some parts of the English-speaking world.<br /><br />
The root fuck is used not only for the verb (both transitive and intransitive), but may also be used to form an 
emphatic adverb or adjective, a noun, and interjections of various kinds.<br />
</div>
<br /><br />
<a href="#null" onfocus="this.blur()" onclick="changeText()">Заменить</a>
<script language="JavaScript" type="text/javascript">
var pattern = /[\w]*fuck[\w]*/ig;
var temp = document.getElementById("textCont").innerHTML;

function changeText(){
var txt = document.getElementById("textCont");
txt.innerHTML = temp.replace(pattern, '<a href="#null" title="this is not just fuck" onfocus="this.blur()" onclick="window.alert(this.innerHTML)">$&<\/a>');
}
</script>
</body>
</html>

cia

Дата 12.6.2008, 08:18 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 207
Регистрация: 15.1.2007

Репутация: нет
Всего: 4

Списбо работает.

GIK

Дата 14.6.2008, 13:28 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: нет
Всего: 14

Народ, а подскажите как вставить текст из файла, но не в объект, а просто в указанную точку кода. Точка кода находится в чапсти BODY

--------------------

Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »