Toon posts:

[JS] Chromeless window- plaatjes staan nie goed

Pagina: 1
Acties:
  • 158 views sinds 30-01-2008
  • Reageer

vrijdag 26 juli 2002 19:30

Acties:

Verwijderd

Topicstarter
Ik ben even de weg kwijt.
Ik ben niet echt handig met javascript, dus daar zal het wel aan liggen. ;)

Maar jah, ik heb dus een chromeless window proberen te maken, alleen werkt deze niet naar behoren. Hij opent in ieder geval goed, alleen komen de plaatjes niet op de juiste plek te staan. En dat zijn dus de plaatjes die als buttons fugeren (sluiten, minimalizeren, klokje)..
De marges staan dus volgens mij wel goed, heb er tig keer naar gekeken.

Ik heb de page even hier neergezet: [url="http://www.ajaxsms.nl/boffers/new/"]http://www.ajaxsms.nl/boffers/new/[/url]

En dan gaat het om het eerste plaatje van de libelle.

Het zal wel iets heel stoms zijn, maar ziet iemand wat ik bedoel?
Alvast bedankt!

zaterdag 27 juli 2002 00:13

Acties:

Verwijderd

Topicstarter
Foto's zijn inmiddels veranderd (geen libelle meer), nu zijn het allemaal dezelfde windows. Maar de plaatjes stsaan nog steeds niet goed :?

zaterdag 27 juli 2002 00:33

Acties:
  • iain
  • Registratie: Februari 2001
  • Laatst online: 19-07-2017

iain

Full Flavor

[url="http://www.codelifter.com/main/javascript/amazingframelesspeeker.html"]Hier![/url] is iig de code voor die popup... maar goed, dat had je al werkend...

ik zou die titelbar gewoon maken met divjes... body met een margin van 0px, en dan zoiets:
code:
1
2
3
4
5
6

_________________________________
|_________DIV.menu______________|
|                    |
|     DIV.content       |
|        padding=10px ofzo   |
|_______________________________|

I used to be an atheist, until I realised I was god.

zaterdag 27 juli 2002 12:11

Acties:

Verwijderd

Topicstarter
Die link, volgens mij is dat een ander soort window:?

Ik begrijp het dus nog niet echt, want zo staat alles ingesteld in het javascriptje:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

'<html>'+ '\n'+
'<head> '+ '\n'+
'<title> CHROMELESS WINDOWS / TITLEBAR</title> '+ '\n'+
'<style type="text/css"> '+ '\n'+
'#crtMOVE   { position: absolute; left:   0px; top: 0px; z-index: 2;            } '+ '\n'+
'#txtTITLE  { position: absolute; left:   0px; top: 0px; width:  100%;  height: 20px; z-index: 1; clip:rect(0,100%,20,0); } '+ '\n'+
'#btnCLOSE  { position: absolute; right: -20px; top: 4px; width:   11px; height: 11px; z-index: 3; clip:rect(0,11,11,0);   } '+ '\n'+
'#btnMINI   { position: absolute; left: -20px; top: 4px; width:   11px; height: 11px; z-index: 3; clip:rect(0,11,11,0);   } '+ '\n'+
'#grfCLOCK  { position: absolute; left: -20px; top: 4px; width:   11px; height: 11px; z-index: 3; clip:rect(0,11,11,0);   } '+ '\n'+
'</style> '+ '\n'+
' '+ '\n'+
'<script language="javascript"> '+ '\n'+
'  '+ '\n'+
'var imgCLOSEdwn = new Image(); imgCLOSEdwn.src = "'+ CLOSEdwn +'";  '+ '\n'+
'var imgCLOSEup  = new Image(); imgCLOSEup.src  = "'+ CLOSEup  +'"; '+ '\n'+
'var imgCLOSEovr = new Image(); imgCLOSEovr.src = "'+ CLOSEovr +'"; '+ '\n'+
'var imgMINIdwn  = new Image(); imgMINIdwn.src  = "'+ MINIdwn +'"; '+ '\n'+
'var imgMINIup   = new Image(); imgMINIup.src   = "'+ MINIup  +'"; '+ '\n'+
'var imgMINIovr  = new Image(); imgMINIovr.src  = "'+ MINIovr +'"; '+ '\n'+
'var CLOCKgrfImg     = new Image(); CLOCKgrfImg.src = "'+ CLOCKgrf +'"; '+ '\n'+
''+ '\n'+

Het hele javascriptje staat hier: [url="http://www.ajaxsms.nl/boffers/new/pop.js"]http://www.ajaxsms.nl/boffers/new/pop.js[/url]

Of zit dr fout toch ergens anders? Ik begrijp het even niet.. :'(
Edit: het gaat dus alleen om de plaatjes zoals het kruisje..

zaterdag 27 juli 2002 13:46

Acties:
  • iain
  • Registratie: Februari 2001
  • Laatst online: 19-07-2017

iain

Full Flavor

Op zaterdag 27 juli 2002 12:11 schreef boffers het volgende:
Die link, volgens mij is dat een ander soort window:?

Ik begrijp het dus nog niet echt, want zo staat alles ingesteld in het javascriptje:
code:
1

een leuk uitziende code

Het hele javascriptje staat hier: [url="http://www.ajaxsms.nl/boffers/new/pop.js"]http://www.ajaxsms.nl/boffers/new/pop.js[/url]

Of zit dr fout toch ergens anders? Ik begrijp het even niet.. :'(
Edit: het gaat dus alleen om de plaatjes zoals het kruisje..
Uit de link (die van mij) haal ik deze code:
code:
1
2
3

