Przesuwanie obrazka w divie Co zrobić aby część poza DIVEM była niewidoczna?

Thread View: pl.comp.lang.javascript

4 messages

[T] Back to Threads [V] Tree View [G] Group Articles

4 total messages Started by Ciekawy Mon, 20 Aug 2012 18:24

#51155

Author: Ciekawy
Date: Mon, 20 Aug 2012 18:24

27 lines
1684 bytes

Witam

Mam obraz umieszczony w DIV

<div style="position: absolute; z-index: 8; left: 154px; top: 177px; 
visibility: visible;" id="layer10">
&nbsp;
<img src="0u7j78d16gbnwh1877bbh1cl0lj8_pliki/JPGC9C.jpeg" name="R" 
class="RCSS" 
style="z-index:100;font-style:normal;font-weight:normal;font-size:13px;text-decoration: 
none;" id="R" border="0"></div>

Przesuwam go za pomocą

{var map=document.getElementById("R");
//map.style.position = absolute;
map.style.marginLeft = event.pageX-25+'px'
map.style.marginTop = event.pageY-25+'px'
}

odbiegając od tego, że nie przesuwa się na razie zgodnie z moimi 
oczekiwaniami chciałbym sprawić aby część wychodząca poza div - Layer10 
była niewidoczna, jak to zrobić bo siedzę już nad i siedzę...

Proszę kolegów o pomoc

Ciekawy

Re: Przesuwanie obrazka w divie Co zrobić aby część poza DIVEM była niewidoczna?

#51156

Author: Konrad Karpieszuk
Date: Mon, 20 Aug 2012 21:06

28 lines
1748 bytes

Dnia Mon, 20 Aug 2012 20:24:23 +0200, Ciekawy napisał(a):
> Mam obraz umieszczony w DIV
> 
> <div style="position: absolute; z-index: 8; left: 154px; top: 177px;
> visibility: visible;" id="layer10">
> &nbsp;

...
> 
> odbiegając od tego, że nie przesuwa się na razie zgodnie z moimi
> oczekiwaniami chciałbym sprawić aby część wychodząca poza div - Layer10
> była niewidoczna, jak to zrobić bo siedzę już nad i siedzę...

po pierwsze, Twój div nie ma zdefiniowanego rozmiaru, wiec nie ma u Ciebie 
czegos takiego jak 'poza divem'. wszystko co do niego wkladasz rozpycha go 
tak by sie zmiescilo.

dodaj wiec mu w stylach width i height

wtedy, aby czesc poza tymi granicami nie byla widoczna, dodaj styl 
overflow: hidden;




-- 
pozdrawiam, Konrad Karpieszuk 
http://tradematik.pl

Re: Przesuwanie obrazka w divie Co zrobić aby część poza DIVEM była niewidoczna?

#51157

Author: Ciekawy
Date: Tue, 21 Aug 2012 16:25

26 lines
1895 bytes

W dniu 2012-08-20 23:06, Konrad Karpieszuk pisze:
>
> po pierwsze, Twój div nie ma zdefiniowanego rozmiaru, wiec nie ma u Ciebie
> czegos takiego jak 'poza divem'. wszystko co do niego wkladasz rozpycha go
> tak by sie zmiescilo.
>

Ok, pomaga kiedy zrobię DIV i wpiszę mu Width i Height na etapie 
projektowania, wszystko jest ok,

niestety kiedy dynamicznie dynamicznie zmieniam rozmiar bo muszę go na 
etapie wczytywania dostosować do rozmiaru obrazka DIV zachowuje się tak 
jak gdyby nie miał zdefiniowanej Szerokości i wysokości.
A zmieniam to tak

var mapa=  mapa = document.getElementById("R");
var divmapy = document.getElementById("layer10");
var h=mapa.style.height;
var w=mapa.style.width;
divmapy.style.width=w;
divmapy.style.height=h;

I efekt jest taki jak wcześniej czyli że div rozjeżdża się razem z 
przesuwanym obrazkiem.

Pozdrawiam Ciekawy

Re: Przesuwanie obrazka w divie Co zrobić aby część poza DIVEM była niewidoczna?

#51158

Author: Konrad Karpieszuk
Date: Tue, 21 Aug 2012 19:15

14 lines
1382 bytes

Dnia Tue, 21 Aug 2012 18:25:16 +0200, Ciekawy napisał(a):
> I efekt jest taki jak wcześniej czyli że div rozjeżdża się razem z
> przesuwanym obrazkiem.

nie wiem, moze dodaj dla kontenera position: relative, a dla obrazka 
position: relative; top: 0; left: 0

najlepiej wrzuc problematyczny kod na http://jsfiddle.net/




-- 
pozdrawiam, Konrad Karpieszuk http://tradematik.pl

Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads