Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 15442 Просмотров
*

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Здравствуйте. Возник вопрос, не имеющий непосредственного отношения к Joomla.

Есть статья http://crimsongame.ru/highscores в которой с помощью iframe отображается страница со steam.

У отображаемой во фрейме страницы есть элементы, которые я бы хотел скрыть (см. скриншот ниже):
http://prntscr.com/3w2q5g

Но мне не удается этого сделать.
Я добавлял в CSS файл шаблона стиль:
Код
div#global_header{display:none !important}
но безрезультатно.

В Google пишут, что никак:
https://www.google.ru/search?newwindow=1&safe=off&espv=2&biw=1366&bih=677&q=%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D1%8C+css+%D0%B2+iframe&oq=%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D1%8C+css+%D0%B2+iframe&gs_l=serp.12...0.0.0.3027475.0.0.0.0.0.0.0.0..0.0....0...1c..48.serp..0.0.0.m4fhijWM27I

Есть возможность править CSS-файлы и создавать новые. А в части материала - только править сам материал.

Спасибо.
Помог? Поставь(те) плюс в репутацию.
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Изменить CSS страницы в iframe
« Ответ #1 : 24.06.2014, 23:32:11 »
Попробуйте через JQuery load. Там можно указать id контейнера, который требуется подтянуть. iframe - это позапрошлый век.
*

fsv

  • Живу я здесь
  • 2765
  • 402 / 2
Re: Изменить CSS страницы в iframe
« Ответ #2 : 24.06.2014, 23:58:02 »
Попробуйте через JQuery load.
Кроссдоменный запрос через .load(). Вряд ли.
Веб-разработка: заказ. Только новая объемная разработка. Качественно, дорого.
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Изменить CSS страницы в iframe
« Ответ #3 : 25.06.2014, 00:09:25 »
Кроссдоменный запрос через .load(). Вряд ли.
Ну да, все верно, политика общего происхождения.

Остаются варианты через js.

Код
document.getElementById("frame_id").contentWindow.document...
и вариант на jquery
Код
$('#frame').contents().find('#elem').hide();
*

fsv

  • Живу я здесь
  • 2765
  • 402 / 2
Re: Изменить CSS страницы в iframe
« Ответ #4 : 25.06.2014, 00:13:16 »
Остаются варианты через js.
А та же песня.  ;) Принцип то один.
Веб-разработка: заказ. Только новая объемная разработка. Качественно, дорого.
*

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Re: Изменить CSS страницы в iframe
« Ответ #5 : 25.06.2014, 01:41:50 »
Попробуйте через JQuery load. Там можно указать id контейнера, который требуется подтянуть. iframe - это позапрошлый век.
В статье есть пример, где указан код между <head>, а у меня доступ есть только в материал. Или я неправильно все понял?
Помог? Поставь(те) плюс в репутацию.
*

fsv

  • Живу я здесь
  • 2765
  • 402 / 2
Re: Изменить CSS страницы в iframe
« Ответ #6 : 25.06.2014, 14:56:58 »
Можно так. В шаблон страницы:
Код
echo file_get_contents('http://steamcommunity.com/id/crimson-land/stats/262830/?tab=leaderboards&lb=315236');
$doc = JFactory::getDocument();
$jsStat = '
  jQuery(function($) {
    $("#global_header, #BG_top, .returnLink, #topSummaryBox, #tabs, #subtabs, #footer_spacer, #footer, .smallForm, #friendBoardLink").hide();
  });
';
$doc->addScriptDeclaration ($jsStat);
Будет что-то близкое к желаемому. Быстро. Но выскакивают какие-то конфликты скриптов. Особо не вникал, возможно, что с сайта-донора чего-то не хватает. Если хотите, разбирайтесь детально.
Но надежнее руками дополнительно поработать (вариант 2):
Код
$myStat = file_get_contents('http://steamcommunity.com/id/crimson-land/stats/262830/?tab=leaderboards&lb=315236');
echo '<div id="placeMyStat"></div>';
$doc = JFactory::getDocument();
$jsStat = '
  jQuery(function($) {
    var pageMyStat = '.json_encode($myStat).';
    $("#placeMyStat").html( $(pageMyStat).find("#stats").html() );
  });
