Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Перезагрузить страницу Доработать код или посоветуйте аналог
Регистрация

Восстановить пароль		 Повторная активизация e-mail
Регистрация Задать
вопрос		 Заплачу
за решение		 Новые
сообщения 		Сообщения
за день 		Расширенный
поиск		 Правила Всё
прочитано

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 06.03.2011, 13:24   #1
Romanmani
 
Регистрация: 05.03.2011
Сообщений: 5
По умолчанию Доработать код или посоветуйте аналог
Есть скрипт:

<script type="text/javascript">
function Menu()
{
var div = document.getElementById('Result');
div.style.display = (div.style.display == 'none') ? '' : 'none';
div.innerHTML = '<a href="http://translate.ru/" target="_blank">Promt</a><br><a href="http://translate.google.ru/#" target="_blank">Google Переводчик</a><br><a href="http://www.transneed.com/on_line_free_translator.php" target="_blank">TranslationNeed</a><br><a href="http://www.langinfo.ru" target="_blank">langinfo.ru</a><br><a href="http://lingvo.abbyyonline.com/ru" target="_blank">ABBYY Lingvo</a>';
}
</script>
<a onclick="Menu(); return false;"><img src="http://bigtoolbar.ucoz.ru/icon/translate.png" style="width:32px; height:32px;"></a><div id="Result" style="display:none"></div></a>

наверняка корявый Помогите довести до ума чтобы можно было писать несколько иконок подряд в одой строке типа как социальные закладки. Или посоветуйте аналог.
Спасибо!!!
P.S. Еще было здорово чтобы при наведении на иконку появлялось описание типа:
Последний раз редактировалось Romanmani; 06.03.2011 в 13:35.
Romanmani вне форума Ответить с цитированием
Старый 09.03.2011, 10:00   #2
StagnantIce
Пользователь
 
Регистрация: 05.03.2011
Сообщений: 60
По умолчанию
Код:
function addItem(link, name, imgsrc) {
var a = document.createElement('a');
a.href = link;
a.title = name;
var img = new Image();
img.src = imgsrc;
img.style.border = '0px';
a.appendChild(img);
return a;
}


function Menu()
{
var div = document.getElementById('Result'); 
div.style.display = (div.style.display == 'none') ? '' : 'none';
div.appendChild(addItem('http://www.ya.ru', 'Яндекс', 'ya.jpg'));
}
</script>
<div id="Result" style="display:none"></div>
<a onclick="Menu(); return false;">Create Menu</a>
Мои статьи по веб-программированию http://pihpi.ru
StagnantIce вне форума Ответить с цитированием
Старый 09.03.2011, 14:29   #3
Romanmani
 
Регистрация: 05.03.2011
Сообщений: 5
По умолчанию
Цитата:
Сообщение от StagnantIce Посмотреть сообщение
Код:
function addItem(link, name, imgsrc) {
var a = document.createElement('a');
a.href = link;
a.title = name;
var img = new Image();
img.src = imgsrc;
img.style.border = '0px';
a.appendChild(img);
return a;
}


function Menu()
{
var div = document.getElementById('Result'); 
div.style.display = (div.style.display == 'none') ? '' : 'none';
div.appendChild(addItem('http://www.ya.ru', 'Яндекс', 'ya.jpg'));
}
</script>
<div id="Result" style="display:none"></div>
<a onclick="Menu(); return false;">Create Menu</a>
Спасибо, но хотелось с точностью до наоборот чтобы при нажатии на иконку выпадало меню ссылок например:
Romanmani вне форума Ответить с цитированием
Старый 09.03.2011, 14:44   #4
StagnantIce
Пользователь
 
Регистрация: 05.03.2011
Сообщений: 60
По умолчанию
PHP код:
<script>
function addLink(arr) {
var parent = this.parentNode;
for(var i = 0; i<arr.length;i++)
var a = document.createElement('a');
a.href = arr[i];
parent.appendChild(a);
}
</script>

