Wysłany: 02.12.2010 22:24

Cytuj | #1

**olafejs** · Wysłany: 02.12.2010 22:24

Witam pisze do was ponieważ moje możliwości oraz wuja google'a raczej wykorzystałem już i nie moge ruszyć z mejsca;/ Problem się pojawił przy chęci przesunięcia suwaka w iframe. Chodzi o to że w iframe jest osadzone menu z 21 wyborami po kliknięciu (target="_parent") wyświetla się inna zawartość strony (inne obrazki), niestety zawartość iframe nie chce ruszyć w góre (suwak w dół) .

Zawiodły mnie te 2 metody:

Kod:

function scrl(){ 
      var mif = document.getElementById('iframe'); 
      mif.contentWindow.scrollBy(0,100); 
   }

i

Kod:

var myIframe = document.getElementById('iframe');
myIframe.onload = function(){
    myIframe.contentWindow.scrollTo(0,500);
};

Jak by toś chciał pomóc to podrzucę adres strony gdzie sam będzie mógł spojrzeć w kod.

P.S. Wiem że te forum niezbyt od tego jest ale tutaj zawsze ktoś jest

**macieks72** · Wysłany: 02.12.2010 23:01

Ja bym ten iframe w ogóle zastąpił czymś takim:

Kod html:

<div id="iframe">
       <p>Here is some content.</p>
</div>

i css do tego:

Kod:

#iframe { 
	width: 400px;
	height: 100px;
	overflow: auto;
}

**olafejs** · Wysłany: 02.12.2010 23:19

Ale chodzi o to żeby po kliknięciu na dany obrazek w iframe (21 obrazków jest, 1 pod drugim) suwak w iframe przesunął się do klikniętego obrazka np. klikam na 5 z góry obrazek i po załadowaniu danej strony suwak jest przy 5 obrazku w iframe.

**macieks72** · Wysłany: 02.12.2010 23:23

Wiem o co Ci chodzi, mówię tylko że wywalił bym ten archaiczny iframe i zrobił to prawidłowo tak jak wyżej napisałem. A zrobisz jak chcesz.

Odnośnie scrollowania to jutro popatrze jak trafie na ten wątek i mi się przypomni o tym, o ile ktoś wcześniej Ci nie da rozwiązania.

**Roberto** · Wysłany: 02.12.2010 23:23

nadal to samo. dodać obrazkom id i do id linkować.
js do tego niepotrzebny.
Do etykiety - Odsyłacze - Kurs HTML

proof-of-concept:
http://roberto.ovh.org/html-css/no-iframe.html#img1
http://roberto.ovh.org/html-css/no-iframe.html#img2
http://roberto.ovh.org/html-css/no-iframe.html#img3

**olafejs** · Wysłany: 02.12.2010 23:28

" id='' " by było dobre gdyby iframe nie było i wszystko odbywało się na 1 stronie. Zależy mi na obecności iframe i niestety muszę zrezygnować z id ponieważ "scroll.to" nie widzi id w iframe.

**macieks72** · Wysłany: 02.12.2010 23:32

Zobacz to
jQuery.ScrollTo

I to iframe wywal.

**olafejs** · Wysłany: 02.12.2010 23:35

Kod html:

<script type="text/javascript">
function scrl(){ 
      var mif = document.getElementById('iframe'); 
      mif.contentWindow.scrollBy(0,100); 
   } 
</script>

Kod html:

<iframe name="iframe "id="iframe" src="pmenu.html" height="380" width="395" frameborder="0" scrolling="yes"></iframe>

Czy ktoś w tym widzi błąd czy gdzieś indziej leży błąd ponieważ już nie mam pojęcia jak obejśc to wszytko by był iframe i suwak automatyczny.

**Roberto** · Wysłany: 02.12.2010 23:35

ale nie potrzebujesz scroll.to żeby przewinąć do danego elementu jak pokazałem na przykładzie. wystarczy id i odpowiedni link.

zależy ci na iframe, bo... jakiś racjonalny powód?

**olafejs** · Wysłany: 02.12.2010 23:37

scroll.to jest ok gdy nie ma iframe, w tym przypadku potrzebuje iframe, lub jakiegoś zamiennika ale nie kojaże takowego.

---------- Wpis dodano o 02:37 ---------- Poprzedni wpis dodano o 02:36 ----------

wystarczy edytować 1 kod źródłowy zamiast 56 w moim przypadku, czyste ułatwienie przyszłej edycji.

LinkBack

Narzędzia wątku

Wygląd