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

Прошу помощи по вёрстке

[Удален]
861

Здравствуйте. На сайте нужно сделать блок, который меняет свое содержимое без перегазгрузки страницы (AJAX). Есть пример как должно выглядеть

Вопрос:как сверстать такие блоки, что-бы при нажатии на "файлы" белый фон переместился на "файлы" без перезагрузки страницы?

Буду благодарен ,если кто даст ссылку на пример или учебник, который поможет сверстать такой элемент.

Brand from Amber
На сайте с 18.08.2007
Offline
293
Brand from Amber
#1

Вот тут основа. Она не претендует на идеальность, но передаёт смысл технологии.

Лучший способ понять что-то самому - объяснить это другому.
[Удален]
#2
НетИмени:
Здравствуйте. На сайте нужно сделать блок, который меняет свое содержимое без перегазгрузки страницы (AJAX). Есть пример как должно выглядеть

Вопрос:как сверстать такие блоки, что-бы при нажатии на "файлы" белый фон переместился на "файлы" без перезагрузки страницы?

Буду благодарен ,если кто даст ссылку на пример или учебник, который поможет сверстать такой элемент.

Вам верно намекнули выше (в примере), ajax для этой задачи использовать не нужно, здесь достаточно простенького javascript'а. Но если вы просто тренируетесь, вот ссылка. Ajax есть смысл использовать, когда нужно на сервере воротить большими объемами sql без перезагрузки страницы - например, при регистрации логина и сверке его с уже существующими.

Яндекс вносит изменения в Google научился индексировать комментарии Google не советует закрывать
Brand from Amber
На сайте с 18.08.2007
Offline
293
Brand from Amber
#3
ahimaskrasavin:
например, при регистрации логина и сверке его с уже существующими

Классический пример использования AJAX - подсказки при вводе запроса в поисковой строке ПС, а также "живой поиск" Гугла.

ahimaskrasavin:
тренируетесь, вот ссылка

Зачем для использования HttpRequest цеплять JQuery?

[Удален]
#4
Brand from Amber:
Зачем для использования HttpRequest цеплять JQuery?

Удобнее. Намного меньше кода.

Brand from Amber
На сайте с 18.08.2007
Offline
293
Brand from Amber
#5
ahimaskrasavin:
Намного меньше кода.

В разы больше! Или Вы фреймфорк за код не считаете?

[Удален]
#6
Brand from Amber:
В разы больше! Или Вы фреймфорк за код не считаете?

За код я считаю только то, что пишу руками)). А фреймворк весит около 20 Кб. Это примерно столько же, сколько небольшая картинка.

[Удален]
#7

А как быть, если нужно вместо текста вставить немного php кода?

Brand from Amber
На сайте с 18.08.2007
Offline
293
Brand from Amber
#8
НетИмени:
А как быть, если нужно вместо текста вставить немного php кода?

Это называется веб-программирование, и этому нужно учиться.

[Удален]
#9

Brand from Amber,

Да это мне в Wordpress вставить.


<?php while (have_posts()) : the_post(); ?>
<div class="post">
<div class="entry">
<h1 id="post-<?php the_ID(); ?>"> <?php wp_title('', true); ?></h1>
<?php the_content(''); ?>
</div>
<?php comments_template(); ?>

Как это можно в Wordpress внедрить?

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