Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.09.2013, 14:54
Новичок на форуме
Отправить личное сообщение для Aleksey88 Посмотреть профиль Найти все сообщения от Aleksey88
 
Регистрация: 22.09.2013
Сообщений: 3

Кодировка на ХТМЛ странице
Здравствуйте.
Учу ява-скрипт по курсу Попова.
В одном из уроков, нужно заменить текст на странице с помощью ява скрипта.
Заменяю
var textH1 = $('#main_h1').text('Текст, измененный с помощью jquery');
И вот что получается
Помогите разобраться, пожалуйста.
Изображения:
Тип файла: jpg 111111111111111111111111111.jpg (10.5 Кб, 9 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 22.09.2013, 20:32
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,209

Aleksey88, тестовые примеры нужно делать полностью. Выкладывать тут с возможностью запуска прямо в теме...
Ответить с цитированием
  #3 (permalink)  
Старый 22.09.2013, 23:31
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Как подключен этот код? Ты сохранил файл в utf8, но браузер интерпретирует страницу как ansi.
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #4 (permalink)  
Старый 22.09.2013, 23:46
Новичок на форуме
Отправить личное сообщение для Aleksey88 Посмотреть профиль Найти все сообщения от Aleksey88
 
Регистрация: 22.09.2013
Сообщений: 3

Полный код ява скрипта

$(document).ready(function() {
var textH1 = $('#main_h1').text('Текст, измененный с помощью jquery');
});


Сама учебная страница хтмл

<!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">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<title>Курс по Javascript</title>
<link href="css/mystyle.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.10.2.js" type="text/javascript"> </script>
<script src="myScripts2.js" type="text/javascript"></script>
</head>
<body>
<!-- Общий div для всей в -->
<div class="maindiv" id="main_div">
<!-- Блок хедера (шапка сайта) -->
<div id="forheader">
<img src="images/logo.jpg" width="900" height="108" alt="Хедер" title="Шапка сайта" />
</div>
<!-- Конец блока хедера -->
<div id="forbody">
<h1 id="main_h1">Добро пожаловать на сайт компании MotoRent!</h1>
<p><span class="pq">Мотоцикл — двухколёсное транспортное средство</span>, с коляской или без неё, имеющее максимальную массу не более 400 кг и/или
двигатель с объёмом более 50 см? в случае двигателя внутреннего сгорания (и/или
номинальную мощность более 4 кВт в случае электродвигателя. Впрочем, нормы
различаются в разных странах.) </p>
<!-- Блок с 4-мя изображениями -->
<div id="div_for_img">
<img id="img_1" src="images/moto4.jpg" width="200" height="125" alt="Мотоцикл 1" />
<img id="img_2" src="images/moto2.jpg" width="200" height="125" alt="Мотоцикл 2" />
<img id="img_3" src="images/moto3.jpg" width="200" height="125" alt="Мотоцикл 3" />
<img id="img_4" src="images/moto1.jpg" width="200" height="125" alt="Мотоцикл 4" />
</div>
<p><strong>На данный момент к прокату доступны следующие модели:</strong></p>
<!-- Ненумерованный список -->
<ol id="moto_models">
<li>Харлей Дэвидсон</li>
<li>Кроссовый мотоцикл</li>
<li>Гоночный мотоцикл</li>
<li>Концептуальный мотоцикл</li>
</ol>
<h3 id="my_h3"><span class="pq">Ссылки на сайты производителей</span> и спецификации мотоциклов:</h3>
<ul id="my_links">
<li><a href="http://www.yamaha-motor.ru" target="_blank" id="superlink">Yamaha Motors Russia</a></li>
<li><a href="documents/yamaha_fz6.PDF">Спецификация на мотоцикл Yamaha FZ6</a></li>
</ul>
<h3>Рассчет стоимости проката мотоциклов:</h3>
<!-- Форма -->
<form action="form.php" id="my_form">
<div id="bigform">
<fieldset>
<!-- Правый блок формы -->
<div id="div_form_1">
<fieldset id="innerfieldset">
<legend>Дополнительные опции</legend>
<p><strong>Нужны ли аксессуары?</strong></p>
<div id="format">
<input type="checkbox" value="sh" name="dop_oprions" id="shlem" />
<label for="shlem">Шлем</label>
<input type="checkbox" value="bag" name="dop_oprions" id="bag" />
<label for="bag">Багажник</label>
<input type="checkbox" value="od" name="dop_oprions" id="od" />
<label for="od">Мото-одежда</label>
</div>
<p><strong>Нужна ли страховка?</strong></p>
<div id="radio">
<input type="radio" id="inch_yes" value="yes" name="inch" />
<label for="inch">Да</label>
<input type="radio" id="inch_no" value="no" name="inch" />
<label for="inch">Нет</label>
</div>
</fieldset>
<input type="submit" value="Отправить заявку" id="my_button" />
</div>
<!-- Левый блок формы -->
<div id="div_form_2">
<span>Модель:</span>
<select name="moto" size="1" id="motoSelect">
<option value="1">Харлей Дэвидсон (100$ в день)</option>
<option value="2">Кроссовый мотоцикл (40$ в день)</option>
<option value="3">Гоночный мотоцикл (150$ в день)</option>
<option value="4">Концептуальный мотоцикл (340$ в день)</option>
</select>
<span>Дней:</span>
<select name="days" size="1" id="daysSelect">
<option value="1">1</option>
<option value="2">2</option>
</select>
<p><strong>Укажите Ваш email:</strong></p>
<input type="text" id="email" value="Пример: you@site.ru" />
<p><strong>Ваши пожелания:</strong></p>
<textarea cols="45" rows="2" id="mytextarea"></textarea>
</div>
</fieldset>
</div>
</form>
<!-- Конец формы -->
<!-- Таблица с мотоциклами на продажу -->
<h3 id="sale">Мотоциклы на продажу (б/у):</h3>
<table width="550" id="moto_table" title="Таблица цен на мотоциклы" class="mototable">
<thead>
<tr>
<th><strong>Модель</strong></th>
<th><strong>Цена</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Харлей Дэвидсон</td>
<td>25000</td>
</tr>
<tr>
<td>Кроссовый мотоцикл</td>
<td>10000</td>
</tr>
</tbody>
</table>
<div id="forresults"></div>
</div>
<!-- Блок футера -->
<div id="forfooter">
<img src="images/footer.jpg" width="900" height="67" alt="Футер" title="Производители" />
</div>
<!-- Конец футера -->
</div>
</body>
</html>



Сообщение от danik.js Посмотреть сообщение
Как подключен этот код? Ты сохранил файл в utf8, но браузер интерпретирует страницу как ansi.
Мало понял из сказанного. Что такое utf8 и ansi я не знаю.
Текст на английском отображается нормально, только с русским проблема.
Ответить с цитированием
  #5 (permalink)  
Старый 23.09.2013, 04:03
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Пересохрани в ANSI файл. Это можно сделать даже в виндовом блокноте.
Либо попробуй проставь атрибут скрипту charset="utf-8"
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #6 (permalink)  
Старый 24.09.2013, 00:23
Новичок на форуме
Отправить личное сообщение для Aleksey88 Посмотреть профиль Найти все сообщения от Aleksey88
 
Регистрация: 22.09.2013
Сообщений: 3

Сообщение от danik.js Посмотреть сообщение
Пересохрани в ANSI файл. Это можно сделать даже в виндовом блокноте.
Это не помогло.

Сообщение от danik.js Посмотреть сообщение
Либо попробуй проставь атрибут скрипту charset="utf-8"
А это помогло, но испортился весь остальной текст
Изображения:
Тип файла: jpg 2.jpg (53.9 Кб, 4 просмотров)
Ответить с цитированием
  #7 (permalink)  
Старый 24.09.2013, 04:28
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Пересохранять надо файл скрипта, а не html. И это не может не помочь. И атрибут нужно тегу <script> указывать.
__________________
В личку только с интересными предложениями
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Несколько версий JQuery UI на одной странице. Casufi jQuery 2 10.11.2012 15:24
Переключение radiobutton на странице Дуб-Дубом Элементы интерфейса 2 24.09.2012 08:49
Кодировка внешнего JS файла - проблема в Chrome Freddis Opera, Safari и др. 3 26.07.2011 21:48
Не выполняется скрипт на подгружаемой странице AlThar ExtJS 1 21.01.2011 15:10
Нужно получить конечный хтмл код must_have Работа 1 05.01.2009 16:59