Javascript.RU

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

Не получается вставить код js в HTML
Добрый день. Нужно готовый код меню на JS вставить в HTML рядом с другим меню, но чтобы при этом стиль меню на JS был такой же как и в остальном меню. Само меню на JS работает и находится в нужном месте, но не могу подобрать стили так, чтобы не испортить функционал явы скрипта.
Изначальный HTML код меню на JS
<div id="main">
            <ul id="slide_menu">
                <li>
                    <h3>menu 1</h3>
                    <ul class="container">
                        <li><a href="#submenu11">submenu 1.1</a></li>
                        <li><a href="#submenu12">submenu 1.2</a></li>
                        <li><a href="#submenu13">submenu 1.3</a></li>
                    </ul>
                </li>
               </ul>
            
        </div>

Код JS
<script type="text/javascript" src="js/mootools.js"></script>
        <script type="text/javascript">
            window.addEvent('domready', function() {
                var list = $$('#slide_menu li ul.container');
                var headings = $$('#slide_menu li h3');
                var collapsibles = new Array();

                headings.each( function(heading, i) {
                    var collapsible = new Fx.Slide(list[i], {
                        //duration: 'normal',
                        transition: Fx.Transitions.quadOut
                    });
                    collapsibles[i] = collapsible;
                    heading.onclick = function(){
                        for(var j = 0; j < collapsibles.length; j++)
                            if(j!=i)
                                collapsibles[j].slideOut();
                        collapsible.toggle();
                        return false;
                    }
                    collapsible.hide();
                });

            });
        </script>

<script type="text/javascript">
            var _gaq = _gaq || [];
            _gaq.push(
            ['_setAccount', 'UA-5788854-4'],
            ['_setDomainName', '.vkurseweba.ru'],
            ["_addOrganic", "mail.ru", "q"],
            ["_addOrganic","rambler.ru", "words"],
            ["_addOrganic","nigma.ru", "s"],
            ["_addOrganic","blogs.yandex.ru", "text"],
            ["_addOrganic","webalta.ru", "q"],
            ["_addOrganic","aport.ru", "r"],
            ["_addOrganic","akavita.by", "z"],
            ["_addOrganic","meta.ua", "q"],
            ["_addOrganic","bigmir.net", "q"],
            ["_addOrganic","tut.by", "query"],
            ["_addOrganic","all.by", "query"],
            ["_addOrganic","i.ua", "q"],
            ["_addOrganic","online.ua", "q"],
            ["_addOrganic","a.ua", "s"],
            ["_addOrganic","ukr.net", "search_query"],
            ["_addOrganic","search.com.ua", "q"],
            ["_addOrganic","search.ua", "query"],
            ["_addOrganic","poisk.ru", "text"],
            ["_addOrganic","km.ru", "sq"],
            ["_addOrganic","liveinternet.ru", "ask"],
            ["_addOrganic","gogo.ru", "q"],
            ["_addOrganic","gde.ru", "keywords"],
            ["_addOrganic","quintura.ru", "request"],
            ['_trackPageview']
        );

            (function() {
                var ga = document.createElement('script');
                ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                ga.setAttribute('async', 'true');
                var f = document.documentElement.firstChild;
                while(f && f.nodeType != 1){ f = f.nextSibling; }
                f.appendChild(ga);
            })();
        </script>

Кусок HTML где должно стоять меню верхнее меню - это меню которое должно работать на JS , нижнее обычное меню.
<div class="menu-list">
		 <div class="title">Buy</div> 
		
            <ul id="slide_menu">
                <li>
                    <h3>menu 1</h3>
                    <ul class="container">
                        <li><a href="#submenu11">submenu 1.1</a></li>
                        <li><a href="#submenu12">submenu 1.2</a></li>
                        <li><a href="#submenu13">submenu 1.3</a></li>
                    </ul>
                </li>
               
            </ul>
            
        

       </div> 
    
<div class="menu-list">   
			<div class="title">Buy</div>
			<ul>
				<li class="oppened"><a href="http://www.google.com">Sleep Number Beds</a>
					<ul class="second">
						<li><a href="http://www.google.com">Class Series</a></li>
						<li><a href="http://www.google.com">Perfomance Series</a></li>
						<li><a href="http://www.google.com">Innovation Series</a></li>
					</ul>
				</li>
				<li><a href="http://www.google.com">Sleep Number Beds</a></li>
				<li><a href="http://www.google.com">Sleep Number Beds</a></li>
				<li><a href="http://www.google.com">Sleep Number Beds</a></li>
				<li><a href="http://www.google.com">Sleep Number Beds</a></li>
			</ul>
		</div>

Помогите настроить стили под дизайн общего меню
Ответить с цитированием
  #2 (permalink)  
Старый 26.03.2012, 09:46
Аспирант
Отправить личное сообщение для m4gz Посмотреть профиль Найти все сообщения от m4gz
 
Регистрация: 27.10.2011
Сообщений: 43

Особо не вникал в мутулс (правда зачем использовать целую библиотеку для одного элемента, имо лучше вообще в меню не делать яс ссылок, они плохо индексируются, ксс3 вам в руки для анимации) а по сабжу задай одни классы для элементов, по идее должно быть аналогичным стилем.
Ответить с цитированием
  #3 (permalink)  
Старый 04.09.2013, 21:52
Аспирант
Посмотреть профиль Найти все сообщения от iLikeMaxmaxmaximus
 
Регистрация: 07.08.2013
Сообщений: 50

наркоман
Ответить с цитированием
  #4 (permalink)  
Старый 05.09.2013, 04:56
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 2,925

Сообщение от garmoni
Не получается вставить код js в HTML
Сообщение от garmoni
Помогите настроить стили под дизайн общего меню
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
вставить строку со скриптами как кусок html shelest Общие вопросы Javascript 1 01.03.2012 16:12
вставить строку со скриптами как кусок html shelest jQuery 3 01.03.2012 16:10
Html метки + div + JS boltayka Events/DOM/Window 1 07.09.2009 16:21
как js вставить в теги? catsys Элементы интерфейса 0 30.08.2009 02:28
JS меню работает на обычной html странице, а на юкозовском движке нет. adware Я не знаю javascript 10 16.05.2009 15:48