wyświetlanie informacji w DIV w zależności od zmiennych PHP Opcje

[topcio]

Witajcie

Borykam się z problemem, jak zrobić by zależności od tego co powie php podmieniany był DIV a nie przeładowywana cała strona

strona projektu

http://cctv-online.pl

Zerknijcie o co mi chodzi,
w tym momencie kiedy podane jest błędne hasło albo login strona się przeładowuje, a docelowo ma być tak, że podmieniany będzie tylko ten div co ma bg czerwone, tak jak to zrobiłem w przypadku włączenia CapsLock i chęci wpisania hasła.

Nie wiem jak to ugryźć, bo informacji jest kilka?
Czy ma to być zrobiona w Javie czy po stronie serwera, jak do tej pory.

Wszelkie sugestie i podpowiedzi mile widziane

Pozdrawiam Tomek

Czy dobrze myślę, że powinienem zrobić tak aby po kliknięciu nie przekierowywał na początek strony tylko, do jakiegoś CASE, który będzie w zależności od wyników PHP otrzymywał daną zawartość w div o takim samym ID, a potem w css zrobić taki szablon dla tego jednego DIVa. I zrobić to JS

Ten post edytował topcio 15.11.2017, 16:03:25

[topcio]

zrobiłem trochę na około ale efekt, którego oczekiwałem

[HTML] pobierz, plaintext 
function LoginTest() {
    request = "";
    request = new XMLHttpRequest();
    var InputLogin = document.getElementById("input_login").value;
    var InputPass = document.getElementById("input_pass").value;
    var post = "user_login=" + InputLogin + "&user_pass=" + InputPass;
    var url = "../php_function/user_check.php";
    request.onreadystatechange = LoginTestRequest;
    request.open("POST", url, true);
    request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    request.send(post);
}
id=document.getElementById('user_blocked_time')
function odliczaj(id,sek){
    seconds = Math.floor(sek)%60;
    minutes = Math.floor(sek/60)%60;
    id.innerHTML=((minutes < 10) ? '0' + minutes : minutes)+ ':' +((seconds < 10) ? '0' + seconds : seconds);
    if(sek>0)setTimeout(function(){
        odliczaj(id,--sek)
    },1e3)
}
 
function LoginTestRequest() {
        if(request.readyState == 4 && request.status == 200) {
            if(request.responseText == "User Logged IN") {
                window.location = "index.php";
            }
            if (!isNaN(request.responseText)){
                $("#login_message_one").empty();
                    var time_to_unlock = request.responseText;
                    var newdiv = document.createElement('div');
                    newdiv.setAttribute("class", "div_testowy");
 
                    var script = document.createElement('script');
                    script.setAttribute("language", "javascript");
                    script.innerHTML = "odliczaj(user_blocked_time, " + time_to_unlock + ");";
                    newdiv.appendChild(script);
                    var newspan = document.createElement('span');
                    newspan.setAttribute("id", "user_blocked_time");
                    newdiv.appendChild(newspan);  
 
                    document.getElementById('login_message_one').appendChild(newdiv);
            }
            else {
                document.getElementById("login_message_one").innerHTML = request.responseText;
            }
        }
        else {
            document.getElementById("login_message_one").innerHTML = request.status+" "+request.statusText;
        }
    }
 
[HTML] pobierz, plaintext 

Jeszcze trochę muszę dopisać, ale już prawie jest cel