Grootte Nieuw Venster - Softwareontwikkeling

donderdag 21 februari 2002 10:52

Acties:

Verwijderd

Topicstarter

Ik weet het, hier is al veel over gepost, maar ik kan een antwoord op mijn vraag niet vinden. Als er al een antwoord is, post dan ff een link i.p.v. UTFS enz.

Ik heb een soort lijst met thumbnails. Ik wil dus dat als je op die thumbnail clickt, dat hij dan een window opent met de originele plaatje erin. Ik wil ook dat deze venster dan automatisch net zo groot is als het plaatje, zonder witte balken en zo. Hoe kan ik dit het beste doen. Ik dacht met de open.window script maar hoe krijg ik dan de grootte automatisch hetzelfde als het plaatje?

Mischien is er een beter manier om dit te doen, laat maar weten.

donderdag 21 februari 2002 11:19

Acties:

Verwijderd

Je kan deze gebruiken, weet niet of het wat is aangezien je alsnog handmatig de maten in moet voeren... moet anders kunnen, maar dan moet je wel een serverside taaltje gebruiken... (gok ik):

code:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
   function NewWindow(mypage, myname, w, h, scroll) {
   var winl = (screen.width - w) / 2;
   var wint = (screen.height - h) / 2;
   winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+''
   win = window.open(mypage, myname, winprops)
   if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
   }
//  End -->
</script>
</head>

<body onload="NewWindow('plaatje.html','naamvandepagina','770','420');">

Moet je maar zien of je er wat mee kan

donderdag 21 februari 2002 11:48

Acties:

Verwijderd

Topicstarter

code:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
   function NewWindow(mypage, myname, w, h, scroll) {
   var winl = (screen.width - w) / 2;
   var wint = (screen.height - h) / 2;
   winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+''
   win = window.open(mypage, myname, winprops)
   if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
   }
//  End -->
</script>
</head>
<body onload="NewWindow('plaatje.html','naamvandepagina','770','420');">

kan ik het ook als een link gebruiken? dus target="NewWindow(enz enz.)"

Waar jij plaatje.html hebt kan toch gewoon /images/stoel.jpg zijn of zo?

En bij scroll, moet dat gewoon 'no' zijn of yes natuurlijk?

donderdag 21 februari 2002 11:57

Acties:

Verwijderd

in je head

code:

<script language="JavaScript">
<!--
function OpenAWindow(AURL,AAttr) {
  AWindow=window.open(AURL,window.name+"X",AAttr);
  if(parseInt(navigator.appVersion)>=3) AWindow.focus();
  return ;
}
//-->
</script>

in de html als link:

code:

1
2
3

<a href="JavaScript:OpenAWindow('htm.htm','resizable=no,
scrollbars=no,status=0,menubar=no,width=392,height=344')">
thumbnail.gif</a>

is wel een popupje

donderdag 21 februari 2002 11:58

Acties:

Verwijderd

Topicstarter

veel duidelijker. thanx, ik probeer het. het lijkt me veel eenvoudiger om gewoon handmatig alle sizes in te vullen, dus dat ga ik maar doen. Heeft die window gelijk ook geen margins?

donderdag 21 februari 2002 11:58

Acties:

Verwijderd

Op donderdag 21 februari 2002 11:57 schreef Los het volgende:
in je head

code:

<script language="JavaScript">
<!--
function OpenAWindow(AURL,AAttr) {
  AWindow=window.open(AURL,window.name+"X",AAttr);
  if(parseInt(navigator.appVersion)>=3) AWindow.focus();
  return ;
}
//-->
</script>

in de html als link:

code:

1
2
3

<a href="JavaScript:OpenAWindow('htm.htm','resizable=no,
scrollbars=no,status=0,menubar=no,width=392,height=344')">
thumbnail.gif</a>

Waarom zou je een script gebruiken waarbij je van die lange function-calls krijgt?

/me bedoeld niet dat zijn code perfect is, want dat issie zeker niet...

donderdag 21 februari 2002 11:59

Acties:

Verwijderd

Op donderdag 21 februari 2002 11:48 schreef Ankabouti het volgende:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
<SCRIPT LANGUAGE="JavaScript">

</script>
</head>
<body onload="NewWindow('plaatje.html','naamvandepagina','770','420');">
kan ik het ook als een link gebruiken? dus target="NewWindow(enz enz.)"

Waar jij plaatje.html hebt kan toch gewoon /images/stoel.jpg zijn of zo?

En bij scroll, moet dat gewoon 'no' zijn of yes natuurlijk?

code:

1	<a href="#" onMouseDown="NewWindow(hier/je/plaatje.jpg','dienaam','770','420');">linkje</a>

lijkt me wel iets dat werkt niet?

donderdag 21 februari 2002 12:03

Acties:

Verwijderd

Topicstarter

Ik vraag dit ook maar gelijk hier. Als ik een image als link gebruikt, ook al is het border=0 dan krijg ik nog steeds een border. Is er een manier om dit te voorkomen. Ik dacht er al aan om mijn bordercolor hetzelfde te maken als het achtergrond, maar er moet toch een andere manier zijn.

Ik ga zo straks die scripts proberen. Die van los lijkt mij beterz. Of doet die van Ivy iets dat hij niet doet??

donderdag 21 februari 2002 12:07

Acties:

Verwijderd

Op donderdag 21 februari 2002 12:03 schreef Ankabouti het volgende:
...
Ik ga zo straks die scripts proberen. Die van los lijkt mij beterz. Of doet die van Ivy iets dat hij niet doet??

'Mijn' script doet niets wat ie niet moet doen

En als je als volgt een link maakt komt er toch echt geen border:

code:

1	<a href="boe.html">[img]"hier/je/afbeelding.jpg"></a[/img]

Suc6

zaterdag 23 februari 2002 23:34

Acties:

Verwijderd

Topicstarter

Op donderdag 21 februari 2002 11:59 schreef Akira het volgende:

[..]
code:
1
<a href="#" onMouseDown="NewWindow(hier/je/plaatje.jpg','dienaam','770','420');">linkje</a>
lijkt me wel iets dat werkt niet?

Als ik dit probeer, dan krijg ik nog steeds een margin aan de linkerkant. Gewoon een witte balkje dus. Voor de rest werkt het allemaal prima, thanx Ivy. Moet alleen die balk weg halen. Of, is het mogelijk om een margin even groot aan alle kanten te hebben, en dan ook de kleur ervan geven??

dinsdag 26 februari 2002 01:54

Acties:

Verwijderd

Topicstarter

Ik krijg bij die script van Ivy een margin. Hoe krijg ik dat weg? Voor de rest werkt alles prima!

dinsdag 26 februari 2002 08:22

Acties:

crisp

Devver

Pixelated

Bijna alle browsers gaan anders om met de grootte van popups, en met de scrolling daarvan. Ik gebruik zelf de volgende code, die het goed lijkt te doen in NS4+, NS6+, IE4+, Mozilla en Opera 6:

code:

function openwin(target, pwidth, pheight) {

    var width = screen.width;
    var height = screen.height;
    var scroll = 'hidden';
    var scrollbars = 'no';
    if (pheight + 56 > height) {
    height = height - 56;
    scroll = 'scroll';
    if (document.all) {
      scroll = 'auto';
    } else {
      scrollbars = 'yes';
    }
    }
    else {
    height = pheight;
    }
    if (pwidth + 16 > width) {
    width = width - 20;
    scroll = 'auto';
    }
    else {
    if (scroll == 'scroll' || scroll == 'auto') width = pwidth + 16;
    else width = pwidth;
    }

    if (document.getElementById && parseInt(navigator.appVersion) >= 5 && ua.indexOf('netscape') == -1 && ua.indexOf('opera') == -1) height += 59; // mozilla
    if (ua.indexOf('opera') != -1) check = (width-16)*height; // opera

    window.open(target+'&scroll='+scroll,'','top=0,left=0,height='+height+',width='+width+',toolbar=no,menubar=no,scrollbars='+scrollbars+',resizable=no,location=no,directories=no,status=no');
}

en in de html:

code:

var text = window.location.search;

if (ns4|ns5) {
  scroll = 'hidden';
  height = window.innerHeight;
  width = window.innerWidth;
} else {
  scroll = getelement(text, 'scroll');
  height = document.body.clientHeight;
  width = document.body.clientWidth;
}
            
