VPF::Правильно ли так - Форум программистов

NZero

Дата 14.11.2011, 20:51 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 358
Регистрация: 28.4.2010
Где: Москва

Репутация: нет
Всего: нет

Здравствуйте уважаемые знатоки! Подскажите начинающему веб разработчику, правильно ли так подгружать страницу в блок div или есть способ лучше?

Код


<a href="javascript://" onclick="$('#top').load('/page2.html'); return false;">Тест</a>

z-END

Дата 14.11.2011, 22:40 (ссылка)

(нет голосов)

Загрузка ...

прафесар™

Профиль
Группа: Комодератор
Сообщений: 3014
Регистрация: 13.3.2003
Где: Венья, Пиетари

Репутация: 1
Всего: 102

да, но все таки лучше так:

Код


<a href="/page2.html" onclick="$('#top').load('/page2.html'); return false;">Тест</a>

тогда, даже если JS отключен, то будет возможность получить нужную информацию.

--------------------

Каждый чилавек пасвоему праф...а памоему НЕТ!

-=Ustas=-

Дата 14.11.2011, 22:57 (ссылка)

(нет голосов)

Загрузка ...

Ustix IT Group

Профиль
Группа: Участник Клуба
Сообщений: 2222
Регистрация: 21.1.2005
Где: Краснодар

Репутация: 2
Всего: 69

Ну и еще лучше (раз тут речь пошла о best practices) вынести навешивание хэндлера из html.

--------------------

В искаженном мире все догмы одинаково произвольны, включая догму о произвольности догм.
-----

NZero

Дата 15.11.2011, 16:22 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 358
Регистрация: 28.4.2010
Где: Москва

Репутация: нет
Всего: нет

Все сделал правильно!
Вот код:
JS

Код


function GetPage(page){
    $.get(page, function(data){
    $('#content').html(data)
    });
    }

html

Код


<a href="/company.htm" onclick="GetPage('/company.htm'); return false;">О нас</a>

-=Ustas=-

Дата 15.11.2011, 19:49 (ссылка)

(нет голосов)

Загрузка ...

Ustix IT Group

Профиль
Группа: Участник Клуба
Сообщений: 2222
Регистрация: 21.1.2005
Где: Краснодар

Репутация: 2
Всего: 69

NZero, что-то вроде этого:

Код


function GetPage(page)
{
    $.get(page, function(data)
    {
        $('#content').html(data);
    });
};

$( document ).ready( function()
{
    $( '#about' ).click( function() 
    {
        GetPage( $( this ).attr( 'href' ) );
        return ( false );
    });
});

Код


<a href="/company.htm" id="about">О нас</a>

--------------------

В искаженном мире все догмы одинаково произвольны, включая догму о произвольности догм.
-----

NZero

Дата 15.11.2011, 21:48 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 358
Регистрация: 28.4.2010
Где: Москва

Репутация: нет
Всего: нет

Всем огромное спасибо! Очень помогли)))

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »