Toon posts:

[asp][javascript] Popup resize

Pagina: 1
Acties:

dinsdag 20 januari 2004 15:19

Acties:

Verwijderd

Topicstarter
Ik wilde graag weten of het mogelijk is om een popup met plaatje te laten resizen op grond van de afmetingen van het plaatje als het plaatje niet op de pagina zelf staat, maar wordt opgehaald middels een link vanuit een database.
Ik had al een popup, maar die resized het plaatje op grond van het plaatje wat op de website staat(camera.gif), wat veel te klein is.

Op google en de search kon ik btw niks concreets vinden, maar als iemand een link heeft...

Pagina:
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
29
30
31
32
33
34
35
36
37

<SCRIPT LANGUAGE="JavaScript">
function winpopup(url,w,h,scroll,resize,center) 
{
    if (center) 
    {
        var winPos = ',top='+((screen.height - h) / 2)+',left='+((screen.width - w) / 2);
    }
    var scrollArg = (scroll == false) ? '' : ',scrollbars=1';
    var resizeArg = (resize == false) ? '' : ',resizable=1';
    flyout = window.open (url,"newin"+scroll+resize+center,
"width=" + w + winPos + ",height=" + h + scrollArg + resizeArg + winPos);
    flyout.resizeTo(w,h);
    flyout.focus();
}
</script>
...
...
<%@ Language=VBScript
<!-- #include file="../../../db.asp" -->
...
%>
<html>
....
...
<!--plaatje-->
<%if rsprod("productimage") <> "leeg" then%>
    <td width="10%" bordercolor="#FFFFFF">
    <div align="left" style="margin-left: 10px;">
    <font face="Arial, Helvetica, sans-serif" size="2"> 
            <A HREF="javascript:winpopup('<%= rsprod("productimage")%>'
,0,400,400,0,0)">[img]"../../../images/camera.gif"[/img]</a>
    </font>
    </div>
    </td>
            <%end if%>
...
</html>

rsprod is hierbij de resultset (het plaatje wordt wel goed opgehaald)

De pagina is onderdeel van een winkelwagensysteem.

dinsdag 20 januari 2004 15:22

Acties:

Verwijderd

hum ik ken asp niet, maar met php kan je image size opvragen kweet niet of asp ook zoiets heeft.

dinsdag 20 januari 2004 15:26

Acties:
  • TwoR
  • Registratie: Augustus 2002
  • Laatst online: 07:02

TwoR

Gekleurde stippen

PHP:
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
29
30
31
32
33

if ($overzicht->foto == ""){
            echo "<b>Geen foto beschikbaar<P><BR><BR>";
        }else{
        
        $image_info = @getimagesize("./images/$overzicht->foto");
        $type=$image_info[2];
        if ($type == 0) {
                echo "De foto kan niet geopend worden<br>
                    Wij zullen hier z.s.m. wat aan doen. <p>
                    U hoeft niks te melden dit wordt automatisch verstuurdt.";
                    
                    mail("ronald@******.nl", "Niet werkende foto op site", "Bij $overzicht->produkt_naam werkt de foto niet.", "From: Probleem op site<webmaster@h*******.nl>\nReturn-path: webmaster@********.nl"); 
                    
                } else {
                
        
        $picture = "./images/$overzicht->foto";
        $imagehw = GetImageSize($picture);
        $imagewidth = $imagehw[0];
        $imageheight = $imagehw[1];
        
        $picheight = $imagehw[1] / 2;
        $picwidht = $imagehw[0] / 2;
        
                echo"
        
        
        <a href=\"#\" onClick=\"MyWindow2=window.open('produkt_foto.php?ID=$overzicht->produkt_id','MyWindow2','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,left=5,top=10,width=$imagewidth,height=$imageheight'); return false;\">
        [img]\"./images/$overzicht->foto\"[/img]foto\"></a>
         <div class=\"txt\">Klik op het plaatje voor de ware grootte</div><P>
         ";
        
    }}

Dit is dan PHP ik weet dat jij het in ASP wil hebben maar misschien heb je er wat aan.

dinsdag 20 januari 2004 15:36

Acties:
  • faabman
  • Registratie: Januari 2001
  • Laatst online: 08-08-2024

faabman

dit is met asp niet mogelijk zonder een extern object aan te schaffen... www.aspjpeg.com kan dit voor je doen...

.net heeft geloof ik wel de mogelijkheid om dit te doen...

@TwoR; zou jij je code niet ff wat aanpassen zodat de layout niet helemaal vern**kt wordt :?

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!

dinsdag 20 januari 2004 15:37

Acties:
  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

FvKnijff schreef op 20 januari 2004 @ 15:36:


@TwoR; zou jij je code niet ff wat aanpassen zodat de layout niet helemaal vern**kt wordt :?
offtopic:

Ik dacht dat die code-compacter van crisp al online zou zijn met de forum-update :?

blijkbaar niet dus :P

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

dinsdag 20 januari 2004 15:47

Acties:

Verwijderd

Topicstarter
dit is met asp niet mogelijk zonder een extern object aan te schaffen... www.aspjpeg.com kan dit voor je doen...
Ok bedankt.

dinsdag 20 januari 2004 15:52

Acties:

Verwijderd

zie ook mijn huisje, popup bevat niet alleen het plaatje maar een asp die zelf het juiste plaatje laadt waardoor je dus een html krijgt met het goede plaatje en resized naar die waarden

dinsdag 20 januari 2004 16:01

Acties:

Verwijderd

Verwijderd schreef op 20 januari 2004 @ 15:19:
Ik wilde graag weten of het mogelijk is om een popup met plaatje te laten resizen op grond van de afmetingen van het plaatje als het plaatje niet op de pagina zelf staat, maar wordt opgehaald middels een link vanuit een database.
Ik had al een popup, maar die resized het plaatje op grond van het plaatje wat op de website staat(camera.gif), wat veel te klein is.
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var isNav4, isIE4;
if (parseInt(navigator.appVersion.charAt(0)) >= 4) {
isNav4 = (navigator.appName == "Netscape") ? 1 : 0;
isIE4 = (navigator.appName.indexOf("Microsoft") != -1) ? 1 : 0;
}
function fitWindowSize() {
if (isNav4) {
window.innerWidth = document.layers[0].document.images[0].width;
window.innerHeight = document.layers[0].document.images[0].height;
}
if (isIE4) {
window.resizeTo(500, 500);
width = 500 - (document.body.clientWidth - document.images[0].width);
height = 500 - (document.body.clientHeight - document.images[0].height);
window.resizeTo(width, height);
}
}
// End -->
</script>
</HEAD>
<BODY onLoad="fitWindowSize()">
<div style="position:absolute; left:0px; top:0px">
[img]"TEST.jpg"[/img]
<form name="closewindow">
<div align="center">
<input type="button" value="Close this Window" onClick="window.close();" name="close">
</div>
</form>
</div>
</Body>

try it out

René
Pagina: 1
Reageer