document.write('<DIV id="image" style="overflow:'+scroll+'; position:absolute; left:0px; top:0px; height:'+height+'; width:'+width+'; z-index:0;">[img]"../paintings/'+getelement(text,[/img]</DIV>');

Het is een snippet, maar hopelijk is het idee duidelijk...

Intentionally left blank

dinsdag 26 februari 2002 09:08

Acties:

Verwijderd

Topicstarter

Sorry maar ik snap de HTML gedeelte niet. Hoe zat ik dat nou in een link??? Ik heb images die als links grotere plaatjes opent. Voorbeeld van wat ik nu heb:

dinsdag 26 februari 2002 09:39

Acties:

crisp

Devver

Pixelated

De variabele target bevat bij mij ook de naam van het plaatje:
target = 'showpainting.html?id=painting&num=123'
zoiets dus; het plaatje heet dan uiteindelijk painting123_f.jpg

Intentionally left blank

dinsdag 26 februari 2002 19:23

Acties:

Verwijderd

Topicstarter

Ik heb nog steeds een border.. Moet ik niet gewoon iets erbij zetten of zo om geen border links en boven te krijgen?

dinsdag 26 februari 2002 20:00

Acties:

crisp

Devver

Pixelated

Op dinsdag 26 februari 2002 19:23 schreef Ankabouti het volgende:
Ik heb nog steeds een border.. Moet ik niet gewoon iets erbij zetten of zo om geen border links en boven te krijgen?

Je wilt helemaal geen border? Moet je maar even zoeken op chromeless window. Komt erop neer dat je een window eerst fullscreen opent, en dan resized (net als in mijn popup puzzle). Is echter wel een IE-only feature...

Intentionally left blank

dinsdag 26 februari 2002 20:40

Acties:

Verwijderd

Topicstarter

Ik wil wel een window border met een kruisje en zo, maar ik wil niet een margin. Ik krijg dus een witte rand links en boven mijn plaatje.

dinsdag 26 februari 2002 20:42

Acties:

crisp

Devver

Pixelated

Op dinsdag 26 februari 2002 20:40 schreef Ankabouti het volgende:
Ik wil wel een window border met een kruisje en zo, maar ik wil niet een margin. Ik krijg dus een witte rand links en boven mijn plaatje.

O, die!
ff CSS in je <head> zetten:

code:

<style type="text/css">
<!--
body {
  overflow: hidden;
  margin: 0px;
}
-->
</style>

en voor NS4 in je <body> tag:

code:

1	<body marginheight=0 marginwidth=0>

Intentionally left blank

dinsdag 26 februari 2002 21:01

Acties:

Verwijderd

Topicstarter

Ik weet hoe om mijn pagina zelf marginless te maken, ik heb het over de popups. Ik gebruik deze script, van Ivy:

Op donderdag 21 februari 2002 11:19 schreef ivy het volgende:

[..]

code:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
   function NewWindow(mypage, myname, w, h, scroll) {
   var winl = (screen.width - w) / 2;
   var wint = (screen.height - h) / 2;
   winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+''
   win = window.open(mypage, myname, winprops)
   if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
   }
//  End -->
</script>
</head>

<body onload="NewWindow('plaatje.html','naamvandepagina','770','420');">

Moet je maar zien of je er wat mee kan

maar dan krijg ik in de popu nog margins. Links en boven om precies te zijn.

dinsdag 26 februari 2002 21:04

Acties:

crisp

Devver

Pixelated

En hoe ziet plaatje.html eruit?

Intentionally left blank

dinsdag 26 februari 2002 21:07

Acties:

Verwijderd

code:

blaat = window.open("","blabla",properties);
blaat.document.write('<html><head><title>popup</title></head>');
blaat.document.write('<body background="plaatje.jpg"><p></p></body></html>);
blaat.document.close();

zoiets zou wel moeten werken.

dinsdag 26 februari 2002 21:10

Acties:

crisp

Devver

Pixelated

Op dinsdag 26 februari 2002 21:07 schreef Cheatah het volgende:
code:
1
2
3
4
blaat = window.open("","blabla",properties);
blaat.document.write('<html><head><title>popup</title></head>');
blaat.document.write('<body background="plaatje.jpg"><p></p></body></html>);
blaat.document.close();
zoiets zou wel moeten werken.

Ja, meestal wel. Maar wat als je plaatje > als je schermbreedte / schermhoogte. Dan moet je scrollbars hebben en body { overflow: auto } werkt niet in antieke browsers.
Verder heeft Mozilla een probleem wb de hoogte van de popups...

Intentionally left blank

dinsdag 26 februari 2002 21:29

Acties:

Verwijderd

Topicstarter

Ok, een letterlijke link van wat ik nu heb:

code:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
   function NewWindow(mypage, myname, w, h, scroll) {
   var winl = (screen.width - w) / 2;
   var wint = (screen.height - h) / 2;
   winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+''
   win = window.open(mypage, myname, winprops)
   if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
   }
//  End -->
</script>

en dan voor het plaatje:

<a href="#" onMouseDown="NewWindow('images/artanova/Caldera03l.jpg','Caldera','700','384');">[img]"images/artanova/Caldera03s.jpg"[/img]</a>

dinsdag 26 februari 2002 23:36

Acties:

crisp

Devver

Pixelated

Je maakt een nieuw window aan, met alleen een link naar het plaatje. Dus niet naar een html-pagina waar je het plaatje inlaadt. De browser neemt dan de default margins voor een pagina.
Oplossing: maak een default .html file aan die je aanroept, met het plaatje als variabele:

code:

1	showpicture.html?plaatje=blaat.gif

schrijf dan in showpicture.html het plaatje dynamisch in de pagina mbv document.write...
Voorbeeld? Kijk eens op www.toonwildeboer.com - paintings - collection - next, en klik op een thumbnail; kijk dan eens in de source van de pop-up.

Intentionally left blank

dinsdag 26 februari 2002 23:45

Acties:

Verwijderd

Topicstarter

Ik krijg script errors. Ik wil ook graag dat ik de script die ik nu heb kan aanpassen, dan hoef ik namelijk niet weer de grdoottes van ongeveer 100 windows aan te geven.

woensdag 27 februari 2002 16:56

Acties:

Verwijderd

Topicstarter

Ok ik heb inmiddels door dat je niet de margins weg kan halen als het alleen om een plaatje gaat, niet met een simpele script in ieder geval. Is er dan mischien een manier dat ik automatisch in de script, dus niet de HTML gedeelte kan zetten dat alle windows 3 pixels groter moet zijn. Dan kan ik namelijk dezelfde margin aan alle kanten zetten, zonder om 100 tags te veranderen.

[edit]

Ik krijg opeens een vaag probleem. In een document werkt die script, nou zet ik hem over in een andere, dat werkt hij opeens niet!!!!!

Werkend

code:

In head:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
   function NewWindow(mypage, myname, w, h, scroll) {
   var winl = (screen.width - w) / 2;
   var wint = (screen.height - h) / 2;
   winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+''
   win = window.open(mypage, myname, winprops)
   if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
   }
//  End -->
</script>

In body:

<td><a href="#" onMouseDown="NewWindow('images/artanova/Adonis01l.jpg','Adonis','700','548');">[img]"images/artanova/Adonis01s.jpg"[/img]</a></td>

In Nieuwe document:

code:

In head:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
   function NewWindow(mypage, myname, w, h, scroll) {
   var winl = (screen.width - w) / 2;
   var wint = (screen.height - h) / 2;
   winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+''
   win = window.open(mypage, myname, winprops)
   if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
   }
//  End -->
</script>

In body:
<td><a href="#" onMouseDown="NewWindow('images/ronaldschmitt/Salon_K27l.jpg','K-27','700','548');">[img]"images/ronaldschmitt/Salon_K27s.jpg"[/img]</a></td>

Ziet iemand iets dat ik niet zie???

vrijdag 1 maart 2002 21:55

Acties:

Verwijderd

Topicstarter

Ik wil geen nieuw topic openen maar ik krijg een error als ik deze script run die boven staat. Lees alleen alles na die [edit] gedeelte. Dat is dus mijn probleem. IE zegt dat de fout op lijn 11 is en dat is dan

code:

1	winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+''

ANyone???

vrijdag 1 maart 2002 22:43

Acties:

crisp

Devver

Pixelated

Welke fout, en verder wordt de variabele scroll ook niet meegegeven aan het script...

Intentionally left blank