Prikaži več gumb

Ja, za to boš pa že rabil javascript.

Pa saj se da tudi z osnovnim html, tako da na gumb linkaš drugo stran, kjer imaš 'več'(kopija te iste strani z gumbom 'nazaj' ali 'manj' in polnim tekstom).

Efekt sicer ni tko fancy, kot z javaskriptom ampak za prvi začetek, je tudi to bolje, kot da se greš zdej matrat z javaskriptom in php, če še osnovnega html nisi osvojil.

cobrica je 13. avg 2012 ob 20:29 izjavil:

Še boljša rešitev PHP, kjer določiš z funkcijo koliko znakov naj izpiše(recimo 400) in če prekorači 400 znakov prikaze gumb več, kjer izpiše celotno vsebino.

Php je server-side, kako bo php prikazal več vsebine ko uporabnik klikne gumb ?
Z phpjem se lahko odločiš ali gumb je oziroma ni, ampak vse kar se dogaja client-side nima php nobene veze.
Javascript za tako zadevo je precej enostaven.
OP, googlaj malo :)

<div style="height:20px;overflow:hidden; width:200px;" id="blah">
Hello Hello Hello.Hello Hello Hello.Hello Hello Hello.Hello Hello Hello.Hello Hello
Hello.Hello Hello Hello.Hello Hello Hello.Hello Hello Hello.Hello Hello Hello.Hello
Hello Hello.Hello Hello Hello.Hello Hello Hello.Hello Hello Hello.
</div>
<button type="button" onClick='showHide();'>vec/manj</button> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
var open = false;
function showHide(){
var element = $('#blah');
if (open) {
        element.animate({height:'20px'}); 
	
    }
    else {
        element.animate({height:'130px'});
    }
    open = !open;
}

</script>

NeMeTko je 14. avg 2012 ob 13:34 izjavil:

Dajta zaustaviti konje - vprašanje je postavil več kot očitni začetek pisanja html vsebin.

Vidva se pa kregata, kako bi to rešil 'advanced user'.

Mene samo zanima kako bi se to rešilo z phpjem.
Primer je pa precej enostaven..
Če OP ne bo razumel bo upam zastavil podvprašanja.

Ja točno to, ampak to zahteva load nove strani.
Če imaš na strani polno vsebine in uporabniku zarad malo texta reloadaš page je...
Če že mora bit php pol ajax request na nek php, ki vrne text. Spet BV.

cobrica je 13. avg 2012 ob 20:29 izjavil:

Še boljša rešitev PHP

Ne, ni boljša.

S pomočjo CSS pa nihče ne obvlada rešitve?

Če smo že zašli proč od variante za popolne začetnike (za kar se je prvotno tu šlo) in se spuščate v globeli JS in Ajax prijemov, potem bi upal, da se bo našel tudi kdo, ki obvlada rešitev s pomočjo CSS - brez JS, Ajaxa in ostale navlake. Koneckoncev je CSS sestavni del html?
(edino, kar zamerim CSS, je to, da ga vsak browser neki po svoje podpira in izvaja)

Kaj pa kaj takega?

Misek ne vem če je to letelo name ampak uporablja se JS.

NeMeTko ja gre že na ta način, ampak dobit obliko, ki bo dejansko nekako zgledala in stala pa ne moreš. Sploh če dovoliš, da se besedilo vnaša preko npr. tinymce, in user uporabi poudarke, underline in ostale zadeve katere zvišajo vrstico, lahko bi določil line-height ampak ne vem če bi pri teh zadevah palila, ker se ti zna zgodit da boš imel besedilo odrezano na sredini vrstice.

Skratka, če hoče funkcionalno zadevo bo uporabil samo PHP (za pridobivanje in krajšanje besedila) in CSS za prikaz/skrivanje.

Na kakšen način boš s CSS spreminajal more - less.... to, da narediš ob :hover, da se ti ce ltext pojav to ni nič novega... kako pa meniji delajo.

CSS: http://cssmenumaker.com/menu/red-and-wh...

Css se tudi da.

<style type="text/css">
#lightbox .more{
        display:none;
    }
 #lightbox:target .more{
         display:block;
 }

 #lightbox:target .more-toggle{
 	display: none;
 }

</style>
<div id="lightbox">
	Blah blah blah
          <div class="more">
              Hi!! <br />

              HELO MOTO !! :)
             <br> <a href="#">Manj</a><br />
          </div>
	<a class="more-toggle" href="#lightbox" >Vec</a>
</div>

Sej je kul trik, samo mislim da bi tole delovalo samo če imaš le 1 gumb manj/več. Definitivno je javascript tukaj daleč najbolj standardna opcija, verjetno tudi najboljša.

MrBrdo je 16. avg 2012 ob 15:32 izjavil:

Sej je kul trik, samo mislim da bi tole delovalo samo če imaš le 1 gumb manj/več. Definitivno je javascript tukaj daleč najbolj standardna opcija, verjetno tudi najboljša.

Komot furaš več instanc, če želiš ti napišem primerček.

Mene zanima kako bi s CSS hendlu klik event. Lepota JS je da samo v class ali pa id nekaj namečeš (npr. collapsed) in pol s tem operiraš.

IE, niti verzija 10 ne podpira :target.

Vsekakor je tukaj CSS only slabša rešitev.

Itak da ne, če zadeva dela na osnovi tega.

Jaz sem proti temu da bi se CSS uporabljal v ta namen. Enostavno ni temu namenjen, če se to da je sicer cool ampak tukaj že govorimo o nekem behaviorju kar meni ne spada v domeno "stylesheeta". Prej bi to dal v domeno samega HTML kot pa v CSS, Javascript pa je daleč najbolj primeren iz tega vidika. V HTML bi lahko bilo smiselno ker gre za neke vrste strukturo dokumenta. V sklopu tega kar je trenutno možno mi je najbolj simpatična unobtrusive JS rešitev ki bi zgledala nekako tako:

<div data-more-link="Več" data-text-limit="250">celotna vsebina</div>

in pripadajoč JS, morda še default text za link v headu (meta tag), v kolikor ni podan data-more-link pri posameznem elementu. Edino ne vem če zna bit tu problem da se bi najprej pojavila celotna vsebina, preden bi JS naredil svoje.

Ker si omenil SEO, kako google prenaša skrito besedilo?