Wie kann ich zeigen, fancybox bei dem klicken einer Taste (Beispiel)

Ich habe eine web-Anwendung, und die Anforderungen müssen zeigen, jquery lightbox-als Bestätigung-Nachricht mit einigen Informationen.

Nach einigen Recherchen fand ich fancybox FancyBox Jquery Light box

Folgte ich Schritt für Schritt, bis ich zeigen konnte, die erforderliche Bestätigung-Nachricht in einer schicken box, die ausgelöst wird, durch <a href="#popup" class="fancybox">Open</a>

Ich auslösen müssen, oder zeigen die fancy box von code, der sich hinter einer asp:button

Ich gesucht habe eine Menge und alle Ergebnisse, die ich bekam, wenn angewandt, hat nicht funktioniert.

Kann einer bitte zeigen Sie mir ein Beispiel über die Auslösung fancybox aus dem code hinter der asp-Schaltfläche in c# und befestigen Sie es hier?

ist ein Beispiel von meinem code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery   /1.7/jquery.min.js"></script>
<link rel="stylesheet" href="/source/jquery.fancybox.css?v=2.1.0" type="text/css" media="screen" />
<script type="text/javascript" src="/source/jquery.fancybox.pack.js?v=2.1.0"></script>

<script type="text/javascript">
$(".fancybox").fancybox({
    openEffect: 'none',
    closeEffect: 'none',
    afterLoad: function () {
        this.content = this.content.html();
    }
});
</script>


<body>
<form id="form1" runat="server">
    <a href="#test" class="fancybox">Open</a>

    <div id="test" style="display:none;width:300px;">
    <table border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <input id="Hello" type="text" />
            </td>
        </tr>
        <tr>
            <td>
                <input id="Button1" type="button" value="Press Here" />            
            </td>
        </tr>
    </table>
    </div>
</form>
</body>

Dieser code ist korrekt und zeigen die fancybox nach Klick auf link öffnen
alle meine Notwendigkeit ist, zeigen die fancybox nach Klick auf asp:button

Vielen Dank im Voraus

Ich bin kein Experte, ASP-Entwickler, aber sobald das element gerendert wird, also die Seite, die Sie in der Lage sind, verweisen dann als ein HTML-element innerhalb der $(document).ready Funktion von jQuery, wo wir können, dann rufen Sie $('.fancybox').fancybox()
für, sorry das ich es versuchen und nicht die Arbeit, vielen Dank für Ihre Antwort

InformationsquelleAutor Ahmed Hamdy | 2012-09-28

asp.net c#code-behind fancybox jquery

1

Aufrufen javascript-Code Hinter sich, kann man etwas tun, wie dieses in der Schaltfläche click-Ereignis-handler:
```
ClientScript.RegisterStartupScript(this.GetType(), "fancyBoxScript", "[JAVASCRIPT TO INVOKE FANCYBOX]", true);
```
Dieses javascript an die Seite gesendet und ausgeführt, nachdem der post-back ist beendet.

Bearbeiten: weitere Informationen finden Sie hier zum aufrufen FancyBox durch javascript. Es ist im Grunde erfordert, dass Sie simuliert einen Klick auf einen versteckten button: http://thingsilearned.com/2010/01/27/dynamically-calling-fancybox-from-javascript/

ich tatsächlich tun dies aber nicht funktionieren
ich habe einen Beispielcode von dem, was ich Tue, finden Sie den code können Sie verstehen mein problem von code

InformationsquelleAutor Adam Plocher
0

Stellen Sie sicher, dass Sie ein script-tag für JQuery in deinen < head > wie diese:
```
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
```
Auch im Kopf, Verweis auf die script-Datei selbst, zusammen mit dem stylesheet wie folgt aus (vorausgesetzt du hast die Dateien kopiert therootofyourwebsite/fancybox/source):
```
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.0" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.0"></script>
```
Dann, unten auf dem < body > (aber immer noch innerhalb des Körpers) stellen Sie sicher, dass Sie Draht, fancybox, so etwas wie dieses:
```
<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();
    });
</script>
```
ich tatsächlich tun dies aber nicht funktionieren
ich habe einen Beispielcode von dem, was ich Tue, finden Sie den code können Sie verstehen mein problem von code

InformationsquelleAutor ScottRFrost
0

Wenn ich das richtig verstanden, das Sie starten möchten fancybox aus einer html button wie :
```
<button id="newOpen" type="button">open fancybox from button</button>
```
....was Sie Fragen ist hier das gerenderte html Schaltfläche, über asp oder jede andere Programmiersprache. Beachten Sie auch, dass diese button ist nicht Teil der form (geöffnet in fancybox)

Wenn das oben richtig ist, da Sie bereits den code zum starten fancybox von der open link, dann fügen Sie einfach dieses Stück jQuery-code :
```
$("#newOpen").bind("click", function(){
 $(".fancybox").trigger("click");
});
```
ja, Sie verstehen richtig, aber mit asp-button, aber ich versuche es jetzt nicht funktioniert ..... vielen Dank für Ihre Antwort

InformationsquelleAutor JFK

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.