Перейти к публикации
Fedya

модальное окно

Рекомендованные сообщения

Fedya

Здравствуйте :joyful:

 

Есть модуль мониторинга, вот часть которая идет "на выход"


<?php

//------------------------------------------------------------------------------------------------------------+

  require "lgsl_class.php";

  $server_list = lgsl_query_cached_all("s");
  $server_list = lgsl_sort_servers($server_list);

//------------------------------------------------------------------------------------------------------------+

  $output .= "
  <div style='text-align:center'>
    <table cellpadding='4' cellspacing='2' style='margin:auto'>";

    foreach ($server_list as $server)
    {
      $misc   = lgsl_server_misc($server);
      $server = lgsl_server_html($server);

      $output .= "
      <tr style='".lgsl_bg()."; table-layout:fixed' class='header'>

         
<th class='short' style='width: 1%; text-align:center'>

          <img alt='' src='{$misc['icon_game']}'  style='vertical-align:middle' />
        </th>



<th class='short' style='width: 4%;'>
          <img alt='' src='{$misc['icon_status']}' style='vertical-align:middle' />

        </th>

        <th class='short' style='width: 25%;'>
          <a href='{$misc['software_link']}' style='text-decoration:none'>
            {$server['b']['ip']}:{$server['b']['c_port']}
          </a>
        </th>

        <th title='{$server['s']['name']}' class='short' style='width: 25%; height: 30px;' >
          <div style='width:100%; overflow:hidden; height:1.3em; line-height:1.3em'>
            <center>{$misc['name_filtered']}</center>
          </div>
        </th>

        <th class='short' style='width: 25%;'>
          {$server['s']['map']}
        </th>

        <th class='short' style='width: 20%;'>
          {$server['s']['players']} / {$server['s']['playersmax']}
        </th>



      </tr>";
    }

    $output .= "
    </table>
  </div>";

//------------------------------------------------------------------------------------------------------------+

  if ($lgsl_config['list']['totals'])
  {
    $total = lgsl_cached_totals();

    $output .= "
    <div>
      <br />
    </div>
    <div style='text-align:center'>
      <table cellpadding='4' cellspacing='4' style='margin:auto'>
        <tr style='".lgsl_bg()."'>
          <td> {$lgsl_config['text']['tns']} {$total['servers']}    </td>
          <td> {$lgsl_config['text']['tnp']} {$total['players']}    </td>
          <td> {$lgsl_config['text']['tmp']} {$total['playersmax']} </td>
        </tr>
      </table>
    </div>";
  }

//--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+

  $output .= "<div></div>";
//--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+

?>
{$misc['icon_game']} - иконка игры

{$misc['icon_status']} - статус сервера

{$server['b']['ip']}:{$server['b']['c_port']} - ip:port сервера

{$misc['name_filtered']} - название сервера

{$server['s']['map']} - название карты

{$server['s']['players']} / {$server['s']['playersmax']} - игроков на сервере/всего возможных

 

 

Вообще это наверное не нужная информация https://nevex.pw/public/style_emoticons/default/yazik.gif но вдруг)

вот это - {$misc['image_map']} - путь то картинки карты

 

 

хочу поставить вот такое (http://zagruzka-plus.ws/webmaster/javascript/1197-prostoe-modalnoe-okno.html) окошко, чтобы при нажатии на название карты выводилась картинка :)

т.е. надо заменить это

<th class='short' style='width: 25%;'>
		  {$server['s']['map']}
	    </th>
на это

<th class='short' style='width: 25%;'>
		<a href="#?w=500" rel="popup_name" class="poplight">  {$server['s']['map']}</a>
	    </th>
Вопрос:

1.куда засунуть это

<div id="popup_name" class="popup_block"><img src="{$misc['image_map']}" style='vertical-align:middle' /></div>

2. куда вставить css ( там дано css http://zagruzka-plus.ws/webmaster/javascript/1197-prostoe-modalnoe-okno.html)

3. куда вставить js (там же дано)

а, файл еще ругается на двойные кавычки

надеюсь, я понятно объяснил

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

а, файл еще ругается на двойные кавычки

 

Экранируйте кавычки слешами, т.е непосредственно перед кавычной ставьте

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
alex_xpert

1. В принципе куда хочешь, лучше в конец страницы, перед </body>

2. Либо в файл с таблицами стилей, который подключается на странице, либо перед </head>

3. либо в отдельный файл .js, подключаемый на странице, либо туда же, куда и 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Fedya

1. В принципе куда хочешь, лучше в конец страницы, перед </body>

2. Либо в файл с таблицами стилей, который подключается на странице, либо перед </head>

3. либо в отдельный файл .js, подключаемый на странице, либо туда же, куда и 2

 

я понимаю, я даже знаю как его подключить)

Но когда подключаешь ругается на символы '<'

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Fedya

Спасибо! Выглядит просто супер :joyful:

картинки только в этом "модальном окне " не хватает(чтобы его закрыть)

 

а куда исчезает та репутация которую я вам жму?)

