javascript - Pop outs using js when clicked on a box -



javascript - Pop outs using js when clicked on a box -

i created simple website going part of bigger project: here screen shot: , here code:

<!doctype html> <html> <head> <script type="text/javascript"> function popup () { var thought = prompt("please come in thougt"); } </script> <style> .fixed-size-square { display: table; width: 200px; height: 200px; background: green; } .fixed-size-square span { display: table-cell; text-align: center; vertical-align: middle; color: white } .size-square { display: table; width: 200px; height: 200px; background: green; } .size-square span { display: table-cell; text-align: center; vertical-align: middle; color: white } .square { display: table; width: 200px; height: 200px; background: green; } .square span { display: table-cell; text-align: center; vertical-align: middle; color: white } .fixed-size-square, .size-square, .square { float: left; margin: 20px; zoom: 1; position: relative; box-shadow: 10px 10px 5px #888888; /*position: absolute;*/ /*margin: auto;*/ } button { position: relative; margin: 0px auto; } .divn { padding:30px; background:red; width:1px; border-radius:35px; top: 0px; bottom: 0px; left: 0px; right: 0px; /*position: absolute; margin: auto;*/ } </style> </head> <body> <h1>welcome zen module</h1> <div class='divn'></div> <div class="fixed-size-square" onclick="popup();"> <span>past thoughts</span> </div> <div class="size-square" onclick="popup();"> <span>present thoughts</span> </div> <div class="square" onclick="popup();"> <span>future thoughts</span> </div> <button>i've no thoughts</button> </body> </html>

i want have 2 functions window.prompt("question", "default"). when click on okay in prompt, function should read okay clicked, , when cancel button clicked, function should read cancel clicked. how can it?

use below code

var x = prompt("dvdvbd", "default"); if (x != null) { //if user click ok //do } else { //if user click cancel //do }

javascript html css

Comments

Post a Comment

Popular posts from this blog

java Multi query from Mysql using netbeans -

java Multi query from Mysql using netbeans - i have java code retrieve info mysql appropriate code in netbeans.the code below. want multi query such illustration finding total number of products , on.could help me please. in advance import java.sql.*; public class javamysqlselectexample { public static void main(string[] args) { seek { string mydriver = "com.mysql.jdbc.driver"; string myurl = "jdbc:mysql://localhost/sample"; class.forname(mydriver); connection conn = drivermanager.getconnection(myurl, "root", "mypasscode1"); string query = "select * products"; statement st = conn.createstatement(); resultset rs = st.executequery(query); while (rs.next()==true) { int code = rs.getint("code"); string productname = rs.getstring("product_name"); string producttype = rs.getstring("product_type"); system.out.format(" %d, %s, %s\n", code, pr
Read more

c# - DotNetZip fails with "stream does not support seek operations" -

c# - DotNetZip fails with "stream does not support seek operations" - i using dotnetzip in c# unzip stream follows: public static void unzipfromstream(stream stream, string outdir) { //omit seek grab block using (zipfile zip = zipfile.read(stream)){ foreach (zipentry e in zip){ e.extract(outdir, extractexistingfileaction.overwritesilently); } } } stream obtained using webclient client = new webclient(); stream fs = client.openread(url); however, got next exception exception during extracting zip stream system.notsupportedexception: stream not back upwards seek operations. @ system.net.connectstream.get_position() @ ionic.zip.zipfile.read(stream zipstream, textwriter statusmessagewriter, encoding encoding, eventhandler`1 readprogress) on server side(asp.net mvc 4), returning filepathresult or filestreamresult both caused exception. should obtain stream differently on client side? or how create server homec
Read more

c++ - StartServiceCtrlDispatcher don't can access 1063 error -

c++ - StartServiceCtrlDispatcher don't can access 1063 error - i write on c++ service , have error, , don't can fixed it. my service main function int main (int argc, tchar *argv[]) {dword f; for(int i=0;i<113;i++) f = getlasterror(); servicepath = lptstr(argv[0]); outputdebugstring(_t("my sample service: main: entry")); //installservice(); service_table_entry servicetable[] = { {service_name, (lpservice_main_function) servicemain}, {null, null} }; // startservice(); if(!startservicectrldispatcher(servicetable)) { f = getlasterror(); //addlogmessage("error: startservicectrldispatcher"); } else if( memcmp(argv[argc-1],"install",7)) { installservice(); } else if( memcmp(argv[argc-1],"remove",6)) { removeservice(); } else if( memcmp(argv[argc-1],"start",5)) { startservice(); } else if( memcmp(argv[argc-1],"stop",4))
Read more