HTML5-popup-box

Ich bin auf der Suche nach code, der ein popup-Fenster in meine einfache HTML-5/Javascript/Jquery Seite und Frage mich, ob es eine 'richtige' Weg, es zu tun.

Den Zweck der box ist eine form Fragen, ein paar Fragen und dann zu verschwinden, wenn auf eine Schaltfläche geklickt wird.

Irgendwelche Gedanken?
Danke!

  • ist das eine Hausaufgabe?
  • zeigen Sie Ihren code wollen Sie doch
  • Es ist ein dialog-element in html5, was schließlich könnte auch der "richtige" Weg, es zu tun. Aber es ist neu und es gibt keine Implementierungen noch, AFAIK, so jetzt geht mit der jquery Lösung.
  • nicht für die Hausaufgaben, aber ich bin neu in html5,css und jquery.
InformationsquelleAutor user1417337 | 2012-08-31
  1. 3

    versuchen, jquery-ui-dialog-box. jquery dialog

    stellen Sie sicher, gehören die Jquery-und jquery-ui-Ressourcen (JS, CSS Dateien). um das gewünschte Ergebnis zu erhalten.

    können Sie wählen Quelle als CDN
    wie diese 

    <script src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.1.min.js' type='text/javascript'></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" />

<div id="yourDiv">
some content
</div>

    //jquery 

    $(function(){
  $('#yourDiv').dialog({
     modal:true
}); //setup dialog. 


$('#yourDiv').dialog('open');//open dialog
});
    • downvoters Kommentar hinterlassen
    • Nicht sicher, ob ich Folgen, ich bin sehr neu in diesem. Meinst du, dass die HTML-oben ist das popup mit 'etwas Inhalt' und das ist, gefeuert von der js darunter?
    • auch, was meinst du CDN?
    InformationsquelleAutor Ravi Gadag
Schreibe einen Kommentar