| Autor | Zpráva | ||
|---|---|---|---|
| Dolphi Profil |
#1 · Zasláno: 16. 3. 2010, 17:31:32
Zdravím,
potřeboval bych pomoci s takovou maličkostí. Ve zdroji mám několik bloků textů, se stejnou class a vizuálně bych je chtěl umístit, seskupit do jednoho DIVu. <div class="body"> <p class="text">Lorem Ipsum ...</p> <p class="note">Poznámka..</p> <p class="text">Lorem Ipsum ...</p> <p class="note">Poznámka..</p> <p class="text">Lorem Ipsum ...</p> <p class="note">Poznámka..</p> <p class="text">Lorem Ipsum ...</p> <div class="notes"></div> </div> Čili aby text plynul a poznámky se vizuálně seskupily například až pod textem. Lze toho prosím nějak dosáhnout? (CSS, JS, jQuery..) |
||
| Chamurappi Profil |
#2 · Zasláno: 16. 3. 2010, 18:01:38
Reaguji na Dolphiho:
Současné CSS to neumí, pokud vím. JavaScriptem by to šlo snadno, za konec <div>u dej:
<script>
var cilovyDiv = document.getElementById("notes");
var zdrojovyDiv = document.getElementById("body");
for(var i = 0, p; p = zdrojovyDiv.getElementsByTagName("p")[i]; i++)
if(p.className == "note") cilovyDiv.appendChild(p);
</script><div> musí mít id="body", cílový <div> musí mít id="notes" a nesmí být uvnitř zdrojového <div>u.
|
||
|
Časová prodleva: 14 let
|
|||
0