HTML ke PHP

mau tanya... ini ga sengaja iseng dapet template, dan disini ane mengganjal sekali... di bagian ini

jadi ketika ane milih Logo, dia akan menampilkan yang logo .. ketika dipilih web design akan menampilkan web design.. seperti ini codingannya

<div id="filters-container" class="cbp-l-filters-button">
                    <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
                        All <div class="cbp-filter-counter"></div>
                    </div>
                    <div data-filter=".identity" class="cbp-filter-item">
                        Identity <div class="cbp-filter-counter"></div>
                    </div>
                    <div data-filter=".web-design" class="cbp-filter-item">
                        Web Design <div class="cbp-filter-counter"></div>
                    </div>
                    <div data-filter=".graphic" class="cbp-filter-item">
                        Graphic <div class="cbp-filter-counter"></div>
                    </div>
                    <div data-filter=".logos" class="cbp-filter-item">
                        Logo <div class="cbp-filter-counter"></div>
                    </div>
                </div>

                <div id="grid-container" class="cbp">
                    <div class="cbp-item graphic">
                        <div class="cbp-caption">
                            <div class="cbp-caption-defaultWrap">
                                <img src="img/img-1.jpg" alt="">
                            </div>
                            <div class="cbp-caption-activeWrap">
                                <div class="cbp-l-caption-alignCenter">
                                    <div class="cbp-l-caption-body">
                                        <a href="ajax/project1.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                        <a href="img/img-1.jpg" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Dashboard<br>by Paul Flavius Nechita">view larger</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="cbp-l-grid-projects-title">Dashboard</div>
                        <div class="cbp-l-grid-projects-desc">Web Design / Graphic</div>
                    </div>
                    <div class="cbp-item web-design logos">
                        <div class="cbp-caption">
                            <div class="cbp-caption-defaultWrap">
                                <img src="img/img-2.jpg" alt="">
                            </div>
                            <div class="cbp-caption-activeWrap">
                                <div class="cbp-l-caption-alignCenter">
                                    <div class="cbp-l-caption-body">
                                        <a href="ajax/project1.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                        <a href="img/img-2.jpg" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="World Clock Widget<br>by Paul Flavius Nechita">view larger</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="cbp-l-grid-projects-title">World Clock Widget</div>
                        <div class="cbp-l-grid-projects-desc">Logo / Web Design</div>
                    </div>
                    <div class="cbp-item graphic logos">
                        <div class="cbp-caption">
                            <div class="cbp-caption-defaultWrap">
                                <img src="img/img-3.jpg" alt="">
                            </div>
                            <div class="cbp-caption-activeWrap">
                                <div class="cbp-l-caption-alignCenter">
                                    <div class="cbp-l-caption-body">
                                        <a href="ajax/project1.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                        <a href="img/img-3.jpg" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="To-Do Dashboard<br>by Tiberiu Neamu">view video</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="cbp-l-grid-projects-title">To-Do Dashboard</div>
                        <div class="cbp-l-grid-projects-desc">Graphic / Logo</div>
                    </div>

nah.. pertanyaannya itu .. kalau ini dipanggilkan dari database lalu codingannya seperti apa ya? mohon bantuannya

avatar Tidak ada Nama
@Tidak ada Nama

102 Kontribusi 17 Poin

Diperbarui 7 tahun yang lalu

5 Jawaban:

karena agan tidak menceritakan situasi agan seperti apa, saya asumsikan agan belum belajar PHP, coba belajar dulu bertahapa disini https://sekolahkoding.com/track/backend-website

avatar hilmanski
@hilmanski

2672 Kontribusi 2132 Poin

Dipost 7 tahun yang lalu

jadi saya punya tabel di database dengan nama "Handphone" di halaman interface(index) itu akan ada beberapa merk hp yang sudah ada di tabel.. naah maksdnya nanti ketika misal "user" memliki merk "X" hanya akan menampilkan yang X saja, tidak akan menampilkan Y Z AB dst gitu bang

avatar Tidak ada Nama
@Tidak ada Nama

102 Kontribusi 17 Poin

Dipost 7 tahun yang lalu

berikutnya lebih baik kalo pertanyaanya langsung spesifik seperti itu, lebih jelas, gunakan querynya WHERE biasa

 SELECT * FROM $table WHERE merek='x'
avatar hilmanski
@hilmanski

2672 Kontribusi 2132 Poin

Dipost 7 tahun yang lalu

ok bang hilman.. terima kasih atas jawabannya, saya coba dulu..

avatar Tidak ada Nama
@Tidak ada Nama

102 Kontribusi 17 Poin

Dipost 7 tahun yang lalu

oh iya bang hilman, lalu untuk penulisannya gimana ya? kan kalau dari code diatas dia menggunakan

<div data-filter=".identity" class="cbp-filter-item">Identity <div class="cbp-filter-counter"></div></div>

dan untuk menampilkannya menggunakan ini

<div class="cbp-item web-design logos">
                        <div class="cbp-caption">
                            <div class="cbp-caption-defaultWrap">
                                <img src="img/img-2.jpg" alt="">
                            </div>
                            <div class="cbp-caption-activeWrap">
                                <div class="cbp-l-caption-alignCenter">
                                    <div class="cbp-l-caption-body">
                                        <a href="ajax/project1.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                        <a href="img/img-2.jpg" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="World Clock Widget<br>by Paul Flavius Nechita">view larger</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="cbp-l-grid-projects-title">World Clock Widget</div>
                        <div class="cbp-l-grid-projects-desc">Logo / Web Design</div>
                    </div>

apakah menggunakan query

SELECT * FROM hp WHERE merek='x'

??

avatar Tidak ada Nama
@Tidak ada Nama

102 Kontribusi 17 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban