Показать сообщение отдельно
  #1 (permalink)  
Старый 19.01.2016, 17:06
Аватар для AciDWarrioR
Кандидат Javascript-наук
Отправить личное сообщение для AciDWarrioR Посмотреть профиль Найти все сообщения от AciDWarrioR
 
Регистрация: 11.11.2015
Сообщений: 136

JS + PHP - не могу подружить их.
Всем доброго времени суток!
Ситуация следующая. Есть база данных, которая хранит список снимков с различных спутников и + много ещё инфы по этим спутникам. Реализовал поиск по БД при помощи веб-интерфейса, но вот с выводом адекватным что-то не получается. Когда прост смотрел как все это должно работать создавал таблицы из php, которая была слишком чопорная. Сейчас пытаюсь сделать это приятным на вид. Выдает вот такие ошибки от различных моих подходов к тому как сделать:
Unexpected number (тут я как понял ругается на число, так как это дата, там месяц был 09 и походу ему не нравится ноль в начале).
Или просто тупо не понимает, что это за переменная, хотя по идеи надо чтобы это было просто строковым типом без всякой шелухи, но все никак не могу это сделать. В общем код (начальную страницу поиска выкладывать не буду, так как с ней все в порядке):
?php
   $dbconn = pg_connect("host=192.168.255.197 port=5432 dbname=geoportal user=warden password=blockade") or die('Could not connect' . pg_last_error());
    if($_POST[sat] == "empty"){
   		$_POST[sat] = '';
    }
    if($_POST[device] == "empty"){
    	$_POST[device] = '';
    }
    if($_POST[station] == "empty"){
    	$_POST[station] = '';
    }
    if($_POST[dateAt]==''){
    	$_POST[dateAt]='1950-01-01';
}
	if($_POST[dateTo]==''){
		$_POST[dateTo]='2100-12-31';
	}
	if($_POST[timeAt]==''){
    	$_POST[timeAt]='00:00';
}
	if($_POST[timeTo]==''){
		$_POST[timeTo]='23:59';
	}
    $start_time= $_POST[dateAt] ." ". $_POST[timeAt] . ":00";
    $end_time= $_POST[dateTo] ." ". $_POST[timeTo] . ":59";
    if ($_POST[minLat]== ''){
    	$_POST[minLat]="-90";
    }
    if ($_POST[maxLat]== ''){
    	$_POST[maxLat]="90";
    }
    if ($_POST[minLon]== ''){
    	$_POST[minLon]="-180";
    }
    if ($_POST[maxLon]== ''){
    	$_POST[maxLon]="180";
    }
    $query= "SELECT filename_raw, link_raw, size_raw, satellite, device, station, start_time, end_time, geo, min_lat, max_lat, min_lon, max_lon, filename_l1b, link_l1b, size_l1b, filename_parametr, link_parametr, file_txt, link_txt, adding_time FROM snapshotkppo WHERE satellite LIKE '%".$_POST[satellite]."%' AND device LIKE '%".$_POST[device]."%' AND station LIKE '%".$_POST[station]."%' AND start_time BETWEEN '$start_time' AND '$end_time' AND end_time<='$end_time' AND min_lat>='$_POST[minLat]'  AND max_lat<='$_POST[maxLat]' AND min_lon >='$_POST[minLon]' AND max_lon<='$_POST[maxLon]'";
   $result= pg_query($query); 
    echo '
   			<!DOCTYPE html>
			<html lang="en">
			<head>
				<meta charset="UTF-8">
				<link href="css/main.css" rel="stylesheet">
				<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
				<script src="js/KPPO.js"></script>
				<title>KPPO</title>
			</head>
			<body>
			<div id="struct">
				<div id="header">
					<img src="css/img/Gazprom-SpaceSystems.JPG" alt="Логотип">
				</div>
				<div class="sat_table">
					<table class="table1" style="border-spacing: inherit;">
						<th>
							<td>Имя файла</td>
							<td>Размер(Mb)</td>
							<td>Спутник</td>
							<td>Прибор</td>
							<td>Станция</td>
							<td>Время начала съемки</td>
							<td>Время конца съемки</td>
							<td>Геопривязка</td>
							<td>Мин широта</td>
							<td>Мах широта</td>
							<td>Мин долгота</td>
							<td>Мах долгота</td>
							<td>Файл L1B</td>
							<td>Размер(Mb)</td>
							<td>Файл параметров</td>
							<td>Файл метаданных</td>
							<td>Послед. редактирование</td>
						</th>
					</table>
				</div>
				';
   while($row=pg_fetch_array($result))
   	{ 
   		echo '
   		<script>
   			var tab = document.getElementsByClassName("table1");
			var newRow = document.createElement("tr");
			newRow.classList.add("row");
   			var newCell1 = document.createElement("td");
			var newCell2 = document.createElement("td");
			var newCell3 = document.createElement("td");
			var newCell4 = document.createElement("td");
			var newCell5 = document.createElement("td");
			var newCell6 = document.createElement("td");
			var newCell7 = document.createElement("td");
			var newCell8 = document.createElement("td");
			var newCell9 = document.createElement("td");
			var newCell10 = document.createElement("td");
			var newCell11 = document.createElement("td");
			var newCell12 = document.createElement("td");
			var newCell13 = document.createElement("td");
			var newCell14 = document.createElement("td");
			var newCell15 = document.createElement("td");
			var newCell16 = document.createElement("td");
			var newCell17 = document.createElement("td");
			newCell1.innerHTML = '.$row['filename_raw'].';
			newCell2.innerHTML = '.$row['size_raw'].';
			newCell3.innerHTML = '.$row['satellite'].';
			newCell4.innerHTML = '.$row['device'].';
			newCell5.innerHTML = '.$row['station'].';
			newCell6.innerHTML = '.$row['start_time'].';
			newCell7.innerHTML = '.$row['end_time'].';
			newCell8.innerHTML = '.$row['geo'].';
			newCell9.innerHTML = '.$row['min_lat'].';
			newCell10.innerHTML = '.$row['max_lat'].';
			newCell11.innerHTML = '.$row['min_lon'].';
			newCell12.innerHTML = '.$row['max_lon'].';
			newCell13.innerHTML = '.$row['filename_l1b'].';
			newCell14.innerHTML = '.$row['size_l1b'].';
			newCell15.innerHTML = '.$row['filename_parametr'].';
			newCell16.innerHTML = '.$row['file_txt'].';
			newCell17.innerHTML = '.$row['adding_timed'].';
			newRow.appendChild(newCell1);
			newRow.appendChild(newCell2);
			newRow.appendChild(newCell3);
			newRow.appendChild(newCell4);
			newRow.appendChild(newCell5);
			newRow.appendChild(newCell6);
			newRow.appendChild(newCell7);
			newRow.appendChild(newCell8);
			newRow.appendChild(newCell9);
			newRow.appendChild(newCell10);
			newRow.appendChild(newCell11);
			newRow.appendChild(newCell12);
			newRow.appendChild(newCell13);
			newRow.appendChild(newCell14);
			newRow.appendChild(newCell15);
			newRow.appendChild(newCell16);
			newRow.appendChild(newCell17);
			tab[0].appendChild(newRow);
   		</script>';
   	}
   	echo '</body>';

 	pg_close($dbconn);
?>

Вот какие данных содержатся в ответе от запроса:
Прикреплю картинку, чтобы долго не писать.


PS: в newCell17 тоже данные в виде даты, там просто опечатка в коде)
Ответить с цитированием