Обращение к подписи гиперссылки

@Обсидиан · Регистрация: 11.10.2010

Author24 — интернет-сервис помощи студентам

Люди добрые помогите, кто знает! Сам я по javascript не специалист.
Нужно сделать гиперссылку при нажатии на которую буковки подписи начинают одна за другой убегать на некое расстояние. С алгоритмом самих буковок я разобрался без проблем - там все просто. Но уже весь мозг себе сломал - не могу додуматься как это все вывести на экран? Можно ли как-то обратиться к содержимому подписи? Или как то по другому вывести. Пробовал через document.write() но она их один за одним печатает, а так чтоб в одном месте - ну хоть ты тресни не хочет...

@~~vglbch~~ · 24.01.2012, 07:55

Сообщение от Обсидиан

С алгоритмом самих буковок я разобрался без проблем - там все просто.

Покажи, что уже есть.

@Обсидиан · 24.01.2012, 22:05 **[ТС]**

Короче, бился-бился - ничего не добился...
Пка сочинил такую штуку:

HTML5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
<head>
    <title>Untitled</title>
    <style type: "text/css">
    span {margin-left: -2pt}
    </style>
</head>
 
<body>
 
<a name="ref" href="mailto:mail_1@mail.ru">
<span id="id1" class="span">С</span>
<span id="id2" class="span">с</span>
<span id="id3" class="span">ы</span>
<span id="id4" class="span">л</span>
<span id="id5" class="span">к</span>
<span id="id6" class="span">а</span>
</a>
<br>
 
 
<button name="but" onclick="run()"> Кнопка1 </button>
 
<script>
function run()
{
    var intrvl=5
    for (i=6;i>0;i--)//преобразовываем строку в массив
        {for (j=0;j<intrvl;j++)
            {
            document.getElementById("id"+i).style.marginLeft=j+"mm";
            if (i<6) document.getElementById("id"+(i+1)).style.marginLeft=(intrvl-j-2)+"mm";
            }
        }
}
 
</script>
 
</body>
</html>

Но она работает все равно не так как хочется - отображается только конечный результат. А сам процесс остается за кадром

@~~vglbch~~ · 24.01.2012, 22:37

Сообщение от Обсидиан

отображается только конечный результат. А сам процесс остается за кадром

Думаю, что здесь нужен ajax.

@Обсидиан · 26.01.2012, 23:47 **[ТС]**

В итоге получилось вот так:

HTML5

<head>
    <title>Untitled</title>
    <style type: "text/css">
    span {margin-left: -2pt}
    </style>
</head>
 
<body>
<a name="ref" href="mailto:mail_1@mail.ru" onclick="run()">
<span id="id1" class="span">С</span>
<span id="id2" class="span">с</span>
<span id="id3" class="span">ы</span>
<span id="id4" class="span">л</span>
<span id="id5" class="span">к</span>
<span id="id6" class="span">а</span>
</a>
<br>
 
<script>
var x=0;
var y=6;
var intrvl=50
 
function newXY()
    {   
    
    if(x>intrvl)
        {x = 0;
        y = y-1;}
//------------
    document.getElementById("id"+y).style.marginLeft=x+"mm";
    if (y<6) document.getElementById("id"+(y+1)).style.marginLeft=(intrvl-x-1)+"mm";
//-------------
    x++
        if ((y==1)&&(x==intrvl))
            {clearInterval(INT)}
    }
function run()
{INT = setInterval("newXY()",10);}
 
</script>
 
</body>

@Обсидиан 18 / 18 / 0 Регистрация: 11.10.2010 Сообщений: 102
		1
	Обращение к подписи гиперссылки 24.01.2012, 00:26. Показов 712. Ответов 4 Метки нет (Все метки) Люди добрые помогите, кто знает! Сам я по javascript не специалист. Нужно сделать гиперссылку при нажатии на которую буковки подписи начинают одна за другой убегать на некое расстояние. С алгоритмом самих буковок я разобрался без проблем - там все просто. Но уже весь мозг себе сломал - не могу додуматься как это все вывести на экран? Можно ли как-то обратиться к содержимому подписи? Или как то по другому вывести. Пробовал через document.write() но она их один за одним печатает, а так чтоб в одном месте - ну хоть ты тресни не хочет... 0

@~~vglbch~~ Заблокирован
	24.01.2012, 07:55	2
	Сообщение от Обсидиан С алгоритмом самих буковок я разобрался без проблем - там все просто. Покажи, что уже есть. 0

@~~vglbch~~ Заблокирован
	24.01.2012, 22:37	4
	Сообщение от Обсидиан отображается только конечный результат. А сам процесс остается за кадром Думаю, что здесь нужен ajax. 0

	26.01.2012, 23:47

Опции темы