Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Cмена текста 
:(
    Опции темы
AN_Reise
  Дата 13.8.2007, 11:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
Здравствуйте! 
Извините, за беспрадонность, но я плохо знаю javaScript. 
http://an-reise.narod.ru/start.html 

Вот... посмотрите на страницу (ее уже пора выкладывать на платный хостинг, но оттачиваю на народе). 
На новости: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci 

tution ullamcorper suscipit lobortis nisl ut... 

А вот.. на наверно самый удобный javaScript: Код:
Код


<table border="0" cellpadding="0"> 
<caption><font face="Arial" size="2">(Здесь Ваш заголовок)</font></caption> 
<font size="4" color="#FF0000"> 
<tr> 
<td width="100%"> 
<p align="center"><img src="Dowl.gif" width="100" height="100" name="text"></p> 
</td> 
</tr> 
<tr> 
<td width="100%"><form method="POST" name="rotater"> 
<div align="center"><center><p><script language="JavaScript1.1"> 
var photos=new Array() 
var which=0 

// Измените рисунки на те, которые нужны Вам. Количество неограничено 
photos[0]="Dowl.gif" 
photos[1]="bulb__on.gif" 
photos[2]="1gold.gif" 
photos[3]="2gold.gif" 
photos[4]="3gold.gif" 


function backward(){ 
if (which>0){ 
window.status='' 
which-- 
document.images.text.src=photos[which] 
} 
} 

function forward(){ 
if (which<photos.length-1){ 
which++ 
document.images.text.src=photos[which] 
} 
else window.status='Конец галереи' 
} 
</script><input type="button" value="<<Назад " name="B2" 
onClick="backward()"> <input type="button" value="Вперед>>" name="B1" 
onClick="forward()"><br> 
<a href="#" onClick="which=1;backward();return false"><small>К началу</small></a></p> 
</center></div> 
</form> 
</td> 
</tr> 
</table> 


Слой newsLayer1... 

Вы видите новости на свитке? 

Нужно сделать так, чтобы новости подгружались из javascript'a 
И при нажатие на кнопку они менялись, ну типа как галерея смены картинок - "вперед", "назад" 
Посмотрите скрипт (да и исходный код страницы start.html)

т.к. свиток небольшой (а содержать новостей 10 на таком свитке неудобно).
PM MAIL   Вверх
AN_Reise
Дата 14.8.2007, 18:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
Хотя скрипт корявый
поэтому проще слепить новую конфету
PM MAIL   Вверх
AN_Reise
Дата 16.8.2007, 17:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
уже 17  smile 
PM MAIL   Вверх
Astraller
Дата 16.8.2007, 20:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 300
Регистрация: 1.8.2007
Где: $Украина[Кры м]->Феодосия

Репутация: 2
Всего: 5
Изучай Ajax. Это единственный метод подгрузить что-то JS'ом на страницу без её перезагрузки.

PS Скрипт свой поправь коллекция all морально устарела! юзай document.getElementById('')


--------------------
A.S.T.R.A.L.L.E.R.: Artificial Synthetic Technician Responsible for Assassination, Logical Learning and Efficient Repair
PM MAIL WWW ICQ   Вверх
AN_Reise
Дата 21.8.2007, 20:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
Так. А чтобы знать Ajax нужно хорошо знать js?
PM MAIL   Вверх
Mymik
Дата 21.8.2007, 22:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

Репутация: 11
Всего: 78
AN_Reise, достаточно уметь работать с JSON либо с XML (все зависит от того в каком виде ты будешь возвращать данные с сервера на клиент).


Цитата(Astraller @  16.8.2007,  20:43 Найти цитируемый пост)
Изучай Ajax. Это единственный метод подгрузить что-то JS'ом на страницу без её перезагрузки.

не правда. Есть еще варианты
1) динамически создаваемый iFrame.
2) динамически создаваемый <script></script> для подтягивания JS.

Тут обсуждалась тема как подтягивать данные без AJAX. поищи если будет интересно.



--------------------
ICQ ::            857-857
E-mail ::         mymik[at]inbox[dot]ru 
HomaPage ::  http://localhost/

:to_become_senile  :this
PM MAIL WWW ICQ   Вверх
Ghirik
Дата 26.8.2007, 22:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: 13
Всего: 20
Блин, заклинило всех на AJAX-е.

Я только собираюсь сделать подгрузку через iFrame, примерно знаю как, но код пока не писал.
А вот по поводу плавного появления изображения, посмотри код этой страницы http://www.door-to.ru/LamerPhotoBlog/scripts/slideShow.htm (через display: none)
Работает везде, только предзагрузка кривенькая, но по этому поводу я писал в соседней ветке.
Или здесь http://www.door-to.ru/LamerPhotoBlog/scripts/slideshow2.htm  (замена src картинки из массива)
но здесь предзагрузка не работает в IE.

Наверное можно просто добавить строчку object.style.opacity=переменная/100
Вот так
Код

object.style.opacity=переменная/100
object.style.filter='alpha(opacity='+переменная+')'


И страницы станут плавно появляться во всех браузерах.

P.S. Не заметил сразу, что у Вас плавное появление через мета-тэг. Но все равно, лучше использовать подобный приведенному код.

Это сообщение отредактировал(а) Ghirik - 26.8.2007, 22:57


--------------------
Отдадим всё клиенту, пускай его машина мучается...
PM MAIL   Вверх
Ghirik
Дата 27.8.2007, 00:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: 13
Всего: 20
Ещё раз перечитал Ваш вопрос, AN_Reise. 
Зачем подгрузка с сервера? Тексты коротенькие сделайте так

Вот код
Код

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Listalka</title>
<script language="javascript">
<!--
d=document
a=1
b=3
c=1
function op(i){
        d.getElementById('p'+c).style.display='none'
    if    (i.id=='b1'){
        c++
    if (c>b){
        c=1}}
        else{
        c--
    if (c<a){
        c=3}}
        d.getElementById('p'+c).style.display=''}
//-->
</script>
</head>
<body>
<table border=1 width="100%" id=table1 height=120>
    <tr>
        <td>
        <p id=p1>TEXT</p>
        <p id=p2  style="display: none">TEXT</p>
        <p id=p3 lang=ru  style="display: none">TEXT</p>
        </td>
    </tr>
</table>
    <p><input type=button value=Onward id=b1 onclick=op(this)>&nbsp;&nbsp; <input type=button value=Back id=b2 onclick=op(this)></p>
</body>
</html>


Только желательно предзагрузку сделать.


--------------------
Отдадим всё клиенту, пускай его машина мучается...
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0532 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.