Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

functie invoegen

Anoniem
ANNErd
1 antwoord
  • Hallo,

    De onderstaande functie gebruik ik om een popup te centreren, maar nu heb ik weer een andere functie (staat onderaan) om de popupgrootte aan te passen aan de grootte van het plaatje dat de popup laat zien.

    Graag zou ik deze twee willen samenvoegen, zodat ik 1 script heb welke een popup automatisch aanpast aan de grootte van de image die hij weergeeft en deze gecenterd in het scherm laat zien . Zou iemand de moeite willen nemen me een beetje op weg te helpen, of wat plak en knip werk te doen?

    Dit is het script om te centeren:

    [code:1:5ce23a3076]<!– winBRopen BEGIN
    function winBRopen(theURL, Name, popW, popH, scroll) { // V 1.0
    if (document.all) {
    /* the following is only available after onLoad */
    w = document.body.clientWidth;
    h = document.body.clientHeight;
    }
    else if (document.layers) {
    w = screen.availWidth;
    h = screen.availHeight;
    }
    else if (document.getElementById) {
    w = window.innerWidth;
    h = window.innerHeight;
    }
    var winleft = (w - popW) / 2;
    var winUp = (h - popH) / 2;
    winProp = 'width='+popW+',height='+popH+',left='+winleft+',top='+winUp+',scrollbars='+scroll+',resizable'
    Win = window.open(theURL, Name, winProp)
    if (parseInt(navigator.appVersion) >= 4) { Win.window.focus(); }

    }
    // winBRopen END –>[/code:1:5ce23a3076]

    Welke opgeroepn wordt vanuit
    [code:1:5ce23a3076]<form><font face="Arial"><INPUT TYPE=button VALUE="Button"
    onClick="winBRopen('http://www.daanooms.nl/buttonpages/buttonpage1.htm','windowname','334','480','no')" style="font-family: Arial"></font></form>[/code:1:5ce23a3076]


    En dit is het script om de popup op te roepen en gelijkertijd te resizen op basis van de image die getoond wordt:


    [code:1:5ce23a3076]<script language='javascript'>
    var arrTemp=self.location.href.split("?");
    var picUrl = (arrTemp.length>0)?arrTemp[1]:"";
    var NS = (navigator.appName=="Netscape")?true:false;

    function FitPic() {
    iWidth = (NS)?window.innerWidth:document.body.clientWidth;
    iHeight = (NS)?window.innerHeight:document.body.clientHeight;
    iWidth = document.images[0].width - iWidth;
    iHeight = document.images[0].height - iHeight;
    window.resizeBy(iWidth, iHeight);
    self.focus();
    };
    </script>
    </head>

    <BODY bgcolor="#000000" onload='FitPic();' topmargin="0"
    marginheight="0" leftmargin="0" marginwidth="0">

    <script language='javascript'>
    document.write( "<img src='" + picUrl + "' border=0>" );
    </script>
    [/code:1:5ce23a3076]

    Welke opgeroepn wordt vanuit:
    [code:1:5ce23a3076]<script language="Javascript">
    function PopupPic(sPicURL) {
    window.open("popup.htm?"+sPicURL, "", "resizable=1,HEIGHT=200,WIDTH=200");
    }
    </script>

    </head>

    <body>
    <a href="javascript:PopupPic('Blauw-geel.jpg')">Image 1</a><br>
    <a href="javascript:PopupPic('Twintek.gif')">Image 2</a><br>
    <form>
    <font face="Arial">
    <INPUT TYPE=button VALUE="Button"
    onClick="javascript:PopupPic('Twintek.gif')" style="font-family: Arial"></font><form>
    <font face="Arial">[/code:1:5ce23a3076]

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.