html - JAVASCRIPT log-in redirect with local storage -


i doing project on javascript , can't figure out 1 thing , how log-in , re direct user specific version of website. example, if not logged in can't use option on shopping website buy goods. when logged in option becomes available. task using local storage log-in. can use javascript on appreciated!

function store() {      var name = document.getelementbyid('name');      var pw = document.getelementbyid('pw');      var telefon = document.getelementbyid('telefon')      var email = document.getelementbyid('email')      var adresa = document.getelementbyid('adresa')      var drzava = document.getelementbyid('drzava')      var mrod = document.getelementbyid('mrod')      var zrod = document.getelementbyid('zrod')         localstorage.setitem('name', name.value);      localstorage.setitem('pw', pw.value);      localstorage.setitem('telefon', telefon.value);      localstorage.setitem('email', email.value);      localstorage.setitem('adresa', adresa.value);        }    function check() {        var storedname = localstorage.getitem('name');      var storedpw = localstorage.getitem('pw');        var username = document.getelementbyid('username');      var userpw = document.getelementbyid('userpw');        if(username.value == storedname && userpw.value == storedpw) {          alert('you loged in.');      }else {          alert('error.');      }  }
body{      margin:0px;      font:1em "open sans", sans-serif;  }     .content {      padding:30px;  }     .nav-main{      background-color:#222;      width:100%;      color:#fff;      height: 70px;  }     .nav-main .logo {      float:left;      height:40px;      padding:15px 30px;      font-size:2.4em;      line-height:40px;  }     .nav-main > ul {      margin:0px;      padding:0px;      float:left;      list-style:none;  }    .nav-main > ul > li {  	float: left;  }  .nav-item {  	display:inline-block;  	padding:15px 20px;  	height: 40px;  	line-height:40px;  	color:white;  	text-decoration: none;    }    .nav-item:hover {  	background-color:#444  }    .nav-content {  	position:absolute;  	top: 70px;  	overflow:hidden;  	background-color:#222;  	max-height:0;  }    .nav-content {  	color:white;  	text-decoration: none;  }    .nav-content a:hover {  	text-decoration:underline;  }    .nav-sub {  	padding:20px;  }    .nav-sub ul {  	padding: 0;  	margin: 0;  	list-style-type:none;  }    .nav-sub ul li {  	display:inline-block;  	padding:5px 0;    }    .nav-item:focus {  	background-color:#444;  }    .nav-item:focus ~ .nav-content {  	max-height:400px;  	-webkit-transition:max-height 0.4s ease-in;  	-moz-transition:max-height 0.4s ease-in;  	transition:max-height 0.4s ease-in;  }  h1 {  margin-left: 70px;  }  form li {  list-style: none;  margin-bottom: 5px;  }    form ul li label{  float: left;  clear: left;  width: 100px;  text-align: right;  margin-right: 10px;  font-family:verdana, arial, helvetica, sans-serif;  font-size:14px;  }    form ul li input, select, span {  float: left;  margin-bottom: 10px;  }    form textarea {  float: left;  width: 350px;  height: 150px;  }    [id="rgstr_btn"] {  margin: none;  margin: 230px -120px;  font-size:12px  }    [id="login_btn"] {  margin: none;  margin: 58px -100px;  font-size:12px  }  p {  margin-left: 70px;  font-weight: bold;  }
<!doctype html>  <html>  <head>      <meta charset="utf-8">      <title>registruj se</title>      <link rel="stylesheet" href="style2.css">      <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=open+sans">  </head>  <body>      <nav class="nav-main">      <div class="logo"><b>oglasi</b></div>      <ul>      <li>          <a href="pocetna.html" class="nav-item">pocetna</a>      </li>      <li>          <a href="kupovina.html" class="nav-item">kupovina</a>      </li>      <li>          <a href="prodaja.html" class="nav-item">prodaja</a>      </li>      <li>          <a href="#" class="nav-item">kategorije</a>      <div class="nav-content">          <div class="nav-sub">                      <ul>                          <li><a href="iphone.html">iphone</a></li>                          <li><a href="#">samsung</a></li>                          <li><a href="#">sony</a></li>                      </ul>          </div>          </div>        </li>      <li>          <a href="registruj_se.html" class="nav-item">registruj se</a>      </li>      <li>          <a href="uloguj_se.html" class="nav-item">uloguj se</a>      </li>      <li>          <a href="moj_profil.html" class="nav-item">moj profil</a>      </li>       </ul>                </nav>      	   <form id="login-form">           <ul>              <li><label for="enter username">korisnicki id:</label></li>               <li><input id="username" type="text" placeholder="enter username" value=""/></li>              <li><label for="enter password">sifra:</label></li>              <li><input id="userpw" type="password" placeholder="enter password" value=""/></li>              <li><button id="login_btn" type="button" value="login" onclick="check()"/>login</button></li>          </ul>  </form>  <script type="text/javascript" language="javascript" src="1.js"></script>  </body>  </html>

`s.

you can use javascript location object send user page when there login no longer valid. location.assign("http://homepage/home.com");


-

Comments

Post a Comment

Popular posts from this blog

python - How to insert QWidgets in the middle of a Layout? -

Image
i'm using qt framework build graphical user interface. use qgridlayout position qwidgets neatly. gui looks this: my application regularly adds new widgets gui @ runtime. these new widgets not added @ end of qlayout, somewhere in middle. the procedure bit cumbersome. applied on figure above, need take out widg_c , widg_d , ... qgridlayout. next, add widg_x and widg_y , , put other widgets again. how remove widgets qgridlayout: for in reversed(range(mygridlayout.count())): self.itemat(i).widget().setparent(none) ### as long you're dealing small amount of widgets, procedure not disaster. in application display lot of small widgets - perhaps 50 or more! application freezes second while procedure ongoing, annoying user. there way insert widgets somewhere in qlayout, without need take out other widgets? edit: apparently solution qvboxlayout simple. use function insertwidget(..) instead of addwidget(..) . docs can found link: http://doc.qt.io/qt-5/qboxlayou
Read more

python - serve multiple gunicorn django instances under nginx ubuntu -

i need serve 2 webs apps (django) on gunicorn under different domain names using nginx on ubuntu. started using tutorial: https://www.digitalocean.com/community/tutorials/how-to-set-up-django-with-postgres-nginx-and-gunicorn-on-ubuntu-16-04 it worked fine 1 using that. tried same thing second gives me 502 gateway second domain. tried following tutorial: http://michal.karzynski.pl/blog/2013/10/29/serving-multiple-django-applications-with-nginx-gunicorn-supervisor/ i'm @ part run gunicorn start script: sudo bin/gunicorn_start i response: starting webuildblack root traceback (most recent call last): file "/home/devin/webuildblack/bin/gunicorn", line 7, in <module> gunicorn.app.wsgiapp import run importerror: no module named 'gunicorn.app'; 'gunicorn' not package you have named program gunicorn.py gunicorn -package. rename file , remove gunicorn.pyc file.
Read more

module - Prestashop displayPaymentReturn hook url -

i new prestashop developer , trying create paymentmodule. have got show payment method can not proceed purchase because not know hot works. does know should redirect run hooddisplaypaymentreturn method? i happy if explain me complete navigation map make purchase. anyway, can find relation between hooks , pages? when have new module payment rely on simplest provided prestashop: bankwire. inside can find 3 hooks. hookpayment: public function hookpayment($params) { if (!$this->active) return; if (!$this->checkcurrency($params['cart'])) return; $this->smarty->assign(array( 'this_path' => $this->_path, 'this_path_bw' => $this->_path, 'this_path_ssl' => tools::getshopdomainssl(true, true).__ps_base_uri__.'modules/'.$this->name.'/' )); return $this->display(__file__, 'payment.tpl'); } hookdisplaypaymenteu: public fun
Read more