Forum PHP.pl > [AJAX][JavaScript][PHP]Dlaczego odświeża całą strone

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [AJAX][JavaScript][PHP]Dlaczego odświeża całą strone

abel1

11.09.2016, 11:16:26

witam mam problem z odświeżaniem całej strony po wysłaniu wiadomości

[PHP] pobierz, plaintext 
<?php 
 
session_start();
 
 
 
ini_set( 'display_errors', 'On' ); 
	error_reporting( E_ALL );
 
	if (!isset($_SESSION['zalogowany']))
	{
		header('Location: index.php');
		exit();
	}
@$nickname = $_SESSION['user'];
 
 
	require 'db_config.php';
	$user = $_POST['uzytkownik'];
	try {
					$polaczenie = new PDO(DB_DRIVER . ":dbname=" . DB_DATABASE . ";host=" . DB_SERVER, DB_USER, DB_PASSWORD);
 
					$polaczenie->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
					 $zapytanie = $polaczenie->query("SELECT * FROM kanal WHERE user='$user'");
 
							while($row = $zapytanie->fetch())
					 {
						 $kolor=$row['kolor'];
						 $tlo = $row['tlo'];
						 //$tlo_domyslne=$row['tlo_domyslne'];
						 $rtmp = $row['rtmp'];
						 $nazw_kanal = $row['nazwa_kanal'];
						 if (isset($_POST['wyslane']))
						 {
 
						 }
					 }
	}
	catch(PDOException $e)
		{
		echo $zapytanie. "<br />" . $e->getMessage();
		}
 
 
 
	$polaczenie = null;
?>
<!doctype html>
<html lang=”pl”>
<head>
<title></title>
<link rel="stylesheet" href="style.css" type="text/css">
<meta charset="UTF-8">
 
<meta name="description" content="Opis naszej strony">
<meta name="keywords" content="Tutaj słowa kluczowe oddzielone przecinkiem">
<!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
 
</head>
<body style="background-color:<?php echo $kolor ?>; background-image:url('<?php echo $tlo ?>');">
<div style="float:left;margin-left:50px;":><a href="/">Nazwa strony</a></div><div style="float:left; margin-left:250px;"><form method="post" action="" ><input style="width:300px;height:25px;" type="search" placeholder="Wpisz szukany tekst Będzie działać ale jeszcze nie teraz -:)" name="key" /></form></div>
<?php 
if(!isset($_SESSION['user'])){
echo'<div style="float:right; margin-right:20px;"> <form method="post" action="zaloguj.php"><b>Login:</b> <input type="text" name="login" /> <b>Hasło:</b> <input type="password" name="haslo" /> <input class="zaloguj" type="submit" value="Zaloguj się" /></div><div style="clear: both"></div><br /><hr> <div style="margin-top:50px;text-align: center;"><a href="rejestracja.php">Zarejestruj się i nadawaj na żywo</a> ';
}
 
else
{
	echo '<div style="float:right;margin-right:100px;"><a href="inbox.php">Odbiorcza</a><br /><a href="new_pw.php">Nadawcza</a><br /><a href="kanal.php">Ustawienia</a><br /><a href="kanal_user.php">Twój kanał</a><br /><a href="lista_kanal.php">Lista kanałów</a><br /><a href="log_out.php">Wyloguj</a></div><div style="clear: both"></div><br /><hr>';
}
?>
<div style="margin:0 auto;width:865px;">
<div id="tytul" style="border:1px solid;">Kanał : <?php echo $user ?></div>
 
 
 
<script type="text/javascript" src="player/flowplayer-3.2.13.min.js"></script>
<div  id="player" style="border:1px solid;width:600px;height:400px;float:left;display: block;"></div>
<script>
  $f("player", "/player/flowplayer-3.2.18.swf", {
      clip: {
         url: '',
         live: true,
         provider: 'rtmp', 
      },   
      plugins: {
         controls: {
            url: '/player/flowplayer.controls-3.2.16.swf',    
            all: false,
            fullscreen: true,
            play: true,
            volume: true 
         },
         rtmp: {
            play: false,
            scrubber: false,
            url: '/player/flowplayer.rtmp-3.2.13.swf',
            netConnectionUrl: '',
         }
      }
   });
