Dynamiczne alokowanie zawartości do div-a. NIE z osobnego pliku.

Question

Witam, jak wtemacie, będe miał coś takiego:
<div id="L"> ... </div>
<div id="R"> ... </div>
 

w tym samym pliku .php będą znajdowały się inne divy:
<div id="1">coś tam</div>
<div id="2">coś tam coś tam</div>
(...)

Następnie w divie L będą inne divy. Chciałbym aby po kliknięciu na dany div z L, w divie R pojawiał się div o danym id np 1.

I aby to wszystko było w jednym pliku. Może nawet nie potrzeba divóv o id 1,2,3,4,5 ale nie znam innej metody. Może można jakoś inaczej oznaczyć zawartość która będzie się wczytywała do R po klikaniu na poszczególne divy z L :)

Być może będzie to trudne dla kogoś do zrozumienia, to proszę mi napsiać a dam jakieś rysunki czy coś ;)
Pozdrawiam :)

Answer 1

Szukasz :target z CSS3 http://www.w3.org/Style/Examples/007/target.en.html

Comments

<div id="panel" class="przewijanie">
<?php require_once "L.php";?>
<h1>1. Podstawy matematyki</h1>
<h2>1. Zbiory liczbowe, NWW, NWD.</h2></br>
<h3>Wyróżniamy następujące zbiory liczbowe:</h3>
<a href="#item1"><div class="wiersz"><h4>-N</h4></div></a>
<a href="#item2"><div class="wiersz"><h4>-C</h4></div></a>
<a href="#item3"><div class="wiersz"><h4>-W</h4></div></a>
<a href="#item4"><div class="wiersz"><h4>-R</h4></div></a>
<a href="#item5"><div class="wiersz"><h4>-NW</h4></div></a>
</br><h3>Najlepiej przedstawi ci to ten schemat:</h3>
<center><img src="zadania/1/1/0_1.jpg"  width="100%" height="100%"/></center>
</div>

<div id="panel">
<?php require_once "R.php";?> 
<div class="items">
<p id="item1">Liczby Naturalne powstają na zasadzie dodawania 1 do każdej kolejnej liczby zczynając od zera. Nie posiadają żadnych pierwiastków, ułamków, liczb ujemnych i innych udziwnień.</br></br><h4>Przykładowo:</h4></br><img src="zadania/1/1/0_2.png"/></br><img src="zadania/1/1/0_3.png"/></br><img src="zadania/1/1/0_4.png"/></br><img src="zadania/1/1/0_5.png"/></br><img src="zadania/1/1/0_6.png"/></br><img src="zadania/1/1/0_7.png"/></p>
<p id="item2">Liczby Całkowite to liczby Naturalne + ujemne</br>Przykładowo: -1,-5,0,3,5</p>
<p id="item3">Liczby Wymierne to Liczby Całkowite w połączeniu z ułamkami jak </p>
<p id="item4"></p>
<p id="item5"></p>
</div>
</div>
<div style="clear:both;"></div>

 

---

Wpychasz tam h4, które jest elementem blokowym, a zgodnie ze specyfikacją HTML p to jedyny element, który automatycznie się zamyka przy napotkaniu elementów blokowych.

---

Jak więc nadać styl fragmentowi tekstu wewnątrz p nie używając h? ;)

---

Nadać styl != użyć h. Stylowanie nie ma nic do użytego znacznika.

Jeszcze prościej jest wymienić p na div

---

Udało mi się przekonwertować to na divy, wszystko pięknie działa, dzięki :D