VPF::Обращение и форматирование текста

GIK

Дата 8.3.2006, 13:21 (ссылка)

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

Загрузка ...

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

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

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

Всем привет.
У меня сопсно два вопроса, так что извиняюсь что нарушаю правил.
1) Почему текст не форматируется а выдает соответствующие теги
2) Как обратится к каждому символу, для форматирования конкретно его.

Код



<html>
 <head>
  <script type="text/javascript">
   <!--
     function FlashStyle(ID,W) {
 document.getElementById(ID).width=215;
 var txt=document.getElementById("IMGdivID").innerText;
 txt=txt.fontsize(12);
 txt=txt.big(10);
 document.getElementById("IMGdivID").innerText=txt;
}            
  

//-->
 </script>
   </head>
 <body id="bod" bgcolor='#009983'>   

<A href="img\1.jpg"><img src="img\1.jpg" id="img1" width=210 style="position:absolute;top:210;left:100;zIndex:0;" onMouseOver="FlashStyle('img1',this.width)" onMouseOut="this.width=210"></A>
  <div id="IMGdivID" style="position:absolute;top:460;left:120;color:#423323;width:150;height:30";overflow:hidden>Консультант №1</div>

</body>
</html>

Это сообщение отредактировал(а) GIK - 8.3.2006, 13:21

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

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

Ciber SLasH

Дата 8.3.2006, 17:25 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

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

Код


<html>
<head>
<script type='text/javascript'>
function FlashStyle(ID, W) {
document.getElementById(ID).width = 215;
var obj = document.getElementById("IMGdivID");
var txt = obj.innerText || obj.firstChild.nodeValue;
txt = txt.substring(0, 5).fontsize(5) + txt.substring(5, txt.length).fontsize(2);
obj.innerHTML = txt;
}
</script>
</head>

<body id='bod' bgcolor="#009983">
<a href='img\1.jpg'><img id='img1' src='img\1.jpg' width="210" style='position: absolute; top: 210; left: 100; z-index: 0;' onMouseOver='FlashStyle("img1", this.width)' onMouseOut='this.width = 210'></a>
<div id='IMGdivID' style='position: absolute; top: 460; left: 120; color: #423323; width: 150; height: 30; overflow: hidden'>Консультант №1</div>
</body>
</html>

GIK

Дата 11.3.2006, 14:43 (ссылка)

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

Загрузка ...

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

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

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

Всем еще раз здрасте, Ciber SLasH еще раз спасибо smile

Возникли еще пара вопросов.
Новую тему создовать не стал так что звиняйте.
Почему не возможно использовать переменные в установке значений в substring,
т.е. если использую переменные txt.substring(i, n)fontsize(5) вместо цифр txt.substring(0, 5)fontsize(5) то ни чего не получается?
А вообще хочу реализовать эффект чтобы при наведении на картину, каждая по очереди буква увеличивалась и соответственно уменьшал, для этого я разработал следующий алгоритм:
Создал переменную таймера, две переменных инициализирующих индексы расположения букв:
i - переменная инициализирует увеличенную букву.
n - следующий за i эллемент
При входе в функцию где происходит сие дело тупо вставляется начальнальная надпись, как бы после увеличения буква уменьшилась.
Первая буква увеличивается в отдельном блоке

Код


if(i==0){
 txt = txt.substring(0, 1).fontsize(5)+txt.substring(1,txt.length).fontsize(2);
 obj.innerHTML=txt; i++;

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

Код


else { n++; txt=txt.substring(0, i).fontsize(2)+txt.substring(i,n).fontsize(5)+txt.substring(n,txt.length).fontsize(2);
        i++;}

Середина это всегда увеличивающаяся буква.
После полного прохождения слова все переменные получают начальные значения.
Вот и все, логика проста, осталось найти синтаксический баг smile

.
Считаю что он именно в том что используются пееменный вместо просто числовых значений, т.к. в упрощенном варианте этот эффект имено не работал.

Код для заинтересованных smile

Код


<html>
<head>
<script type='text/javascript'>
 var Go=true;
 var SetTime;
 var i=0;
 var n=1;
 var obj;

  function GoTimeFlashStyle(ID,W) if(G0){{
 document.getElementById(ID).width = 215;    
 obj = document.getElementById("IMGdivID"); 
 SetTime=window.setInterval("FlashStyle()", 1000);
 Go=false; 
 }
}
  function FlashStyle() {  
 obj.innerHTML="Консультант №1"; 
 var txt = obj.innerText;
 if(i==0){
 txt = txt.substring(0, 1).fontsize(5)+txt.substring(1,txt.length).fontsize(2);
 obj.innerHTML=txt; i++;
  } else { n++; txt=txt.substring(0, i).fontsize(2)+txt.substring(i,n).fontsize(5)+txt.substring(n,txt.length).fontsize(2);
        i++;} 

 if(i==14){clearInterval(SetTime); i=0; n=1; Go=true;}
}

</script>
</head>
<body id='bod' bgcolor="#009983">
<a href='img\1.jpg'><img id='img1' src='img\1.jpg' width="210" style='position: absolute; top: 210; left: 100; z-index: 0;' onMouseOver='GoTimeFlashStyle("img1", this.width)' onMouseOut='this.width = 210'></a>

<div id='IMGdivID' style='position: absolute; top: 460; left: 120; color: #423323; width: 150; height: 30; overflow: hidden'>Консультант №1</div>

</body>
</html>

Это сообщение отредактировал(а) GIK - 11.3.2006, 14:46

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

Ciber SLasH

Дата 11.3.2006, 20:10 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

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

Код


<html>
<head>
<script type='text/javascript'>
var Go = true;
var SetTime;
var i = 0;
var n = 1;

function GoTimeFlashStyle(ID,W) {
    if (Go) {
        document.getElementById(ID).width = "215px";
        SetTime = window.setInterval(FlashStyle, 1000);
        Go = false;
    }
}
function FlashStyle() {
    obj.innerHTML = "Консультант №1";
    var txt = obj.innerText;
    txt = txt.substring(0,i).fontsize(2)+txt.substring(i,n).fontsize(5)+txt.substring(n,txt.length).fontsize(2);
    obj.innerHTML = txt;
    i++; n++;
    if (i == 14) {
        clearInterval(SetTime);
        i = 0; n = 1; Go=true;
    }
}
onload = function () {
obj = document.getElementById("IMGdivID");
}
</script>
</head>

<body id='bod' bgcolor="#009983">
<a href='img\1.jpg'><img id='img1' src='img\1.jpg' width="210" style='position: absolute; top: 210px; left: 100px; z-index: 0;' onMouseOver='GoTimeFlashStyle("img1", this.width)' onMouseOut='this.width = "210px"'></a>
<div id='IMGdivID' style='position: absolute; top: 460px; left: 120px; color: #423323; width: 150px; height: 30px; overflow: hidden'>Консультант №1</div>
</body>
</html>

ЗЫ: Пиши код с отступами, а то его трудно и не интересно читать, посмотри как я пишу. smile

GIK

Дата 13.3.2006, 14:49 (ссылка)

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

Загрузка ...

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

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

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

Спасибо.

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

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