<div>
<img src="" onclick = "addLink(['http://www.ya.ru', 'http://mail.ru'])">
</div> 
Мои статьи по веб-программированию http://pihpi.ru
StagnantIce вне форума Ответить с цитированием
Старый 09.03.2011, 15:47   #5
Romanmani
 
Регистрация: 05.03.2011
Сообщений: 5
По умолчанию
Цитата:
Сообщение от StagnantIce Посмотреть сообщение
PHP код:
<script>
function addLink(arr) {
var parent = this.parentNode;
for(var i = 0; i<arr.length;i++)
var a = document.createElement('a');
a.href = arr[i];
parent.appendChild(a);
}
</script>

<div>
<img src="" onclick = "addLink(['http://www.ya.ru', 'http://mail.ru'])">
</div> 
Я неразобрался как это работает плиз скиньте код вот такого фокуса: а я уже сам доработаю
Romanmani вне форума Ответить с цитированием
Старый 10.03.2011, 15:49   #6
StagnantIce
Пользователь
 
Регистрация: 05.03.2011
Сообщений: 60
По умолчанию
Код:
<a href="javascript:void(0)" onmousemove="document.getElementById('slovari').style.display = 'block'"
onmouseover="document.getElementById('slovari').style.display = 'none'">
Словари
</a>
<br/>
<div style="border:1px #CCC solid;display:none" id="slovari">
<ul>
<li><a href="">translate.ru</a></li>
<li><a href="">wiki</a></li>
</ul>
</div>
Мои статьи по веб-программированию http://pihpi.ru
StagnantIce вне форума Ответить с цитированием
Старый 12.03.2011, 15:09   #7
Romanmani
 
Регистрация: 05.03.2011
Сообщений: 5
Радость
Цитата:
Сообщение от StagnantIce Посмотреть сообщение
Код:
<a href="javascript:void(0)" onmousemove="document.getElementById('slovari').style.display = 'block'"
onmouseover="document.getElementById('slovari').style.display = 'none'">
Словари
</a>
<br/>
<div style="border:1px #CCC solid;display:none" id="slovari">
<ul>
<li><a href="">translate.ru</a></li>
<li><a href="">wiki</a></li>
</ul>
</div>

Спасибо Большое!
Romanmani вне форума Ответить с цитированием
Старый 12.03.2011, 15:11   #8
Romanmani
 
Регистрация: 05.03.2011
Сообщений: 5
По умолчанию Вот я нашел и доработал сам мож кому пригодится
Выпадающее меню:

<html>

<head>
<title>Выпадающее меню на javascript</title>
<style>

body { font-family: verdana, sans-serif; font-size:13px; margin:0px; padding:0px;
background:none;}

.menu { background:none; width:100%; }

