Как передать значение в функцию используя onclick=""

@alanat · Регистрация: 16.07.2012

Студворк — интернет-сервис помощи студентам

Этот код переносит содержимое div, находящееся в другом файле

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<head>
<script type="text/javascript" src="/js/jquery-3.0.0.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
 
</head>
 
<body>
 
<div id="result"></div>
 
<script>
function iii()
{$('#result').load('2.html #container');}
</script>
 
<a href="#" onclick="iii()">ссылка2</a>
 
</body>
</html>

Нажимаю на "ссылка2", и отображается содержимое div#container, находящееся в другом файле.

Мне необходимо задавать адрес файла (в примере это 2.html) в onclick.
Т.е. должно быть что-то вроде

PHP/HTML
1
2
3
4
5
6
<script>
function iii(xxx)
{$('#result').load(xxx #container');}
</script>
 
<a href="#" onclick="iii(xxx)">ссылка2</a>

, где xxx - это адрес страницы.

Как правильно это сделать?

@NikitaSNN · 28.06.2016, 21:13

Передавайте строку, что вам мешает?

PHP/HTML
1
2
3
4
5
6
7
<a href="#" onclick="loadContent('2.html')">ссылка2</a>
 
<script>
function loadContent(viewUrl){
 $('#result').load(viewUrl + ' #container');
}
</script>

Комментарий модератора

Оформляйте код в BB теги
выдаю вам предупреждение по пункту правил 4.9

@alanat · 29.06.2016, 00:15 **[ТС]**

Сообщение от NikitaSNN

Передавайте строку, что вам мешает?

Спасибо за помощь.

Почему этот код работает в Chrome, но не работает в IE11? Как это исправить?

И можно ли избежать простановки "#" в href? Иначе меняется адрес страницы (добавляется в конце "#").

@BANO · 29.06.2016, 00:19

alanat, использовать другую версию библиотеки

@alanat · 29.06.2016, 00:23 **[ТС]**

Сообщение от BANO

alanat, использовать другую версию библиотеки

Какую? Эта же последняя версия.

@BANO · 29.06.2016, 00:30

alanat, раннюю, 2.*.*
потому что 1.*.* поддерживала ie 8 вроде, 2.*.* осла уже меньше поддерживала, эта соответственно тоже избавилась от лишнего кода поддержки ослов
так что более старенькую возьмите, точнее говоря последнюю из вторых

@alanat · 29.06.2016, 01:00 **[ТС]**

Сообщение от alanat

И можно ли избежать простановки "#" в href? Иначе меняется адрес страницы (добавляется в конце "#").

BANO, на это вопрос можете подсказать?

Добавлено через 14 минут

Сообщение от BANO

так что более старенькую возьмите, точнее говоря последнюю из вторых

Поставил 2.2.4 - не работает, 1.12.4 - тоже не работает. В чём ещё может быть проблема?

@BANO · 29.06.2016, 01:26

Сообщение от alanat

на это вопрос можете подсказать?

HTML5
1
<a href="#" onclick="loadContent('2.html'); return false;">ссылка2</a>

Сообщение от alanat

Поставил 2.2.4 - не работает, 1.12.4 - тоже не работает.

ну тогда уж не знаю, мои догадки под ночь уже иссякли

@alanat · 29.06.2016, 10:27 **[ТС]**

Сообщение от NikitaSNN

Передавайте строку, что вам мешает?

Сообщение от BANO

ну тогда уж не знаю, мои догадки под ночь уже иссякли

Код работает в Opera, Chrome и гуглоподобных браузерах, включая мобильные
Этот код не работает в IE11 (не реагирует на нажатие ссылок), он не работает в Firefox (показывает �� 2).
Есть еще варианты конструкции?

@BANO · 29.06.2016, 16:48

Сообщение от alanat

не работает в Firefox

вы поставили кодировку на страницу?

@alanat · 29.06.2016, 16:55 **[ТС]**

Сообщение от BANO

вы поставили кодировку на страницу?

Это показывает, когда кодировка кириллица и ISO �� 2.
Всё это после нажатия на <a...

@NikitaSNN · 29.06.2016, 21:21

Сообщение от alanat

Этот код не работает в IE11

У меня в IE-11 этот код работает. Покажите что выводит консоль.

Сообщение от alanat

он не работает в Firefox (показывает �� 2)

Попробуйте

HTML5
1
<meta charset="UTF-8">

@alanat · 29.06.2016, 21:40 **[ТС]**

Сообщение от NikitaSNN

Покажите что выводит консоль.

И так, код такой

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="/js/jquery-2.2.4.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
<script>
function loadContent(viewUrl){
 $('#result').load(viewUrl + ' #container');
}
</script>
</head>
 
<body>
 
<div id="result"></div>
 
 
 
<a href="#" onclick="loadContent('2.html'); return false;">ссылка2</a>
<a href="#" onclick="loadContent('3.html'); return false;">ссылка3</a>
 
</body>
</html>

Консоль

@alanat · 29.06.2016, 21:42 **[ТС]**

Сообщение от NikitaSNN

Это я не смогу использовать, т.к. на сайте кодировка Кириллица

@NikitaSNN · 29.06.2016, 22:10

Тогда проверьте в какой кодировке сохранены ваши HTML-файлы.
По поводу IE-11, пробуйте менять jQuery, для вашего примера я взял 1.12.3, работает. Других очевидных причин пока нету.

@alanat · 29.06.2016, 23:03 **[ТС]**

Сообщение от NikitaSNN

Тогда проверьте в какой кодировке сохранены ваши HTML-файлы.

Вот файл 1.html, который выводит содержимое из 2.html и 3.html

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="/js/jquery-1.12.3.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
<script>
function loadContent(viewUrl){
 $('#result').load(viewUrl + ' #container');
}
</script>
</head>
<body>
<div id="result"></div>
 
<a href="#" onclick="loadContent('2.html'); return false;">ссылка2</a>
<a href="#" onclick="loadContent('3.html'); return false;">ссылка3</a>
 
</body>
</html>

Этот файл 2.html, из которого выводится содержимое

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
</head>
 
<body>
 
<div id="container">
<p>текст контейнер2</p>
</div>
<p>и еще что-то2</p>
</body>
</html>

Это 3.html, аналогичный второму

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
</head>
 
<body>
 
<div id="container">
<p>текст контейнер3</p>
</div>
<p>и еще что-то3</p>
</body>
</html>

Это всё, что у меня есть.
НЕ работает. Проверил на 2-х компьютерах с Internet Explorer 11. Проверил на Denwer, не работает.
Смена jQuery не помогла.
HELP !!! Можете проверить эти файлы у себя на сервере или Denwer?

@NikitaSNN · 30.06.2016, 07:28

Нашёл я вашу ошибку.
Замените строчку

Сообщение от alanat

HTML5
1
<script type="text/javascript" src="/js/jquery-1.12.3.js"></script>

На

HTML5
1
<script type="text/javascript" src="js/jquery-1.12.3.js"></script>

@alanat · 30.06.2016, 11:30 **[ТС]**

Сообщение от NikitaSNN

Нашёл я вашу ошибку.
Замените строчку

Огромное спасибо. Работает.

Добавлено через 17 минут

Сообщение от BANO

return false

Ознакомьтесь, пожалуйста, с новой версией вышеописанного.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.12.3.js"></script>
<link rel="stylesheet" type="text/css" href="css/mw.css">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
<script>
function loadContent(viewUrl){
 $('#result').load(viewUrl + ' #container');
}
</script>
</head>
<body>
 
          <a href="#ModalOpen" onclick="loadContent('2.html');">ссылка2</a>
          <a href="#ModalOpen" onclick="loadContent('3.html'); return false;">ссылка3</a>
          
 <!--Модальное окно.Откр -->         
            <div id="ModalOpen" class="Window">
              <div>
            <a href="#close" title="Закрыть" class="close">X</a>
                <div id="result"></div>
              </div>
        </div>
        <!--Модальное окно.Закр -->
 
</body>
</html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
.Window {
 position: fixed;
 font-family: Arial, Helvetica, sans-serif;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: rgba(0,0,0,0.7);
 z-index: 99999;
 -webkit-transition: opacity 400ms ease-in;
 -moz-transition: opacity 400ms ease-in;
 transition: opacity 400ms ease-in;
 display: none;
 pointer-events: none;
}
 
.Window:target {
 display: block;
 pointer-events: auto;
}
 
.Window > div {
 width: 512px;
 height:288;
 position: relative;
 margin: 10% auto;
 padding: 10px 10px 10px;
 border-radius: 10px;
 background: #fff;
 box-shadow: 0px 0px 20px 2px;
}
 
.close {
 background: #cc3300;
 color: #FFFFFF;
 line-height: 25px;
 position: absolute;
 right: -12px;
 text-align: center;
 top: -10px;
 width: 24px;
 text-decoration: none;
 font-weight: bold;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 -moz-box-shadow: 1px 1px 3px #000;
 -webkit-box-shadow: 1px 1px 3px #000;
 box-shadow: 1px 1px 3px #000;
}
 
.close:hover { background: #990000; }

Здесь то же самое выводится в модальное окно, но "return false" я уже не могу применить, т.к. окно не будет работать. Можно ли оставить без изменения адресную строку, но и модальное окно тоже чтобы работало?

Сообщение от NikitaSNN

Нашёл я вашу ошибку.

И опять Internet Explorer 11: в нём не выводится в модальное окно (окно пустое). Можете помочь?

@NikitaSNN · 30.06.2016, 20:56

Сообщение от alanat

Можно ли оставить без изменения адресную строку, но и модальное окно тоже чтобы работало?

Боюсь, что как-то по-простому - нет. Нужно делать prevent дефолтному ивенту ссылки и аяксом подгружать контент.

Сообщение от alanat

И опять Internet Explorer 11: в нём не выводится в модальное окно (окно пустое). Можете помочь?

Скопировал ваш код - всё работает. Не знаю, чем помочь.

@alanat · 01.07.2016, 00:11 **[ТС]**

Сообщение от NikitaSNN

всё работает

Может такое быть, что кэшируется страница, и из-за этого нет изменений при нажатии?

Добавлено через 3 часа 11 минут
И объясните, пожалуйста:

JavaScript
1
$('#result').load(viewUrl + ' #container');

код передает html содержимоеиз дива другого файла, где находятся изображения. Они выводятся при помощи fancybox (на той странице, с которой забирается html код).
Почему на странице 1.html, которая забирает и отображает ссылки на эти изображения не работает fancybox, чтобы вывести полученные изображения?
Два скрипта друг другу мешают работать?

Новые блоги и статьи Все статьи Все блоги /
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	29.06.2016, 00:19
	alanat, использовать другую версию библиотеки 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	29.06.2016, 00:30
	alanat, раннюю, 2.. потому что 1.. поддерживала ie 8 вроде, 2.. осла уже меньше поддерживала, эта соответственно тоже избавилась от лишнего кода поддержки ослов так что более старенькую возьмите, точнее говоря последнюю из вторых 0

@NikitaSNN 1 / 1 / 1 Регистрация: 26.06.2016 Сообщений: 12
	29.06.2016, 22:10
	Тогда проверьте в какой кодировке сохранены ваши HTML-файлы. По поводу IE-11, пробуйте менять jQuery, для вашего примера я взял 1.12.3, работает. Других очевидных причин пока нету. 0

Как передать значение в функцию используя onclick=""

Решение