Изменено пользователем Fedya

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Fedya

есть у кого-нибудь картинка крестик, чтобы модальное окно закрыть, а то ссылки на иконки у вас все уже старые и срок хранения уже истек

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

Есть вот такая:

Изображение

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Fedya

Рано я радовался) на какой сервер не нажмешь, везде одна инфа,

 

куда нужно вставить

<div id="popup_name" class="popup_block">
<table cellpadding='4' cellspacing='0' style='margin:auto'>
    <tr>
	  <td colspan='3' style='text-align:center'>
	    <b> {$server['s']['name']} </b>
	    <br /><br />
	  </td>
    </tr></table></div>

в этом коде

 

 

 


<?php

//------------------------------------------------------------------------------------------------------------+

  require "lgsl_class.php";

  $server_list = lgsl_query_cached_all("s");
  $server_list = lgsl_sort_servers($server_list);

//------------------------------------------------------------------------------------------------------------+

  $output .= "
  <div style='text-align:center'>
	<table cellpadding='4' cellspacing='2' style='margin:auto'>";

	foreach ($server_list as $server)
	{
	  $misc   = lgsl_server_misc($server);
	  $server = lgsl_server_html($server);

	  $output .= "
	  <tr style='".lgsl_bg()."; table-layout:fixed' class='header'>

		
<th class='short' style='width: 1%; text-align:center'>

		  <img alt='' src='{$misc['icon_game']}'  style='vertical-align:middle' />
		</th>



<th class='short' style='width: 4%;'>
		  <img alt='' src='{$misc['icon_status']}' style='vertical-align:middle' />

		</th>

		<th class='short' style='width: 25%;'>
		  <a href='{$misc['software_link']}' style='text-decoration:none'>
			{$server['b']['ip']}:{$server['b']['c_port']}
		  </a>
		</th>

		<th title='{$server['s']['name']}' class='short' style='width: 25%; height: 30px;' >
		  <div style='width:100%; overflow:hidden; height:1.3em; line-height:1.3em'>
			<center>{$misc['name_filtered']}</center>
		  </div>
		</th>

		<th class='short' style='width: 25%;'>
		  {$server['s']['map']}
		</th>

		<th class='short' style='width: 20%;'>
		  {$server['s']['players']} / {$server['s']['playersmax']}
		</th>



	  </tr>";
	}

	$output .= "
	</table>
  </div>";

//------------------------------------------------------------------------------------------------------------+

  if ($lgsl_config['list']['totals'])
  {
	$total = lgsl_cached_totals();

	$output .= "
	<div>
	  <br />
	</div>
	<div style='text-align:center'>
	  <table cellpadding='4' cellspacing='4' style='margin:auto'>
		<tr style='".lgsl_bg()."'>
		  <td> {$lgsl_config['text']['tns']} {$total['servers']}	</td>
		  <td> {$lgsl_config['text']['tnp']} {$total['players']}	</td>
		  <td> {$lgsl_config['text']['tmp']} {$total['playersmax']} </td>
		</tr>
	  </table>
	</div>";
  }

//--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+

  $output .= "<div></div>";
//--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+

?>

я понимаю, что вставить можно, и вроде бы правильно должно работать, вот после этого

<th class='short' style='width: 1%; text-align:center'>
		  <img alt='' src='{$misc['icon_game']}'  style='vertical-align:middle' />
	    </th>
но так ругается на кавычки, если перед ними ставить , то он это выводит сразу, т.е. пишет просто название сервера,надо чтобы он это просто запомнил)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Fedya

Поделись модулем https://nevex.pw/public/style_emoticons/default/s010.gif

 

Сначала помоги мне :joyful:

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Fedya

Понятненько)

 

а можно как-то в тег <a> засунуть <div>?

т.е. это

 

<div id="popup_name" class="popup_block">
<table cellpadding='4' cellspacing='0' style='margin:auto'>
    <tr>
      <td colspan='3' style='text-align:center'>
        <b> {$server['s']['name']} </b>
        </td>
    </tr></table></div>

в это

<a href="#?w=500" rel="popup_name" class="poplight"><img src="info.png" style='vertical-align:middle'/></a>

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
TheAndrey

Это не правильно, и зачем оно вам?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Fedya

http://subplay.ru/forum/game_servers.php
Сейчас должно для каждого сервера писать его название, а пишет везде одно (нажмите на домик)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Fedya

Ок, сам разобрался, всем спасибо :joyful:

 

Теперь простенькое)

как сделать кнопку, когда на нее нажимаешь вниз выпадает поле, как спойлер

пример :

http://www.strike64.ru/
там кнопка "Показать графики" под мониторингом.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Fedya

Все,решено, можете закрывать тему, если вы их закрываете :joyful:

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.

×
×
  • Создать...