#block_menu { margin-left:5px; }
.punkt {float:left; padding: 1px 1px 0px 1px; background:none; position:relative; cursorointer; color:#7EC0EE;}
.punkt div {padding:2px 7px 2px 7px;}
div.list_punkts {background:none; position:absolute; top:26px; left:0px;
display:none; padding:0px; width:180px; border:solid 1px #E8E8E8; color:#8080FF;}
div.list_punkts div.kont {padding:0px;margin:3px; /*background:none;*/ }

div.list_punkts a {text-decoration:#8080FF; padding:0px; cursorointer; }
div.list_punkts div a div.podpunkt { /*background:none;*/ width:100%; padding:0px; margin-top:2px; }

div.list_punkts div a div.podpunkt div { width:100%;padding:0px 0px 0px 2px; white-spacere;}

div.list_punkts div a:hover { background:none; }
div.list_punkts div a:hover div.podpunkt { background:none; color:none; }
.footer_menu { clear:both; }

</style>
</head>
<body>

<script type="text/javascript">

function overPunkt(obj_listPunkt)
{
/* делаем выпадающее меню видимым */
obj_listPunkt.childNodes[1].style.display="block";
/* ставим выпадающее меню ниже пункта меню */
obj_listPunkt.childNodes[1].style.top=obj_listPunkt.offsetHeig ht;
/*дальше идет оформление пункта меню */
obj_listPunkt.style.background="non e";
obj_listPunkt.style.padding=0;
obj_listPunkt.childNodes[0].style.border="solid 1px #E8E8E8";
obj_listPunkt.childNodes[0].style.borderBottom="none";
/* запоминаем цвет текста пункта меню, чтоб потом его можно было восстановить */
color_text=obj_listPunkt.style.colo r;
obj_listPunkt.style.color="#8080FF" ;
}

function outPunkt(obj_listPunkt)
{
/* делаем выпадающее меню невидимым */
obj_listPunkt.childNodes[1].style.display="none";
/* дальше восстанавливаем первоначальный внешний вид пункта меню */
obj_listPunkt.style.background="tra nsparent";
obj_listPunkt.style.padding=1;
obj_listPunkt.style.paddingBottom=0 ;
obj_listPunkt.childNodes[0].style.border="none";
obj_listPunkt.style.color=color_tex t;
}

</script>

<div class="menu">
<div id="block_menu">

<div class="punkt" onMouseOver="overPunkt(this);" onMouseOut="outPunkt(this);"><div>О проекте</div
><div class="list_punkts"><div class="kont">
<a href="#"><div class="podpunkt"><div>Главная</div></div></a>
<a href="#"><div class="podpunkt"><div>О нас</div></div></a>
<a href="#"><div class="podpunkt"><div>Контакты</div></div></a>
<a href="#"><div class="podpunkt"><div>Карта сайта</div></div></a>
</div></div>
</div>

<div class="punkt" onMouseOver="overPunkt(this);" onMouseOut="outPunkt(this);"><div>В еб-дизайн</div
><div class="list_punkts"><div class="kont">
<a href="http://www.linedmk.com"><div class="podpunkt"><div>Основы</div></div></a>
<a href="#"><div class="podpunkt"><div>Статьи</div></div></a>
<a href="#"><div class="podpunkt"><div>Литература</div></div></a>
<a href="#"><div class="podpunkt"><div>Приемы и примеры</div></div></a>
<a href="#"><div class="podpunkt"><div>Частые ошибки</div></div></a>
</div></div>
</div>

<div class="punkt" onMouseOver="overPunkt(this);" onMouseOut="outPunkt(this);"><div>J avaScript</div
><div class="list_punkts"><div class="kont">
<a href="#"><div class="podpunkt"><div>Основы</div></div></a>
<a href="#"><div class="podpunkt"><div>Литература</div></div></a>
<a href="#"><div class="podpunkt"><div>Статьи</div></div></a>
<a href="#"><div class="podpunkt"><div>Скачать скрипты</div></div></a>
</div></div>
</div>

<div class="punkt" onMouseOver="overPunkt(this);" onMouseOut="outPunkt(this);"><div>P HP</div
><div class="list_punkts"><div class="kont">
<a href="#"><div class="podpunkt"><div>Основы</div></div></a>
<a href="#"><div class="podpunkt"><div>Литература</div></div></a>
<a href="#"><div class="podpunkt"><div>Статьи</div></div></a>
<a href="#"><div class="podpunkt"><div>Скачать скрипты</div></div></a>
</div></div>
</div>

<div class="punkt" onMouseOver="overPunkt(this);" onMouseOut="outPunkt(this);"><div>Н овости</div
><div class="list_punkts"><div class="kont">
<a href="#"><div class="podpunkt"><div>За последнюю неделю</div></div></a>
<a href="#"><div class="podpunkt"><div>За месяц</div></div></a>
<a href="#"><div class="podpunkt"><div>Все</div></div></a>
</div></div>
</div>

</div>
<div class="footer_menu"></div>
</div>

</body>
</html>
Romanmani вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Доработать код ferrum88 Помощь студентам 0 23.11.2010 20:14
доработать помочь код alex0097 Общие вопросы Delphi 2 16.07.2010 23:30
Протестите прогу, и посоветуйте, что доработать) Krechet Софт 23 12.08.2009 16:20
Доработать код Микки Microsoft Office Excel 7 31.03.2009 13:12

Реклама на форуме - Обратная связь - Правила - Исходники Delphi - Справочник Delphi - Архив - Вверх