Toon posts:

'Javascript' Open window te groot

Pagina: 1

Acties:

206 views sinds 30-01-2008
Reageer

dinsdag 7 mei 2002 18:05

Acties:

Flying_Thunder

Topicstarter

Ok jongens ik heb dit scriptje:
Code:

<a href="#shot"

ONCLICK="window.open('http://mitglied.tripod.de/flyingthunder007/previews/dungeonsiege/DSscr_1.jpg','47462','toolbar=no,location=no,scrollb

ars=no,resizable=no,width=640,height=480,')"><center>[img]"previews/dungeonsiege/DS_1.jpg"></center></a[/img]

Nou als je klikt op dat plaatje (thumbnail) dan opent hij in een nieuw venstertje inderdaad de vergrote versie op 640*480 maar daarbij krijg je er vrij grote witte randen omheen en is het venster zelf ook geen 640*480 meer. Ik wil dat die randen weggaan en het venster gewoon 640*480 blijft net als het plaatje. Iemand die uitkomst kan bieden ? Bedankt alvast!

dinsdag 7 mei 2002 18:18

Acties:

r0bert

margin/padding op 0 zitten via
windownaam.document.body.style.margin of iets

code:

1
2
3

<a href="javascript:void(0);" onClick="venster = window.open('','blaat','toolbar=no,location=no,scrollbars=no,resizable=no,width=640,height=480'), venster.window.focus();">open een nieuw venster</a><br />
<a href="javascript:void(0);" onClick="venster.document.body.innerHTML = 'Hier staat nu wat tekst.. als je goed kijkt zie je dat er nog steeds ruimte is aan de linker-/bovenkant.', venster.window.focus();">voeg tekst toe</a><br />
<a href="javascript:void(0);" onClick="venster.document.body.style.padding = 0, venster.document.body.style.margin = 0, venster.window.focus();">Verwijderen margin en padding</a>

plak dat maar eens in een <body>

dinsdag 7 mei 2002 18:24

Acties:

Dark Blue

Compositionista!

Alpenmeisje

Hmmm volgens mij moet je dan gewoon het plaatje in een kleine html file zetten hoor... en daarin de body margins definiëren op 0.

heidiulrich.nl | adventura.nl : rugzakavonturen | pathwise.nl : prepping geeks to get jobs

dinsdag 7 mei 2002 18:54

Acties:

Flying_Thunder

Topicstarter

Eej r0bert ik kom er zo niet echt uit, kun je mijn script plz aanpassen want hier begrijp ik weinig van. En Dark Blue ik moet duizenden plaatjes op deze wijze laten zien en ik zie het nou niet echt zitten om voor elk plaatje een HTML file te maken, ik wist wel dat het kon, thx anyway.

dinsdag 7 mei 2002 18:57

Acties:

Verwijderd

r0bert:
Het is ook mogelijk om via de 'gewone' methode een popup te vullen. Daar zijn namelijk methoden van het document object voor:

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

Zo kun je meteen een document type en alles wegschrijven, en de verplichte html, head en title tags.

[edit]
window -> document

dinsdag 7 mei 2002 19:04

Acties:

r0bert

Ja, ik weet het, maar het leek me eerst in dit geval gemakkelijker om met document.body te werken, aangezien ik dacht dat hij een bestaamde HTML file wou openen (slordig gelezen). Ik zie dat hij nu een image opent en ik weet niet of het document dan wel een body heeft

trouwens.. is het niet
document.open();
document.write();
document.close();
ipv window.open() enzo ?

dinsdag 7 mei 2002 19:05

Acties:

Flying_Thunder

Topicstarter

hey mod weet jij het niet misschien?

dinsdag 7 mei 2002 19:06

Acties:

Verwijderd

trouwens.. is het niet
document.open();
document.write();
document.close();
ipv window.open() enzo ?

ja *kuch*

dinsdag 7 mei 2002 19:12

Acties:

r0bert

Lekker voorgekauwt

code:

<a 
   href="#shot"
   onclick="venster = window.open('previews/dungeonsiege/DSscr_1.jpg','47462','toolbar=no,location=no,scrollbars=no,resizable=no,width=640,height=480'), venster.document.body.style.margin = 0, venster.document.body.style.padding = 0;')">
<img 
   src="previews/dungeonsiege/DS_1.jpg"
   align="center />
</a>

of dmv Cheatah's manier

code:

<a
   href="#shot"
   onClick="venster = window.open('','titel','toolbar=no,location=no,scrollbars=no,resizable=no,width=640,height=480'), venster.document.open(), venster.document.write('<html><body style=\"padding: 0; margin: 0;\">[img]\"previews/dungeonsiege/DSscr_1.jpg\"[/img]<\/body><\/html>'), document.close();">
<img 
   src="previews/dungeonsiege/DS_1.jpg"
   align="center />
</a>

dinsdag 7 mei 2002 19:25

Acties:

crisp

Devver

Pixelated

ook mooi:

code:

<img 
   src="previews/dungeonsiege/DS_1.jpg"
   align="center"
   style="cursor: hand; cursor: pointer"
   onClick="window.open('showpreview.html?DSscr_1.jpg','47462','toolbar=no,location=no,scrollbars=no,resizable=no,width=640,height=480')" />

en dan showpreview.html:

code:

<html>
<head>
<title>Preview</title>
<style type="text/css">
body {
  margin: 0px;
  overflow: hidden;
}
</style>
</head>
<body>
<script type="text/javascript">
var uri = window.location.search;
var picture = uri.substring(1, uri.length);
document.write('[img]"previews/dungeonsiege/"+picture+">');
</script>
</body>
</html[/img]

tiepvoudten voorbehouden

Intentionally left blank

dinsdag 7 mei 2002 20:38

Acties:

Verwijderd

dinsdag 7 mei 2002 21:02

Acties:

Flying_Thunder

Topicstarter

Ok nu ga ik dom overkomen vrees ik maar geen van deze beide schijnt te werken, althans ik krijg in IE foutmeldingen.

Op dinsdag 07 mei 2002 19:12 schreef r0bert het volgende:
Lekker voorgekauwt

code:

<a 
   href="#shot"
   onclick="venster = window.open('previews/dungeonsiege/DSscr_1.jpg','47462','toolbar=no,location=no,scrollbars=no,resizable=no,width=640,height=480'), venster.document.body.style.margin = 0, venster.document.body.style.padding = 0;')">
<img 
   src="previews/dungeonsiege/DS_1.jpg"
   align="center />
</a>

of dmv Cheatah's manier

code:

<a
   href="#shot"
   onClick="venster = window.open('','titel','toolbar=no,location=no,scrollbars=no,resizable=no,width=640,height=480'), venster.document.open(), venster.document.write('<html><body style=\"padding: 0; margin: 0;\">[img]\"previews/dungeonsiege/DSscr_1.jpg\"[/img]<\/body><\/html>'), document.close();">
<img 
   src="previews/dungeonsiege/DS_1.jpg"
   align="center />
</a>

dinsdag 7 mei 2002 21:03

Acties:

Flying_Thunder

Topicstarter

Hiermee gaat die witte rand nog steeds niet weg:'(

Op dinsdag 07 mei 2002 20:38 schreef Toyz het volgende:
<script language="javascript">

var strHelpOptions ="location=no";
strHelpOptions += ",toolbar=no";
strHelpOptions += ",menubar=no";
strHelpOptions += ",status=no";
strHelpOptions += ",scrollbars=yes";
strHelpOptions += ",resizable=yes";
strHelpOptions += ",top=0";
strHelpOptions += ",left=0";
strHelpOptions += ",width=800";
strHelpOptions += ",height=600";

function openWin(windowURL, windowname){
mywindow=window.open(windowURL, windowname, strHelpOptions)

}

</script>
<a href="javascript:openWin('foto.jpg','window1')"">[img]"fotoklein.jpg"></a[/img]

Ik heb dit script gebruikt, maar kan je er dan ook nog voor zorgen dat de rechtermuisknop is uitgeschakeld in die POPUP

dinsdag 7 mei 2002 23:26

Acties:

r0bert

sorry.. beetje slordig gescript

code:

<html><body>
<a href="#shot" onclick="venster = window.open('plaatje.gif','47462','toolbar=no,location=no,scrollbars=no,resizable=no,width=640,height=480'), venster.document.body.style.padding = 0, venster.document.body.style.padding = 0;">
[img]"plaatje.gif"[/img]
</a>
</body></html>

code:

<a
   href="#shot"
   onClick="venster = window.open('','titel','toolbar=no,location=no,scrollbars=no,resizable=no,width=640,height=480'), venster.document.open(), venster.document.write('<html><body style=\'padding: 0; margin: 0;\'>[img]\'plaatje.gif\'[/img]</body></html>'), document.close();">
<img 
   src="plaatje.gif"
   align="center" />
</a>

plaatje.gif vervangen door het juiste plaatje .. crisp's methode is trouwens ook erg netjes

woensdag 8 mei 2002 08:32

Acties:

crisp

Devver

Pixelated

Rechtermuisknop uitschakelen is imho een NoNo; is zwaar irritant en een beveiliging van nix.

Intentionally left blank

woensdag 8 mei 2002 12:29

Acties:

r0bert

code:

<a
   href="#shot"
   onClick="venster = window.open('','titel','toolbar=no,location=no,scrollbars=no,resizable=no,width=640,height=480'), venster.document.open(), venster.document.write('<html><body style=\'padding: 0; margin: 0;\'>[img]\'plaatje.gif\'[/img]</body></html>'), venster.document.scripts[document.scripts.length+1].appendChild('disablerightcl.js'), document.body.attachEvent('onclick', disabledfunctie()), document.close();">
<img 
   src="plaatje.gif"
   align="center" />
</a>

waarbij disblerightcl.js het bestandje is met je scriptje om de rechtermuisknop te disablen en disabledfunctie() de naam van de functie.

code:

<a
   href="#shot"
   onClick="venster = window.open('','titel','toolbar=no,location=no,scrollbars=no,resizable=no,width=640,height=480'), venster.document.open(), venster.document.write('<html><body onclick=\'if (event.button == 2) return false;\' style=\'padding: 0; margin: 0;\'>[img]\'plaatje.gif\'[/img]</body></html>'), document.close();">
<img 
   src="plaatje.gif"
   align="center" />
</a>

return false kun je eventueel vervangen door een prachtige alert()

of wat anders leuks

maar ik begin steeds sterker het gevoel te krijgen, dat hoe meer extraatjes erin wilt plakken, hoe makkelijker Crisps methode wordt in vergelijking met deze 2

woensdag 8 mei 2002 17:43

Acties:

Flying_Thunder

Topicstarter

Oké die bovenste doet het ja, maar nog steeds die )*#@&(*$ witte rand

Op dinsdag 07 mei 2002 23:26 schreef r0bert het volgende:
sorry.. beetje slordig gescript

code:

<html><body>
<a href="#shot" onclick="venster = window.open('plaatje.gif','47462','toolbar=no,location=no,scrollbars=no,resizable=no,width=640,height=480'), venster.document.body.style.padding = 0, venster.document.body.style.padding = 0;">
[img]"plaatje.gif"[/img]
</a>
</body></html>

code:

<a
   href="#shot"
   onClick="venster = window.open('','titel','toolbar=no,location=no,scrollbars=no,resizable=no,width=640,height=480'), venster.document.open(), venster.document.write('<html><body style=\'padding: 0; margin: 0;\'>[img]\'plaatje.gif\'[/img]</body></html>'), document.close();">
<img 
   src="plaatje.gif"
   align="center" />
</a>

plaatje.gif vervangen door het juiste plaatje .. crisp's methode is trouwens ook erg netjes

woensdag 8 mei 2002 18:05

Acties:

r0bert

Ik heb maar even een versie online geplaatst, want dit schiet niet op.
hier staan een online voorbeeld

De functie showImg kun je zo aanroepen:

code:

1	showImg('http://www.jehost.nl/images/imagenaam.gif');

Als je de code wilt gebruiken moet je dit regeltje er even uit slopen:

code:

1 2	// image in document veranderen naar de opgegeven image document.images['theImage'].src = imgLoc;

woensdag 8 mei 2002 18:08

Acties:

Flying_Thunder

Topicstarter

Ik ga eens kijken

woensdag 8 mei 2002 18:36

Acties:

crisp

Devver

Pixelated

Op woensdag 08 mei 2002 12:29 schreef r0bert het volgende:
maar ik begin steeds sterker het gevoel te krijgen, dat hoe meer extraatjes erin wilt plakken, hoe makkelijker Crisps methode wordt in vergelijking met deze 2

Da's ook de reden dat ik het zo doe; meestal zet ik er nog een "Close Window" linkje in (voor de mensen die het kruisje niet kunnen vinden

), of een print-knopje etcetera...

Intentionally left blank

donderdag 9 mei 2002 16:08

Acties:

Flying_Thunder

Topicstarter

r0bert ik heb je een email gestuurd, dus check ffen

donderdag 9 mei 2002 17:59

Acties:

r0bert

Check je mail.. kant en klaar dus je kunt 't als het goed is zo in je pagina plakken..

Pagina: 1

Reageer