Toon posts:

Hoe frameless window voorzien van handle ?

Pagina: 1
Acties:

vrijdag 6 september 2002 13:47

Acties:

Verwijderd

Topicstarter
Ja, ik heb al gezocht met de search en Google maar ik heb niets gevonden.

Ik heb met het proggie "Frameless Maker 5.002" een frameless window gemaakt (dus geen knoppen, balken, scrollbars etc., alleen de inhoud van het frame/html pagina).

Deze verschijnt als popup op mijn website. Ik heb um voorzien van een close commando zodat ie wel gesloten kan worden. Maar ik zou ook graag willen dat mensen die de site bezoeken dit popup window ook kunnen verplaatsen op de pagina. Aangezien er geen handle-balk op zit, zou je dus alleen maar kunnen slepen met de linkermuisknop/cursor <b> IN </b> het frame. Maar dat lukt standaard natuurlijk niet. Is er een mogelijkheid om het gehele frame als handle-bar te maken ? Ik hoop dat ik de goede termen heb gebruikt.

voorbeeldje....zie www.paal50.tk

vrijdag 6 september 2002 13:49

Acties:
  • whoami
  • Registratie: December 2000
  • Laatst online: 23:04

whoami

Lees nog eens even de P&W FAQ.

HTML Hoort niet thuis in P&W, maar in W&G.

pw->wg dus.

https://fgheysels.github.io/

vrijdag 6 september 2002 13:58

Acties:

Verwijderd

Topicstarter
whoami schreef op 06 september 2002 @ 13:49:
Lees nog eens even de P&W FAQ.

HTML Hoort niet thuis in P&W, maar in W&G.

pw->wg dus.
....sorry....iets te snel geklikt op wat blijkt het verkeerde forum....bedankt voor het verplaatsen ! Maar ehhh....iemand een idee (zie boven !) ?

zaterdag 7 september 2002 11:53

Acties:

Verwijderd

Topicstarter
Ik schop um maar eens weer omhoog !

zaterdag 7 september 2002 13:14

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:07

crisp

Devver

Pixelated

Ja dat kan :)
Je moet voor onMouseDown, onMouseMove en onMouseUp een aantal functies beschrijven. Vervolgens kan je de cursor positie bepalen met de properties van het event object. window verplaatsen kan met window.moveTo(x, y).
Als voorbeeld zou je mijn popup-puzzle kunnen gebruiken; dat zijn ook allemaal chromeless-windows.

Intentionally left blank

zaterdag 7 september 2002 13:32

Acties:

Verwijderd

Topicstarter
crisp schreef op 07 september 2002 @ 13:14:
Ja dat kan :)
Je moet voor onMouseDown, onMouseMove en onMouseUp een aantal functies beschrijven. Vervolgens kan je de cursor positie bepalen met de properties van het event object. window verplaatsen kan met window.moveTo(x, y).
Als voorbeeld zou je mijn popup-puzzle kunnen gebruiken; dat zijn ook allemaal chromeless-windows.
Zo zo...dat is allemaal nogal wat tegelijk. Ik ga aan de slag, maar ik ben een beetje een newbie...dus als er verder nog Tweakers zijn met kant en klare oplossingen dan houd ik me aanbevolen.

zaterdag 7 september 2002 13:36

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:07

crisp

Devver

Pixelated

Ik zal vanmiddag wel even kijken of ik de kale code kan posten; moet nu even wat huishoudelijke klusjes doen...

Intentionally left blank

zaterdag 7 september 2002 13:41

Acties:
  • Grom
  • Registratie: Juli 2002
  • Laatst online: 25-11-2024

Grom

lief hè!

klik geprobeerd? ;)

zaterdag 7 september 2002 15:33

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:07

crisp

Devver

Pixelated

ok, hier een werkend voorbeeld :)

html om de popup te openen:
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<html>
<head>
<title>Open Popup</title>
<script type="text/javascript">

