Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.03.2009, 11:49
Новичок на форуме
Отправить личное сообщение для Harper Посмотреть профиль Найти все сообщения от Harper
 
Регистрация: 19.03.2009
Сообщений: 9

Помогите со скриптом.
Помогите найти (сделать) скрипт...

Вот, допустим есть таблица, под которой несколько ссылок, ячейки таблицы заполненны изображениями. Нужен скрипт, который бы при нажатии например на ссылку "Ссылка 1", менял изображения в ячейках "Ячейка 2" и "Ячейка 5". А при повторном нажатии, все возвращалось бы назад. Выложите, что то подобное...
Ответить с цитированием
  #2 (permalink)  
Старый 19.03.2009, 12:02
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 03.04.2008
Сообщений: 6,233

как работать с HTML-элементами:
получение HTML-элементов в JS, и основы работы с ними
рекомендуется к прочтению весь цикл статей о DOM

как работать с событиями:
Введение в события
Клик мыши

на событие щелчка по ссылке запускаете функцию, которая будет менять рисунок в соответстующих ячейках.
поменять рисунок можно с посощью задания нового свойства src у элемента-рисунка
Ответить с цитированием
  #3 (permalink)  
Старый 22.03.2009, 19:47
Аватар для Maya
Новичок на форуме
Отправить личное сообщение для Maya Посмотреть профиль Найти все сообщения от Maya
 
Регистрация: 22.03.2009
Сообщений: 6

ребята у меня не получается сделать скрипт! мне надо чтобы пользователь, когда зайдёт на сайт, выбрал стиль, размер и цвет шрифта, и чтобы шрифт менялся!
Изображения:
Тип файла: jpg Untitled-2.jpg (135.9 Кб, 4 просмотров)
Ответить с цитированием
  #4 (permalink)  
Старый 22.03.2009, 19:54
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 03.04.2008
Сообщений: 6,233

что именно не получается?
выкладывайте JS-код.
если не знаете с чего начать, то начните с прочтения вышеуказанных мною ссылок.
Знаний оттуда должно быть достаточно для решения вашей задачи
PS вообще-то стоило создвавать сообщение в отдельной теме
Ответить с цитированием
  #5 (permalink)  
Старый 22.03.2009, 19:58
Аватар для Maya
Новичок на форуме
Отправить личное сообщение для Maya Посмотреть профиль Найти все сообщения от Maya
 
Регистрация: 22.03.2009
Сообщений: 6

я могу выложить код, чтобы мне помогли?
я новичок и не знаю где писать, сори!
Ответить с цитированием
  #6 (permalink)  
Старый 22.03.2009, 20:02
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 03.04.2008
Сообщений: 6,233

Сообщение от Maya
я могу выложить код, чтобы мне помогли?
Это единственно верный путь решения вашей проблемы на этом форуме.
выяснять проблемы в вашем скрипте мы не умеем, а телепаты в отпуске.
писать за вас код мы также не будем.только подскажем, чтобы вы сами его написали.
выкладывайте код, и сформулируйте более четко вопрос:что именно не работает в вашем скрипте.
PS можно пока писать тут, думаю.это не является серьезной проблемой.
если это будет проблемой, тема может быть разделена на две темы
PPS код следует оборачивать в BB-теги.
кнопочка соответствующая в форме редактирования сообщения
Ответить с цитированием
  #7 (permalink)  
Старый 22.03.2009, 20:05
Аватар для Maya
Новичок на форуме
Отправить личное сообщение для Maya Посмотреть профиль Найти все сообщения от Maya
 
Регистрация: 22.03.2009
Сообщений: 6

<!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>




вот весь код, запустите его через блокнот или нотпад(или ещё как-нибудь)! так, мне надо чтобы верхний текст, менял стиль и размер(цвет я уже поменяла)

Последний раз редактировалось Андрей Параничев, 22.03.2009 в 22:04. Причина: Пользуйтесь bb-тегами [js] и [html] для оформления листингов кода в теле сообщения
Ответить с цитированием
  #8 (permalink)  
Старый 22.03.2009, 20:07
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 03.04.2008
Сообщений: 6,233

блин.
отредактируйте свое сообщение пожалуйста.
выделите код во время редактирования, и нажмите кнопку с двумя угловыми скобками. это сделает код читабельным
Ответить с цитированием
  #9 (permalink)  
Старый 22.03.2009, 20:08
Аватар для Maya
Новичок на форуме
Отправить личное сообщение для Maya Посмотреть профиль Найти все сообщения от Maya
 
Регистрация: 22.03.2009
Сообщений: 6

<!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>
Ответить с цитированием
  #10 (permalink)  
Старый 22.03.2009, 20:11
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 03.04.2008
Сообщений: 6,233

я в вашем коде ни вижу никакого JS-а кроме функций forma() и forma2(), которые ответственены за переключение формы.
вы предлагаете. чтобы я написал за вас все остальное?
PS если у вас получилось заставить цыет менятся, то какие проблемы со всем остальным?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите с javascript andruhin Общие вопросы Javascript 12 04.05.2012 09:05
Помогите разобраться со скриптом! Чайник Элементы интерфейса 1 13.03.2009 22:57
Помогите сделать программу расчета зарплаты сотрудникам Юлия29 Общие вопросы Javascript 1 22.02.2009 22:11
А как зделать скрипт, чтобы например скрипт 1 заменялся скриптом 2? yura371 Общие вопросы Javascript 3 06.01.2009 21:40
Помогите или подскажите где искать. designovermatter Общие вопросы Javascript 2 09.10.2008 17:12