Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / передача данных между двумя фреймами / 9 сообщений из 9, страница 1 из 1
30.08.2016, 15:19
    #39300355
raven_2008
raven_2008
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
передача данных между двумя фреймами
доброе время суток, коллеги!

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

как передать данные из верхнего фрейма в нижний?
прошу строго не ругать.
html/php изучаю третий день
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.08.2016, 16:27
    #39300422
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
передача данных между двумя фреймами
raven_2008 , ты хоть бы тестовый пример челе сделал... На чем тебе показывать?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.08.2016, 16:46
    #39300439
Sam Winchester
Sam Winchester
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
передача данных между двумя фреймами
raven_2008,

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<script type='text/javascript'>
	function changeFrame(src) {
		document.getElementById("container").src = src;
	}
</script>
<body>
	<input type='button' value='to gismeteo' onclick='changeFrame("http://gismeteo.ru");' />
	<input type='button' value='to rumeteo' onclick='changeFrame("http://rumeteo.ru");'/>
	<iframe id='container' style='display:block;width:300px; height:300px' src='http://rumeteo.ru'>
	</iframe>
</body>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.08.2016, 16:49
    #39300445
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
передача данных между двумя фреймами
Вот накрапал такой примерчик...

Стартовый файл
 
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<iframe src="tmp1.csp" width="468" height="60" align="left">
	Ваш браузер не поддерживает плавающие фреймы!
 </iframe>
 <iframe src="tmp2.csp" width="468" height="60" align="left">
	Ваш браузер не поддерживает плавающие фреймы!
 </iframe>
</body>
</html>



Файл tmp1.csp
 
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('form').submit(function(){
		var obj=window.parent.document.getElementsByTagName('iframe')[1];
		obj.src=obj.src.match(/[^\?]+/)+'?test='+$('#test').val();
		return false;
	});
});
</script>
</head>
<body>
<form>
	<input id='test' type='text' />
	<button>Send</button>
</form>
</body>
</html>



Файл tmp2.csp
 
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
<link rel="stylesheet/less" type="text/css" href="style.less">
<script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.0/less.min.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<p>#($g(%request.Data("test",1),"Нет данных..."))#</p>
</body>
</html>


В результате, в первом фрейме все, что ввели в текстовое поле, будет отображено во втором фрейме...

Пример сделан на CSP.
А фигли! ПХПисты свой код везде суют...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.08.2016, 16:50
    #39300446
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
передача данных между двумя фреймами
Sam Winchester , у ТСа два фрейма.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.08.2016, 16:51
    #39300448
Sam Winchester
Sam Winchester
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
передача данных между двумя фреймами
krvsa Sam Winchester , у ТСа два фрейма.
Угу, но особо сути не меняет)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.08.2016, 16:53
    #39300449
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
передача данных между двумя фреймами
Sam Winchesterно особо сути не меняет)
Только вот твоим примером он не сможет воспользоваться. А так - да. Суть понятна, нужно менять src у нужного фрейма.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.08.2016, 16:56
    #39300452
Sam Winchester
Sam Winchester
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
передача данных между двумя фреймами
krvsaSam Winchesterно особо сути не меняет)
Только вот твоим примером он не сможет воспользоваться. А так - да. Суть понятна, нужно менять src у нужного фрейма.
Согласен)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.08.2016, 11:52
    #39300951
raven_2008
raven_2008
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
передача данных между двумя фреймами
спасибо за ответы, но речь именно о гибриде php с html

вот основной файл

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=cp1251" />
		<title>Сайт лесного Агентства</title>
		<style type="text/css">

		<!--
		body {background-color: #009988;}
		-->
		</style>
	</head>




 <frameset rows="260,*" cols="*">
   <frame src="topFr.html" name="topFrame" scrolling="no" noresize>
   <frameset >

     <frame src="mainFr.html" name="mainFrame">
   </frameset>


 </frameset>
</html>



верхний фрейм (заголовки и текстовые окна для фильтров)
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=cp1251" />
		<title>Сайт лесного Агентства</title>
		<style type="text/css">

		<!--		
		body {background-color: #009988;}
		-->
		</style>
	</head>

<body>

<table>
	<tbody>
		<tr>
			<td rowspan="3"><img src="./images/gerb_200x242.png" alt="Герб области"></td>
			<td rowspan="3" width="10%">            </td>
			<td colspan=6 align="center"> <font size=6> Министерство природных ресурсов и экологии <br>
							Перечень 1</font> </td>
		</tr>
		<tr>
			
			<td>Фильтр1</td>
			<td>Фильтр2</td>
			<td>Фильтр3</td>
			<td>Фильтр4</td>
			<td>Фильтр5</td>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td><input type="text"  name="PNdocs" size="10" > </td>
			<td><input type="text" name="PForest" size="20"></td>
			<td><input type="text" name="PDForest" size="20"></td>
			<td><input type="text" name="PBlock" size="10"></td>
			<td><input type="text" name="PClient" size="30"></td>
			<td><a href="MainFr.html" target="mainFrame"> Обновить </a></td>
		</tr>
	</tbody>
</table>




</body>
</html>



главный фрейм (выборка данных из базы sql Сервера)
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=cp1251" />
		<title>Сайт лесного Агентства</title>
		<style type="text/css">

		<!--
		body {background-color: #009988;}
		-->
		</style>
	</head>

<body>

	<?php
	$serverName = "127.0.0.1\sqlexpress";


	/* соединяемся с sql Сервером  */
	$uid = file_get_contents("C:\Files\uid.txt");
	$pwd = file_get_contents("C:\Files\pwd.txt");
	$connectionInfo = array( "UID"=>$uid,
                         "PWD"=>$pwd,
                         "Database"=>"FPatology");

	$conn = sqlsrv_connect( $serverName, $connectionInfo);
	if( $conn === false )
	{
	     echo "Unable to connect.</br>";
	     die( print_r( sqlsrv_errors(), true));
	}

	$ndoc="7" ; /* один из параметров, в данном случае, номер документа. здесь должно быть значение текстового поля <input type="text"  name="PNdocs" >*/
	$params=array($ndoc);
	$tsql="select * from dbo.fn_select_PHPServerB('".$ndoc."')"; /* передаем параметр в функцию */


	if ($res = sqlsrv_query($conn,$tsql,$params)) 
	{
	     
	} 
	else
	{ 
		echo "Statement could not be prepared.\n";
      		die( print_r( sqlsrv_errors(), true));
	}
	/*  и выводим результат выборки */
	echo "<table align=center, border=1>\n";

	echo "\t<tr>\n \t\t<th> Поле1</th>\n \t\t<th> Поле2 \t\t</th>\n 
                       \t\t<th> Поле3</th>\n  \t\t<th> Поле4</th>\n 
                       \t\t<th>   Поле5  </th>\n  \t\t<th> Поле6</th>\n  
                       \t\t<th>   Поле7  </th>\n  \t\t<th> Поле8</th>\n  \t\t<th> Поле9  </th>\n 
                       \t\t<th> Поле10</th>\n  \t\t<th> Поле11</th>\n  \t\t<th> Поле12 </th>\n 
                       \t\t<th> Поле13</th>\n   \t\t<th> Поле14 </th>\n  \t\t<th> Поле15 </th>\n \t</tr>\n";
	for ($i=0; $row = sqlsrv_fetch($res); $i++) 
	{ 
   		echo "\t<tr> \n";
		echo "\t\t<td> ".sqlsrv_get_field( $res, 0 )."</td>\n";		
		echo "\t\t<td> ".sqlsrv_get_field( $res, 1 )."\t\t</td>\n";
		echo "\t\t<td> ".sqlsrv_get_field( $res, 2 )."\t\t</td>\n";
		echo "\t\t<td> ".sqlsrv_get_field( $res, 3 )."\t\t</td>\n";
		echo "\t\t<td> ".sqlsrv_get_field( $res, 4 )."\t\t</td>\n";
		echo "\t\t<td> ".sqlsrv_get_field( $res, 5 )."\t\t</td>\n";
		echo "\t\t<td> ".sqlsrv_get_field( $res, 6 )."\t\t</td>\n";
		echo "\t\t<td> ".sqlsrv_get_field( $res, 7 )."\t\t</td>\n";
		echo "\t\t<td> ".sqlsrv_get_field( $res, 8 )."\t\t</td>\n";
		echo "\t\t<td> ".sqlsrv_get_field( $res, 9 )."\t\t</td>\n";
		echo "\t\t<td> ".sqlsrv_get_field( $res, 10 )."\t\t</td>\n";
		echo "\t\t<td> ".sqlsrv_get_field( $res, 11 )."\t\t</td>\n";
		echo "\t\t<td> ".sqlsrv_get_field( $res, 12 )."\t\t</td>\n";
		echo "\t\t<td> ".sqlsrv_get_field( $res, 13 )."\t\t</td>\n";
		echo "\t\t<td> ".sqlsrv_get_field( $res, 14 )."\t\t</td>\n";
		echo "\t</tr>\n";

	} 
	echo "</table>\n";
	
	sqlsrv_free_stmt( $res);

	sqlsrv_close( $conn);
	

	?>


</body>
</html>



проблема в передаче значения текстового поля из TopFr в MainFr

krvsa, Sam Winchester , спасибо, попробую разобраться
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / передача данных между двумя фреймами / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]