div höhe automatisch der höchsten div anpassen

skyfin · 28. Oktober 2019

Servus, ich möchte das 3 divs immer die selbe höhe haben.

Die Höhe wird sich immer wieder durch eine sql-injektion verändern.

Die kleineren Divs sollen immer die höhe der größten div annehmen.

Danke für eure hilfe =)

Code

<div id="a" style="height: 10px; background-color: #0a2b1d"></div>
<div id="b" style="height: 20px; background-color: #1c7430"></div>
<div id="c" style="height: 30px; background-color: #1dc116"></div>

<script>
    var a = document.getElementById("a");
    var b = document.getElementById("b");
    var c = document.getElementById("c");

    document.write(a.offsetHeight + " ") ;
    document.write(b.offsetHeight +  " " ) ;
    document.write(c.offsetHeight + " ");

    if (c.offsetHeight > a.offsetHeight && b.offsetHeight) {
        document.getElementById("a").style.height = document.write(c.offsetHeight);

    }
</script>

Alles anzeigen

Arne Drews · 28. Oktober 2019

Zitat von skyfin

Servus, ich möchte das 3 divs immer die selbe höhe haben.

CSS: Flexmodell

Zitat von skyfin

Die Höhe wird sich immer wieder durch eine sql-injektion verändern.

Du verwendest bewußt Injections?! Glaube ich nicht...

skyfin · 28. Oktober 2019

die Texte in den divs werden mit php über ein admin panel verändert.

skyfin · 28. Oktober 2019

mein js ist nicht das beste

PHP

<!-- cards -->
<section class="cards bgHellGrey">
    <!-- cards -->
    <div class="container">

        <h3 class="text-center">Finden Sie Ihren Traumjob</h3>
        <p class="text-center text-muted font-italic">
            Besuchen Sie unsere
            <button id="home_aJob" onclick="onJobboerse()" class="hover-darkorange color777 noBtn bgHellGrey">
                <b class="hover-darkorange">Jobbörse</b>
            </button>

            um mehr Stellenangebote zu sehen
        </p>

        <div class="row">

            <div class="col-12 col-xs-4 d-md-none d-lg-block col-lg-4">
                <div id="card_home1" class="card mb-4">
                    <img class="card-img-top" src="layout/admin/stAdmin/uploads/stImg1.png" alt="Card image cap">

                    <?php
                    $stmt = "SELECT * FROM stellenangebot WHERE id = 1";
                    $stJobid = $pdo->query($stmt)->fetch();

                    $JobidID1 = $stJobid['job-id'];
                    ?>

                    <p class="pr-1 text-right text-muted">Job-ID <?php echo $JobidID1 ?></p>

                    <div class="card-body">
                        <?php
                        $stmt = "SELECT * FROM stellenangebot WHERE id = 1";
                        $stTitle = $pdo->query($stmt)->fetch();

                        $TitleID1 = $stTitle['title'];
                        ?>
                        <h4 class="card-title"><b><?php echo $TitleID1 ?></b></h4>

                        <?php
                        $stmt = "SELECT * FROM stellenangebot WHERE id = 1";
                        $stMiniText = $pdo->query($stmt)->fetch();

                        $MiniTextID1 = $stMiniText['miniText'];
                        ?>

                        <p class="card-body"><?php echo $MiniTextID1 ?></p>

                    </div>

                    <div>
                        <a href="?stellenangebot&stelleId=1">
                            <div class="text-center pb-3">
                                <div class="btn btn-warning white">Stellenangebot</div>

                            </div>
                        </a>
                    </div>

                </div>
            </div>

            <div class="col-12 col-xs-4 col-md-6 col-lg-4">
                <div id="card_home2" class="card mb-4">
                    <img class="card-img-top" src="layout/admin/stAdmin/uploads/stImg2.png" alt="Card image cap">

                    <?php
                    $stmt = "SELECT * FROM stellenangebot WHERE id = 2";
                    $stJobid = $pdo->query($stmt)->fetch();

                    $JobidID2 = $stJobid['job-id'];
                    ?>

                    <p class="pr-1 text-right text-muted">Job-ID <?php echo $JobidID2 ?></p>

                    <div class="card-body">
                        <?php
                        $stmt = "SELECT * FROM stellenangebot WHERE id = 2";
                        $stTitle = $pdo->query($stmt)->fetch();

                        $TitleID2 = $stTitle['title'];
                        ?>
                        <h4 class="card-title"><b><?php echo $TitleID2 ?></b></h4>

                        <?php
                        $stmt = "SELECT * FROM stellenangebot WHERE id = 2";
                        $stMiniText = $pdo->query($stmt)->fetch();

                        $MiniTextID2 = $stMiniText['miniText'];
                        ?>

                        <p class="card-body"><?php echo $MiniTextID2 ?></p>
                    </div>

                    <div>
                        <a href="?stellenangebot&stelleId=2">
                            <div class="text-center pb-3">
                                <div class="btn btn-warning white">Stellenangebot</div>

                            </div>
                        </a>
                    </div>

                </div>
            </div>

            <div class="col-12 col-xs-4 col-md-6 col-lg-4">
                <div id="card_home3" class="card mb-4">
                    <img class="card-img-top" src="layout/admin/stAdmin/uploads/stImg3.png" alt="Card image cap">

                    <?php
                    $stmt = "SELECT * FROM stellenangebot WHERE id = 3";
                    $stJobid = $pdo->query($stmt)->fetch();

                    $JobidID3 = $stJobid['job-id'];
                    ?>

                    <p class="pr-1 text-right text-muted">Job-ID <?php echo $JobidID3 ?></p>

                    <div class="card-body">
                        <?php
                        $stmt = "SELECT * FROM stellenangebot WHERE id = 3";
                        $stTitle = $pdo->query($stmt)->fetch();

                        $TitleID3 = $stTitle['title'];
                        ?>
                        <h4 class="card-title"><b><?php echo $TitleID3 ?></b></h4>

                        <?php
                        $stmt = "SELECT * FROM stellenangebot WHERE id = 3";
                        $stMiniText = $pdo->query($stmt)->fetch();

                        $MiniTextID3 = $stMiniText['miniText'];
                        ?>

                        <p class="card-body"><?php echo $MiniTextID3 ?></p>

                    </div>


                    <div>
                        <a href="?stellenangebot&stelleId=3">
                            <div class="text-center pb-3">
                                <div class="btn btn-warning white">Stellenangebot</div>

                            </div>
                        </a>
                    </div>

                </div>
            </div>

        </div>
    </div>
</section>

Alles anzeigen

Arne Drews · 28. Oktober 2019

Zitat von skyfin

die Texte in den divs werden mit php über ein admin panel verändert.

Denke ich mir, war ein wenig Sarkasmus meinerseits, weil das nichts mit Injections zu tun hat.

Dann bitte auch gleich Kontextwechsel beachten und PreparedStatements verwenden, wenn Du schon PDO nimmst ( gute Wahl! ), das reduziert die Wahrscheinlichkeit von Injections ( hier meine ich tatsächlich Injections ).

skyfin · 28. Oktober 2019

kein problem, häng nur seit einer woche an dem problem und will es endlich lösen

skyfin · 28. Oktober 2019

die PreparedStatements bau ich schon zur zeit ein, muss noch einiges umschreiben

div höhe automatisch der höchsten div anpassen

Jetzt mitmachen!

Teilen