</script>
 
 </div>
 
 <div id="czat_logowanie" style="float:left;">
 <!---------------- czat-------------------------------->
 <?php
 
 
@$nickname = $_SESSION['user'];
 
 
	$id = $_SESSION['id'];
 
 
 
?>
 
<!DOCTYPE HTML> 
<html lang='pl'> 
<head>
	<meta charset='utf-8'>
	<meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'>
	<title></title>
   <link href="style/style.css" rel="stylesheet" type="text/css" />
 
    <script language="javascript" type="text/javascript">
    <!--
      var httpObject = null;
      var link = "";
      var timerID = 0;
      var nickName = "<?php echo $nickname; ?>";
 
      // Get the HTTP Object
      function getHTTPObject(){
         if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP");
         else if (window.XMLHttpRequest) return new XMLHttpRequest();
         else {
            alert("Twoja przeglądarka nie działa z AJAX.");
            return null;
         }
      }   
 
      // Change the value of the outputText field
      function setOutput(){
         if(httpObject.readyState == 4){
            var response = httpObject.responseText;
            var objDiv = document.getElementById("result");
            objDiv.innerHTML += response;
            objDiv.scrollTop = objDiv.scrollHeight;
            var inpObj = document.getElementById("msg");
            inpObj.value = "";
            inpObj.focus();
         }
      }
 
      // Change the value of the outputText field
      function setAll(){
         if(httpObject.readyState == 4){
            var response = httpObject.responseText;
            var objDiv = document.getElementById("result");
            objDiv.innerHTML = response;
            objDiv.scrollTop = objDiv.scrollHeight;
         }
      }
 
      // Implement business logic    
      function doWork(){    
         httpObject = getHTTPObject();
         if (httpObject != null) {
            link = "message.php?nick="+nickName+"&msg="+document.getElementById('msg').value;
            httpObject.open("GET", link , true);
            httpObject.onreadystatechange = setOutput;
            httpObject.send(null);
         }
      }
 
      // Implement business logic    
      function doReload(){    
         httpObject = getHTTPObject();
         var randomnumber=Math.floor(Math.random()*10000);
         if (httpObject != null) {
            link = "message.php?all=1&rnd="+randomnumber;
            httpObject.open("GET", link , true);
            httpObject.onreadystatechange = setAll;
            httpObject.send(null);
         }
      }
 
      function UpdateTimer() {
         doReload();   
         timerID = setTimeout("UpdateTimer()", 5000);
      }
 
 
      function keypressed(e){
         if(e.keyCode=='13'){
            doWork();
         }
      }
    //-->
    </script> 
 
 
 
</head>
<body onload="UpdateTimer();">
    <div id="main_czat">
      <div id="caption">Czacik </div>
 
 
 
 
     <?php 
        $data = file("$id");
		echo '<div id="result">';
        foreach ($data as $line) {
        	echo $line;
        }
     ?>
      </div>
      <div id="sender" onkeyup="keypressed(event);">
      <form method="post" > <input type="text" name="msg"  id="msg" />
         <div class="btn"><input type="submit"  value="wyslij" onclick="doWork();"></form>
		 </div>
      </div>   
<?php            
    if(isset($_POST['msg'])){
 
	}
 
?>
    </div>
 
 
</body>   
<!---------------------------koniec--------------------------------------->
 </div>
 <div style="clear: both"></div>
<hr>
 <br />
 <div style="text-align: center;font-weight:bold;"> Nazwa_Strony&copy 2015</div>
 </body>
 </html>
[PHP] pobierz, plaintext

Dodam że raz już zastosowałem ten sam czat w innym projekcie i tam wszystko działa jak powinno natomiast tutaj z jakiegoś powodu zamiast odświeżać samo okna czatu odświeża całą stronę
Niestety na JS nie znam się w ogóle i nie napisałem tego czata a tym samym nie wiem jak to naprawić
Liczę na waszą pomoc

trybun

15.09.2016, 01:22:28

Zapewne problem leży po stronie php...

[PHP] pobierz, plaintext 
	if (!isset($_SESSION['zalogowany']))
	{
		header('Location: index.php'); 
		exit();
	}
[PHP] pobierz, plaintext

abel1

15.09.2016, 05:34:39

