Как заменить название страны на ее флаг

@kobylan99 · Регистрация: 25.10.2017

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

Как заменить на странице, название страны на ее флаг, скажем Russia на <i class="flag-RU"></i>, Kazakhstan на <i class="flag-KZ"></i>

Qwerty_Wasd · 25.10.2017, 01:11

kobylan99, пример без JS - Песочница

HTML5
1
<div><i>Россия</i></div>

CSS
1
2
3
div{position:relative;text-align:center;height:50px;width:100px;line-height:50px;border:1px solid red;}
i:after{position:absolute;display:block;content:"";height:50px;width:100px;background:url(http://www.dorogavrim.ru/img/lib/Flag_of_Russia_2008.jpg) no-repeat;background-size:100% 100%;top:0;bottom:0;left:0;right:0;opacity:0;}
i:hover:after{opacity:1;}

@kobylan99 · 25.10.2017, 05:35 **[ТС]**

Добавлено через 2 минуты
Qwerty_Wasd, Извините, я кажется неправильно объяснил. Посмотрите здесь http://cslg.ru/news/2017-10-24-277, тут в тексте просто название а JavaScript меняет его на флаг. Но этот JavaScript мешает другим.

@j2FunOnly · 25.10.2017, 08:35

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

Посмотрите здесь ... тут в тексте просто название а JavaScript меняет его на флаг

Класс

JavaScript
1
2
3
document.body.innerHTML = document.body.innerHTML.replace(/Kazakhstan/g, '<i class="flag-KZ"></i>');
document.body.innerHTML = document.body.innerHTML.replace(/Australia/g, '<i class="flag-AU"></i>');
document.body.innerHTML = document.body.innerHTML.replace(/Austria/g, '<i class="flag-AT"></i>');

Qwerty_Wasd · 25.10.2017, 12:59

Не по теме:

kobylan99,

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

Но этот JavaScript мешает другим

это один из вариантов, который я себе представил. Плюс решил избавить вас от лишнего JS кода. Поэтому предложил вам такой вариант.

@kobylan99 · 26.10.2017, 03:12 **[ТС]**

Qwerty_Wasd, спасибо. j2FunOnly, не подскажите как сдружить эти скрипты?

@kobylan99 · 02.11.2017, 15:51 **[ТС]**

Помогите пожалуйста

@evikza · 02.11.2017, 16:34

kobylan99, можно быть наглым и воспользоваться наработками с этого сайта. Скрипт flags.js заменяет название страны (на англ. языке) на соответствующий флаг, который находится в спрайте flags.png. Замена происходит на ВСЕЙ странице.

1. Подключите в <head> файл flags.css.
2. Добавьте перед закрывающимся тегом <body> файл flags.js.

Прикладываю готовый вариант, чтобы вы ознакомились:

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

@kobylan99 0 / 0 / 0 Регистрация: 25.10.2017 Сообщений: 18

	Как заменить название страны на ее флаг 25.10.2017, 00:25. Показов 1874. Ответов 7 Метки нет (Все метки) Как заменить на странице, название страны на ее флаг, скажем Russia на <i class="flag-RU"></i>, Kazakhstan на <i class="flag-KZ"></i> 0

@kobylan99 0 / 0 / 0 Регистрация: 25.10.2017 Сообщений: 18
	25.10.2017, 05:35 [ТС]
	Добавлено через 2 минуты Qwerty_Wasd, Извините, я кажется неправильно объяснил. Посмотрите здесь http://cslg.ru/news/2017-10-24-277, тут в тексте просто название а JavaScript меняет его на флаг. Но этот JavaScript мешает другим. 0

@kobylan99 0 / 0 / 0 Регистрация: 25.10.2017 Сообщений: 18
	26.10.2017, 03:12 [ТС]
	Qwerty_Wasd, спасибо. j2FunOnly, не подскажите как сдружить эти скрипты? 0

@kobylan99 0 / 0 / 0 Регистрация: 25.10.2017 Сообщений: 18
	02.11.2017, 15:51 [ТС]
	Помогите пожалуйста 0