javascript: animated window - Softwareontwikkeling

vrijdag 12 juli 2002 09:50

Acties:

Verwijderd

Topicstarter

Hallo,
Ik ben een beetje aan het piemelen met javascript.
Het gaat alleen niet zo als ik wil, helaas.
Ergens moet nog een stukkie: TopPosition = (screen.height) ? (screen.height-h)/2 : 0; " ofzo... zodat hij het venster vanuit het midden opend...
Maar ik zit maar te kutten. Heeft iemand een goede tip?

<html>
<head>
<title>title</title>
<SCRIPT language=JavaScript>

function expandingWindow(website) {
var windowprops='width=400,height=400,scrollbars=no,status=yes,resizable=no'
var heightspeed = 4; // vertical scrolling speed (higher = slower)
var widthspeed = 4; // horizontal scrolling speed (higher = slower)
var leftdist = 10; // distance to left edge of window
var topdist = 10; // distance to top edge of window<br>

if (window.resizeTo&&navigator.userAgent.indexOf("Opera")==-1) {
var winwidth = 400 - leftdist;
var winheight = 400 - topdist;
var sizer = window.open("","","left=" + leftdist + ",top=" + topdist +","+ windowprops);
for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed)
sizer.resizeTo("1", sizeheight);
for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed)
sizer.resizeTo(sizewidth, sizeheight);
sizer.location = website;
}
else
window.open(website,'mywindow');
}
// End -->
</SCRIPT>

</head>

<body><br>
<br>

<a href="#" onClick="expandingWindow('http://www.bla.com');return false">bla.com</a><br>

</body>
</html>

vrijdag 12 juli 2002 10:57

Acties:

Dark Blue

Compositionista!

Alpenmeisje

Als je dan toch lekker aan het 'piemelen' bent

...bekijk deze functie eens.

code:

function MoveFromMiddle(id, left, top)
{
    if ((doc.availWidth < VisibleWidth ) ||  (doc.availHeight < VisibleHeight) )
    {
        newposleft = VisibleWidth /2 + left + 10;
        newpostop = VisibleHeight /2 + top + 10;
    }
    else
    {
        newposleft = (doc.availWidth /2) + left;
        newpostop = (doc.availHeight /2)  + top;
    }
Field[id].moveTo(newposleft, newpostop);
}

succes ermee

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

maandag 15 juli 2002 11:09

Acties:

Verwijderd

Topicstarter

iemand anders nog tips...?

maandag 15 juli 2002 11:12

Acties:

Murphy

(2B||!2B)?

Op maandag 15 juli 2002 11:09 schreef HJ het volgende:
iemand anders nog tips...?

Dan zeg je eerst: "Bedankt, DarkBlue!"

Wat is er btw mis met de tip van DB? Moet volgens mij wel werken heur

maandag 15 juli 2002 11:21

Acties:

cutter

Wannabe i7 fanboy

Misschien een idee om termen als 'piemelen' en 'kutten' een beetje te vermijden.

Probeer eerst eens wat DB doet en kom daarna terug als je er nog niet uitkomt. 'U vraagt wij draaien' is niet onze levenswijze bij W&G.

maandag 15 juli 2002 11:25

Acties:

Verwijderd

Topicstarter

Ach tspijtme. Dank ja DarkBlue

wat is er mis met deze code dan?
Krijg een script error. Ben niet zo'n scripter.
Meer de animator/vormgever. Scripten: It's all in the game

<html>
<head>
<script language="JavaScript">
function MoveFromMiddle(id, left, top)
{
if ((doc.availWidth < VisibleWidth ) || (doc.availHeight < VisibleHeight) )
{
newposleft = VisibleWidth /2 + left + 10;
newpostop = VisibleHeight /2 + top + 10;
}
else
{
newposleft = (doc.availWidth /2) + left;
newpostop = (doc.availHeight /2) + top;
}
Field[id].moveTo(newposleft, newpostop);
}
</script>
</head>
<body>
<FORM><INPUT TYPE="button" VALUE="open vanuit midden" onClick="MoveFromMiddle();"></FORM>
</body>
</html>

maandag 15 juli 2002 11:56

Acties:

Hangloozz

{ @$%&# }

deez werkt bij moi:

code:

<html>
<head>
<title>title</title>
<SCRIPT language=JavaScript>

//TopPosition = (screen.height) ? (screen.height-h)/2 : 0; 

function expandingWindow(website) {
var hoog = 400;
var breed = 400;
var links = (screen.width - breed) /2;
var top = (screen.height - hoog) /2;
var windowprops='width=' + breed + ',height=' + hoog + ',top=' + top + ',left=' + links + ',scrollbars=no,status=yes,resizable=no'
var heightspeed = 4; // vertical scrolling speed (higher = slower)
var widthspeed = 4; // horizontal scrolling speed (higher = slower)
var leftdist = 10; // distance to left edge of window
var topdist = 10; // distance to top edge of window<br>


if (window.resizeTo&&navigator.userAgent.indexOf("Opera")==-1) {
var winwidth = 400 - leftdist;
var winheight = 400 - topdist;
var sizer = window.open("","","left=" + leftdist + ",top=" + topdist +","+ windowprops);
for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed)
sizer.resizeTo("1", sizeheight);
for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed)
sizer.resizeTo(sizewidth, sizeheight);
sizer.location = website;
}
else
window.open(website,'mywindow');
}
// End -->
</SCRIPT>

</head>

<body><br>
<br>
<!--links-->
<a href="#" onClick="expandingWindow('http://www.bla.com');return false">bla.com</a><br>


</body>
</html>

Die van Dark BLue kun je niet zo toepassen omdat ie geen
nieuw window opend; dat moet je er dus nog in weven..

www.jurgroessen.nl

maandag 15 juli 2002 12:17

Acties:

Verwijderd

Topicstarter

okee bedankt...allen!

maandag 15 juli 2002 13:50

Acties:

Verwijderd

Okay, en voortaan iets meer eigen inzet graag, want het komt er nu op neer dat je er zelf niks aan hebt gedaan, en alleen hebt gewacht op antwoord.