[JS & VB.NET] Image popup met resizer - Softwareontwikkeling

dinsdag 7 maart 2006 17:54

Acties:

Topicstarter

code:

function popup(imgsrc)
{                           
    var showimg = window.open("", "foto", "toolbar=no, location=no, menubar=no, scrollbars=no, status=no, top=10, left=10, width=100, height=100");
    showimg.focus();
    showimg.document.writeln("<html><head><title>Original</title>");
    showimg.document.writeln("<script>function resize(){window.resizeTo(document.images[0].width, document.images[0].height + 50)}</sc"+"ript>");
    showimg.document.writeln("</head><body style=\"margin: 0px; cursor: pointer; overflow: hidden\" onload=\"resize()\">");
    showimg.document.writeln("[img]\"../images/producten/"[/img]");
    showimg.document.writeln("</body></html>");
    showimg.document.close();       
        
    return false;
}

Beste medetweakers,

Bovenstaande code gebruik ik om een productafbeelding in een popup in te laden. Je moet je voorstellen dat je een thumbnail krijgt met product-info en onclick krijg je een popup die rondom de image sluit.

in html gedeelte gebeurt dat als volgt:

code:

<asp:Hyperlink ID="hplIMG" Runat="server" Target="_blank" NavigateUrl="" onclick="return popup('06032006115144.jpg')"><asp:Image Runat="server" ID="img" Width="200" BorderColor="black" BorderWidth="1px"></asp:Image></asp:Hyperlink>

Het gaat om het onclick="return popup('06032006115144.jpg')"> gedeelte. Nu roep ik dus met return popup('imgsrc') de image aan. Het probleem wat zich nu voordoet is dat ik alleen hard coded een imagenaam.extensie erin kan zetten.

Ik heb een container.dataitem geprobeerd en een label, geen van deze mogelijkheden mocht lukken. Hoe krijg ik nu de correcte imagenaam.extensie in dat stukje html verwerkt.

Bij het laden van de pagina worden wel betreffende product gegevens opgehaald en ook komt de productnaam.extensie voor alleen hoe krijg ik die in dat kleine stukje onclick ?

dinsdag 7 maart 2006 17:56

Acties:

Upsal

Als ik het goed begrijp is het geen VB.NET maar ASP.NET ?

dinsdag 7 maart 2006 17:57

Acties:

TeeDee

CQB 241

HyperLink.Attributes.Add?

C#:

1 2	//lichtelijk pseudo hpiIMG.Attributes.Add("onclick", "showimg( dr[image])" );

[ Voor 68% gewijzigd door TeeDee op 07-03-2006 17:59 ]

Heart..pumps blood.Has nothing to do with emotion! Bored

dinsdag 7 maart 2006 17:59

Acties:

Friedchicken

Topicstarter

ghehe, ja het is ASP.NET VB

Ik ga eens naar die HyperLink.Attributes.Add kijken ! thnx daarvoor

[ Voor 56% gewijzigd door Friedchicken op 07-03-2006 17:59 ]

dinsdag 7 maart 2006 18:38

Acties:

Friedchicken

Topicstarter

Fixed, stom dat ik zelf niet aan die attributes.add heb gedacht. Opgelost als volgt:

code:

1	hplIMG.Attributes.Add("Onclick", "return popup('" & dtrDetails("ProdAfbeelding") & "')")

dinsdag 24 oktober 2006 11:16

Acties:

DarkShadow

Ik probeer deze code nu ook te gebruiken in asp.net, maar bij mij zegt hij dat onclick geen valid argument is in hyperlink.

dinsdag 24 oktober 2006 11:21

Acties:

TeeDee

CQB 241

Wie is hij?
De Compiler, je Browser?

Heart..pumps blood.Has nothing to do with emotion! Bored

dinsdag 24 oktober 2006 11:22

Acties:

DarkShadow

visual web developer 2005

dinsdag 24 oktober 2006 11:31

Acties:

DarkShadow

ik probeer nu dit:

code:

    <script type="text/javascript">
        function popup(imgsrc)
{                            
    var showimg = window.open("", "foto", "toolbar=no, location=no, menubar=no, scrollbars=no, status=no, top=10, left=10, width=100, height=100");
    showimg.focus();
    showimg.document.writeln("<html><head><title>Original</title>");
    showimg.document.writeln("<script>function resize(){window.resizeTo(document.images[0].width, document.images[0].height + 50)}</sc"+"ript>");
    showimg.document.writeln("</head><body style=\"margin: 0px; cursor: pointer; overflow: hidden\" onload=\"resize()\">");
    showimg.document.writeln("[img]\"../images/producten/"[/img]");
    showimg.document.writeln("</body></html>");
    showimg.document.close();        
        
    return false;
    
    
}   
  </script>
    
    <asp:ImageButton ID="popupmeetpunt" runat="server" height = "10%" Width = "10%" ImageUrl = "~/images/elsloo.jpg" onclick="function popup('~/images/elsloo.jpg')"/>

maar dat geeft deze compilation error in mn browser:

Compiler Error Message: BC30456: 'return' is not a member of 'ASP.gms2web_algemeen_overzichtmeetpunt_meetpunt_aspx'.

dinsdag 24 oktober 2006 11:42

Acties:

TeeDee

CQB 241

Even een overzichtje van wat ik nu zie (op het eerste oog)

• Rare Javascript. [img] lijkt me geen geldige syntax. Tenzij je je geoutputte JS weer door een UBB-style parser haalt
• maak van onclick eens OnClick.
• Je had het over Hyperlink. Hier staat toch echt een ImageButton.
• De melding zou zijn dat onClick een error gaf. Terwijl je het hier over return values hebt.
• Maak van OnClick="function..." een OnClick="popup('afbeelding.jpg'); return:false;"
• Waarom zou je nog een 'false' returnen? Dat kan mooier met bovenstaande opgelost worden imo.

[ Voor 9% gewijzigd door TeeDee op 24-10-2006 11:43 ]

Heart..pumps blood.Has nothing to do with emotion! Bored

dinsdag 24 oktober 2006 11:47

Acties:

DarkShadow

1. visual web developer gaf de melding dat onclick geen attribute was van hyperlink.
2. De code hier heb ik overgenomen van de topicstarter aangezien die het naar eigen zeggen heeft opgelost.
3. Ik heb het nu met imagebutton geprobeert omdat deze onclick wel erkent.
4. Als ik het met imagebutton probeer geeft hij een error in de browser

Zal je andere suggesties even uitproberen

edit: helaas, ik kom er niet uit

Behoorlijk frustrerend als je een simpele popup niet werkend kan krijgen

[ Voor 12% gewijzigd door DarkShadow op 24-10-2006 12:01 ]

Pagina: 1

Reageer