Форум Сайтостроение Веб-строительство

После нажатия на кнопку, текст появится в окошке.

[Удален]
831

Видел было такое организованно на html с помощью js:

Нажимаешь на раздел в меню, а в центре страницы все показывает. Т.е. страницы теперь не перезагружаются, а сразу все на месте открывает.

Для тех кто в танке:

Вот у меня сайт: 161-region.ru

Я хочу, чтобы после нажатия на кнопку меню справочник, у меня вместо карты области, появился мой список с номерами; после нажатия на кнопку меню О нас, у меня вместо карты области, появилась информация о сайте. И т.д.

Кто знает хоть примерно, как это сделать пишите. Это не из тяжелых, видел не большой код... Только было это года 2 назад. Да и в шабах дле видел, подобную реализацию.

Shoo[rik]
На сайте с 12.04.2008
Offline
66
Shoo[rik]
#1
root_null:
Кто знает хоть примерно, как это сделать пишите.

ajax Вам в помощь, или на худой конец фреймы.

root_null:
Это не из тяжелых, видел не большой код...

По моему Вы ошибаетесь...

D
На сайте с 14.01.2007
Offline
153
Dinozavr
#2

или скрытые дивы

4arger
На сайте с 17.12.2008
Offline
95
4arger
#3

js:


<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("ul.leftmenu li a").click(function() {
var filename = $(this).attr("id");
$("div.bigbord_block").load(filename + ".html");
return false;
});
});
</script>

index.html


<ul class="leftmenu">
<li><a href="#" id="o-nas"><i>О нас</i><span>информация о нас и о нашей деятельности</span></a></li>
</ul>
<div class="bigbord_block"></div>

o-nas.html


<h2>О нас</h2>
<div>
<p>О нас</p>
<p>О нас</p>
<p>О нас</p>
<p>О нас</p>
<p>О нас</p>
</div>
[Удален]
#4

Вариант с использование jQuery подойдет ?

[Удален]
#5
4arger:
js:

index.html

o-nas.html

Сделал. Все отлично работает, правда слегка кривовато было, но все исправил. Спасибо вам большое. Но теперь проблема, при запросе страницы Яндекс карт, страница переадресовывается и открывается белая страница.

Вот как у меня выглядит код: 

         <center>



            <div class="bigbord">

<script src="http://api-maps.yandex.ru/1.1/?key=AHzUHEwBAAAAqJvlVwIAGQF0YF9WsCJWKwxIwhN-FqsY7ZgAAAAAAAAAAABIsrcQ5bB_O7DwoXZ0Fra4wZ4Vsg==&wizard=constructor" type="text/javascript"></script>

<script type="text/javascript">

    YMaps.jQuery(window).load(function () {

        var map = new YMaps.Map(YMaps.jQuery("#YMapsID-844")[0]);

        map.setCenter(new YMaps.GeoPoint(40.806744,47.699256), 7, YMaps.MapType.MAP);

        map.addControl(new YMaps.Zoom());

        map.addControl(new YMaps.ToolBar());

        map.addControl(new YMaps.TypeControl());

        

        function createObject (type, point, style, description) {

            var allowObjects = ["Placemark", "Polyline", "Polygon"],

                index = YMaps.jQuery.inArray( type, allowObjects),

                constructor = allowObjects[(index == -1) ? 0 : index];

                description = description || "";

            

            var object = new YMaps[constructor](point, {style: style, hasBalloon : !!description});

            object.description = description;

            

            return object;

        }

    });

</script>



<center><div id="YMapsID-844" style="width:517px;height:255px;top:8px;"></div></center></div></center>
Яндекс говорит и показывает Яндекс начал показывать в Безопасный поиск от Яндекса

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий