Морские аквариумы

Море не любит спешки

Инструменты пользователя

Инструменты сайта

Вы посетили: • bjd • refractometer • wormtrap • nitka • svc • checklist • toperror • 3d • newb • coralclose
problems:diagnostics:coralclose

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слеваПредыдущая версия
Следующая версия		Предыдущая версия
problems:diagnostics:coralclose [2025/10/28 16:39] – Вадим Мартовскийproblems:diagnostics:coralclose [2026/07/31 12:15] (текущий) – Вадим Мартовский
Строка 1: Строка 1:
-<html>+==== 🌊 Умная диагностика кораллов ==== 
 + 
 +<html><!-- 🌊 Умная диагностика кораллов ( htmlok=1) -->
 <style> <style>
-.coral-step { margin:20px; padding:13px; border-radius:10px; background:#f8faff; box-shadow: 0 2px 8px #eee;} +.coral-step { 
-.coral-step h3 { margin:0 0 8px 0; color:#0077b6;} +  margin: 20px auto; 
-.coral-btn { display:block; margin:7px 0; padding:8px 16px; background:#26a69a; color:#fff; border:none; border-radius:5px; cursor:pointer; font-size:14px;} +  padding: 16px; 
-.coral-btn:hover { background:#34bfa3;} +  border-radius: 12px; 
-.coral-response { margin:10px 0 0 0; padding:10px; background:#fff3cd; border-radius:5px; border:1px solid #ffeeba;} +  background: #f8faff; 
-.coral-hide { display: none; } +  box-shadow: 0 2px 8px rgba(0,0,0,0.05); 
-</style>+  max-width: 600px; 
 +  font-family: system-ui, sans-serif; 
 +} 
 +.coral-step h3 { 
 +  margin: 0 0 10px 0; 
 +  color: #0077b6; 
 +  text-align: center; 
 +} 
 +.coral-btn { 
 +  display: block; 
 +  width: 100%; 
 +  margin: 6px 0; 
 +  padding: 10px 14px; 
 +  background: #26a69a; 
 +  color: #fff; 
 +  border: none; 
 +  border-radius: 6px; 
 +  cursor: pointer; 
 +  font-size: 15px; 
 +  transition: 0.2s; 
 +  text-align: center; 
 +} 
 +.coral-btn:hover { background: #34bfa3; }
  
-<div class="coral-step"> +.coral-btn-nav { 
-  <h3>Диагностика: Один коралл закрылся</h3>+  background: #607d8b; 
 +  width: 48%; 
 +} 
 +.coral-btn-nav:hover { background: #78909c; }
  
-  <button class="coral-btn" onclick="showStep('norm')">Коралл периодически сам закрывается</button> +.coral-btn-home { 
-  <button class="coral-btn" onclick="showStep('problem')">Коралл не раскрывается более суток или выглядит нездорово</button>+  background: #455a64; 
 +  width: 48%; 
 +} 
 +.coral-btn-home:hover { background: #546e7a; }
  
-  <div id="norm" class="coral-response coral-hide"> +.coral-response { 
-    Это нормально для большинства видов. Если ткани здоровые, слизь и пятна отсутствуют — просто наблюдайте и не паникуйте.<br> +  margin: 10px 0 0 0; 
-    <button class="coral-btn" onclick="backToStart()">Назад</button> +  padding: 10px; 
-  </div>+  background: #fff3cd; 
 +  border-radius: 5px; 
 +  border: 1px solid #ffeeba; 
 +  font-size: 14px; 
 +}
  
-  <div id="problem" class="coral-response coral-hide"> +.coral-history { 
-    <b>Как быстро закрылся?</b><br> +  background: #eef7fa; 
-    <button class="coral-btn" onclick="showStep('fast')">Внезапно (часы)</button> +  padding: 8px; 
-    <button class="coral-btn" onclick="showStep('slow')">Постепенно (дни/недели)</button> +  border-radius: 6px; 
-    <button class="coral-btn" onclick="backToStart()">Назад</button> +  font-size: 13px; 
-  </div>+  margin-bottom: 10px; 
 +} 
 +.coral-history-item { 
 +  margin-bottom: 5px; 
 +} 
 +.coral-history-item span { 
 +  color: #00695c; 
 +} 
 +.coral-nav { 
 +  display: flex; 
 +  justify-content: space-between; 
 +  gap: 6px; 
 +  margin-top: 12px; 
 +} 
 +</style>
  
-  <div id="fast" class="coral-response coral-hide"> +<div id="diag-root"></div>
-    Есть механические повреждения на коралле?<br> +
-    <button class="coral-btn" onclick="showStep('damageyes')">Да</button> +
-    <button class="coral-btn" onclick="showStep('damageno')">Нет</button> +
-    <button class="coral-btn" onclick="backToStep('problem')">Назад</button> +
-  </div>+
  
-  <div id="damageyes" class="coral-response coral-hide"> +<!-- 🧠 JSON-структура сценария --> 
-    ✔️ Проверьте наличие улиток, рыбок-подбиральщиков и механических травм.<br> +<script type="application/json" id="diag-data"> 
-    Изолируйте повреждённый участок, при необходимости обработайте.<br> +{ 
-    <button class="coral-btn" onclick="backToStep('fast')">Назад</button> +  "title": "Диагностика: Кораллы закрылись", 
-    <button class="coral-btn" onclick="backToStart()">В начало</button> +  "steps": { 
-  </div>+    "start": { 
 +      "question": "Выберите сценарий:", 
 +      "answers": { 
 +        "one": "Один коралл", 
 +        "one_species": "Один вид", 
 +        "multi": "Несколько видов", 
 +        "all": "Все кораллы" 
 +      } 
 +    },
  
-  <div id="damageno" class="coral-response coral-hide"> +    "one": { 
-    Были изменения в аквариуме?<br> +      "question": "Коралл закрывается кратковременно или более суток?", 
-    <button class="coral-btn coral-btn-mini" onclick="showStep('neighbor')">Новый сосед/коралл</button> +      "answers": { 
-    <button class="coral-btn coral-btn-mini" onclick="showStep('light')">Новое освещение</button> +        "short": "Кратковременно", 
-    <button class="coral-btn coral-btn-mini" onclick="showStep('add')">Новые добавки/дозировка</button> +        "long": "Более суток" 
-    <button class="coral-btn coral-btn-mini" onclick="showStep('flow')">Новое течение</button> +      } 
-    <button class="coral-btn coral-btn-mini" onclick="showStep('clean')">Чистка аквариума</button> +    }, 
-    <button class="coral-btn coral-btn-mini" onclick="showStep('none')">Никаких изменений</button> +    "short": { 
-    <button class="coral-btn" onclick="backToStep('fast')">Назад</button> +      "text": "✅ Кратковременное закрытие — нормально для многих LPS. Просто наблюдайте." 
-  </div>+    }, 
 +    "long": { 
 +      "question": "Локальные причины: поток, сосед, свет. Что изменилось?", 
 +      "answers": { 
 +        "flow": "Течение", 
 +        "neighbor": "Появился сосед", 
 +        "light": "Освещение", 
 +        "none": "Ничего не менялось" 
 +      } 
 +    }, 
 +    "flow": { 
 +      "text": "💡 Переместите коралл в зону мягкого потока или скорректируйте направление течения." 
 +    }, 
 +    "neighbor": { 
 +      "text": "💡 Отодвиньте нового соседа, оцените конфликт. Разделите, если нужно." 
 +    }, 
 +    "light": { 
 +      "text": "💡 Верните прежний световой режим или постепенно корректируйте интенсивность." 
 +    }, 
 +    "none": { 
 +      "text": "⚠️ Проверьте параметры воды (pH, KH, нитраты, аммиак). Возможен стресс или скрытая болезнь." 
 +    },
  
-  <div id="neighbor" class="coral-response coral-hide"> +    "one_species": { 
-    ✔️ Отодвиньте новый коралл или соседа подальше.<br> +      "question": "Все представители вида закрылись или только часть?", 
-    Оцените, нет ли конфликтов/агрессии.<br> +      "answers": { 
-    <button class="coral-btn" onclick="backToStep('damageno')">Назад</button> +        "one_species_all": "Все", 
-    <button class="coral-btn" onclick="backToStart()">В начало</button> +        "one_species_some": "Только часть" 
-  </div> +      } 
-  <div id="light" class="coral-response coral-hide"> +    }, 
-    ✔️ Проверьте интенсивность и спектр освещения.<br> +    "one_species_all": { 
-    Верните прежнюю лампу или отрегулируйте мощность.<br> +      "question": "Изменился свет, добавки или течение?", 
-    <button class="coral-btn" onclick="backToStep('damageno')">Назад</button> +      "answers": { 
-    <button class="coral-btn" onclick="backToStart()">В начало</button> +        "yes": "Да", 
-  </div> +        "no": "Нет" 
-  <div id="add" class="coral-response coral-hide"> +      } 
-    ✔️ Проверьте дозировки всех добавок, нет ли превышения или ошибок.<br> +    }, 
-    <button class="coral-btn" onclick="backToStep('damageno')">Назад</button> +    "yes": { 
-    <button class="coral-btn" onclick="backToStart()">В начало</button> +      "text": "💡 Верните прежние настройки освещения, потока и дозировки. Наблюдайте." 
-  </div> +    }, 
-  <div id="flow" class="coral-response coral-hide"> +    "no": { 
-    ✔️ Переместите коралл в зону мягкого потока или скорректируйте направление течения.<br> +      "question": "Есть признаки инфекции (слизь, пятна, белый стрип)?", 
-    <button class="coral-btn" onclick="backToStep('damageno')">Назад</button> +      "answers": { 
-    <button class="coral-btn" onclick="backToStart()">В начало</button> +        "infect_yes": "Да", 
-  </div> +        "infect_no": "Нет" 
-  <div id="clean" class="coral-response coral-hide"> +      } 
-    ✔️ После чистки возможен взвесь и стресс.<br> +    }, 
-    Аккуратно продуйте коралл, поставьте уголь.<br> +    "infect_yes": { 
-    <button class="coral-btn" onclick="backToStep('damageno')">Назад</button> +      "text": "⚠️ Изолируйте поражённые, обработайте ваннами, поставьте уголь. Консультация специалиста рекомендуется." 
-    <button class="coral-btn" onclick="backToStart()">В начало</button> +    }, 
-  </div> +    "infect_no": { 
-  <div id="none" class="coral-response coral-hide"> +      "text": "✅ Возможно, временная адаптация или стресс. Проверьте стабильность параметров воды." 
-    ✔️ Проверьте параметры воды, наличие паразитов.<br> +    }, 
-    Если всё хорошо — наблюдайте, не тревожьте коралл.<br> +    "one_species_some": { 
-    <button class="coral-btn" onclick="backToStep('damageno')">Назад</button> +      "question": "Есть общий локальный признак (свет, сосед, место)?", 
-    <button class="coral-btn" onclick="backToStart()">В начало</button> +      "answers": { 
-  </div>+        "yes": "Да", 
 +        "no": "Нет" 
 +      } 
 +    }, 
 +    "yes": { 
 +      "text": "💡 Диагностируйте локальное влияние: поток, конфликт соседей, локальный свет. Скорректируйте." 
 +    }, 
 +    "no": { 
 +      "question": "Остальные представители в норме?", 
 +      "answers": { 
 +        "all_good": "Да", 
 +        "some_bad": "Нет" 
 +      } 
 +    }, 
 +    "all_good": { 
 +      "text": "✅ Понаблюдайте — это индивидуальная реакция. Возможна изоляция для карантина." 
 +    }, 
 +    "some_bad": { 
 +      "text": "⚠️ Проверьте все параметры вида. Возможен скрытый стресс или начальная стадия массового влияния." 
 +    },
  
-  <!-- Медленный сценарий --> +    "multi": { 
-  <div id="slow" class="coral-response coral-hide"> +      "question": "Какие типы пострадали?", 
-    Сначала проверьте: изменялись параметры воды или освещение?<br> +      "answers": { 
-    <button class="coral-btn" onclick="showStep('slowwater')">Да</button> +        "multi_lps": "Только LPS", 
-    <button class="coral-btn" onclick="showStep('slownowater')">Нет</button> +        "multi_sps": "Только SPS", 
-    <button class="coral-btn" onclick="backToStep('problem')">Назад</button> +        "multi_soft": "Мягкие кораллы", 
-  </div> +        "multi_mixed": "Несколько типов" 
-  <div id="slowwater" class="coral-response coral-hide"> +      } 
-    ✔️ Верните параметры к прежним значениям или скорректируйте.<br> +    }, 
-    Сделайте мягкую подмену воды.<br> +    "multi_lps": { 
-    <button class="coral-btn" onclick="backToStep('slow')">Назад</button> +      "question": "Изменилась ли доза кормления/добавок?", 
-    <button class="coral-btn" onclick="backToStart()">В начало</button> +      "answers": { 
-  </div> +        "yes": "Да", 
-  <div id="slownowater" class="coral-response coral-hide"> +        "no": "Нет" 
-    Достаточно ли света и течения?<br> +      } 
-    <button class="coral-btn" onclick="showStep('slownolight')">Нет</button> +    }, 
-    <button class="coral-btn" onclick="showStep('slowsymp')">Да</button> +    "multi_sps": { 
-    <button class="coral-btn" onclick="backToStep('slow')">Назад</button> +      "question": "Были скачки KH/pH?", 
-  </div> +      "answers": { 
-  <div id="slownolight" class="coral-response coral-hide"> +        "yes": "Да", 
-    ✔️ Переместите коралл ближе к свету, настройте мягкий поток.<br> +        "no": "Нет" 
-    <button class="coral-btn" onclick="backToStep('slownowater')">Назад</button> +      } 
-    <button class="coral-btn" onclick="backToStart()">В начало</button> +    }, 
-  </div> +    "multi_soft": { 
-  <div id="slowsymp" class="coral-response coral-hide"> +      "question": "Были изменения света или температуры?", 
-    Есть ли признаки паразитов, слизи, пятна?<br> +      "answers": { 
-    <button class="coral-btn" onclick="showStep('slowsympyes')">Да</button> +        "yes": "Да", 
-    <button class="coral-btn" onclick="showStep('slowsympno')">Нет</button> +        "no": "Нет" 
-    <button class="coral-btn" onclick="backToStep('slownowater')">Назад</button> +      } 
-  </div> +    }, 
-  <div id="slowsympyes" class="coral-response coral-hide"> +    "multi_mixed": { 
-    ✔️ Проведите обработку — йодовая или пресная ванна.<br> +      "question": "Все виды закрылись одновременно?", 
-    Проконсультируйтесь со специалистом.<br> +      "answers": { 
-    <button class="coral-btn" onclick="backToStep('slowsymp')">Назад</button> +        "yes": "Да", 
-    <button class="coral-btn" onclick="backToStart()">В начало</button> +        "no": "Нет" 
-  </div> +      } 
-  <div id="slowsympno" class="coral-response coral-hide"> +    }, 
-    Хватает ли питания?<br> +    "multi_env": { 
-    <button class="coral-btn" onclick="showStep('slowfeedno')">Нет</button> +      "question": "Проводилась чистка, подмена воды, химические вещества?", 
-    <button class="coral-btn" onclick="showStep('slowfeedyes')">Да</button> +      "answers": { 
-    <button class="coral-btn" onclick="backToStep('slowsymp')">Назад</button> +        "yes": "Да", 
-  </div> +        "no": "Нет" 
-  <div id="slowfeedno" class="coral-response coral-hide"> +      } 
-    ✔️ Проведите лёгкую подкормку, используйте специализированный корм.<br> +    }, 
-    <button class="coral-btn" onclick="backToStep('slowsympno')">Назад</button> +    "multi_env_yes": { 
-    <button class="coral-btn" onclick="backToStart()">В начало</button> +      "text": "⚠️ Подмените воду, поставьте свежий уголь, ищите причину. Массовый стресс часто связан с вмешательством." 
-  </div> +    }, 
-  <div id="slowfeedyes" class="coral-response coral-hide"> +    "multi_env_no": { 
-    ✔️ Понаблюдайте. Иногда закрытие связано с сезонным стрессом или естественным поведением.<br> +      "text": "✅ Сделайте базовую диагностику параметров воды, фильтрации, света и потока." 
-    <button class="coral-btn" onclick="backToStep('slowsympno')">Назад</button> +    },
-    <button class="coral-btn" onclick="backToStart()">В начало</button> +
-  </div> +
-</div>+
  
-<script> +    "all": { 
-function showStep(id) { +      "question": "Когда произошло закрытие?", 
-  hideAll(); +      "answers": { 
-  document.getElementById(id).classList.remove('coral-hide'); +        "yesterday": "Вчера", 
-} +        "today": "Сегодня", 
-function backToStart() { +        "long": "Давно" 
-  hideAll(); +      } 
-} +    }, 
-function backToStep(step) { +    "all_corals_env": { 
-  hideAll(); +      "question": "Менялись параметры воды или было вмешательство?", 
-  document.getElementById(step).classList.remove('coral-hide'); +      "answers": { 
-} +        "yes": "Да", 
-function hideAll() { +        "no": "Нет" 
-  var steps = document.querySelectorAll('.coral-response'); +      } 
-  steps.forEach(function(s){ s.classList.add('coral-hide'); });+    }, 
 +    "all_corals_env_yes": { 
 +      "text": "⚠️ Срочно проверьте все параметры: аммиак, нитриты, pH, KH, температура. Подмените воду!" 
 +    }, 
 +    "all_corals_env_no": { 
 +      "question": "Оборудование работало стабильно?", 
 +      "answers": { 
 +        "yes": "Да", 
 +        "no": "Нет" 
 +      } 
 +    }, 
 +    "all_corals_hardware_yes": { 
 +      "text": "✅ Следите за освещением, скиммером, нагревом. Массовое закрытие иногда связано с мелкой поломкой." 
 +    }, 
 +    "all_corals_hardware_no": { 
 +      "text": "⚠️ Восстановите работу оборудования, обеспечьте аэрацию и фильтрацию, следите за параметрами." 
 +    }, 
 +    "all_corals_long": { 
 +      "question": "Есть запах, мутность воды, признаки бактериального всплеска?", 
 +      "answers": { 
 +        "yes": "Да", 
 +        "no": "Нет" 
 +      } 
 +    }, 
 +    "all_corals_long_yes": { 
 +      "text": "⚠️ Усильте аэрацию, срочно подмените воду, поставьте свежий уголь." 
 +    }, 
 +    "all_corals_long_no": { 
 +      "text": "✅ Понаблюдайте, возможно сезонный стресс или адаптация. Проверьте все параметры!" 
 +    } 
 +  }
 } }
 +
 +</script>
 +
 +<script>
 +(function(){
 +  const root = document.getElementById('diag-root');
 +  const data = JSON.parse(document.getElementById('diag-data').textContent);
 +  let path = [];
 +
 +  function renderStep(id) {
 +    const step = data.steps[id];
 +    let html = '<div class="coral-step">';
 +    html += '<h3>' + (data.title || '') + '</h3>';
 +
 +    // История
 +    if (path.length) {
 +      html += '<div class="coral-history">';
 +      path.forEach(p => {
 +        html += `<div class="coral-history-item">
 +          <b>${p.question}</b><br>
 +          <span>→ ${p.answer}</span>
 +        </div>`;
 +      });
 +      html += '</div><hr>';
 +    }
 +
 +    if(step.question) html += '<p><b>' + step.question + '</b></p>';
 +    if(step.text) html += '<div class="coral-response">' + step.text + '</div>';
 +
 +    if(step.answers){
 +      for(const key in step.answers){
 +        html += '<button class="coral-btn" data-next="' + key + '" data-q="' + step.question + '" data-a="' + step.answers[key] + '">' + step.answers[key] + '</button>';
 +      }
 +    }
 +
 +    html += `
 +      <div class="coral-nav">
 +        <button class="coral-btn coral-btn-nav" data-next="back">⬅️ Назад</button>
 +        <button class="coral-btn coral-btn-home" data-next="start">🏠 В начало</button>
 +      </div>
 +    `;
 +
 +    html += '</div>';
 +    root.innerHTML = html;
 +
 +    Array.from(root.querySelectorAll('.coral-btn')).forEach(btn=>{
 +      btn.addEventListener('click', function(){
 +        const next = this.getAttribute('data-next');
 +        if (next === 'back') { path.pop(); renderStep(path.length ? path.at(-1).step : 'start'); return; }
 +        if (next === 'start') { path = []; renderStep('start'); return; }
 +
 +        const q = this.getAttribute('data-q');
 +        const a = this.getAttribute('data-a');
 +        if (q && a) path.push({question:q, answer:a, step:next});
 +        renderStep(next);
 +        root.scrollIntoView({behavior:'smooth'});
 +      });
 +    });
 +  }
 +
 +  if (document.readyState === 'loading')
 +    document.addEventListener('DOMContentLoaded', () => renderStep('start'));
 +  else renderStep('start');
 +})();
 </script> </script>
 </html> </html>
 +
 +
 +<html><div style="text-align:right;"><i>Made with ❤️ by @Martovsky</i></div></html>
 +----
  
problems/diagnostics/coralclose.1761658774.txt.gz · Последнее изменение: — Вадим Мартовский