•  20-09-2019
  •  | 
  •  

Frage

Wer eine Probe hat, einen jQuery-Benachrichtigung / popup / Kalender in Intraweb tun?

Ein einfaches Beispiel wäre toll ..

Noch besser ... Dojo Version wäre toll.

War es hilfreich?

Lösung

In den Intraweb Newsgroups Ich habe für die Verwendung von jQuery in Intraweb ein sehr einfaches Beispiel geschrieben.

Siehe atozedsoftware.intraweb.attachments (auf NNTP: //news.atozed.com). Thread "JQuery Beispielprojekt für André Aigneren", das Datum 23. November 2009 geschrieben in D2010 und IW 10. Es wird mit dem Datepicker Kontrolle.

Das Beispiel ist in diesem Blog basiert: http://www.hadihariri.com /Blogs/Delphi/20080117.aspx .

Gert

Andere Tipps

Besuchen Sie CGDevTools sie ein jQuery-Komponenten-Suite Verwendung mit Intraweb haben vielleicht haben sie, was Sie brauchen.

Dojo hat den Toaster-Widget für Benachrichtigungen:

Demo: http://docs.dojocampus.org/dojox/widget/Toaster

api: http://api.dojotoolkit.org/jsdoc/1.2 /dojox.widget.Toaster

Arbeiten wie ein Charme und ist sehr konfigurierbar.

Für Popups verwendet Dojo Dialog-Widget.

Für picker Widget Kalender Verwendung Dojo.

Wenn Sie eine Benachrichtigung mit einem Link haben ein Popup lauch, die einen Kalender enthält ...

Hier ist eine Popup-Meldung

http://jsbin.com/otinu3/edit

Falls Sie Schwierigkeiten haben, mit jsbin (großen Sandkasten für diese Dinge zu testen), das Markup ist: 

<!DOCTYPE html>
<html>
    <head>
        <link class="jsbin" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"></link>
        <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
        <meta charset=utf-8 />
        <title>Popup example</title>
    </head>
    <body>
        <div id="popupMessage">This is the popup message</div>
    </body>
</html>​

und der JavaScript ist so einfach wie 

$('#popupMessage').dialog({title:'Here we go'});​
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top