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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Не подгружается страница в div 
V
    Опции темы
NZero
Дата 7.11.2011, 22:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: нет
Всем привет! Есть два дива, в первом находится ссылка, при нажатии на которую должны загружаться данные во второй. Написал такой код:
Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
<head>
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
        <meta name="author" content="pasha" />
    <script src="js/jquery-1.1.4.js" type="text/javascript"></script>
        <title>Тест</title>          
</head>
<?php
header("Content-type: text\html; charset=utf-8")
?>
<body>
<div id="top" style="border: 1px solid green; width: 100%; height: 300px;">
<a href="1.html" onclick="document.getElementById('center');">Ссылка</a>
</div>
<div id="center"style="border: 1px solid black; width: 100%; height: 500px; text-align: center;"></div>
</body>
</html>

Но вместо загрузки данных во второй див, открывается новая страница( Подскажите как сделать правильно?
PM MAIL WWW ICQ   Вверх
ayax2005
Дата 7.11.2011, 22:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


echo $smile
**


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

Репутация: 2
Всего: 11
<a href="1.html" onclick="document.getElementById('center');">Ссылка</a> - это вот вы откуда такую логику взяли?
У вас тут первое - никакие даные никуда не загружаются, второе - чтобы ссылка не срабатывала нужно добавить return false, третье - ссылку на href прописывать не нужно, четвёртое <a> не нужно, onclick нужно прописать на самом div-е.
По поводу того, как загружать даныне, почитайте в google на тему $.ajax


--------------------
все вопросы - из-за неверной формулировки задачи
PM MAIL ICQ   Вверх
NZero
Дата 8.11.2011, 08:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: нет
спасибо) буду разбираться)
PM MAIL WWW ICQ   Вверх
NZero
Дата 11.11.2011, 11:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: нет
Все разобрался!  smile  Вот код:

Код

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
<head>
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
        <meta name="author" content="kali0n" />
    <script type="text/javascript" src="/js/jquery-1.7.min.js"></script> <!--Подгружаем библиотеку jquery без нее работать не будет-->   
        <title>Тест</title>
</head>
<body>
<div id="but" style="border: 1px black solid;">
<a href="index.htm">Главная</a>
<a href="javascript://" onclick="$('#top').load('/page2.html'); return false;">Тест</a> <!--Загружаем страницу page2.html в див с id #top-->
</div>
<div id="top">
Текст, который должен измениться!
</div>
</body>
</html>


Скачать библиотеку jquery
Надеюсь кому нить поможет

Это сообщение отредактировал(а) NZero - 11.11.2011, 11:03
PM MAIL WWW ICQ   Вверх
bogosja
Дата 23.12.2011, 16:17 (ссылка) | (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
<head>
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
        <meta name="author" content="kali0n" />
    <script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script> <!--Подгружаем библиотеку jquery без нее работать не будет-->   
        <title>Тест</title>
</head>
<body>
<div id="but" style="border: 1px black solid;">
<a href="index.htm">главная</a>
<a href="javascript://" onclick="$('#top').load('/wind.html'); return false;">Тест</a> <!--Загружаем страницу page2.html в див с id #top-->
</div>
<div id="top">
Текст, который должен измениться!
</div>
</body>
</html>


Не работает? smile

Добавлено через 2 минуты и 27 секунд
почему текст: "главная","тест"," текст, который должен измениться"- выводится каракулями?
PM MAIL   Вверх
serezhka1986
Дата 23.12.2011, 16:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

Репутация: нет
Всего: 0
Цитата(bogosja @  23.12.2011,  16:17 Найти цитируемый пост)
Не работает? 

Что именно не работает? Библиотеку jQuery хоть подключили?
Код

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 


--------------------
Для некоторых лучший способ написать что-нибудь осмысленное - это сесть жопой на клавиатуру... 
PM   Вверх
ayax2005
Дата 23.12.2011, 16:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


echo $smile
**


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

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

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

в какой кодировке файл сохранили?


--------------------
все вопросы - из-за неверной формулировки задачи
PM MAIL ICQ   Вверх
ksnk
Дата 23.12.2011, 16:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


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

Репутация: 48
Всего: 386
Цитата(bogosja @  23.12.2011,  16:17 Найти цитируемый пост)
почему текст: "главная","тест"," текст, который должен измениться"- выводится каракулями?

а потому, что

Цитата(bogosja @  23.12.2011,  16:17 Найти цитируемый пост)
content="text/html; charset=iso-8859-1"




--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
bogosja
Дата 23.12.2011, 16:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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

Что именно не работает? Библиотеку jQuery хоть подключили?

да
Цитата

в какой кодировке файл сохранили? 

html
PM MAIL   Вверх
$дмитрий
Дата 23.12.2011, 22:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 5
Всего: 45
bogosja, html - это не кодировка
PM MAIL   Вверх
bogosja
Дата 25.12.2011, 00:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
тогда я вообще не сохранял, а просто передрал пример сверху, но он не арбайтен. Можно узнать почему? smile Большоое вам спасибо!
По подключению, я так понимаю, это предложение его и подключает
Цитата

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 


Это сообщение отредактировал(а) bogosja - 25.12.2011, 00:32
PM MAIL   Вверх
bogosja
Дата 25.12.2011, 00:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

так тоже не помогает избавиться от каракулей

Добавлено через 11 минут и 3 секунды
С кодировкой разобрался. Кодировка ткстового редактора была отличной от той, которая выставлена для браузера. Почему не работает скрипт? smile 
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »

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


 




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


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

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