Форум Сайтостроение Веб-строительство

число из картинок JS

12
G
На сайте с 03.07.2007
Offline
16
goox
1241

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

если 1 , то три картинки: 0.gif+0.gif+1.gif , если 14, то 0.gif+1.gif+4.gif и т.п. т.е. всегда три картинки, при учете, что переменная может быть и однозначная, и трехзначная...

реально?

KF
На сайте с 06.10.2007
Offline
40
KeFiR
#1
<script type="text/javascript">
<!--
function magick ( )
{
var string = document.getElementById('image').value;
if (string.length == 1 )
{
string = '00'+string;
}
else if (string.length == 2)
{
string = '0'+string;
}
else
{
string = string.substring (0,3);
}
var array = string.split ('');
for ( key in array )
{
document.getElementById('image'+key).src=array[key]+'.gif';
alert(array[key]);
}
return false;
}
//-->
</script>
<p><input type="text" name="image" id="image"></p>
<img src="" id="image0" />
<img src="" id="image1" />
<img src="" id="image2" />
<p><input type="submit" name="submit" onclick="magick(); return false;"></p>

Держи, пользуйся )

[Удален]
#2

Что-то типа 

document.getElementById('images').innerHTML='<img src="image1.jpg"><img src="image2.jpg">';

......

<div id="images"></div>

Копать в этом направлении

G
На сайте с 03.07.2007
Offline
16
goox
#3

по поводу 1го варианта: куда переменную загнать?

KF
На сайте с 06.10.2007
Offline
40
KeFiR
#4
по поводу 1го варианта: куда переменную загнать?

В текстовое поле

G
На сайте с 03.07.2007
Offline
16
goox
#5

сори, плохо обьяснил.... нужно просто отобразить значение переменной картинками...

переменная такая: $NUMB$ , срабатывает на сервере и выводит число. Ни каких полей и кнопок не нужно =)

KF
На сайте с 06.10.2007
Offline
40
KeFiR
#6
переменная такая: $NUMB$ , срабатывает на сервере и выводи число.

Яваскрипт это клиентский язык, причом тут срабатывание на сервере? Не ну можно конечно через айааяякс замутить, "срабатывание" на сервере, но помойму тебе не то нужно.

нужно просто отобразить значение переменной картинками

Яваскрипт не может обрабатывать изображения.. Ты можешь тока наложить текст на картинку, слоем или в бекграунд ее загнать, но чтобы взять картинку и текст и совместить, как в пхп, такого не удастся..

Ты вообще конкретней пиши что нужно, а то пишешь одно, потом другое, потом окажется что нужно было одно, а спрашивал другое.

G
На сайте с 03.07.2007
Offline
16
goox
#7

так переменная выводит число в хтмл код... ее можно вставить напрямую в яваскрипт...

явой же можно просто отобразить картинки, ну вот пусть и отобразит относительно указанной цифры

KF
На сайте с 06.10.2007
Offline
40
KeFiR
#8
так переменная выводит число в хтмл код

Я так понимаю, Вы хотели здесь написать, что пхп, выводит значение переменной в хтмл код?

А то, что переменная выводит число в хтмл код, не звучит.

помоему я Вас запутал

Помойму Вы сами запутались или не хотите полностью рассказать что вам нужно.

явой же можно просто отобразить картинки, ну вот пусть и отобразит относительно указанной цифры

Можно, можно так же пиво носить подмышками, если есть свободная сумка..

Объясните, зачем нужно выводить картинки через ява скрипт???

Ну делайте на чом-нить одном, или все на пхп, а в шаблон вставите уже числа картинок, или на ява скрипт все, чтобы он по переменной сам обрабатывал число и выводил картинки (тот вариант, что я дал).

Замени в моем коде

var string = document.getElementById('image').value;

на

var string= тут вставишь php переменную.

засунь яву в хеад, и на боди повесь обработчик onLoad="magick()"

G
На сайте с 03.07.2007
Offline
16
goox
#9

у меня юкоз, пхп не поддерживается... но суть вывода переменных одна и таже... можно по подробней о последнем, иначе не справлюсь... (если не явой то чем? разницы особой нет)

ПС: спс

KF
На сайте с 06.10.2007
Offline
40
KeFiR
#10

мдаа..чего вы еще скрываете? )))

вот код

<html>
<head>
<script type="text/javascript">
<!--
function magick ( )
{
var string = '$NUMB$';
if (string.length == 1 )
{
string = '00'+string;
}
else if (string.length == 2)
{
string = '0'+string;
}
else
{
string = string.substring (0,3);
}
var array = string.split ('');
for ( key in array )
{
document.getElementById('image'+key).src=array[key]+'.gif';
}
return false;
}
//-->
</script>
</head>
<body onLoad="magick()">
<img src="" id="image0" />
<img src="" id="image1" />
<img src="" id="image2" />
</body>
</html>
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий