Скрипт 2х стороннего меню

@zanzo · Регистрация: 16.09.2010

Студворк — интернет-сервис помощи студентам

Здравствуйте! долго искал - найти сам не смог и впринципе я даже не могу правильно сформулировать то то что я хочу в поисковике в одну фразу...
нужен скрипт, а желательно рабочий пример чтобы было например две таблицы, в одной таблице пусто а в другой кнопки. при наведении на кнопки в пустой таблице таблице менялось содержимое...
пример на сайтах:

http://www.ag.ru/demo/user/settings
(по менюшкам поводите указателем в {body} - все поймете)

http://www.empirecraft.ru/auth/register/
(внизу будет типа выбор "расы"! от наведения контент меняется)

@Prividenie · 16.09.2010, 18:47

функция обработчик:

JavaScript
1
2
3
4
5
6
7
8
function s(n){
    var content = document.getElementById("content");
    var soderg = new Array();
    soderg[1] = "a"; //заносим что необходимо отобразить
    soderg[2] = "b";
    soderg[3] = "c";
    content.innerHTML = soderg[n];
}

например такой код ссылок (можно кнопками заменить)

HTML5
1
2
3
4
5
<div>
    <a href="#" onmouseover="s(1);">Орки</a> | 
    <a href="#" onmouseover="s(2);">Люди</a> |
    <a href="#" onmouseover="s(3);">Эльфы</a>
</div>

и где то блок куда будет отображать:

HTML5
1
<div id="content"></div>

@zanzo · 16.09.2010, 19:30 **[ТС]**

а объект*(выводимый) не текст а картинка

@Prividenie · 16.09.2010, 19:52

так innerHTML вставляет динамически хтмл:
например:

JavaScript
1
soderg[1] = '<img src="ork.jpg" alt="orok">';

не забыть токо картинку положить

@zanzo · 16.09.2010, 20:43 **[ТС]**

блин спасибо тебе огромное! спасибо вам всем!!

я просто только начал изучать js и php...
знаю только html и css ^_____^
спасибо большое

Добавлено через 31 минуту
опапа - не находит картинк, какой бы путь не задавался.
ни начиная с http ни начиная с начала движка тоесть например site/templates/site/img.jpg
ни путь шаблона (в данном случае DLE) {THEME}/images/img.jpg

и еще можно ли определение объекта или текста выставлять не в JS а в непосредственно коде сайта.

HTML5
1
<a href="#" onmouseover="s('текст или путь') onmouseuot="s();">Орки</a>

как нужно переделать js код тогда

тоесть что нить типа

@Prividenie · 16.09.2010, 20:49

Сообщение от zanzo

опапа - не находит картинк, какой бы путь не задавался.

у меня даже ИЕ6 нормально прожовывает
сначала б попробовал без дле поэкспериментировать.

@zanzo · 17.09.2010, 18:26 **[ТС]**

Сообщение от Prividenie

у меня даже ИЕ6 нормально прожовывает
сначала б попробовал без дле поэкспериментировать.

все работает, это у меня вчера денвер сбойнул ^___^

и еще вопрос как прикрутить:
чтобы стартовой при загрузке страницы в "content" была например

JavaScript
1
soderg[1] = "a"

и чтобы потом задать каждому s№ onmouseout="s('1')" и получилось бы что менюшка оставалось в нажатом положении выбранной кнопки.

@Prividenie · 19.09.2010, 13:06

Сообщение от zanzo

чтобы стартовой при загрузке страницы в "content" была например

так впишите его прямо:

JavaScript
1
<div id="content">bla bla bla</div>

@zanzo · 19.09.2010, 20:33 **[ТС]**

Сообщение от Prividenie

так впишите его прямо:

JavaScript
1
<div id="content">bla bla bla</div>

я имел ввиду чтобы по дефолту в контенте отображался какой нить s
а то получается что при загрузке страницы conten пустой (и что бы не в контент повторно картинку вставлять и тога это каша получается, ведь можно все красиво в js написать

@Prividenie · 19.09.2010, 21:11

Не по теме:

Сообщение от zanzo

ведь можно все красиво в js написать

много js получится если красиво писать

@Hurtsok · 20.09.2010, 08:36

Подправил пример Prividenie. Теперь контент меняется без перезагрузки страницы.

HTML5
1
2
3
4
5
<div>
        <span id="0"   style="display:block; cursor:pointer;" onclick="s(0)";>Orcs</span> | 
        <span id="1" style="display:block; cursor:pointer;" onclick="s(1)";>Humans</span> |
        <span id="2" style="display:block; cursor:pointer;" onclick="s(2)";>Elfs</span>
</div>

JavaScript
1
2
3
4
5
6
7
8
9
 function s(n){
   
   var add=document.getElementById("add");
   var mas=['orcs fuck',"Humans fuck","Elfs fuck"];
     return add.innerHTML=mas[n];
     
    
        
}

@Prividenie · 20.09.2010, 13:34

Сообщение от Hurtsok

Теперь контент меняется без перезагрузки страницы

а в моем примере что перегружалась страница?

@Hurtsok · 20.09.2010, 14:35

Да. Не стоит вешать события на ссылки.

Новые блоги и статьи Все статьи Все блоги /
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .

@zanzo 0 / 0 / 0 Регистрация: 16.09.2010 Сообщений: 9

	Скрипт 2х стороннего меню 16.09.2010, 15:13. Показов 1190. Ответов 12 Метки нет (Все метки) Здравствуйте! долго искал - найти сам не смог и впринципе я даже не могу правильно сформулировать то то что я хочу в поисковике в одну фразу... нужен скрипт, а желательно рабочий пример чтобы было например две таблицы, в одной таблице пусто а в другой кнопки. при наведении на кнопки в пустой таблице таблице менялось содержимое... пример на сайтах: http://www.ag.ru/demo/user/settings (по менюшкам поводите указателем в {body} - все поймете) http://www.empirecraft.ru/auth/register/ (внизу будет типа выбор "расы"! от наведения контент меняется) 0

@zanzo 0 / 0 / 0 Регистрация: 16.09.2010 Сообщений: 9
	16.09.2010, 19:30 [ТС]
	а объект*(выводимый) не текст а картинка 0

@Hurtsok bigMatherHacker 112 / 81 / 12 Регистрация: 18.08.2010 Сообщений: 237
	20.09.2010, 14:35
	Да. Не стоит вешать события на ссылки. 0