Azi este Marti, 8 de Aprilie.2017

cu reduceri

Deschide sau ascunde un text intr-un post pe blog


Iti propun o metoda usoara de a deschide sau ascunde un text folosind un script ce functioneaza dupa modelul nextSibling.

Mergem la Aspect->Editare HTML si introducem codul de mai jos exact inaintea liniei </head>


<script type='text/JavaScript'>
function verocultar(cual) {
var c=cual.nextSibling;
if(c.style.display=='none') {
c.style.display='block';
} else {
c.style.display='none';
}
return false;
}
</script>


Salvam modificarea.Acum deschidem un post nou unde vom introduce urmatorul cod

<a onclick="return verocultar(this);"
href="javascript:void(0);">[+/-]</a><div style="display: none;">
....... aici vine scris textul ascuns .......
</div>

Pentru a functiona corect scriptul (unde apare semnului acesta [+/-] ) trebuie sa-i adaugam un linck(url de text sau imagine)

Rezultatul cu simbolul original:
Deschide/ascunde [+/-]

Rezultatul este acesta aici dupa cum se observa se poate adauga imagine,text,bannere sau tot ce doresti tu sa apara.


Rezultatul cu o imagine:
Deschide/Ascunde

Dupa cum ai observat in acest exemplu simbolul a fost inlocuit cu o imagine.

Related Posts:

  • Meniu orizontal foarte simplu efect hover cu sageataAcest meniu nu spun ca, este ceva nou si nici spectaculos dar este un meniu foarte simplu de aplicat, deschizi un nou gadget HTML/Javascript si adaugi codul de mai jos, daca esti atent, vezi unde se pot face modificari pentru… Read More
  • Cum adaugi bannere flash in Blogger Cateva trucuri pentru blogul tau. Bannerele Flash sunt cunoscute pentru capacitatea lor de a aduce un plus de interactiune ofertei comerciale prezentate clientului, fata de cele obisnuite, statice. Desi aspectele legate de … Read More
  • Cum se deschide TOTUL intr-o noua fereastra?Eticheta BASE este unul dintre acele coduri HTML care nu le luam mai nici o data in considerare:<base target="content" />Stabileste destinatia in mod implicit a linck-urilor unei pagini web, mai ales atunci cand se util… Read More
  • Efecte imagine pentru blogul tauCateva trucuri pentru a modifica o imagine si a o adapta la un sptiu anume pe blogul tau. Cu ajutorul unui simplu cod html se poate modifica: grosimea de margine, rotunjirea colturilor fara a folosi programe complicate de pe … Read More
  • Generator cod HTML de culori completHex Code Generator V1 Un complet generator de coduri pentru culori creat in flash si se poate folosi pentru generarea codurilor hexadecumal,HSL,HSV care ne dau codul BGR de la culoarea alesa.În plus, se evidenţiază o caracte… Read More

0 comentarios:

Trimiteți un comentariu

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc