PCkurier - poradnik menedżera IT  
Szukaj:
    
Pomoc
 w Archiwum  w Wiadomościach
 
  Akademia   IT.Forum   IT Track
 
Strona główna
Wiadomości
Nowy numer
Archiwum
Prenumerata
Kurs HTML
Redakcja
REKLAMA
Zasoby WWW
Info
Pytamy
Czy korzystasz z komunikatorów do celów służbowych?
Tak Nie
Polecamy
Konfiguracja i zarządzanie
Urządzenia pamięci masowej
Koniec ery faksów
Środowisko drukowania iPrint
Komponenty i obiekty
Środowisko drukowania NDPS
Czekając na walec
Globalna gmina
Informatyzacja w parterze
Globalna gmina
Łódzki początek...
Globalna gmina
Wielki przekręt
Fałszerstwa księgowe
Krucjata KPWiG
Fałszerstwa księgowe
Dystans do distance learning
E-szkolenia
Wielość w jednym
Routery wielofunkcyjne
Wydajemy
AEC Forum
Cad/Cam forum
CRN
Enter
Tele.Net Forum
 
<HTML>
  
  <HEAD>
    <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-2">
    <TITLE>DHTML - warstwy - Okienko jezdzace po obrazku - obrazek wiekszy od okna przegladarki</TITLE>

<!-- definicja warstwy, obszar widoczny warstwy {clip(top right bottom left)}  definiuje
     parametry dla IE. Dla Netscape'a definiowane sa ponizej

zmiany: wartosci okreslajace styl warstwy
	krok
	goraobrazka
	clip.bottom, clip.rigth
	dolne granice przewijan
	definicja rect() dla IE
	definicja obrazka (W,H)
//-->
<STYLE TYPE="text/css">
#blockDiv {POSITION: absolute; TOP: 100px; LEFT: 20px;
             WIDTH: 691px; HEIGHT: 101px; CLIP: rect(0 691 100 0); VISIBILITY: show}
</STYLE> 

<SCRIPT LANGUAGE="JavaScript">
<!--
//wykrycie przegladarki
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

//kierunek przewijania
var wdol = true

//funkcja inicjujaca
function init() {
//przypisanie odpowiedniego obiektu w zaleznosci od przegladarek
	if (ns4) block = document.blockDiv
	if (ie4) block = blockDiv.style

//Zmienne uzytkowe
        goraobrazka=100
//krok scrollingu
        krok = 5

//definicja obszaru widocznego warstwy dla Netscape'a
        if (ns4) {
          block.clip.top = 0
          block.clip.left = 0
          block.clip.bottom = 100
          block.clip.right = 691
        }
//zmienne wzgledem ktorych nastepuje zmiana polozenia clipa dla IE
        pozycjaIEtop = 0
        pozycjaIEbottom = goraobrazka
        pozycjaIElayertop = goraobrazka

        ruch()
}

function ruch() {
//odbijanie obszaru widzialnego (zmiana kierunku przesuwania) od granic obrazka
                if (ns4) {
                  if (block.top >= goraobrazka)
                    wdol = false  
                  if (block.top < goraobrazka-1001+100)
                    wdol = true
                }
                if (ie4) {
                if (pozycjaIElayertop >= goraobrazka)
                  wdol = false  
                if (pozycjaIElayertop < goraobrazka-1001+100)
                  wdol = true
                }
//zmiana wartosci polozenia clipa dla Netscape'a kierunek w dol
 		if (wdol) {
                  if (ns4) {
                    block.top += krok
                    block.clip.top -= krok
                    block.clip.bottom -= krok
                  }
//zmiana wartosci polozenia clipa dla IE
                  if (ie4) {
                   pozycjaIElayertop += krok
                   block.top = pozycjaIElayertop+"px"
                   pozycjaIEtop -= krok
                   pozycjaIEbottom -= krok
                   block.clip = "rect("+pozycjaIEtop+",691,"+pozycjaIEbottom+",0)"
                  }
                }
//jw kierunek w gore
                else {
                  if (ns4) {
                    block.top -= krok
                    block.clip.top += krok
                    block.clip.bottom += krok
                  }
                  if (ie4) {
                   pozycjaIElayertop -= krok
                   block.top = pozycjaIElayertop+"px"
                   pozycjaIEtop += krok
                   pozycjaIEbottom += krok
                   block.clip = "rect("+pozycjaIEtop+",691,"+pozycjaIEbottom+",0)"
                  }
                }
                setTimeout("ruch()",10)
}
//-->
</SCRIPT>


</HEAD>
  
  <BODY ONLOAD="init()" BGCOLOR="blue">
    
Przyklad duzego obrazka (691x1001), ktorym przemieszcza sie pod obszarem widocznosci 100px.

    <DIV ID="blockDiv">
       <IMG SRC="kominek.jpg" WIDTH="691" HEIGHT="1001">
    </DIV>

  </BODY>
</HTML>
Proponujemy
"Tworzenie folderów na woluminach" to już siódmy wykład w cyklu Akademia PCkuriera, który jest poświęcony sztuce administrowania systemem Novell NetWare. Przypominamy, że kurs ten ma pomóc zainteresowanym czytelnikom w samodzielnym przygotowaniu do egzaminu na certyfikat CNA. Częścią kursu jest witryna, zawierająca dodatkowe informacje, materiały szkoleniowe i pytania kontrolne.
Organizujemy
Internet dla firm
Warszawa, 5 XII 2002 r.
Patronujemy
Profesjonalne szkolenia informatyczne
PCkurier patronuje organizowanym przez CE EduSoft szkoleniom informatycznym. Dla naszych prenumeratorów przewidziane są 10-procentowe zniżki na wybrane kursy
Wiadomości | Nowy numer | Archiwum | Akademia | IT.Forum | IT Track
Prenumerata | Redakcja | Reklama | Zasoby WWW | Kurs HTML
Lupus sp. z o.o. | Polityka prywatności | Wszelkie prawa zastrzeżone | Info | webmaster@pckurier.pl