javascript - Div disappears after page load -


i new jquery , javascript , i'm stuck @ point, need suggestions intelligent brains sitting out there. have div shown user before logs in.

<div id="login" class = "login"> <ul>   <li><a href="signup.html">login</a></li> </ul> </div>

i want replace div div, hidden initially, after user logs in successfully.

div replaced with:

<div id="welcomelogin" class = "login" style="display: none;"> <ul>   <li><a href="profile.html">welcome abc</a></li> </ul> </div>

i doing following in jquery (right have hardcoded username/password values explain problem).

i calling auth function on login button click. after user clicks login button, want page reload , #login div replaced #welcomelogin div, new url shown user. problem #welcomelogin div show few seconds, , goes away because have location.reload in place.

i want page reload after authentication successful, , show #welcomelogin div until session remains. done outside $( document ).ready();

function auth() {     var username = $("#login-username").val();     var password = $("#login-password").val();      if (username == 'abc@xyz.com' && password == '12345') {         location.reload();         $("#login").hide();         if (sessionstorage) {              $("#welcomelogin").show();         }     } }

when call location.reload(), page refreshes. means else on client (i.e. proceding javascript) may have time run, it's because of time browser takes in refreshing page.

you may call javascript function on page load, , monitor sort of state if wish seemingly 'persist' change of dom (swapping of divs, example) next 'version' of page.

i'd follow recommended (alternative) way of doing in javascript, quite i'm not sure it's best approach @ authentication.

i'd recommend form post, , there available components implementing form-based authentication depending on have on server.


Comments

Post a Comment

Popular posts from this blog

javascript - Google App Script ContentService downloadAsFile not working -

i have web app developed using google app script htmlservice , html form, populating excel sheet in google drive using spreadsheetapp . , 1 section calling contentservice download data excel file. function doget(e) { // read excel sheet //getappfile(); // render application html template return htmlservice.createtemplatefromfile('index').evaluate() .settitle('go smart') .setsandboxmode(htmlservice.sandboxmode.iframe); } function downloaddoublequatecsvfile() { var sheetid = propertiesservice.getscriptproperties().getproperty('sheetid'); var ss = spreadsheetapp.openbyid(sheetid).getactivesheet(); //var ss = spreadsheetapp.getactivespreadsheet().getactivesheet(); var maxcolumn = ss.getlastcolumn(); var maxrow = ss.getlastrow(); var data = ss.getrange(1, 1, maxrow, maxcolumn).getvalues(); if (data.length > 1) { var csv = ""; (var row = 0; row < data.length; row++) { (var c...
Read more

javascript - Function overwritting -

is there way overwrite function or event handling in function? using addeventlistener, can have many event handlers on element want var test=document.getelementbyid("div"); test.addeventlistener("click",function(){alert("im first");},false); test.addeventlistener("click",function(){alert("im second");},false); // alerts "im first" , after "im second" but if want overwrite function/event example based on client width example this function one() { alert("first"); } function two() { alert("second"); } window.onresize = function() { var test = document.getelementbyid("div"); if (window.innerwidth > 500) { test.onclick = 1 } else { test.onclick = two; } } is possible in javascript? in case use effective little known approach. addeventlistener can accept object property handleevent event handler. in case it's easy overwr...
Read more

php - Find a regex to take part of Email -

i have following emails need extract part from: bestellnummer xxx: 1 von xxx, 1er pack ------------- anfang der nachricht ------------- foo bar baz foo bar baz // <<<<< need text here ------------- ende der nachricht ------------- ------------- anfang der nachricht ------------- foo bar baz foo bar baz ------------- ende der nachricht ------------- there 0 unlimited occurences of ------------- anfang der nachricht ------------- ------------- ende der nachricht ------------- and i'm able extract first part regex: $re = "/------------- .*? -------------.?(.*?).?------------- .*? -------------/s"; but, i'm quite new on learning regex, i'm pretty sure there must better regex extract part (foo bar baz foo bar baz) of text between ------------- anfang der nachricht ------------- ------------- ende der nachricht ------------- as can in different languages, i'm using .? to match between hyphens. i...
Read more