Webboard

Pełna wersja: Wybrany div z innej strony
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Witam, jak mógłbym wstawić na swoje forum wybrany div z innej strony?
Chciałbym umieścić tabelę (div tablesgroup) [z tej strony] na swoim forum [http://futhand.pl] np. pod czatem.
Słyszałem o JQuery load, ale nie znam JavaScript, a nie wiem czy da się uzyskać to co chcę poprzez iframe.
tak jak napisales
odpowiednio zastosowane load z jQuery powinno zadzialac

http://api.jquery.com/load/

z czym masz konkretnie problem?
$.load() nie korzysta z cache, więc lepiej użyć $.ajax(), no ale... Wykorzystując jQ:
Kod:
$(document).ready(function(){
$('#div_docelowy').load('//www.handmh.ligspace.pl/index.php?mod=Classifications&ac=Browse&season=2&league=2 .tablesgroup');
});

Mniej więcej tak to będzie.
Powinno zadziałać?
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both; border-bottom-width: 0;">
<tr>
<td class="thead" colspan="2">
TABELA HANDBALL
</td>
</tr>
<tr>
<td class="trow2 post_content">
<div class="handball">
<script>$(document).ready(function(){
$('#handball').load('//www.handmh.ligspace.pl/index.php?mod=Classifications&ac=Browse&season=2&league=2 .tablesgroup');
});</script>
</div>
</td>
</tr>
</table><p>
Ale po co zadawać takie pytanie i czekać pół godziny na odpowiedź? Wklej do szablonu i sprawdź czy działa.
Niestety działa i się upewniam czy mam jakiś błąd w tym kodzie czy to jakiś inny problem.
<div class="handball">
Zamiast class powinno być id
I nie ma potrzeby wklejania tego kodu między div, dodaj go na początku szablonu.
(25.11.2015, 17:47)Matslom napisał(a): [ -> ]I nie ma potrzeby wklejania tego kodu między div, dodaj go na początku szablonu.
Wiedziałem o tym, na forum dałem js na koniec.

Kod wygląda teraz tak, ale nadal nie działa:
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both; border-bottom-width: 0;">
<tr>
<td class="thead" colspan="2">
TABELA HANDBALL
</td>
</tr>
<tr>
<td class="trow2 post_content">
<div class="handball">
</div>
</td>
</tr>
</table>
<script type="text/javascript">
$(document).ready(function(){
$('.handball').load('//www.handmh.ligspace.pl/index.php?mod=Classifications&ac=Browse&season=2&league=2 .tablearea');
});
</script>
na tamtej stronie tablearea to id czy klasa, pokaz kod zrodflowy tamtej strony (wiem mam link) ale skoro Ty jesteś leniwy to ja też bede
Co się wyświetla w konsoli?
Kod:
XMLHttpRequest cannot load http://www.handmh.ligspace.pl/index.php?mod=Classifications&ac=Browse&season=2&league=2. No 'Access-Control-Allow-Origin' header is present on the requested resource.
Nie jestem pewny, ale .load może się odnosić tylko do plików na aktualnym serwerze.
Polecam sprawdzać logi. ;)
(25.11.2015, 18:20)Supryk napisał(a): [ -> ]na tamtej stronie tablearea to id czy klasa, pokaz kod zrodlowy tamtej strony (wiem mam link) ale skoro Ty jesteś leniwy to ja też bede
Dlaczego sądzisz, że jestem leniwy?
Wydaje mi się, że z klasami i id mam wszystko dobrze (tablearea to klasa).

(25.11.2015, 18:26)Gandziu napisał(a): [ -> ]Nie jestem pewny, ale .load może się odnosić tylko do plików na aktualnym serwerze.
Tak swoją drogą to już przed założeniem wątku użyłem kodu podobnego do tego od Suitem'a, ale również nie działał, więc myślałem, że mam jakieś błędy lub po prostu kodem tym nie można wywołać stron spoza danego serwera (co potwierdzało już kilka osób na innych forach). Ale skoro Suiten podał kod to myślałem, że jest on pewny co do jego poprawności.
Hmm... Nie mam na razie możliwości tego przetestować, ale naskrobałem coś takiego:
Kod:
$.ajax({
    url: 'http://www.handmh.ligspace.pl/index.php?mod=Classifications&ac=Browse&season=2&league=2',
    type: 'GET',
    success: function(data){
        $('#div_docelowy').html($(data).find('.tablesgroup').html());
    }
});
Niestety nie zadziałało. :/
Przez przypadek znalazłem poradnik: https://www.youtube.com/watch?v=mdAyaoDK5P4
Dzięki niemu (a właściwie dzięki skryptowi, który został tam użyty) udało mi się uzyskać to, co planowałem od początku:
[Obrazek: Rc4StPX.png]

Kod:
<style type="text/css">
.handball{width: 630px;height: 295px;overflow:hidden;position:relative;float:left;margin-left:80px}
.futsal{width: 630px;height: 235px;overflow:hidden;position:relative;float:right;margin-top:25px;margin-right:80px}
</style>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both; border-bottom-width: 0;">
<tr>
<td class="thead" colspan="2">
<center>TABELE</center>
</td>
</tr>
<tr>
<td class="trow2 post_content">
<div class="handball">
<?php
require('simple_html_dom.php');
$html = file_get_html("http://www.handmh.ligspace.pl/index.php?mod=Classifications&ac=Browse&season=2&league=2");
echo $html->find(".tablearea", 0)
?>
</div>
<div class="futsal">
<?php
$html = file_get_html("http://www.futsmh.ligspace.pl/index.php?mod=Classifications&ac=Browse&season=2&league=2");
echo $html->find(".tablearea", 0)
?>
</div>
</td>
</tr>
</table>