текст из других файлов
пусть есть html файл и там есть <div id='change'>.......</div> пусть есть файл в котором некий текст. как из этого файла при помощи js и jquery - вставить весь текст внутрь этого div-а?
|
fenek,
http://api.jquery.com/load/ |
Цитата:
$("#change").load("некий.html");
|
Какие нибуть библиотеки надо загружать или js и jquery достаточно?
|
Цитата:
|
Цитата:
Jquery подключен? оберните в
$(function(){
// load
});
если скрипт выше данного дива |
первый пример заработал но в мазиле. в хроме не хочет. jquery есть а вот js нету вроде должен из хрома браться но не хочет. Я помню подгружал раньше js тоже, но забыл ссылку чего то не могу пример найти со скриптом ссылки хорошей
|
Скрипт ниже в другом файле и выглядит так <script src='scriptBtn.js'></script>
|
Сделайте тестовый пример, чтобы было понятно, что не получается.
|
Это файл load.html
<!DOCTYPE html>
<html> <head> <title>Попытка загрузки</title> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> </head> <body> Привет это я а далее загрузка <div id="change"></div> <script type="text/javascript"> $("div").load( "article.html" ); </script> <script src='scriptLoad.js'></script> </body> </html> |
файлы scriptLoad.js и article.html соответственно
$('div').load('article.html');
---------------------------------- <h1>Hello</h1> <p> This is new div!</p> |
Все это работает в мазиле и не работает в хроме.
|
fenek,
вы на сервере проверяйте |
Какой вы сервер посоветуете?
|
проверять либо на локальном сервере типа:
Open Server Денвер или найти хотя бы бесплатный хостинг. |
Загружу один из локальных - завтра после завтра - отчитаюсь.
|
Загрузил Денвер -все заработало. Сначала думал все но кракткозябры пошли. Я поменял настройку в денвере на utf-8 теперь ситуация такая в мазиле все идет хорошо - а вхроме на самой странице тоже - но в алерте мой текст крактозябрится. Что делать?
|
Вот скрипты - idex.html
<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <title>twoLanguages</title> <link rel='stylesheet' type='text/css' href='styleButton.css'/> </head> <body> <span id='lang'>Ru</span> <br><br> <div id='change'> <h2>Hello</h2> <br><br> <p>Это я!</p> </div> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src='scriptBtn.js' charset="utf-8"></script> </body> </html> |
scriptBtn.js
$('#lang').on('click', function(){
//$(document).on('click', '#lang', function(){ $(this).html($(this).html() == 'En' ? 'Ru' : 'En'); var $lang = $(this).text(); //alert($lang); //$('#change').empty(); if( $lang === 'En') { //$('#change').empty(); $('#lang').on('click', function(){ $(this).html($(this).html() == 'En' ? 'Ru' : 'En'); var $lang = $(this).text(); if( $lang === 'En') { $('#change').load('textRu.html'); alert('Я внутри ру'); } else if ($lang === 'Ru') { $('#change').load('textEn.html'); alert('я внутри англ'); } }); |
scriptBtn.html
$('#lang').on('click', function(){
$(this).html($(this).html() == 'En' ? 'Ru' : 'En'); var $lang = $(this).text(); if( $lang === 'En') { $('#change').load('textRu.html'); alert('Я внутри ру'); } else if ($lang === 'Ru') { $('#change').load('textEn.html'); alert('я внутри англ'); } }); |
styleButton.css
span {
font-family: cursive; background-color: red; color: white; padding: 1em 2em; font-size: 1.5em; cursor: pointer; } |
alert('Я внутри ру'); если вот этот алерт выводит неправильно, это ничего страшного на сервере нормально заработает.
|
Цитата:
Дополнение: если заниматься серьезно приложением, а значит и серверным языком, то Денвер для этого уже не годится, он давно уже отдал богу душу. Устанавливайте Open Server. |
Цитата:
|
Цитата:
Если этот файл будет сохранен не в UTF, то никакие <script src='scriptBtn.js' charset="utf-8"></script> не помогут. |
Все заработало.
Мне казалось что я scriptBtn.js в utf сохранял - видимо в utf-dom. Спасибо - честно говоря по поводу кодировки кристальной ясности нет. надо по переваривать ваши комментарии. Главное что не до конца ясно - как скрипт подгружается к исходному коду. И как делается машинный код уже. Со временем надеюсь утрясется. Можете в одном двух словах сказать чем ваш сервер лучше денвера? Пока начну доделывать сайт основной |
Цитата:
Цитата:
Зайдите на сайт разработчика Open Server, там все описано. Денвер давно помер, он не соответствует реалиям времени. |
Да - bom.
я уже вопрос удалил написал когда вашего ответа еще не было. |
| Часовой пояс GMT +3, время: 06:47. |