DEV Community

poland silvia
poland silvia

Posted on

Hope Heaven

calculator.php

<?php
include 'header.php';
?>

<!DOCTYPE html>
<html lang="sk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jednoduchá kalkulačka</title>
    <script>
        function vypocitaj() {
            let vyraz = document.getElementById("vyraz").value;
            try {
                let vysledok = eval(vyraz);
                document.getElementById("vysledok").innerText = "Výsledok: " + vysledok;

                fetch("uloz_vypocet.php", {
                    method: "POST",
                    headers: { "Content-Type": "application/x-www-form-urlencoded" },
                    body: "vyraz=" + encodeURIComponent(vyraz) + "&vysledok=" + vysledok
                });
            } catch (e) {
                document.getElementById("vysledok").innerText = "Neplatný výraz!";
            }
        }
    </script>
</head>
<body>

    <form onsubmit="event.preventDefault(); vypocitaj();">
        <input type="text" id="vyraz" required placeholder="Zadajte výraz, napr. 5+3">
        <button type="submit">=</button>
    </form>

    <h2 id="vysledok"></h2>



</body>
</html>

<?php
include 'footer.php';
?>
Enter fullscreen mode Exit fullscreen mode

footer.php

<footer>
    <p>&copy; 2024 Moja stranka</p>
    <p><a href="mailto:vasa@emailová.adresa">vasa@emailovadresa</a></p>
  </footer>
Enter fullscreen mode Exit fullscreen mode

function.php

<?php
 function count_files($directory) {
    $dir = $directory;

$i = 0; 

if( $handle = opendir($dir) ) {

    while( ($file = readdir($handle)) !== false ) {
        if( !in_array($file, array('.', '..')) && !is_dir($dir.$file)) 
            $i++;
    }
}

echo "$i files";


 }

?>
Enter fullscreen mode Exit fullscreen mode

Gallery pictures

gallery=
gallery1 and gallery2 and gallery 3
Enter fullscreen mode Exit fullscreen mode

gallery.js

$(document).ready(function() {
  $('.galeria-images').each(function() {
    var folder = $(this).data('folder');
    $.ajax({
      type: 'GET',
      url: 'get_images.php',
      data: {folder: folder},
      success: function(data) {
        var images = JSON.parse(data);
        $.each(images, function(index, image) {
          var img = $('<img src="' + folder + '/' + image + '">');
          $(this).append(img);
        });
      }
    });
  });
});
$.each(images, function(index, image) {
    console.log(folder + '/' + image);
    var img = $('<img src="' + folder + '/' + image + '">');
    img.error(function() {
      console.log('Chyba pri načítaní obrázku: ' + folder + '/' + image);
    });
    $(this).append(img);
  });
  $('.submenu-item').click(function() {
    $('.submenu-item').removeClass('selected');
    $(this).addClass('selected');
  });
Enter fullscreen mode Exit fullscreen mode

gallery.php create

<?php
include 'header.php';
include_once 'function.php';

?>
<header>

    </div>
    <h1>Moja stranka</h1>
    <aside>
  <h2>Menu</h2>
  <ul>
    <?php
    $galeria_folder = 'Galeria';
    $selected_folder = isset($_GET['folder']) ? $_GET['folder'] : null; 
    $subfolders = array_diff(scandir($galeria_folder), array('.', '..'));

    echo '<div class="galeria">';
    foreach ($subfolders as $subfolder) {

        $class = ($selected_folder === $subfolder) ? 'select' : '';
        ?>
        <a href="galeria.php?folder=<?php echo urlencode($subfolder); ?>" class="submenu-item <?php echo $class; ?>" data-subfolder="<?php echo htmlspecialchars($subfolder); ?>">
            <?php echo htmlspecialchars($subfolder); ?>
        </a>
        <br>
        <?php
    }
    ?>
  </ul>
</aside>

  </ul>

  </header>
<?php

echo '</div>';
if (isset($_GET['folder'])) {
    $folder = $_GET['folder'];
    $dirname = $galeria_folder . '/' . $folder;
    if (is_dir($dirname)) {
        $images = array_diff(scandir($dirname), array('.', '..'));
        foreach ($images as $curimg) {
            ?>
            <img src="<?php echo $galeria_folder . '/' . htmlspecialchars($folder) . '/' . htmlspecialchars($curimg); ?>" alt="<?php echo htmlspecialchars($curimg); ?>" /><br>
            <?php
        }
    } else {
        echo '<p>Vybraný priečinok neexistuje.</p>';
    }
}
count_files($dirname);
Enter fullscreen mode Exit fullscreen mode

header.php

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="style.css">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
  <script src="script.js"></script>

  <header>
    <div class="logo">
      <img src="logo.png" alt="Logo" style="width: 50px; height: auto;">
    </div>
    <h1>Moja stranka</h1>
    <aside>
    <h2>Menu</h2>
<ul>
  <li><a href="calculator.php"><i class="fas fa-home"></i> O nas</a></li>
  <li><a href="kalkulacka ezz.php"><i class="fas fa-briefcase"></i> Sluzby</a></li>
  <li><a href="mTurita.php"><i class="fas fa-envelope"></i> Kontakt</a></li>
  <li>
    <a href="galeria.php"><i class="fas fa-envelope"></i> Galeria</a>

    <ul class="galeria-submenu">
      <li class="submenu-item">Položka 1</li>
      <li class="submenu-item">Položka 2</li>
      <li class="submenu-item">Položka 3</li>
    </ul>
  </li>
</ul>
  </header>
Enter fullscreen mode Exit fullscreen mode

index.php

<script>
  $(document).ready(function() {

  });
</script>
</head>
<body>

<?php
include 'header.php';
?>

<main>
  <h2>Obsah stranky</h2>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet nulla auctor, vestibulum magna sed, convallis ex. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet nulla auctor, vestibulum magna sed, convallis ex. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</main>
<?php
include 'footer.php';
?>
 <script>
  $(document).ready(function() {
    $('.galeria-link').click(function() {
      $('.galeria-submenu').slideDown();
    });
  });
</script>
</body>
</html>
Enter fullscreen mode Exit fullscreen mode 
<script>
  $(document).ready(function() {

  });
</script>
</head>
<body>

<?php
include 'header.php';
?>

<main>
  <h2>Obsah stranky</h2>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet nulla auctor, vestibulum magna sed, convallis ex. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet nulla auctor, vestibulum magna sed, convallis ex. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</main>
<?php
include 'footer.php';
?>
 <script>
  $(document).ready(function() {
    $('.galeria-link').click(function() {
      $('.galeria-submenu').slideDown();
    });
  });
</script>
</body>
</html>
Enter fullscreen mode Exit fullscreen mode

Top comments (1)

Collapse
 
corporateask profile image
poland silvia •

gist.github.com/Gregor-codes/0f1f6...