X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Простейший Ajax
GC_
GC_
Topic Starter сообщение 3.6.2010, 19:22; Ответить: GC_
Сообщение #1


Завсегдатай
*****

Группа: Active User
Сообщений: 902
Регистрация: 14.1.2008
Из: Red-Ярск
Поблагодарили: 364 раза
Репутация:   78  


Гуглил - не нагуглил.

Поэтому прошу помочь с реализацией простейшего AJAX-скрипта, вида:


<Копка1> <Копка2>
------------------------------
<Элемент1>


Элемент1 открыт по умолчанию. При нажатии на кнопку2 Элемент1 заменяется Элементом2 и наоборот.


<Копка1> <Копка2>
------------------------------
<Элемент2>


--------------------
В чем сила, Брат?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Stop-TussiN
Stop-TussiN
сообщение 3.6.2010, 19:28; Ответить: Stop-TussiN
Сообщение #2


Саповод 80 lvl
******

Группа: Active User
Сообщений: 1256
Регистрация: 10.3.2009
Из: Набережные Челны
Поблагодарили: 944 раза
Репутация:   88  


Так это же можно сделать на JS. Простые вкладки.
Или вы хотите именно ajax изучать?


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Magir
Magir
сообщение 3.6.2010, 19:29; Ответить: Magir
Сообщение #3


Участник
***

Группа: User
Сообщений: 213
Регистрация: 4.12.2009
Из: Санкт-Петербург
Поблагодарили: 69 раз
Репутация:   13  


Можно без ajax)

<input type="button" id="btn1" style="font-weight: bold;" onclick="document.getElementById('btn1').style.fontWeight='bold';document.getElementById('elem1').style.display='block';document.getElementById('elem2').style.display='none';" value="Кнопка1"> <input type="button" id="btn2" onclick="document.getElementById('btn2').style.fontWeight='bold';document.getElementById('elem2').style.display='block';document.getElementById('elem1').style.display='none';" value="Кнопка2">
<div id="elem1">ляляля</div>
<div id="elem2" style="display:none;">тратара</div>


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
GC_
GC_
Topic Starter сообщение 3.6.2010, 19:33; Ответить: GC_
Сообщение #4


Завсегдатай
*****

Группа: Active User
Сообщений: 902
Регистрация: 14.1.2008
Из: Red-Ярск
Поблагодарили: 364 раза
Репутация:   78  


1. Под элементами подразумевается любой код. Будь то flash-плеер или текст.
2. Нужно чтобы Элемент1 обязательно индексировался ПСами.
3. Делал раньше подобное div`ами, но косяк был в том, что в Опере, если в разных элементах находились самовоспроизводимые флэшки - они начинали обе играть (со звуком). Даже те, что не видны в данный момент smile.gif вот надо, чтобы активны были только открытые элементы smile.gif

Сообщение отредактировал GC_ - 3.6.2010, 19:35


--------------------
В чем сила, Брат?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rjksdfhe
rjksdfhe
сообщение 3.6.2010, 19:47; Ответить: rjksdfhe
Сообщение #5


Straight arms
*******

Группа: Active User
Сообщений: 2760
Регистрация: 21.4.2009
Из: Мытищи, МО, РФ
Поблагодарили: 1111 раз
Репутация:   163  


что-то такое:

<input type="submit" onclick="return chg('old')" value="Кнопка1">
<input type="submit" onclick="return chg('new')" value="Кнопка2">
<div id="content">Это будет индексироваться</div>

<script>
var save;
function chg (cmd) {
  var c=document.getElementById('content');
  if (cmd=='new') {
    save=c.innerHTML; // сохраняем то что было
    c.innerHTML='<p>любой HTML код</p>'; // новое содержание в div
  }
  if (cmd=='old') {
    c.innerHTML=save; // восстанавливаем в div то что было
  }
  return false;
}
</script>


Сообщение отредактировал rjksdfhe - 3.6.2010, 19:50


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MobiX
MobiX
сообщение 3.6.2010, 19:49; Ответить: MobiX
Сообщение #6


Завсегдатай
*****

Группа: Active User
Сообщений: 607
Регистрация: 11.7.2008
Из: Самара
Поблагодарили: 149 раз
Репутация:   17  


http://www.ilovecolors.com.ar/jquery-tabs/
http://ooyes.net/resources/25-useful-javas...igation-scripts

Выбирайте


--------------------
Блог: logunoff.ru
Twitter: logunoff
ICQ: 231887598


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
GC_
GC_
Topic Starter сообщение 3.6.2010, 19:54; Ответить: GC_
Сообщение #7


Завсегдатай
*****

Группа: Active User
Сообщений: 902
Регистрация: 14.1.2008
Из: Red-Ярск
Поблагодарили: 364 раза
Репутация:   78  


(rjksdfhe @ 3.6.2010, 23:47) *
что-то такое:

<input type="submit" onclick="return chg('old')" value="Кнопка1">
<input type="submit" onclick="return chg('new')" value="Кнопка2">
<div id="content">Это будет индексироваться</div>

<script>
var save;
function chg (cmd) {
  var c=document.getElementById('content');
  if (cmd=='new') {
    save=c.innerHTML; // сохраняем то что было
    c.innerHTML='<p>любой HTML код</p>'; // новое содержание в div
  }
  if (cmd=='old') {
    c.innerHTML=save; // восстанавливаем в div то что было
  }
  return false;
}
</script>


Спасибо, работает smile.gif только косячек небольшой. Если в асмом начале нажать на Кнопку1, то вместо "Это будет индексироваться" появляется надпись "undefined". Сложно сделать, чтобы кнопка1 была не активна, если показано ее содержимое? Тоже самое и со второй кнопкой smile.gif

PS не обязательно именно button, лучше даже простой ссылкой.

Сообщение отредактировал GC_ - 3.6.2010, 19:55


--------------------
В чем сила, Брат?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rjksdfhe
rjksdfhe
сообщение 3.6.2010, 20:11; Ответить: rjksdfhe
Сообщение #8


Straight arms
*******

Группа: Active User
Сообщений: 2760
Регистрация: 21.4.2009
Из: Мытищи, МО, РФ
Поблагодарили: 1111 раз
Репутация:   163  


ну, так можно чтобы не было undefined:

<a href="#" onclick="return chg('old')" id="b1">Кнопка1</a>
<a href="#" onclick="return chg('new')" id="b2">Кнопка2</a>
<div id="content">Это будет индексироваться</div>

<script>
var save=false;
function chg (cmd, link) {
  var c=document.getElementById('content');
  var b1=document.getElementById('b1');
  var b2=document.getElementById('b2');
  if (cmd=='new' && save==false) {
    save=c.innerHTML; // сохраняем то что было
    c.innerHTML='<p>любой HTML код</p>'; // новое содержание в div
    b1.style.color='silver';
    b2.style.color='blue';
  }
  if (cmd=='old' && save!=false) {
    c.innerHTML=save; // восстанавливаем в div то что было
    save=false;
    b1.style.color='blue';
    b2.style.color='silver';
  }
  return false;
}
</script>


сделать полную неактивность чуть сложнее, но здесь цвет ссылки меняется
пишу вслепую, могу ошибиться, если не работает - в ЛС ))

Сообщение отредактировал rjksdfhe - 3.6.2010, 20:11


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Веб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)
18 qpPeW 3385 12.12.2017, 13:32
автор: qpPeW
Открытая тема (нет новых ответов) Ищу специалиста по js, jquery, ajax, history api и т.д.
3 by_roXe 825 15.3.2016, 14:17
автор: Edelweiss
Открытая тема (нет новых ответов) Требуются услуги программиста (jquery, ajax, php, html)
2 Упс 3337 11.4.2015, 14:25
автор: Упс
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыМузыкальный сайт / AJAX / DLE v10.1
Музыкальный сайт, который работает на технологии Ajax
11 fara 4456 11.9.2014, 1:57
автор: fara


 



RSS Текстовая версия Сейчас: 14.12.2017, 17:26
Дизайн