Подстановка выбранных значений

MaxCar · November 21, 2008

Доброе время суток, читал и лазил по инету часов 6 и ничего у меня неполучилось...

Задача(может что нетак обьясню но как получиться):

1. Есть страница на которой есть форма для выбора размера (в моем случае к)картинки.

2. Под формой кнопка при нажатии которой, вылетает окошко и говорит какой размер выбран.

3. Ниже форма с уже заполненым текстом в которой код этой картинки (ну для вставки на других сайтах)

Вопрос: немогу сделать чтобы переменная с выбранным размером подсталялась в форму с заполненым текстом...

Помогите пожалуйста.

<html>

<head>

<title>Наши банеры для Вашего сайта</title>

BODY {background-color: #808080; /* Цвет фона веб-страницы */}

</style>

function dataSelect(f)

{

n = f.Frazmer.selectedIndex

if(n) alert("Выбранный Вами размер банера: " + f.Frazmer.options[n].value)

}

</script>

</head>

<body>

<option selected>Выберите размер</option>

</select>

</form>

<form>

<p><b>Чтобы вставить наш банер, скопируйте этот код в код страницы своего сайта</b></p>

</textarea></p>

</form>

</div>

</body>

</html>

другими словами нужно чтоб в строку <a href="http://trt.ucoz.ru"><img src="http://trt.ucoz.ru/Jpg/Baner/TRT_160.gif" border="0" alt="Тульская ассоциация уличных гонок" border="0" /></a> где имя вайла (...160.gif) в место =160 подставлялось значение из формы (например <option value="500">500 х 191</option>, т.е =500 )

Edited November 21, 2008 by MaxCar

Victor Ananiev · November 21, 2008

создаем переменную

var value='some HTML'+size+'some HTML';

при нажатии на кнопку вешаем

var size;

size=value(that checked);

document.getElementById('valueField').value=value;

Вместо value(that checked) подставляем код, просто не помню как его искаьт через DOM Поищи по гуглу)

З.Ы. Можно под функцию переделать...

З.Ы.Ы. используй ББкоды

Edited November 21, 2008 by Vindex10

MaxCar · November 22, 2008

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

Victor Ananiev · November 22, 2008

ну вот:

<html>
<head>
<script>
function clicked()
{
var text=documentgetElementById('text');
document.getElementById('myimg').src=text+".jpg";
}
</script>
</head>
<body>
<form>
<input id="textVal" type="text" />
<input type="button" value="Button" onclick="clicked();" />
</form>
<img src="1.jpg" id="myimg" />
</body>
</html>

Вот как бы пример)

MaxCar · November 22, 2008

попробовал Ваш пример переделать под реальные картинки - неполучилось....

(на сервере есть несколько картинок, отличаються только цифрами в имени "160", "250", "500")

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

<html>

<head>

function clicked()

{

var text=document.getElementById('text');

document.getElementById('myTX').src="http://trt.ucoz.ru/Jpg/Baner/TRT_"+text+".gif";'>http://trt.ucoz.ru/Jpg/Baner/TRT_"+text+".gif";

}

</script>

</head>

<body>

<form>

</form>

<img src="http://trt.ucoz.ru/Jpg/Baner/TRT_148.gif"'>http://trt.ucoz.ru/Jpg/Baner/TRT_148.gif" id="myTX" />

</body>

</html>

Но это немного нето что мне нужно

Долго сегодня мучаясь пришел вот к чему:

(но как теперь мне переместить этот текст не в новое окно, а в нижнюю форму)?

<html>

<head>

<title>Наши банеры для Вашего сайта</title>

BODY {background-color: #808080; /* Цвет фона веб-страницы */}

</style>

<!-- Begin

function oknoINF(f)

{ if (confirm("Ширина выбранного Вами размера банера: " + f.select1.options.value))

{ storyWin = window.open("","StoryWin","toolbar=no,width=500,height=200,directories=no,status=yes,scrollbars=no,res

ize=no,menubar=no");

with (storyWin.document)

{ writeln ("<P><b> Размер вашего банера = " + f.select1.options.value + " ссылка.</b>");

}}}

// End -->

</script>

</head>

<body>

<div align="center"><img src="http://trt.ucoz.ru/Jpg/Baner/TRT_160.gif"'>http://trt.ucoz.ru/Jpg/Baner/TRT_160.gif" border="0" alt="Тульская ассоциация уличных гонок" />

<form>

<option selected>Выберите размер</option>

</select>

</form>

<form>

<p><b>Чтобы вставить наш банер, скопируйте этот код в код страницы своего сайта</b></p>

</textarea></p>

</form>

</div>

</body>

</html>

Edited November 22, 2008 by MaxCar

MaxCar · November 24, 2008

все сделал, всем спасибо за помощь

эти строки оказались ненужными:

storyWin = window.open("","StoryWin","toolbar=no,width=500,height=200,directories=no,status=yes,scrollbars=no,res

ize=no,menubar=no");

with (storyWin.document)

{

writeln ("<P><b> Размер вашего банера = " + f.select1.options.value + " ссылка.</b>");

}

а эти я дописал:

var TA=document.getElementById('TA');

storyWin =TA.innerText= '<a href="http://trt.ucoz.ru"><img src="http://trt.ucoz.ru/Jpg/Baner/TRT_' + f.select1.options.value + '.gif" border="0" alt="Тульская ассоциация уличных гонок" border="0" /></a>';

Sign In

Подстановка выбранных значений

Question

MaxCar

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Victor Ananiev

Link to comment

Share on other sites

MaxCar

Link to comment

Share on other sites

Victor Ananiev

Link to comment

Share on other sites

MaxCar

Link to comment

Share on other sites

MaxCar

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information