PHP/ Javascript ukrywanie/pokazywanie opisu.

Ale przerabiac teraz to wszystko?

I tak masz z automatu :D
Tak, powinienes to przepisac na divy. Co wiecej, mozez to nawet zawrzec w <article> to juz w ogole bedzie bajka :D

fadeToggle() z automatu robi ci display:none na koncu, wiec nie musisz w js usuwac/dodawac klasy hidden juz :)

Co do formatowania php/ html.

Pisanie echo "<td>... jest slabe

Lepiej jest:

Kod PHP:

---

<?php $articles = get_articles(); ?> <?php if (!empty($articles)) : ?> <div class="articles-container"> <?php foreach ($articles as $index => $article) : ?> <article> <div class="article-thumb"><img src="<?php echo $article['img']; ?>" alt=""></div> <h3 class="article-title"><?php echo $article['title']; ?></h3> <span class="article-year"><?php echo $article['year']; ?></span> </article> <?php endforeach; ?> </div> <?php endif; ?>

---

Oczywiscie to jest najprostszy sposob, dzisiaj prymitywny, bo warto uzyc systemow szablonow jak twig, blade, smarty itp. Ale to juz dalsza jazda. Na poczatku jazdy z php takie cos nie kluje tak strasznie w oczy jak pisanie wszystkiego przez echo. Tam jeszcze przed wyswietleniem danych warto zadbac o czyszczenie znakow za pomoca htmlspecialchars(), zeby przypadkowo nie rozsypal sie html przez nieprawidlowe znaki.

Zachowujesz dzieki temu kolorowanie skladni html, i php wklejasz tylko tam gdzie sa zmienne statyczne.

@Bazan ; @Mistrzu dragon ; @zakius ; @2cztery7 ;
Panowie, ostatnia juz sprawa.
Zrobilem ta tabele na divach.
http://wklej.org/hash/39e80cd23bb/
Tutaj css do tabelki:
http://pastebin.com/WgbwfRDD

I mam problem z tym, zeby podpiac ten obrazek do diva z opisem.
Rozchodzi sie zapewne o ta linijke:

Kod PHP:

---

$('.show').click(function() { $(this).closest('tr').next('tr').fadeToggle().toggleClass('hidden');

---

Pomozecie ja zmodyfikowac pod tego diva?

Kod:

---

                        $('.show').click(function() {
                                $(this).closest('.tytuly').next(".hidden, .open").toggleClass('hidden open');
                        });

---

css

Kod:

---

.hidden
{
    overflow:hidden;
        display: none;
        width: 800px;
        height: 500px;
        border: 1px rgb(0, 0, 0) solid;
        background-color: red;       
}
.open
{
}

---

Z serii można ale po co : jeżeli dane są w 1 linii to z palcem w dupie robi się takie coś na tabelach a nie na divach, wystarczy spojrzeć na imdb czy filmweb.

Cytuj:

---

Mistrzu dragon napisał

Kod:

---

                        $('.show').click(function() {
                                $(this).closest('.tytuly').next(".hidden, .open").toggleClass('hidden open');
                        });

---

css

Kod:

---

.hidden
{
    overflow:hidden;
        display: none;
        width: 800px;
        height: 500px;
        border: 1px rgb(0, 0, 0) solid;
        background-color: red;       
}
.open
{
}

---

Z serii można ale po co : jeżeli dane są w 1 linii to z palcem w dupie robi się takie coś na tabelach a nie na divach, wystarczy spojrzeć na imdb czy filmweb.

---

W jakim celu overflow, width, height, border, background-color jak display none?

@Mistrzu dragon ;

Dziala, dzieki... po raz kolejny.

Cytuj:

---

Wielkie Zło napisał

W jakim celu overflow, width, height, border, background-color jak display none?

---

to jego css, ja zrobiłem tylko jquery