Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Не подгружается страница в div

Автор: NZero 7.11.2011, 22:24

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

Код


<!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>

Но вместо загрузки данных во второй див, открывается новая страница( Подскажите как сделать правильно?

Автор: ayax2005 7.11.2011, 22:30

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

Автор: NZero 8.11.2011, 08:47

спасибо) буду разбираться)

Автор: NZero 11.11.2011, 11:02

Все разобрался! 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>

http://jquery.com/
Надеюсь кому нить поможет

Автор: bogosja 23.12.2011, 16:17

Код


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

Автор: serezhka1986 23.12.2011, 16:23

Цитата(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>

Автор: ayax2005 23.12.2011, 16:25

Цитата

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

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

Автор: ksnk 23.12.2011, 16:27

Цитата(bogosja @ 23.12.2011, 16:17

)

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

а потому, что

Цитата(bogosja @ 23.12.2011, 16:17

)

content="text/html; charset=iso-8859-1"

Автор: bogosja 23.12.2011, 16:47

Цитата

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

да

Цитата

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

html

Автор: $дмитрий 23.12.2011, 22:28

bogosja, html - это не кодировка

Автор: bogosja 25.12.2011, 00:29

тогда я вообще не сохранял, а просто передрал пример сверху, но он не арбайтен. Можно узнать почему? smile

Большоое вам спасибо!
По подключению, я так понимаю, это предложение его и подключает

Цитата

Автор: bogosja 25.12.2011, 00:47

Цитата

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

Добавлено через 11 минут и 3 секунды
С кодировкой разобрался. Кодировка ткстового редактора была отличной от той, которая выставлена для браузера. Почему не работает скрипт? smile