смена текста в блоке

DriverCat
На сайте с 10.04.2008
Offline
116
1386

Доброе утро!

Обрыл весь интернет, никак не могу найти, может просто не знаю как надо искать, в общем нужно реализовать смену текста в блоке при клике по ссылке. Так, например, реализована главная страница sape.ru - ссылки КУПЛИ - ПРОДАЖИ - при клике в одном и том же блоке меняется текст. Так же и новости на Яндексе реализованы - все или по региону. В яваскрипте не силен, наверное это реализуется не сложно, но сам не напишу. Подскажите или тыкните ссылку, плиз.

moonters
На сайте с 09.10.2008
Offline
139
#1

В исходном коде sape все же видно:

два diva:

sell-block - получаете деньги-регистрируете сайт-устанавливаете код

buy-block - вводите деньги-выбираете площадки-получаете посетителей

Функция http://static.sape.ru/www/js/func_mainpage.js в зависимости от выбранной ссылки присваивает одному свойство show, другому hide и наоборот.

Мобильные прокси беру только тут - https://goo.su/G5nhch
[umka]
На сайте с 25.05.2008
Offline
456
#2

Можно сделать именно смену внутренностей. Примерно так:

<script>

function my_change(div_id, new_html) {
var d=document.getElementById(div_id);
d.innerHTML=new_html;
};
</script>
<div id='my_div'><b>Изначальный html</b></div>
<a href='#' onclick='my_change("my_div","<h2>Новый html</h2>"); return(true);'>Жми!</a>

Т.е. функции my_change указываем id div-а и новое нутро для него.

Лог в помощь!
DriverCat
На сайте с 10.04.2008
Offline
116
#3

Спасибо! Нутряк смотрел, но видимо плохо - функцию не нашел!

moonters
На сайте с 09.10.2008
Offline
139
#4
DriverCat:
Спасибо! Нутряк смотрел, но видимо плохо - функцию не нашел!

функция в этом файле http://static.sape.ru/www/js/func_mainpage.js

DriverCat
На сайте с 10.04.2008
Offline
116
#5
moonters:
функция в этом файле http://static.sape.ru/www/js/func_mainpage.js

да это я нашел, спасибо, вот все равно не могу разобраться. Функцию подключил, создал два блока таких же sell и buy, сделал ссылки как в исходном коде. Не работает:(

Кофейник
На сайте с 11.07.2009
Offline
78
#6

Заодно если захотите в DOM и JS себя поднатаскаете.

http://xhtml.ru/2005/04/20/dom_intro_4/

http://immater1um.livejournal.com/ (http://immater1um.livejournal.com/)
moonters
На сайте с 09.10.2008
Offline
139
#7
DriverCat:
да это я нашел, спасибо, вот все равно не могу разобраться. Функцию подключил, создал два блока таких же sell и buy, сделал ссылки как в исходном коде. Не работает

Если вы хотите полностью скопировать, то надо ещё и файлы стилей саповские подключить, в них все свойства прописаны (это файлы - .css)

В Вашем случае нужен файл:

http://static.sape.ru/www/css/cln-in/styles.css

DriverCat
На сайте с 10.04.2008
Offline
116
#8
Кофейник:
Заодно если захотите в DOM и JS себя поднатаскаете.
http://xhtml.ru/2005/04/20/dom_intro_4/

Во! Спасибо!

DriverCat добавил 16.12.2009 в 09:25

moonters:
Если вы хотите полностью скопировать, то надо ещё и файлы стилей саповские подключить, в них все свойства прописаны (это файлы - .css)

В Вашем случае нужен файл:
http://static.sape.ru/www/css/cln-in/styles.css

Да нет, вообще хотелось бы самому понять как это работает. Кстати, а как ПС относятся к таким вещам?

DriverCat
На сайте с 10.04.2008
Offline
116
#9

Доброе утро!

Все-таки решил попробовать сделать через Ajax - мне кажется получится покрасивее и покороче. Но суть не в том. Была у меня когда-то функция для этого, она принимала значение getElementById('id').value от выпадающего меню, где стоит обработчик onchange соответственно. Так как в яваскрипте я не силен, попробовал к ссылке прикрутить обработчик onclick, то есть при клике у меня должно передаваться значение в функцию мою. Естественно ничего не работает. Как мне правильно изменить обработчик и саму функцию, чтобы она принимала значение при клике по ссылке. Помогите, пожалуйста!

DriverCat добавил 17.12.2009 в 12:52

Никто не подскажет?

moonters
На сайте с 09.10.2008
Offline
139
#10
DriverCat:
Никто не подскажет?

Вас как-то кидает из стороны в сторону, то туда, то сюда.

Ещё не определились, что Вам именно надо.

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