Main Page: Difference between revisions

From Erbessd Instruments
No edit summary
No edit summary
Line 42: Line 42:




<!-- Contenedor principal -->
<div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;">
<div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;">


   <!-- Item 1 -->
   <!-- Imagen 1 -->
   <div style="text-align: center;">
   <div style="text-align: center; margin: 10px;">
     [[File:RPM.png|frameless|250px]]
     [[File:RPM.png|frameless|250px]]
     <button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button>
     <button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button>
     <div class="related-pages" style="display:none; margin-top:10px;">
     <div style="display: none; margin-top: 10px;">
       [[Phantom]]
       <div style="border: 1px solid #ccc; border-radius: 6px; padding: 12px 20px; background: #f8f8f8; box-shadow: 1px 1px 4px rgba(0,0,0,0.1);">
        [[Phantom]]
      </div>
     </div>
     </div>
   </div>
   </div>


   <!-- Item 2 -->
   <!-- Imagen 2 -->
   <div style="text-align: center;">
   <div style="text-align: center; margin: 10px;">
     [[File:Current.png|frameless|250px]]
     [[File:Current.png|frameless|250px]]
     <button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button>
     <button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button>
     <div class="related-pages" style="display:none; margin-top:10px;">
     <div style="display: none; margin-top: 10px;">
       [[Wiser]]
       <div style="border: 1px solid #ccc; border-radius: 6px; padding: 12px 20px; background: #f8f8f8; box-shadow: 1px 1px 4px rgba(0,0,0,0.1);">
        [[Wiser]]
      </div>
     </div>
     </div>
   </div>
   </div>


   <!-- Item 3 -->
   <!-- Imagen 3 -->
   <div style="text-align: center;">
   <div style="text-align: center; margin: 10px;">
     [[File:Thermocouple.png|frameless|250px]]
     [[File:Thermocouple.png|frameless|250px]]
     <button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button>
     <button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button>
     <div class="related-pages" style="display:none; margin-top:10px;">
     <div style="display: none; margin-top: 10px;">
       [[DigivibeMX]]
       <div style="border: 1px solid #ccc; border-radius: 6px; padding: 12px 20px; background: #f8f8f8; box-shadow: 1px 1px 4px rgba(0,0,0,0.1);">
        [[DigivibeMX]]
      </div>
     </div>
     </div>
   </div>
   </div>
  <!-- Imagen 4 -->
  <div style="text-align: center; margin: 10px;">
    [[File:Defiant.png|frameless|250px]]
    <button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button>
    <div style="display: none; margin-top: 10px;">
      <div style="border: 1px solid #ccc; border-radius: 6px; padding: 12px 20px; background: #f8f8f8; box-shadow: 1px 1px 4px rgba(0,0,0,0.1);">
        [[Defiant]]
      </div>
    </div>
  </div>
  <!-- Imagen 5 -->
  <div style="text-align: center; margin: 10px;">
    [[File:Thermal.png|frameless|250px]]
    <button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button>
    <div style="display: none; margin-top: 10px;">
      <div style="border: 1px solid #ccc; border-radius: 6px; padding: 12px 20px; background: #f8f8f8; box-shadow: 1px 1px 4px rgba(0,0,0,0.1);">
        [[Dragon Vision]]
      </div>
    </div>
  </div>
</div>
</div>


<!-- Script para mostrar/ocultar -->
<script>
<script>
function togglePages(button) {
  function togglePages(button) {
  var content = button.nextElementSibling;
    var content = button.nextElementSibling;
  if (content.style.display === "none") {
    if (content.style.display === "none" || content.style.display === "") {
    content.style.display = "block";
      content.style.display = "block";
    button.textContent = "Show less −";
      button.textContent = "Show less −";
  } else {
    } else {
    content.style.display = "none";
      content.style.display = "none";
    button.textContent = "Show more +";
      button.textContent = "Show more +";
    }
   }
   }
}
</script>
</script>

Revision as of 15:45, 25 June 2025

Products

File:Low Range.png File:Defiant.png


Software

   
   <button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button>
   
   <button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button>
   
   <button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button>
   File:Defiant.png
   <button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button>
   
   <button onclick="togglePages(this)" style="margin-top: 10px;">Show more +</button>

<script>

 function togglePages(button) {
   var content = button.nextElementSibling;
   if (content.style.display === "none" || content.style.display === "") {
     content.style.display = "block";
     button.textContent = "Show less −";
   } else {
     content.style.display = "none";
     button.textContent = "Show more +";
   }
 }

</script>