Просмотр полной версии : Помогите со скриптом.
Помогите найти (сделать) скрипт...
http://img19.imageshack.us/img19/9478/50510000.gif
Вот, допустим есть таблица, под которой несколько ссылок, ячейки таблицы заполненны изображениями. Нужен скрипт, который бы при нажатии например на ссылку "Ссылка 1", менял изображения в ячейках "Ячейка 2" и "Ячейка 5". А при повторном нажатии, все возвращалось бы назад. Выложите, что то подобное...
как работать с HTML-элементами:
получение HTML-элементов в JS, и основы работы с ними (http://javascript.ru/start/dom/intro)
рекомендуется к прочтению весь цикл статей о DOM (http://javascript.ru/start/dom)
как работать с событиями:
Введение в события (http://javascript.ru/start/events/intro)
Клик мыши (http://javascript.ru/start/events/click)
на событие щелчка по ссылке запускаете функцию, которая будет менять рисунок в соответстующих ячейках.
поменять рисунок можно с посощью задания нового свойства src у элемента-рисунка
ребята у меня не получается сделать скрипт! мне надо чтобы пользователь, когда зайдёт на сайт, выбрал стиль, размер и цвет шрифта, и чтобы шрифт менялся!
что именно не получается?
выкладывайте JS-код.
если не знаете с чего начать, то начните с прочтения вышеуказанных мною ссылок.
Знаний оттуда должно быть достаточно для решения вашей задачи
PS вообще-то стоило создвавать сообщение в отдельной теме
я могу выложить код, чтобы мне помогли?
я новичок и не знаю где писать, сори!
я могу выложить код, чтобы мне помогли?
Это единственно верный путь решения вашей проблемы на этом форуме.
выяснять проблемы в вашем скрипте мы не умеем, а телепаты в отпуске.
писать за вас код мы также не будем.только подскажем, чтобы вы сами его написали.
выкладывайте код, и сформулируйте более четко вопрос:что именно не работает в вашем скрипте.
PS можно пока писать тут, думаю.это не является серьезной проблемой.
если это будет проблемой, тема может быть разделена на две темы
PPS код следует оборачивать в BB-теги.
кнопочка соответствующая в форме редактирования сообщения
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<style type="text/css">
fieldset {background-color:beige;}
fieldset {color:black;}
</style>
<script type="text/javascript">
<!--
function forma()
{
document.forma1.tzvet[0].checked=true;
document.forma1.cou.disabled=true;
document.forma1.co.disabled=false;
}
function forma2()
{
document.forma1.tzvet[1].checked=true;
document.forma1.cou.disabled=false;
document.forma1.co.disabled=true;
}
//-->
</script>
</head>
<body onload="forma()" style="width:300px;height:300px" id=b >
lfhkael/hidnflb/difh/lgndf /blierah/glireguy'ae/fbvlie/ht/gi hre u'areti y'tgiery' qorey?T
<form name="forma1">
<fieldset style="">
<legend>Фон</legend>
<p >
<input type="radio" name="tzvet" value="1" onclick="forma()"/>
Цвет<select name="co" onchange="document.getElementById('b').style.backgroundColor =this.value;document.getElementById('b').style.bac kgroundImage='none';">
<option value="white"> Белый </option>
<option value="red"> Красный </option>
<option value="orange"> Оранжевый </option>
<option value="yellow"> Желтый </option>
<option value="green"> Зелёный </option>
<option value="blue"> Голубой </option>
<option value="magenta"> Фиолетовый </option>
</select>
</p>
<p>
<input type="radio" name="tzvet" value="2" onclick="forma2()" />
Картинка:<select name="cou" onchange="document.getElementById('b').style.backgroundImage ='url('+this.value+')';">
<option value="1.gif"> Смайл 1 </option>
<option value="2.gif"> Смайл 2 </option>
<option value="3.gif"> Смайл 3 </option>
<option value="4.gif"> Смайл 4 </option>
<option value="5.gif"> Смайл 5 </option>
<option value="6.gif"> Смайл 6 </option>
<option value="7.gif"> Смайл 7 </option>
</select>
</p>
</fieldset>
<fieldset style="">
<legend>Текст</legend>
<p>
Цвет:<select name="country2" onchange="document.getElementById('b').style.color=this.valu e;document.getElementById('b').style.backgroundIma ge='none';">
<option value="white"> Белый </option>
<option value="red"> Красный </option>
<option value="orange"> Оранжевый </option>
<option value="yellow"> Желтый </option>
<option value="green"> Зелёный </option>
<option value="blue"> Голубой </option>
<option value="magenta"> Фиолетовый </option>
</select></br></br>
Размер:<select name="status" >
<option value="8pt"> 8pt </option>
<option value="12pt"> 12pt </option>
<option value="16pt"> 16pt </option>
<option value="20pt"> 20pt </option>
<option value="24pt"> 24pt </option>
<option value="28pt"> 28pt </option>
</select></br></br>
Шрифт:<select name="status" >
<option value="Arial"> Arial </option>
<option value="Tahoma"> Tahoma </option>
<option value="Impact"> Impact </option>
<option value="Vernada"> Verdana </option>
</select></br></br>
<input type="checkbox" name="kyrsiv" value="itallic" /> курсив </br></br>
<input type="checkbox" name="jirnii" value="bold" /> жирный
</fieldset>
<p align="center">
<input type="button" name="but1" value="Ok" style=""/>
</p>
</form>
</body>
</html>
вот весь код, запустите его через блокнот или нотпад(или ещё как-нибудь)! так, мне надо чтобы верхний текст, менял стиль и размер(цвет я уже поменяла)
блин.
отредактируйте свое сообщение пожалуйста.
выделите код во время редактирования, и нажмите кнопку с двумя угловыми скобками. это сделает код читабельным
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<style type="text/css">
fieldset {background-color:beige;}
fieldset {color:black;}
</style>
<script type="text/javascript">
<!--
function forma()
{
document.forma1.tzvet[0].checked=true;
document.forma1.cou.disabled=true;
document.forma1.co.disabled=false;
}
function forma2()
{
document.forma1.tzvet[1].checked=true;
document.forma1.cou.disabled=false;
document.forma1.co.disabled=true;
}
//-->
</script>
</head>
<body onload="forma()" style="width:300px;height:300px" id=b >
lfhkael/hidnflb/difh/lgndf /blierah/glireguy'ae/fbvlie/ht/gi hre u'areti y'tgiery' qorey?T
<form name="forma1">
<fieldset style="">
<legend>Фон</legend>
<p >
<input type="radio" name="tzvet" value="1" onclick="forma()"/>
Цвет<select name="co" onchange="document.getElementById('b').style.backg roundColor=this.value;document.getElementById('b') .style.backgroundImage='none';">
<option value="white"> Белый </option>
<option value="red"> Красный </option>
<option value="orange"> Оранжевый </option>
<option value="yellow"> Желтый </option>
<option value="green"> Зелёный </option>
<option value="blue"> Голубой </option>
<option value="magenta"> Фиолетовый </option>
</select>
</p>
<p>
<input type="radio" name="tzvet" value="2" onclick="forma2()" />
Картинка:<select name="cou" onchange="document.getElementById('b').style.backg roundImage='url('+this.value+')';">
<option value="1.gif"> Смайл 1 </option>
<option value="2.gif"> Смайл 2 </option>
<option value="3.gif"> Смайл 3 </option>
<option value="4.gif"> Смайл 4 </option>
<option value="5.gif"> Смайл 5 </option>
<option value="6.gif"> Смайл 6 </option>
<option value="7.gif"> Смайл 7 </option>
</select>
</p>
</fieldset>
<fieldset style="">
<legend>Текст</legend>
<p>
Цвет:<select name="country2" onchange="document.getElementById('b').style.color =this.value;document.getElementById('b').style.bac kgroundImage='none';">
<option value="white"> Белый </option>
<option value="red"> Красный </option>
<option value="orange"> Оранжевый </option>
<option value="yellow"> Желтый </option>
<option value="green"> Зелёный </option>
<option value="blue"> Голубой </option>
<option value="magenta"> Фиолетовый </option>
</select></br></br>
Размер:<select name="status" >
<option value="8pt"> 8pt </option>
<option value="12pt"> 12pt </option>
<option value="16pt"> 16pt </option>
<option value="20pt"> 20pt </option>
<option value="24pt"> 24pt </option>
<option value="28pt"> 28pt </option>
</select></br></br>
Шрифт:<select name="status" >
<option value="Arial"> Arial </option>
<option value="Tahoma"> Tahoma </option>
<option value="Impact"> Impact </option>
<option value="Vernada"> Verdana </option>
</select></br></br>
<input type="checkbox" name="kyrsiv" value="itallic" /> курсив </br></br>
<input type="checkbox" name="jirnii" value="bold" /> жирный
</fieldset>
<p align="center">
<input type="button" name="but1" value="Ok" style=""/>
</p>
</form>
</body>
</html>
я в вашем коде ни вижу никакого JS-а кроме функций forma() и forma2(), которые ответственены за переключение формы.
вы предлагаете. чтобы я написал за вас все остальное?
PS если у вас получилось заставить цыет менятся, то какие проблемы со всем остальным?
Размер:<select name="status" onchange= >
я не знаю что писать в onchange, чтобы менялся размер...
повторю:
прочитайте все статьи, указанные мною в ссылках ранее
после их прочтения у вас не должно возникать таких вопросов
алгоритм же прост:получаете необходимый вам текстовый элемент, найдя его в DOM-е. потом задаете необходимое свойство style.
если после прочтения статей будут вопросы, обращайтесь
пожалуйста.
учитесь.
только повнимательнее
vBulletin® v3.6.7, Copyright ©2000-2025, Jelsoft Enterprises Ltd. Перевод: zCarot