Не подгружается страница в div

 
0
 
JavaScript
Kommentare (12)
ava
NZero | 07.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>

Но вместо загрузки данных во второй див, открывается новая страница( Подскажите как сделать правильно?
ava
ayax2005 | 07.11.2011, 22:30 #
<a href="1.html" onclick="document.getElementById('center');">Ссылка</a> - это вот вы откуда такую логику взяли?
У вас тут первое - никакие даные никуда не загружаются, второе - чтобы ссылка не срабатывала нужно добавить return false, третье - ссылку на href прописывать не нужно, четвёртое <a> не нужно, onclick нужно прописать на самом div-е.
По поводу того, как загружать даныне, почитайте в google на тему $.ajax
ava
NZero | 08.11.2011, 08:47 #
спасибо) буду разбираться)
ava
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>


Скачать библиотеку jquery
Надеюсь кому нить поможет
ava
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>


Не работает? :dash1

später ergänzt:
почему текст: "главная","тест"," текст, который должен измениться"- выводится каракулями?
ava
serezhka1986 | 23.12.2011, 16:23 #
Цитата (bogosja @ 23.12.2011, 16:17 findReferencedText)
Не работает? 

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

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

ava
ayax2005 | 23.12.2011, 16:25 #
Цитата


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


в какой кодировке файл сохранили?
ava
ksnk | 23.12.2011, 16:27 #
Цитата (bogosja @ 23.12.2011, 16:17 findReferencedText)
почему текст: "главная","тест"," текст, который должен измениться"- выводится каракулями?

а потому, что

Цитата (bogosja @ 23.12.2011, 16:17 findReferencedText)
content="text/html; charset=iso-8859-1"

ava
bogosja | 23.12.2011, 16:47 #
Цитата


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


да
Цитата


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


html
ava
&#036;дмитрий | 23.12.2011, 22:28 #
bogosja, html - это не кодировка
ava
bogosja | 25.12.2011, 00:29 #
тогда я вообще не сохранял, а просто передрал пример сверху, но он не арбайтен. Можно узнать почему? smile Большоое вам спасибо!
По подключению, я так понимаю, это предложение его и подключает
Цитата


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

ava
bogosja | 25.12.2011, 00:47 #
Цитата


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


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

später ergänzt:
С кодировкой разобрался. Кодировка ткстового редактора была отличной от той, которая выставлена для браузера. Почему не работает скрипт? smile
Registrieren Sie sich oder melden Sie sich an, um schreiben zu können.
Unternehmen des Tages
Вы также можете добавить свою фирму в каталог IT-фирм, и публиковать статьи, новости, вакансии и другую информацию от имени фирмы.
Подробнее
advanced
Absenden