<div id="div1"></div>
<script>
document.getElementById('div1').innerHTML = '<b>Text!</b>';
</script>
Меню на JavaScript
При этом меню динамическое и на разных страницах отражается разный набор данных.
Сейчас это реализовано на пхп и работает нормально, но нужно убрать физически его (меню) из кода страницы, чтобы не было в нем текста, привносимого меню.
Поскольку меню динамическое, в ява скрпите должна быть функция, которой будет передаваться массив необходимых значений, посему просто вставка скрипта в нужно месте не пойдет (не пойдет?).
Первоначально была идея повесить ее на onload, но это приводит к тому, что страницы перезагружается и на ней отображается только содержимое скрипта.
Посему, собственно, вопрос, как это можно реализовать?
Встречала примеры выпадающих меню, но там содержимое меню прописано в коде страницы, что категорически не пойдет... еще варианты возможны, кроме этого?
Вообще не вижу проблемы с выносом во внешний файл. Если страница перезагружается, значит JavaScript написан неправильно.
Я делала так, создавала файл .js, в нем создавала функцию, которой передавался нужный массив и с помощью document.write('хтмл-код') выдавался код. Или нужно через return? Или как?
Далее функция вызывалась на <body onLoad=...> и страница перезагружалась, выдавая только содержимое скрипта на ней.
Код:
RussianSpy, а как-то можно это реализовать целиком во внешнем скрипте? Такие примеры с дивами я встречала, но там они в самом коде страницы, а вот это как раз и надо избежать... иначе у нас и на пхп все замечательно, соль именно в полном выведении контентного текста из хтмл-кода страницы.
Ни чего не мешает избежать вставку дива в код. Нужное меню можно прицепит с любую часть страницы через DOM API и метод appendChild. Кстати DOM функции очень хорошо описаны в доках на PHP. На JS работат с DOM выглядет абсолютно таким же образом.