';
$doc->addScriptDeclaration ($jsStat);
+ своя верстка выведенных в div данных
« Последнее редактирование: 25.06.2014, 18:41:55 от fsv »
Веб-разработка: заказ. Только новая объемная разработка. Качественно, дорого.
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Изменить CSS страницы в iframe
« Ответ #7 : 25.06.2014, 18:48:52 »
Можно так. В шаблон страницы:
Код: php
echo file_get_contents('http://steamcommunity.com/id/crimson-land/stats/262830/?tab=leaderboards&lb=315236');
$doc = JFactory::getDocument();
$jsStat = '
  jQuery(function($) {
    $("#global_header, #BG_top, .returnLink, #topSummaryBox, #tabs, #subtabs, #footer_spacer, #footer, .smallForm, #friendBoardLink").hide();
  });
';
$doc->addScriptDeclaration ($jsStat);
Будет что-то близкое к желаемому. Быстро. Но выскакивают какие-то конфликты скриптов. Особо не вникал, возможно, что с сайта-донора чего-то не хватает. Если хотите, разбирайтесь детально.
Но надежнее руками дополнительно поработать (вариант 2):
Код: php
$myStat = file_get_contents('http://steamcommunity.com/id/crimson-land/stats/262830/?tab=leaderboards&lb=315236');
echo '<div id="placeMyStat"></div>';
$doc = JFactory::getDocument();
$jsStat = '
  jQuery(function($) {
    var pageMyStat = <?php echo json_encode($myStat)?>;
    $("#placeMyStat").html( $(pageMyStat).find("#stats").html() );
  });
';
$doc->addScriptDeclaration ($jsStat);
+ своя верстка выведенных в div данных


По моему, дешевле написать админу http://crimsongame.ru и попросить обозначить Access-Control-Allow-Origin:

В любом случае хардкор.
*

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Re: Изменить CSS страницы в iframe
« Ответ #8 : 26.06.2014, 00:09:38 »
Можно так. В шаблон страницы:
Что значит "в шаблон страницы"? В шаблон сайта? У меня есть доступ к шаблону, но не хотелось бы лезть туда.

Данный код нужно обрамить <script>***</script> или <php>?

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

Спасибо.
Помог? Поставь(те) плюс в репутацию.
*

fsv

  • Живу я здесь
  • 2765
  • 402 / 2
Re: Изменить CSS страницы в iframe
« Ответ #9 : 26.06.2014, 00:23:28 »
Что значит "в шаблон страницы"? В шаблон сайта?
Шаблон той страницы, того компонента, в котором вы хотите вывести таблицу. Если в шаблон сайта, оберните в условие вывода на 1 странице, вам виднее, где это надо.

Данный код нужно обрамить <script>***</script> или <php>?
php

+ используется jQuery, должна быть на сайте, если нет, js перепишите.
Веб-разработка: заказ. Только новая объемная разработка. Качественно, дорого.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Изменить заголовок в шапке сайта

Автор kunsaid

Ответов: 0
Просмотров: 1129
Последний ответ 03.12.2022, 18:34:32
от kunsaid
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 794
Последний ответ 27.11.2020, 11:33:58
от coliandra
Как при наведении изменить сразу два класса CSS?

Автор Kanfur

Ответов: 3
Просмотров: 1261
Последний ответ 03.11.2020, 16:53:43
от Nikolay89
Как изменить размеры h1, h2, h3?

Автор Olichka_kiev

Ответов: 5
Просмотров: 12226
Последний ответ 21.04.2020, 21:16:49
от sivers
Размер шрифта в iframe

Автор AlexB

Ответов: 6
Просмотров: 1318
Последний ответ 10.03.2020, 16:07:44
от AlexB