PFW.document.open();
    PFW.document.write(frameString)
    PFW.document.close()

dat is dus iig wel een apart venster...

maar goed, daar ging het niet om....

dus: [ontopic]
Wat ik voorstelde was (er van uitgaande dat die popup een apart venster is) om DIVjes of tabellen te gebruiken...

Zet dan de margin van de body op 0 (met CSS natuurlijk ;) ) en plaats daarin die divjes... zoiets:
code:
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

<div class="titlebar">
    <span class="linkerknopjes">
        <img knopje1 />
        <img knopje2 />
    </span>

    <span class="titeltekst">
        De titel van de popup komt hier
    </span>

    <span class="kruisje">
        <a href="javascript:window.close()">
            <img kruisje />
        </a>
    </span>
</div>

<div class="content" style="padding: 15px">
    
    <img src="hetgroteplaatje.jpg" alt="" width="500" height="300" />
    
    <br />
    
    <a href="javascript:window.close()">
        Sluit venster
    </a>

</div>

got my point now?

PS: weet niet of dit echt goed is, maar het geeft iig een id! :Y)

I used to be an atheist, until I realised I was god.

zaterdag 27 juli 2002 16:38

Acties:

Verwijderd

Topicstarter
Ik denk dat ik je begrijp, maar je gata dan volgens mij niet uit van het chromeless window, en das hetgeen wat ik juist wel graag zou willen hebben.
Of bedoel je toch iets anders?

zaterdag 27 juli 2002 17:00

Acties:
  • iain
  • Registratie: Februari 2001
  • Laatst online: 19-07-2017

iain

Full Flavor

ik ga wel uit van een chromeless window... (je bij dat linkje toch gezien dat er een chromeless popup is? en dat wou je)...

nou bevat die lange code die ik net postte dus een idee over hoe je dat kruisje beter kan aanpakken dan de manier waarop jij dat nu doet, namelijk met javascript.

je moet denken aan een css bestand met daarin bijv:
code:
1
2
3
4
5
6

SPAN.kruisje {
  align : right;
}
SPAN.titeltekst {
  align : center;
}

I used to be an atheist, until I realised I was god.

zaterdag 27 juli 2002 17:32

Acties:
  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Een chromeless window is nix anders als een popup die je fullscreen opent en vervolgens resized, en dat is (let op!) IE-only.
Het gaat hier in de eerste plaats al fout met de plaatjes omdat het pad al verkeerd aan de popup-functie wordt meegegeven:
code:
1
2
3
4
5
6
7
8
9
10

function openIT(theURL,W,H) {
    wname ="nicewindow2";
    CLOSEup      = "/images/pop/close_d.gif";
    CLOSEdwn         = "/images/pop/close_o.gif";
    CLOSEovr         = "/images/pop/close_a.gif";
    MINIdwn      = "/images/pop/mini_dwn.gif";
    MINIup           = "/images/pop/mini_up.gif";
    MINIovr      = "/images/pop/mini_ovr.gif";
    NONEgrf      = "/images/pop/spacer.gif";
    CLOCKgrf        = "/images/pop/clock.gif";

volgens mij moet die eerste '/' al weg.
Verder is mij ook nog steeds niet duidelijk hoe het nou moet gaan worden; een plaatje zou al wat duidelijker zijn...

Intentionally left blank

zaterdag 27 juli 2002 17:53

Acties:

Verwijderd

Topicstarter
Ow zo stom :-)

Nou, ik had even wat doorgezocht, en heb toen maar de gratis source gebruikt van [url="http://redk.net/microbians/chromeless/help/"]http://redk.net/microbians/chromeless/help/[/url]

En die werkt wel.
Alsnog bedankt voor de hulp mensen!

zaterdag 27 juli 2002 22:41

Acties:
  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

1 tip dan nog als laatst: verdiep je eens meer in javascript zodat je weet waar je mee bezig bent; met alleen knippen en plakken kom je niet ver...

Intentionally left blank

zondag 28 juli 2002 12:57

Acties:
  • iain
  • Registratie: Februari 2001
  • Laatst online: 19-07-2017

iain

Full Flavor

het kan heel leerzaam zijn... ik heb javascript zo geleerd... gewoon kijken wat het voor zou moeten stellen en dan aanpassen! :)

I used to be an atheist, until I realised I was god.

zondag 28 juli 2002 18:08

Acties:
  • Zyphrax
  • Registratie: September 2001
  • Laatst online: 04-04-2023

Zyphrax

Euhm is een dialog niet makkelijker?

standaard functies gebruiken als showModalDialog of showModelessDialog?

Zie
[url="http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp"]http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp[/url]

Any sufficiently advanced technology is equivalent to magic.

zondag 28 juli 2002 22:46

Acties:
  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Op zondag 28 juli 2002 18:08 schreef Zyphrax het volgende:
Euhm is een dialog niet makkelijker?

standaard functies gebruiken als showModalDialog of showModelessDialog?

Zie
[url="http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp"]http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp[/url]
Standaard functies? Standaard als in IE-only zeker?

Intentionally left blank

zondag 28 juli 2002 22:48

Acties:
  • oh,when?
  • Registratie: April 2000
  • Niet online

oh,when?

...

Op zondag 28 juli 2002 22:46 schreef crisp het volgende:

[..]

Standaard functies? Standaard als in IE-only zeker?
dat maakt hier niet veel uit, aangezien het betreffende effect toch al IE only is. :)

"You're only as good, as what you did last week."

Pagina: 1
Reageer