Metoda na wyświetlanie fragmentu innej strony, ...czyli jak wyciąć fragment ze strony A do strony B. Opcje

[poldo]

Na potrzeby problemu, załóżmy że mamy dwie strony, przykładowo:

Strona1.html

[HTML] pobierz, plaintext 
(...)
 
<div id="bla">
bla bla bla bla
</div>
 
<img src="bla/bla.jpg" id="hohoho">
 
<div id="cium">cium cium cium cium</div>
 
(...)
[HTML] pobierz, plaintext 

oraz

Strona2.html

[HTML] pobierz, plaintext 
(...)
 
<div id="hyhy">
hy hy hy hy hy hy hy hy
</div>
 
<iframe style="abc"></iframe>
 
<div id="gie">gie gie gie gie gie</div>
 
(...)
[HTML] pobierz, plaintext 

Strona1.html to strona która znajduje się gdzieś daleko i do której nie ma się dostępu oraz na której zawarte są pewne informacje. Strona2.html to strona którą możemy dowolnie edytować i w której w polu <iframe> ma znaleźć się fragment Strona1.html, ale tak by był widoczny TYLKO sam obrazek - bez zawartości "bla bla" czy "cium cium".

Dotychczasowe rozwiązanie problemu było proste - wystarczyło odpowiednio ustawić w CSS wielkość pola oraz marginesy dla <iframe> i pokazywał się tylko sam obrazek. Jednak jeżeli na Strona1.html, zmieniła się wielkość lub ilość tekstu w polu <div id="bla"> (lub pojawiał się jakiś dodatkowy element przed obrazkiem) to położenie obrazka na stronie się zmieniało i statycznie ustawione marginesy w CSS dla obrazka wyświetlały błędny fragment strony.

Pytanie teraz jest jakie, czy jest jakiś sposób, nie koniecznie tylko związany z samym CSS, dzięki któremu marginesy na <iframe> mogłyby by zmieniać się w zależności od położenia obrazka. Albo może istnieje jakiś inny sposób?

Oczywiście obrazek to tylko prosty element dla tego przykładu, więc nie piszcie że można skopiować adres obrazka lub zgrać go na własny dysk ;-) Chodzi mi o jakąś skuteczną metodę, dzięki której będzie można wyświetlać dynamicznie zmieniający się dany fragment strony, opierając się na np. ID elementów znajdujących się na tej nieedytowalnej stronie. Może jest jakaś inna metoda niż statyczne marginesy dla <iframe>? Parsowanie w PHPie też odrzucamy, całość raczej musi wykonać się po stronie okna przeglądarki...

Ten post edytował poldo 1.07.2011, 15:46:48

[Pawel_W]

tworzysz sobie ramkę o wymiarach takich jak ten film, ładujesz do ramki skrypt.php, który pobierze kod strony i doklei do niego kawałek .js

ten kawałek .js powinien wyliczyć pozycję filmu względem okna a następnie odpowiednio ustawić marginesy stronie, tak, żeby film znalazł się w Twojej "ramce"

to chyba najbardziej łopatologiczny sposób, jeżeli chcesz ładować całą stronę i pokazać tylko jakiś jej fragment, prościej by było file_get_contents + preg_match (IMG:style_emoticons/default/smile.gif)

[poldo]

tworzysz sobie ramkę o wymiarach takich jak ten film, ładujesz do ramki skrypt.php, który pobierze kod strony i doklei do niego kawałek .js

ten kawałek .js powinien wyliczyć pozycję filmu względem okna a następnie odpowiednio ustawić marginesy stronie, tak, żeby film znalazł się w Twojej "ramce"

to chyba najbardziej łopatologiczny sposób, jeżeli chcesz ładować całą stronę i pokazać tylko jakiś jej fragment, prościej by było file_get_contents + preg_match (IMG:style_emoticons/default/smile.gif)

Próbowałem, ale tak jak pisałem...

...Strona1.html musi być wczytana przez przeglądarkę z powodu zabezpieczeń. Jeżeli przepuścimy ją przez PHP-a to ten element, który chcemy wyświetlić nie pokaże się...

Czyli wszystko musi być wykonane po stronie przeglądarki ;/

Ten post edytował poldo 4.07.2011, 15:18:32