Помогите со скриптом.
Помогите найти (сделать) скрипт...
Вот, допустим есть таблица, под которой несколько ссылок, ячейки таблицы заполненны изображениями. Нужен скрипт, который бы при нажатии например на ссылку "Ссылка 1", менял изображения в ячейках "Ячейка 2" и "Ячейка 5". А при повторном нажатии, все возвращалось бы назад. Выложите, что то подобное... |
как работать с HTML-элементами:
получение HTML-элементов в JS, и основы работы с ними рекомендуется к прочтению весь цикл статей о DOM как работать с событиями: Введение в события Клик мыши на событие щелчка по ссылке запускаете функцию, которая будет менять рисунок в соответстующих ячейках. поменять рисунок можно с посощью задания нового свойства src у элемента-рисунка |
Вложений: 1
ребята у меня не получается сделать скрипт! мне надо чтобы пользователь, когда зайдёт на сайт, выбрал стиль, размер и цвет шрифта, и чтобы шрифт менялся!
|
что именно не получается?
выкладывайте 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.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.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.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></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 если у вас получилось заставить цыет менятся, то какие проблемы со всем остальным? |
Часовой пояс GMT +3, время: 00:08. |