function init() {

  var popupWindow = window.open('popup.html', '', 'fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0');
  popupWindow.resizeTo(200, 200);
  popupWindow.moveTo((screen.width / 2) - 100, (screen.height / 2) - 100);

}

</script>
</head>
<body onLoad="init()">
</body>
</html>


De popup zelf (popup.html):
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65

<html>
<head>
<title>Popup</title>
<script type="text/javascript">

var selected = false;
var X;
var Y;

function startmove(e) {

  if (document.all) {

    X = event.clientX;
    Y = event.clientY;

  } else if (document.getElementById) {

    X = e.pageX;
    Y = e.pageY;

  }

  selected = true;

}

function move(e) {

  if (selected) {

    if (document.all) {

      var moveX = event.clientX - X;
      var moveY = event.clientY - Y;

    } else if (document.getElementById) {

      var moveX = e.pageX - X;
      var moveY = e.pageY - Y;

    }

    window.moveBy(moveX, moveY);

  }

}

function stopmove(e) {

  selected = false;

}

document.onmousedown = startmove;
document.onmouseup = stopmove;
document.onmousemove = move;

</script>
</head>
<body style="background-color: #000000; overflow: hidden; cursor: hand; cursor: pointer">
<span style="color: #ffff00; text-decoration: underline" onClick="window.close()">Close</span>
</body>
</html>


veel plezier! :)

Intentionally left blank

zondag 8 september 2002 16:18

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:07

crisp

Devver

Pixelated

En, is het al gelukt? :)

Intentionally left blank

zondag 8 september 2002 17:32

Acties:

Verwijderd

Grom schreef op 07 september 2002 @ 13:41:
klik geprobeerd? ;)
volgens hem is dat klik ;) klik
hee crisp, dat ziet er handig uit!

Ik mag aannemen dat het ook met BeeHive moet kunnen?

zondag 8 september 2002 17:54

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:07

crisp

Devver

Pixelated

Verwijderd schreef op 08 september 2002 @ 17:32:
[...]

volgens hem is dat klik ;) klik
hee crisp, dat ziet er handig uit!

Ik mag aannemen dat het ook met BeeHive moet kunnen?
Voor zover ik weet heeft beehive wel dingen in zich voor draggable layers, maar draggable chromeless popups denk ik niet...

Intentionally left blank

zondag 8 september 2002 18:15

Acties:

Verwijderd

Beehive is X-browser...

volgens mij is er niets wat minder X-browser is dan chromeless windows... :P
dusse denk ut niet...

/me moet even kwijt dat chromeless windows blegh zijn, maarja van win-users snap ik het wel..
die willen gewoon zo min mogelijk van hun windows zien :P
Als je zo nodig chromeless windows wil hebben, ga dan maar een media skin maken voor je mpeg-4 filmpje ofzo zoals Autechre heeft. http://www.warprecords.com/gantz_graf/

maandag 9 september 2002 08:42

Acties:

Verwijderd

Topicstarter
crisp schreef op 08 september 2002 @ 16:18:
En, is het al gelukt? :)
Nou...dat voorbeeldje dat je me gegeven had werkt wel. Alleen als ik het ga toepassen op mijn chromeless window werkt het weer niet. Er ontstaat o.a. een horizontale scrollbalk. Is misschien omdat ik een layer gebruik in het popup window. Ook is het popup window niet draggable......als ik met mijn muis er over heen ga verkleint de inhoud van de popup.....heel vreemd allemaal. Ik moet denk ik maar een simpel popup-window gebruiken (dus zonder layer etc.). Maar bedankt voor je code !


[succes-mode]

Het is me uiteindelijk wel gelukt ! Je moet geen image in het popup window stoppen...dan gaat het niet goed. Ik heb de image nu als background ingesteld en de extra layer met het close-commando (+ close-jpg'tje) er bovenop gezet. Het resultaat staat op www.paal50.tk.

[/succes-mode]
Pagina: 1
Reageer