Wie kann ich ein bestimmtes div per PHP von einer anderen HTML-Seite einfügen?

Hallo!

Ich habe eine Hauptseite "index.php" und eine Seite divs.html. In der divs.html sind verschiedene divs mit Inhalt, also beispielsweise:

<div id="eins">Inhalt</div>
<div id="zwei">noch ein Inhalt</div>
<div id="drei">und so weiter</div>

Ich möchte nun gerne in der index.php z.B. den Inhalt vom div mit der ID "zwei" per include in index.php einfügen.

Hat jemand Ideen?

2 Antworten

NackterGerd

13.11.2022, 19:16

Dein HTML müsste eine PHP Datei sein

Dann könntest du z.b. um jeden DIV eine if Abfrage machen. Z.b. mit einer Variablen $idSwitch

Dann die Datei an der Stelle in deine Seite einfügen wo der Code hin sonn.

Zuvor Natürlich die Variable setzen damit genau diese Zeilen aktiv sind

Ich weiß dies ist eine einfache und nicht ganz so gute Lösung aber für diesen Fall wohl umsetzbar.

Besser wäre natürlich eine Funtion aufrufen die den passenden HTML Code zurückgibt und den Rückgabetext Dann einfügen.

bandexa

Fragesteller

13.11.2022, 21:22

Den Ansatz mit switch find ich schon ganz gut! Eine variable per $_Post übergeben, und per switch diese Abfragen, dann echo...
Teste ich gleich mal. Danke!

NackterGerd

14.11.2022, 07:12

@bandexa

Du brauchst kein POST.

Ein ganz normal die Variable setzen.

Danach den include der Datei

https://wiki.selfhtml.org/wiki/PHP/Tutorials/Templates/Dateien_mit_include_nachladen

w211sz

13.11.2022, 19:12

Dazu gibt es zwei Möglichkeiten.

Das eine ist "include *.php" und das andere "require *.php".

Wobei du wahrscheinlich include benützen müsstest

Woher ich das weiß:Hobby – Programmiere hobbymäßig seit ca 8 Monaten

bandexa

Fragesteller

13.11.2022, 21:21

Danke. Aber include holt mir ja die KOMPLETTE angeforderte Seite. Das bringt mir nichts wirklich was...

w211sz

14.11.2022, 07:59

@bandexa

Mit php und html kenn ich mich nicht so wirklich aus...

Aber glaub du könntest das in Php einfach mit use **\**\**; bis zu der Class etc die du haben willst.

Hallo,

Kennt jemand eine Möglichkeit wie ich mit PHP einen bestimmten Teil HTML Quellcode aus der gerade geöffneten Seite/oder generell aus einer Datei auslesen kann und diesen dann als Text in einer ganz normalen PHP Variablen speichern kann.

Mit bestimmten Teil meine ich zum Beispiel alles was in einem Element wie einem div mit einer bestimmten id steht.

Zum Beispiel dieser HTML Code:

<body>
  <div id="Div1">
      <h1> Nicht dieses Div </h1>
  </div>

  <div id="Div2">
      <h1> Dieses Div </h1>
  </div>

  <div id="Div3">
      <h1> Nicht dieses Div </h1>
  </div>
</body>

Wenn ich dann den Inhalt von Div2 in eine PHP Variable schreiben wil soll in der Variable: "<h1> Dieses Div </h1>" stehen.

Ich hoffe meine Frage ist verständlich und jemand kennt eine Lösung.

Vielen Dank im voraus :D

...zur Frage

index.php geht nicht (xampp)?

Tach, ich habe aus langeweile eine Website angefangen zu programmieren und da ich in die index.html ein bisschen php packen wollte, habe ich sie index.php genannt, seitdem bekomme ich diesen error (davor ging es, als es noch index.html hieß):

Jemand eine Ahnung wie man das fixen könnte?

Code:<!DOCTYPE html>
<html lang="en">


<head>


    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HallOfEdits</title>
    <script src="js/homeBtns.js"></script>
    <div class="top">


        <h1 id="logo">Hall Of Edits</h1>


        <button id="login" type="button" onclick="login()">Login/Register</button>
        <button id="upload" type="button" onclick="uploadFile()">Upload</button>
        <button id="username" type="button" onclick="openProfile()"><button>
    </div>


</head>


<body style="background-color: #141414">
    <?php include 'session.php';?>
</body>


</html>

...zur Frage

PHP - Datei im Hintergrund ausführen und anzeigen?

