Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Передача данных
Форумы портала PHP.SU » » HTTP и PHP » Передача данных

Страниц (1): [1]
 

1. NVP - 08 Сентября, 2011 - 15:19:35 - перейти к сообщению
Еще раз, добрый день!
Подсмотрел в инете вот такую штуку:
в <head> дополнительно описываем <style> -

CODE (css):
скопировать код в буфер обмена
  1. <style>
  2.  
  3. #mask {
  4.   position:absolute;
  5.   left:0;
  6.   top:0;
  7.   z-index:9000;
  8.   background-color:#000;
  9.   display:none;
  10. }
  11.  
  12. #boxes .window {
  13.   position:absolute;
  14.   left:0;
  15.   top:0;
  16.   width:440px;
  17.   height:200px;
  18.   display:none;
  19.   z-index:9999;
  20.   padding:20px;
  21. }
  22.  
  23. #boxes #dialog_edt1 {
  24.   width:350px;
  25.   height:113px;
  26.   padding:5px;
  27.   background-color:#ffffff
  28. }
  29. </style>
  30.  

В <body> рисуем табличку типа:

CODE (html):
скопировать код в буфер обмена
  1.         <form action = "http://.../equipment/service_objects" method="post">
  2.         <h2>Справочник</h2>
  3.         <table border="3" align="center" bgcolor="#deddc0" cellspacing="0">
  4.                 <tr bgcolor="#c6c5a8">
  5.                         <th width="20px" colspan="2" rowspan = "1">
  6.                                 <a href="#dialog_add1" name="modal" title="Добавить запись">
  7.                                         <img class="small_img" src="http://.../img/icons/b_props.png" width="16" height="16">
  8.                                 </a>
  9.                         </th>
  10.                         <th width="40px" rowspan="1">
  11.                                 №
  12.                         </th>
  13.                         <th width="350px" colspan="1" rowspan="1">
  14.                                 Название
  15.                         </th>
  16.                 </tr>
  17.                 <tr>
  18.                         <td align="center" width="20px" bgcolor="#c6c5a8">
  19.                                 <a href="#dialog_edt1" name="modal" title="Изменить запись">
  20.                                         <img class="small_img" src="http://.../img/icons/b_edit.png" width="16" height="16">
  21.                                 </a>
  22.                         </td>
  23.                         <td align="center" width="20px" bgcolor="#c6c5a8">
  24.                                 <a href="#dialog_del1" name="modal" title="Удалить запись">
  25.                                         <img class="small_img" src="http://.../img/icons/b_drop.png" width="16" height="16">
  26.                                 </a>
  27.                         </td>
  28.                         <td width="40px" align="right">
  29.                                 <p>1</p>
  30.                         </td>
  31.                         <td align="left" width="350px">
  32.                                 <p>аааааааа</p>
  33.                         </td>
  34.                 </tr>
  35.                 <tr>
  36.                         <td align="center" width="20px" bgcolor="#c6c5a8">
  37.                                 <a href="#dialog_edt1" name="modal" title="Изменить запись">
  38.                                         <img class="small_img" src="http://.../img/icons/b_edit.png" width="16" height="16">
  39.                                 </a>
  40.                         </td>
  41.                         <td align="center" width="20px" bgcolor="#c6c5a8">
  42.                                 <a href="#dialog_del1" name="modal" title="Удалить запись">
  43.                                         <img class="small_img" src="http://.../img/icons/b_drop.png" width="16" height="16">
  44.                                 </a>
  45.                         </td>
  46.                         <td width="40px" align="right">
  47.                                 <p>2</p>
  48.                         </td>
  49.                         <td align="left" width="350px">
  50.                                 <p>ббббббббббббббб</p>
  51.                         </td>
  52.                 </tr>
  53.                 <tr>
  54.                         <td align="center" width="20px" bgcolor="#c6c5a8">
  55.                                 <a href="#dialog_edt1" name="modal" title="Изменить запись">
  56.                                         <img class="small_img" src="http://.../img/icons/b_edit.png" width="16" height="16">
  57.                                 </a>
  58.                         </td>
  59.                         <td align="center" width="20px" bgcolor="#c6c5a8">
  60.                                 <a href="#dialog_del1" name="modal" title="Удалить запись">
  61.                                         <img class="small_img" src="http://.../img/icons/b_drop.png" width="16" height="16">
  62.                                 </a>
  63.                         </td>
  64.                         <td width="40px" align="right">
  65.                                 <p>3</p>
  66.                         </td>
  67.                         <td align="left" width="350px">
  68.                                 <p>ввввввввввввввввв</p>
  69.                         </td>
  70.                 </tr>
  71.                 <tr>
  72.                         <td align="center" width="20px" bgcolor="#c6c5a8">
  73.                                 <a href="#dialog_edt1" name="modal" title="Изменить запись">
  74.                                         <img class="small_img" src="http://.../img/icons/b_edit.png" width="16" height="16">
  75.                                 </a>
  76.                         </td>
  77.                         <td align="center" width="20px" bgcolor="#c6c5a8">
  78.                                 <a href="#dialog_del1" name="modal" title="Удалить запись">
  79.                                         <img class="small_img" src="http://.../img/icons/b_drop.png" width="16" height="16">
  80.                                 </a>
  81.                         </td>
  82.                         <td width="40px" align="right">
  83.                                 <p>4</p>
  84.                         </td>
  85.                         <td align="left" width="350px">
  86.                                 <p>ггггггггггггггггг</p>
  87.                         </td>
  88.                 </tr>
  89.                 <tr bgcolor="#c6c5a8">
  90.                         <td align="center" width="20px" bgcolor="#c6c5a8">
  91.                                 <p></p>
  92.                         </td>
  93.                         <td align="center" width="20px" bgcolor="#c6c5a8">
  94.                                 <p></p>
  95.                         </td>
  96.                         <td width="40px" align="right">
  97.                                 <p></p>
  98.                         </td>
  99.                         <td align="center" colspan="2">
  100.                                 <a href="#dialog_prn1" name="modal" title="Печать выбранных данных">
  101.                                         <img class="small_img" src="http://.../img/icons/print-16.png" width="16" height="16">
  102.                                 </a>
  103.                                 <div id="boxes">
  104.                                         <div id="dialog_edt1" class="window">
  105.                                                 <form action="http://.../equipment/service_objects" method="post">
  106.                                                         <table border="0" align="right" bgcolor="white" cellspacing="0">
  107.                                                                 <tr><td align="right" width="350pxpx">
  108.                                                                         <a href="#"class="close"/>
  109.                                                                           <img src="http://.../img/icons/close-16.png" style="vertical-align: middle"/>
  110.                                                                         </a>
  111.                                                                 </td></tr>
  112.                                                         </table>
  113.                                                         <table border="0" align="center" bgcolor="white" cellspacing="0">
  114.                                                                 <tr><td align="right" width="350pxpx">
  115.                                                                         <h2>Корректировка записи</h2>
  116.                                                                 </td></tr>
  117.                                                         </table>
  118.                                                         <table border="3" align="center" bgcolor="#deddc0" cellspacing="0">
  119.                                                                 <tr>
  120.                                                                         <td align="left" width="350px">
  121.                                                                                 <p>Название:<br><input type="text" name="name" value="" size="35" maxlength="35"></p>
  122.                                                                         </td>
  123.                                                                 </tr>
  124.                                                         </table>
  125.                                                         <table border="0" align="center" bgcolor="white" cellspacing="0">
  126.                                                                 <tr><td align="center" width="300px">
  127.                                                                         <button type="submit" name="edt_button" title="Сохранить изменения">
  128.                                                                                 <img src="http://.../img/icons/b_edit.png" style="vertical-align: middle"/>
  129.                                                                         </button>
  130.                                                                 </td></tr>
  131.                                                         </table>
  132.                                                 </form>
  133.                                         </div>
  134.                                         <div id="mask"></div>
  135.                                 </div>
  136.                         </td>
  137.                 </tr>
  138.         </tdble>
  139. </form>


В результате высвечиваются окошки для добавления, корректировки, удаления и печати записей, при этом общий вид страницы затеняется. И все это без смены страницы.
Но уже второй день туплю, не понимаю как передать в это окошко ID выбранной записи (той, на против которой нажата ссылка).
Может у кого есть время, подскажите...
2. vlom - 08 Сентября, 2011 - 16:30:45 - перейти к сообщению
1) оформляйте код соответсвующими тегами
2) без перезагрузки страницы это сделать в приведенном вами кодом не получится, так как это делается средствами JS.
3. Slavenin - 12 Сентября, 2011 - 00:13:19 - перейти к сообщению
js на ссылку вешаете функцию реагирующую на событие onclick получаете значение из нужного места и вставляете куда хотите Улыбка

 

Powered by ExBB FM 1.0 RC1