gdyby to była wina tego if-a to by mnie przenosiła do index.php
ale ten problem występuje również na innych podstronach na których mam ten czat
Najzwyczajniej zamiast odświeżyć samo okno czata żeby pojawiła się wiadomość która własnie napisałem to odświeża całą stronę
I nie ma znaczenia jaka to podstrona czy to index.php czy inna na której jest ten czat
Odświeża strone nie przenosi nigdzie

viking

15.09.2016, 06:08:16

Nie widzę żebyś miał jakiś kod który na submit formularza zabrania domyślnej akcji czyli wysyłki a co za tym idzie odświeżenia strony. Widzę za to @ w kodzie oraz możliwość sql injection.

trybun

15.09.2016, 12:43:00

Cytat(viking @ 15.09.2016, 07:08:16 )

Faktycznie SQLI jak byk na wstępie.

Co do przeładowania spróbuj zakomenntować kod w funkcji doReload i wstaw tam jakieś alert albo wyprintuj coś w konsoli, jak nie będzie odświeżać a funkcja będzie wywoływana to już wiesz gdzie jest błąd i gdzie naprawiać.

Puszy

15.09.2016, 14:14:03

Jak na moje oko to wciśnięcie "ENTER" po wpisaniu wiadomości wysyła formularz który przeładowuje stronę. Wystarczy użyć preventDefault(), szczerze nie wiem jak to tutaj zaimplementować. Musiałbyś jakoś pobrać eventListenera w doWork()

abel1

16.09.2016, 18:41:06

Cytat(viking @ 15.09.2016, 07:08:16 )

Masz może na myśli to :

[PHP] pobierz, plaintext 
 $zapytanie = $polaczenie->query("SELECT * FROM kanal WHERE user='$user'");
[PHP] pobierz, plaintext

Jeżeli tak to raczej nie przewiduje wstrzyknięcia tutaj czegokolwiek , to zapytanie ustawia tylko to co już zostało zdefiniowane w bazie
Ale chętnie przeczytam w jaki sposób można wstrzyknąć coś do bazy nie mają c do dyspozycji formularza ( jestem początkujący w PHP )

Cytat(puszy)

Jak byś mógł jakoś to sprecyzować, tak jak napisałem nie znam JS i szczerze nawet nie wiem o czym piszesz.
tak naprawdę potrzebuje rozwiązania nie naprowadzenia na rozwiązanie

viking

16.09.2016, 20:23:54

$user = $_POST['uzytkownik'];

A to niby co? Dane pochodzą z post. Najprostsza metoda na preventDefault w tym kodzie to zwrócenie false. Dodaj do funkcji return false.

abel1

17.09.2016, 05:27:49

Cytat(viking @ 16.09.2016, 21:23:54 )

$user = $_POST['uzytkownik'];

A to niby co? Dane pochodzą z post. Najprostsza metoda na preventDefault w tym kodzie to zwrócenie false. Dodaj do funkcji return false.

Masz na myśli tą funkcje

[PHP] pobierz, plaintext 
function keypressed(e){
         if(e.keyCode=='13'){
            doWork();
         }
      }
[PHP] pobierz, plaintext

I powinienem to dodać tak

[PHP] pobierz, plaintext 
function keypressed(e){
         if(e.keyCode=='13'){
            doWork();
            return false;
         }
      }
[PHP] pobierz, plaintext

A co do $user = $_POST['uzytkownik']; , to jest post z innej podstrony gdzie jest formularz do którego user nic nie może wpisać ponieważ formularz zawiera tylko przyciski które nie są do modyfikacji przez użytkownika

viking

17.09.2016, 08:46:27

Możesz tez dodać w onclick (powinno tam być onsubmit swoją drogą) po dowork(). Nie ma znaczenia czy jest do odczytu. Mozna to szybko zmienić w konsoli albo wysłać nowy form.

abel1

17.09.2016, 13:04:18

był byś tak dobry i napisał kod jaki mam wstawić i gdzie
Jak już pisałem ja się nie znam na JS nie mam pojęcia gdzie co wstawić

viking

17.09.2016, 13:26:20

Już pisałem. Po dowork();return false; jak nie zadziała kombinuj z eventami. W google jest pełno materiałów na ten temat.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.