Hallo!

ich versuche meine Frage so einfach wie möglich zu erklären, ich habe momentan 3 "Nebenseiten" und eine Hauptseite.

Auf der Hauptseite soll nun der Inhalt der 3 Nebenseiten ausgegeben werden. mit "include" kann man so zu sagen den Code zwar rein kopieren, jedoch würde ich gerne Die 3 Dateien Ausführen, und erst dann soll (so zu sagen) der include teil kommen.

Also müsste ich diese Drei Dateien im Hintergrund laden und den Inhalt anschließend auf der Hauptseite ausgeben.

Wisst Ihr eventuell wie das funktionieren würde? Mein Problem ist nehmlich das include den Code so zu sagen nur auf der Hauptseite einfügt und er dort übernommen wird. :)

Evnetuell könnten die Informationen auch mittels eines Formulares übermittelt werden, jedoch hätte ich noch keine genaue Vorstellung, daher hoffe ich das mir einer von euch helfen kann! :-)

Danke und einen schönen Tag wünsche ich euch noch! :-)

...zur Frage

Ajax holt Daten, JQUERY erkennt ID nicht?

Hallo

Ich hoffe, dass Ihr mir auf die Sprünge helfen könnt.

Mittels Button wird per JQUERY Ajax aufgerufen. Von der Datenbank werden Bilder ausgegeben.

Nun habe ich vorher schon einige Funktion gebastelt, die mir erlauben das Bild zu bearbeiten, z.B. mittels keyUP die Positionen vom Bild zu verändern, Größe und Co.

Da es mehrere Bilder sind, wird in der PHP Datei eine For-schleife erstellt, wo die Inputs und Buttons mit classen (und Id->testzweck) versehen werden (echo-ausgabe).

Nun lassen sich weder die Buttons noch mit Inputs steuern, weder mit this bzw Klassen noch mit der Id.

Hat vielleicht jemand eine Idee woran es liegen könnte?

      $('#load_image').click( function (event) {
        event.preventDefault();
        $.ajax({
          type: 'POST',
          url: 'ajax/home.php',
          data: $(this).serialize(),
          success: function (title_image) {
            $('#title_image').html(title_image);
          }

        });
      });



<button id="load_image" type="submit" name="load_image" class="btn btn-primary start"> <span><i class="glyphicon glyphicon-picture"></i>Bilder Laden</span> </button>
        <div id="title_image" class="margin">
          <!-- DIVS vom PHP AJAX -->
        </div>

Ajax PHP datei

if (!$title->execute()) {
  echo "Fehler";
} else {
  $name = array();
  while ($data = $title->fetch()) {
    $name[] = $data['name'];
  }
$count = count($name);
  for ($i=0; $i < $count; $i++) {
    echo $name[$i];

/* DIVS */
    echo '    <input type="number" id="image_horizontal_edit1" value="" placeholder="Horizontal">';
    echo '    <input type="number" id="image_vertical_edit1" value="" placeholder="Vertical"><br><br>';
    echo '    <input type="number" id="image_zoom_edit1" value="" placeholder="Zoom"><br><br>';

...zur Frage

div-class auf bestimmten Seiten ein-/ausblenden?

Ich möchte gerne mit einem php-script das die div-Box Info nur auf der Seite index.php angezeigt wird und auf allen anderen Seiten ausgeblendet wird. Wiederum möchte ich die box Breadcrumbs auf allen Seiten angezeigt haben, außer auf der index.php Seite, wie bekommen man sowas hin?

...zur Frage

Wie kann ich mehrere Unterseiten mit php erstellen?

Ich möchte eine website erstellen. Ich habe schon eine index.php erstellt und dort mit dem include Befehl die anderen php seiten eingefügt:

if($id=="news") {  
   include('news.php'); 
}

Die id wird vorher noch deklariert :

$id = $_GET["id"];

Die id steht dann hinterher auch so in der URL. Hab dies mit der .htaccess festgelegt. Jetzt möchte ich eine news-seite erstellen. Wie kann ich das so machen, dass die URL dann so aussieht:

www.example.com/news/artikelnummer

ich möchte, dass es für news praktisch eine Startseite gibt: example.com/news , die immer dann erscheint wenn ich oben im Menü auf news klicke. auf dieser Startseite kann man dann den Artikel anklicken und es wird der Artikel geladen und die URL ändert sich auf news/Artikelnummer. kann man das mit dem include Befehl machen oder gibt es da andere Möglichkeiten?

LG Calamann

...zur Frage

HTML DIV Box von externer Webseite in eigene einfügen?

Ist es möglich, dass ich eine DIV Box von einer anderen Webseite z.B. von YouTube in meiner Webseite einbinde??

Vielleicht mit dem Tag "include" oder "iframe" aber damit kenne ich mich leider nicht aus.

Danke für eure Hilfe!

...zur Frage

DIV overflow: scroll; automatisch nach unten Scrollen?

Hallo,

ich habe ein Php Skript:

<?php
echo "<div class'eins'>Eins</div>"; 
echo "<div class'zwei'>Zwei</div>";


echo "<div class'output'>Hier <br/>ist <br/>der <br/>overflow: scroll;</div>";

echo "<div></div>";
?>

Den overflow: scroll; definiere ich in CSS.

Jetzt möchte ich, dass automatisch nach ganz unten gescrollt wird, wenn die Seite aufgerufen bzw. neu geladen wird.

Im Internet bin ich auf folgenden Code gestoßen:

<?php
echo '<body onLoad="letzteselement.scrollIntoView();">';

echo "<div class'eins'>Eins</div>"; 
echo "<div class'zwei'>Zwei</div>";


echo "<div class'output'>Hier <br/>ist <br/>der <br/>overflow: scroll; 
<a id="letzteselement" /> 
</div>";

echo "<div></div>";
?>

Bei Firefox funktioniert das auch einwandfrei, wenn ich allerdings einen anderen Browser benutze (z.B. Microsoft Edge) ist es, als ob der Code nicht existier -> es passiert nichts.

(Ich weiß nicht, ob es wichtig ist, aber der Inhalt meines Div wird aus einer Datenbank ausgelesen und ist relativ groß (Text))

Kent jemand noch einen anderen Code, der immer funktioniert?

...zur Frage

Website dauerhaft mit Javascript bearbeiten?

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <div>
      <input placeholder="Irgendwas eingeben" id="password">
    </div>
    <button onclick="password()"> Press Me</button>
    <script>
      
      function password() {
        let password = document.getElementById('password').value;
        let element = document.createElement('div');
        element.innerText = password;
        document.body.appendChild(element);
      }
    </script>
  </body>
</html>

Hi wenn ich nun die Website neu Lade dann bleiben die Divs nicht bestehen,

kann mir jemand sagen wie ich die Divs dauerhaft auch für andere clients sichtbar

behalten kann.?

...zur Frage

Uncaught Error: Call to a member function fetch() on bool in?

Kann mir jemand sagen, was ich falsch gemacht habe?

<section claas="container" id="products">
  <div class="row">
    <?php while($row = $result->fetch()): ?>
      <div class="col">
        <?php include 'card.php' ?>
      </div>
    <?php endwhile; ?>
  </div>
</section>

...zur Frage

PHP: mit if-Bedingung neue Seite öffnen

habe bis jetzt:

        if($_POST["passwort"]=="XYXYXY")
            {
             include 'index.php';
            }
        else
            {
            echo '
            <form action="" method="post">
            <input type="Password" name="passwort">
            </form> ';
            }

nun möchte ich aber nicht include sondern, dass es die den link öffnet.

Vielen Dank für Ratschläge!

...zur Frage

NGINX | PHP Website lädt sich runter und öffnet sich nicht?

Hallo, wie oben beschrieben, immer wenn ich auf meine Passwort gesicherte Seite öffne die mit Nginx läuft und index.html ist kann ich sie öffnen, aber wenn ich oben im reiter bei der Seite auf "Forum" gehe die mich auf page/forum/index.php weiterleitet wird sie nur Runtergeladen und nicht geöffnent.

Ich habe eine andere Seite wo ich den selben Code bei NGINX für PHP verwende, aber OHNE auth_basic, und die geht ohne Probleme.

Bei den Logs für Nginx sehe ich keine Probleme.

server {
    listen 443 ssl;
    server_name login.domain.de;
    root /var/www/html_domain/projek/login;
    ssl_certificate /etc/letsencrypt/live/domain.de/fullchain.pem; 
    ssl_certificate_key /etc/letsencrypt/live/domain.de/privkey.pem;
    index index.html index.htm index.php;
    
    location ~ \.php$ {
        include snippets/fastcgi-php.conf;
        fastcgi_pass unix:/run/php/php7.3-fpm.sock;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        include fastcgi_params;
    }

    location ^~ /account/user2/ {
        auth_basic "user2";
        auth_basic_user_file /etc/nginx/login/.user2;
        try_files $uri $uri/ =404;
    }
    
    location ^~ /account/user/ {
        auth_basic "user";
        auth_basic_user_file /etc/nginx/login/.user;
        try_files $uri $uri/ =404; 
  }
}

...zur Frage

php passwort überpüfung?

Guten Abend, ich habe eine Html Datei erstellt die eine Loginseite darstellt. Dazu habe ich eine PHP Datei erstellt die das Passwort abfragen soll. Aber wenn ich auf einloggen klicke wird mir nur der Code der PHP angezeigt. Also ich kann mich weder einlogen noch sagt mir die PHP ob das Passwort falsch ist. Was kann ich tun.

Der Html code:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Login</title>
<link rel="shortcut icon" type="image/x-icon" href="https://www.flaticon.com/premium-icon/icons/svg/2395/2395608.svg" />
<link rel="stylesheet" type="text/css" href="../CSS/global.css">
</head>
<style type="text/css"></style>
<body>
<div class="form-container">
<div id="benutzer-bild"></div>
<center><h2><b>Login</b></h2></center>
<form method="POST" action="loign.php">
Benutzername: <input type="text" name="user"/><br>
Passwort: <input type="password" name="password"/><br>
<input type="submit" value="Einloggen"/>
</form>
</div>
</body>
</html>
der PHP code:
<?php
$user = $_POST['user'];
$password = $_POST['password'];
if ($user=="Admin" && $password==Admin)
{
  header('location:startseite.html');
}
else
{
  echo "dfgdfgfdgdfgdfg";
}
?>

...zur Frage

Sticky navbar funktioniert nicht?

Guten Tag, ich muss für die Schule eine Webseite erstellen und wollte eine Sticky navbar einfügen. Dabei soll der untere Teil mit La Petite France, Cathédrale, rivière kleben bleiben. Kann mir jemand helfen?

<script>
        window.onscroll = function() {myFunction()};

        var navbar = document.getElementById("navbar");
        var sticky = navbar.offsetTop;

        function myFunction() {
        if (window.pageYOffset >= sticky) {
        navbar.classList.add("sticky")
    } else {
        navbar.classList.remove("sticky");
    }
    }
</script>

<header>
    <section class="hero is-medium">
        <div class="hero-head">
            <nav class="navbar">
                <div class="container">
                    <div class="navbar-brand">
                        <a class="navbar-item" href="index.html">
                            <img src="cigogne_strasbourg.png" alt="Logo">
                        </a>
                        <span class="navbar-burger" data-target="navbarMenuHeroB">
                            <span></span>
                            <span></span>
                            <span></span>
                      </span>
                    </div>
                    <div id="navbarMenuHeroB" class="navbar-menu">
                        <div class="navbar-end">
                            <a class="navbar-item is-active" href="index.html">
                                Home
                            </a>
                            <a class="navbar-item" href="details.html">
                                Y arriver
                            </a>
                            <a class="navbar-item" href="anmeldung.html">
                                Composer ses vacances
                            </a>
                            <span class="navbar-item">
                              <a class="button is-info is-inverted">
                                <!--<span class="icon">
                                  <i class="fab fas fa-fingerprint"></i>
                                </span>-->
                                <span>Einloggen</span>
                              </a>
                            </span>
                        </div>
                    </div>
                </div>
            </nav>
        </div>
        <div class="hero-body">
            <div class="tile is-ancestor">
                <div class="tile is-parent">
                    <div class="tile is-child is-4 is-align-content-end">
                        <h1 class="title is-2">Strasbourg</h1>
                        <h2 class="subtitle is-4">La P'tit Venise</h2>
                    </div>
                    <div class="tile is-child is-8">
                        <figure class="image">
                            <img width="10" src="cathedralefenetre.jpg" alt="Fenêtre"/>
                        </figure>
                    </div>
                </div>
            </div>
        </div>



<div id="navbar">
            <nav class="tabs is-boxed is-fullwidth">
                <div class="container">
                    <ul>
                        <li class="is-active">
                            <a href="javascript:void(0)">La Petite France</a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">La Cathédrale Notre-Dame</a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">La rivière</a>
                        </li>
                    </ul>
                </div>
            </nav>
</div>

    </section>
</header>

CSS:

.content {
    padding: 16px;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
.sticky + .content {
    padding-top: 60px;
}

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen