Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Функция. Значение value input type

Автор: Sundog 25.9.2009, 12:01

Здравствуйте! Может ли кто нибудь, что-нибудь посоветовать?
Дело пустяковое, но я застрял
Вообщем есть массивы с 5 разными объектами(картинки, текст, фреймы)
Так вот, есть иконки, при нажиме на которые срабатывает функция.
В функции прописано изменять большую картинку, текст под ней, и фрейм сбоку.
function ch(i)
{
img.src=k[i];
tx.value=t[i];
}

Картинки она исправно меняет, а вот с текстом проблема. Кто нибудь сталкивался с подобным?
Кстати приложил скрины, чтоб было понятнее.

HTML

<Html>
<Head>
<LINK REL="stylesheet" TYPE="text/css" HREF="Css.css">
</head>
<H1 align = center > Основные элементы форм
</h1>
<Center>
<img src = img\Rus.gif name=img >
<br>
<input type=text value=Russia name=tx>
<br>

<fieldset><legend><b>Выберите страну</legend>

<script>
var k=new Array ("./img/Fin.gif","./img/Rus.gif","./img/UK.gif","./img/Nor.gif","./img/Fran.gif","./img/Niderl.gif");
var t=new Array ("Santa_Claus_land","Vodka_land","Queen_land","Skiland","Parfume_land","Toulpan_land");
var f=new Array ("Fin.html","Rus.html","UK.html",".Nor.html",".Fran.html",".Niderl.html");

function ch(i)
{
img.src=k[i];
tx.value=t[i];
}

/Злополучная функция, картинки меняет, а текст нет(

var p=new Array ("./img/Fin.ico","./img/Rus.ico","./img/UK.ico","./img/Nor.ico","./img/Fran.ico","./img/Niderl.ico");
for(i=0; i<=5; i=i+1)
{document.write ("<input type = image src="+p[i]+" onclick=ch("+i+")> ")}

</script>
</fieldset>

<Html>

Автор: IDVsbruck 25.9.2009, 12:51

Это труба ...

Где ты нахватался таких атавизмов, как <fieldset>, <center>, <legend>?
Почему cкрипт без тайпа?
Зачем добавлять элементы через document.write?
Что за дикое обращение к картинке - img.src=k[i]?
Зачем использовать ненужный input type=image вместо <img>?

И главное (из-за чего не выполняется то, что ты хочешь) - что такое tx? И почему у этого tx должно быть поле value?

Похоже, что в js ты максимум второй день ... Так? smile

Автор: Amphiluke 25.9.2009, 13:06

Ну, я хоть и увидел, что такое tx

Цитата

Код


<input type=text value=Russia name=tx>

Но только это не дело (теперь уже) прямо обращаться к элементу DOM по атрибуту name.

Задайте id и обращайтесь по нему.

Код


<input type="text" value="Russia" name="tx" id="tx">
..........
<img src ="img\Rus.gif" name="img" id="img">
.................................

function ch(i)
{
document.getElementById("img").src=k[i];
document.getElementById("tx").value=t[i];
}

Плюс всё то, о чем сказал IDVsbruck.

Автор: Sundog 25.9.2009, 13:16

Цитата(IDVsbruck @ 25.9.2009, 12:51

)

Нет, я гуру...Программировать на горшке начинал...))
Так, ну насчет тегов, незнаю, в универе учитель преподает. Вроде умная очень женщина...
Почему скрипт без тайпа и почему через док.райт пишу незнаю. Есть другие варианты? (Серьезно, предложите, если не вломы)
Да, я ньюби и лампус(
Но, хочу заметить, скорее всего Вы немного не поняли меня.
input type image там типо для обращения к иконки. Если конечно же для этой цели нельзя использовать <img>. Можно разве?

Дикое обращение к картинке img.src=k[i]. Почему дикое? Там массив, как по другому?

Вообщем, кртитика это здорово, да и правильно было сказано я ньюби, но может разъясните почему это труба вааще? smile

Автор: bars80080 25.9.2009, 13:44

Цитата(Sundog @ 25.9.2009, 13:16

)

может разъясните почему это труба вааще?

вроде как IDVsbruck уже рассказал. вы ни капли не придерживаетесь стандартов, как в html, так и в javascript. что там учитель даёт мы без понятия, но конечный результат ужасен

что касается работы самого скрипта, после исправлений, предложенных Amphiluke, у вас заработало всё?

Автор: Sundog 25.9.2009, 13:47

Цитата(Amphiluke @ 25.9.2009, 13:06

)

Ну, я хоть и увидел, что такое tx

<input type=text value=Russia name=tx>

Но только это не дело (теперь уже) прямо обращаться к элементу DOM по атрибуту name.

Задайте id и обращайтесь по нему.

<input type="text" value="Russia" name="tx" id="tx">
..........
<img src ="img\Rus.gif" name="img" id="img">
.................................
function ch(i)
{
document.getElementById("img").src=k[i];
document.getElementById("tx").value=t[i];
}

Плюс всё то, о чем сказал IDVsbruck.

Спасибо. Заработало. smile

Но почему же картинка тогда работала?
И что насчет всей этой дикости и атавизмов? smile

ps.
И если не охота возится со мной, какую хорошую книгу посоветуете? Их щас так много, с чего начать?

Добавлено через 6 минут и 9 секунд

Цитата(bars80080 @ 25.9.2009, 13:44

)

вроде как IDVsbruck уже рассказал. вы ни капли не придерживаетесь стандартов, как в html, так и в javascript. что там учитель даёт мы без понятия, но конечный результат ужасен

что касается работы самого скрипта, после исправлений, предложенных Amphiluke, у вас заработало всё?

Результат ужасен.. хехе) хорошо еще я в универ толком не хожу!)) А то б тогда вооще!! smile

Да...уж. учтем smile

А что же вместо филдсета, центра, легенды ставить?

Автор: bars80080 25.9.2009, 13:55

http://stepbystep.htmlbook.ru/
http://forum.vingrad.ru/forum/topic-19575.html

http://forum.vingrad.ru/forum/topic-28420/0.html
http://forum.vingrad.ru/forum/topic-19939/0.html

Автор: Sundog 25.9.2009, 14:12

PS
А как мне обратится к фреймам?
var f=new Array ("Fin.html","Rus.html","UK.html",".Nor.html",".Fran.html",".Niderl.html");

???

Автор: bars80080 25.9.2009, 17:40

Код


<iframe id="fr">

Код


document.getElementById('fr').src = f[2];

Автор: Samotnik 25.9.2009, 18:07

Цитата(Sundog @ 25.9.2009, 13:16

)

Вроде умная очень женщина...

Судя по всему - не очень ...
<FIELDSET> предназначен для группирования элементов формы. Где у Вас форма ?
<LEGEND> нужен для создания заголовка группы элементов формы. Где у Вас форма ?
Ну ... <CENTER> впринципе можно, он просто поравняет содержимое в блоке, относительно родителя.