Avatar billede pnr Nybegynder
11. maj 2005 - 15:53 Der er 5 kommentarer og
1 løsning

Indsætte en asp.net knap i OverLib (noget HTML Gejl)

Jeg skal bruge overlib (http://www.bosrup.com/web/overlib/?Command_Reference) til at vise et billede og en knap som "popup". Mit problem er at min asp.net knap ikke virker når jeg gør følgende:

<a href"#" onclick="return overlib('<table><tr><td><img src=billeder/8-43-11-6-36UF0009.jpg></td></tr><tr><td><asp:button text=Slet CommandName=6  Runat=Server/></td></tr></table>', CLOSECLICK, CLOSETEXT, 'LUK', STICKY, CAPTION, 'Billede', CENTER, ABOVE, FGCOLOR, 'CCCCCC', BGCOLOR, '999999',CLOSECOLOR, 'FFFFFF', WIDTH,'200', SNAPX, '1', SNAPY, '1');" >ttt</a>

Det skal bruges i en repeater. Nogen der kan hjælpe?
Avatar billede basementjack Nybegynder
11. maj 2005 - 16:37 #1
Tror problemet ligger i at den asp:button måske ikke rendes da den ligger som string i noget javascript.. Du kunne evt. selv kode din slet-knap, hvor du bare laver et link til slet.aspx?id=X
Avatar billede pnr Nybegynder
13. maj 2005 - 09:12 #2
Det kunne jeg selvfølelig gøre men det er ikke en særlig pæn løsning. Er der ikke nogle forslag til hvordan det kan gøre pænere?
Avatar billede basementjack Nybegynder
13. maj 2005 - 10:52 #3
Jeg tvivler. Desværre..
Avatar billede pnr Nybegynder
18. maj 2005 - 15:14 #4
Jeg har nu lavet selv lavet det i javascript og det virker som det skal :-) Tak for din deltagelse basementjack, smidt et svar så får du 10 point for dine kommentare hvis det er ok med dig?
Avatar billede basementjack Nybegynder
18. maj 2005 - 19:39 #5
Du beholder dem bare.. Men hvis du har lyst må du gerne lægge det rigtige svar her, eller en beskrivelse af hvordan du gjorde, så andre kan lære af dit spm.. ;)
Avatar billede pnr Nybegynder
20. maj 2005 - 12:08 #6
Her er min løsning håber at det er til at overskue...

Jeg har følgende javascript

<script type="text/javascript">
    function getPos(elm) {
        for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
        return {x:zx,y:zy}
    }
                   
function placer(nr){
    st =document.getElementById("calDiv"+nr).style;
    pos = getPos(document.getElementById("knap"+nr));
    st.left =(pos.x - 120) + "px";
    st.top = (pos.y + 22) + "px";
}
</script>   

I min codebehind har jeg så lavet en function som laver en string med knappen for det enkelte element og rerunere dette:

private string lavScript(string specId)   
{
    StringBuilder st = new StringBuilder();
    string script = "<a href\"#\" onclick=\"placer(" + specId + ");st.display=(st.display!='block')?'block':'none';\"><img src=\"images/icon_image.gif\" id=\"knap" + specId + "\" style=\"width: 16px\" border=\"0\"></a> \n" +

                            "<div  id=\"calDiv" + specId + "\" style=\"Z-INDEX: 1;  POSITION: absolute; display:none\"> \n " +
                            "<table style=\"Background-color: silver;\"> \n " +
                            "<tr> \n " +
                            "<td> \n ";

    return script;           
}


I ItemDataBound for min repeater her jeg følgende:

                            ((Literal)e.Item.FindControl("billede")).Text = lavScript(sk.specId);
                            ((Literal)e.Item.FindControl("billede")).Visible = true;
                            ((System.Web.UI.WebControls.Image)e.Item.FindControl("billede1")).ImageUrl = sk.StiElBen;
                            ((System.Web.UI.WebControls.Image)e.Item.FindControl("billede1")).Visible = true;

                            ((Literal)e.Item.FindControl("billede2")).Visible = true;
                            ((Button)e.Item.FindControl("billede3")).CommandName = sk.specId;
                            ((Button)e.Item.FindControl("billede3")).Visible = true;
                            ((Literal)e.Item.FindControl("billede4")).Visible = true;


I min repeater har jeg følgende:



<td>   
                                <asp:Literal ID="billede" Visible="false" Runat="Server"/>
                                <asp:Image ID="billede1" Visible="false" Runat="Server"/>
                                <asp:Literal ID="billede2" Visible="false" Runat="Server"></td></tr><tr><td style="text-align: center"></asp:Literal>
                                <asp:Button ID="billede3" Text="Slet Billede" Visible="false" style="width: 100%" Runat="Server"/>
                                <asp:Literal ID="billede4" Visible="false" Runat="Server"></td></tr></table></div></asp:Literal>   
                   
</td>

Det er ikke verdens pæneste løsning men den virker &#61514;
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester