html+css+php+mySql+form action

@lifestyle · Регистрация: 10.05.2009

Студворк — интернет-сервис помощи студентам

Доброго времени суток всем.
Начал делать сайт,пишу на php.
Сайт разделен на две части: левая часть-кнопки, правая-контент.
Собственно вопрос таков:
как сделать что бы при нажатии на кнопку в левой панели в правой панели(части сайта) происходило обновление контента , без перезагрузки всей страницы.

Так как только начинаю во всем этом разбираться деления происходит
следующим образом

CSS:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
#content
{
  background:#FFFFFF;
  color: #000000;
  text-align:left;
  border:1px solid;
  float:left;
  width:60%;
  height:auto;
}
#lpanel
{
  background:blue;
  width:20%;
  height:auto;
  border:1px;
  float:left;
}
img
{
 float:right;
 height:100px;
 width:200px;
}

html:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div id="lpanel">
<h3>Additional<br>Navigation<br>Options</h3>
<form action="index2.php" method="post">
<input type="submit" style=""  name="btn"  value="Get">
</form>
</div>
<div id="content">
Here will be displayed data from database.<br>
<h1>Data From DB</h1>
<?php
if( isset($_POST['btn']))
{
echo <<< _END
<h1>Data From DB</h1>
<img src="/img/test.jpg">
_END;
echo queryToDataBase("table");}
?>
 
<img src="/img/test.jpg">
</div>

__PION__ · 22.11.2011, 14:07

нужен аякс.
задай своим кнопкам (лучше конечно ссылкам) id-шки и на jQuery создай обработчик с помощью метода load();
сходу сам не смогу написать

@lifestyle · 22.11.2011, 15:06 **[ТС]**

Дело в том, что впринципе я получил нужный резульятат и приведенный мной пример работает- не хочу аяксы туда пичкать , да и еще не знаю его.
просто ощущение , что работать то оно работает но реализация кажется не правильной... вот хотел совет услышать

__PION__ · 22.11.2011, 15:13

просто вы сказали без перезагрузки, поэтому я предложил аякс.
Интерсно было бы узнать как у вас получилось без js обновлять страницу без перегрузки.
Ну можно еще использовать тег <iframe> он как бы подгружает в себе страницу, но думаю без перезагрузки не обойтись

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

__PION__ 960 / 801 / 85 Регистрация: 21.07.2010 Сообщений: 3,522
	22.11.2011, 14:07
	нужен аякс. задай своим кнопкам (лучше конечно ссылкам) id-шки и на jQuery создай обработчик с помощью метода load(); сходу сам не смогу написать 1

@lifestyle Mobile Developer 238 / 234 / 18 Регистрация: 10.05.2009 Сообщений: 917
	22.11.2011, 15:06 [ТС]
	Дело в том, что впринципе я получил нужный резульятат и приведенный мной пример работает- не хочу аяксы туда пичкать , да и еще не знаю его. просто ощущение , что работать то оно работает но реализация кажется не правильной... вот хотел совет услышать 0

__PION__ 960 / 801 / 85 Регистрация: 21.07.2010 Сообщений: 3,522
	22.11.2011, 15:13
	просто вы сказали без перезагрузки, поэтому я предложил аякс. Интерсно было бы узнать как у вас получилось без js обновлять страницу без перегрузки. Ну можно еще использовать тег <iframe> он как бы подгружает в себе страницу, но думаю без перезагрузки не обойтись 0