Notifikationer

Markér alle som læst Log ud

emileej Nybegynder

08. november 2002 - 17:26 Der er 15 kommentarer og
1 løsning

Adgang til clip - rect

style="clip: rect(20px auto auto 20px)"
Således ser det ud i taggen, men hvorledes får jeg adgang til at ændre fx. top-x-koordinaten til 40px?
Kun afprøvede eksempler - tak.

E-)mil
http://eej.dk

Synes godt om

bamzen Nybegynder

08. november 2002 - 18:35 #1

clip: rect(20px 40px auto 20px)

Synes godt om

bamzen Nybegynder

08. november 2002 - 18:40 #2

som var forkert, hvad er det du vil, flytte elementet som har clip til en bestemt top position?

så er det STYLE="position:absolute;top:40px"

Synes godt om

emileej Nybegynder

08. november 2002 - 19:11 #3

Nej. Havde jeg haft et CSS spørgsmål, havde jeg jo ikke postet her. Jeg skal ændre det i javascript - ligesom man f.eks. ændrer top:
document.getElementById("mitId").style.top=40;
Så skulle man jo tro at man bare kunne skrive:
document.getElementById("mitId").style.clip.top=40;
Men det kan man ikke... Hvad skal man så skrive? DET er mit spm. :)

E-)mil

Synes godt om

Slettet bruger

09. november 2002 - 13:56 #4

document.getElementById("minID").style.clip.rect = "40px auto auto 20px";

Det skulle gerne virke.

Synes godt om

emileej Nybegynder

09. november 2002 - 14:34 #5

"... Kun afprøvede eksempler - tak."
Har du testet det?

Synes godt om

Slettet bruger

09. november 2002 - 14:35 #6

Nej, men jeg har brugt det en gang. Har du testet det? :)

Synes godt om

emileej Nybegynder

09. november 2002 - 14:40 #7

Nu har jeg og det fungerer ikke.

Synes godt om

Slettet bruger

10. november 2002 - 11:58 #8

Så smid et link, så jeg kan se på det.

Synes godt om

emileej Nybegynder

10. november 2002 - 15:31 #9

Der er ikke noget link - der er den kode, du har postet. Du kan jo selv indtaste den og se at det ikke virker - hvis det er det du vil.

Synes godt om

Slettet bruger

10. november 2002 - 20:49 #10

Nej, for jeg har ikke dit specikke eksempel med clipping. Jeg kan jo ikke løse noget ud fra en formodning om, at det nok er det, du mener!
Derudover ville det også hjælpe dig, hvis jeg bare lige skulle rette et sted i din kode for at få det hele til at virke! :)

Synes godt om

Slettet bruger

10. november 2002 - 20:59 #11

http://webreference.com/dhtml/column2/clipping.html

Synes godt om

emileej Nybegynder

10. november 2002 - 21:40 #12

Du kan jo selv prøve:
<head><style>
#elm{ height:100px; clip: rect(0px 0px 0px 0px); background: #000000; }
</style></head><body>
<div id="elm">
 
</div>
<a href="java script:void(0);" onmouseover="document.getElementById('elm').style.clip='rect(20px 0px 0px 0px)';" onmouseout="document.getElementById('elm').style.clip='rect(0px 0px 0px 0px)';">
Wee!
</a></body>

Synes godt om

Slettet bruger

11. november 2002 - 16:30 #13

Selv om du sætter clip på i CSS'en virker ovenstående eksempel jo ikke! :)

#elm{ height:100px; clip: rect(20px 0px 20px 0px); background: #000000; }

Ovenstående giver ingen forandring. Så det er ikke scriptet, der er galt.

I det hele taget har jeg dårlige erfaringer med den clip-property. Den virker næsten aldrig. Det er dog det rigtige script, jeg har givet dig!

Synes godt om

Slettet bruger

11. november 2002 - 16:43 #14

Men se så her (haha!):

<html>
<head>
</head>
<body>
<a href="#" onMouseOver="document.getElementById('minDiv').style.clip = 'rect(50px 150px 150px 50px)';" onMouseOut="document.getElementById('minDiv').style.clip = 'rect(0px 200px 200px 0px)';">Bla bla bla</a>
<br><br>
<div id="minDiv" style="position: absolute; width: 200px; height: 200px; background-color: black; clip: rect(0px 200px 200px 0px);">
 
</div>
</body>
</html>

:)

Synes godt om

emileej Nybegynder

11. november 2002 - 22:07 #15

Det virker, men giver ingen mening - af een eller anden grund virker det kun i style="", men ikke i <style></style>...
Nå, men hul i det - tak for hjælpen.

Synes godt om

Slettet bruger

12. november 2002 - 15:03 #16

Det er jeg ikke enig i:

<html>
<head>
<style>
#minDiv {
position: absolute;
width: 200px;
height: 200px;
background-color: black;
clip: rect(0px 200px 200px 0px);
}
</style>
</head>
<body>
<a href="#" onMouseOver="document.getElementById('minDiv').style.clip = 'rect(50px 150px 150px 50px)';" onMouseOut="document.getElementById('minDiv').style.clip = 'rect(0px 200px 200px 0px)';">Bla bla bla</a>
<br><br>
<div id="minDiv">
 
</div>
</body>
</html>

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS