vysuvajuci sa text na webe

hoid · Príspevok od používateľa **hoid** » 02 mar 2011, 8:29

ahojte,
potrebval by som poradit nejaky jednoduchy skript ako vytvorit posuvajuci text na stranke,
ide mi o to ze na stranke mam dlhe texty kde by som chcel po prvom nahliadnuti zobrazit len
prvych 5 riadkov textu a dalsi by sa vysunul po stlaceni tlacitka viac..

dakujem za rady

harrison314

Apsolutne najejdnoduchsie je do boxu v ktorom mas ten text pridat css vlastnost

Kód: Vybrať všetko

overflow:auto;

Ak je treba prida ti to tam skrolovatko

c-ice · Príspevok od používateľa **c-ice** » 02 mar 2011, 9:59

takze chces vlastne tlacitko "Read More" ...
tak z hlavy skusim

Kód: Vybrať všetko

<div name="clanok1">
  <div class="content">
    <p>Prvých 5 riadkov</p>
    <p class="zvysok" style="display:none">
      vela textu....
    </p>
  </div>
  <input value="Read More" class="readMore" type="button" style="display:block" onclick="this.parentNode.querySelectorAll('p.zvysok')[0].style.display='block'; this.style.display='none'; this.parentNode.querySelectorAll('input.readLess')[0].style.display='block';" />
  <input value="Read Less" class="readLess" type="button" style="display:none" onclick="this.parentNode.querySelectorAll('p.zvysok')[0].style.display='none'; this.style.display='none'; this.parentNode.querySelectorAll('input.readMore')[0].style.display='block';" />
<div>

hoid · Príspevok od používateľa **hoid** » 02 mar 2011, 11:22

vdaka, toto presne som potreboval

vysuvajuci sa text na webe

vysuvajuci sa text na webe

Re: vysuvajuci sa text na webe

Re: vysuvajuci sa text na webe

Re: vysuvajuci sa text na webe