Show/Hide div

Pogledaj prethodnu temu Pogledaj sledeću temu Ići dole

Show/Hide div

Počalji od Mr.Joker taj Ned Jan 08, 2012 2:07 am

Ukoliko želite da imate div koji će biti nova poruka onda možete to uraditi na sledeći način:
1.Ubacite javascriptu:
Kod:
function toggle(id) {
        var state = document.getElementById(id).style.display;
            if (state == 'block') {
                document.getElementById(id).style.display = 'none';
            } else {
                document.getElementById(id).style.display = 'block';
            }
        }
2.U CSS dodate:
Kod:
#hide_div {
background-image: url('http://www.dodaj.rs/f/38/fx/c3G0Oof/header.png');
  repeat:repeat-x;
  background-color:transparent;
  width:50px;
  height:100px;
width:100%;
    display:display;
}
3.U template gde zelite da bude odmah nakon body stavite:
Kod:
 <div id="hide_div"></div>
  <img src="http://images-3.findicons.com/files/icons/2166/oxygen/22/thumbnail_show.png" onclick="toggle('hide_div');"></img>
Sada ostaje samo da uživate. DEMO: [You must be registered and logged in to see this link.]

Napomena:
Možete promeniti i samu sliku kako će izgledati za promenu diva, i naravno samu sliku kako ce izgledati div, sve je to na vama da sredite, na meni je da vam pokažem kako radi skripta.


Who says anarchy, says negation of government;
Who says negation of government, says affirmation of the people;
Who says affirmation of the people, says individual liberty;
Who says individual liberty, says sovereignty of each;
Who says sovereignty of each, says equality;
Who says equality, says solidarity or fraternity;
Who says fraternity, says social order.

Mr.Joker
Administrator
Administrator

Broj poruka Broj poruka : 1709
D4U Novac D4U Novac : 1871
Reputacija Reputacija : 31
Godina Godina : 24
Lokacija Lokacija : Svet Foruma
Poso/dokolice Poso/dokolice : Programiranje


Pogledaj profil korisnika

Nazad na vrh Ići dole

Re: Show/Hide div

Počalji od Prince. taj Sub Feb 11, 2012 5:58 am

Hvala na tutorijalu. Ja NEŠTO spremam pa sam pokušao zamjeniti neke stvari sa fixed.
Dakle evo kako u mene ide kod, ali neće da radi iz meni nepoznatog razloga.

Kod:
function toggle(id) {
        var state = document.getElementById('fix_div').style.position;
            if (state == 'absolute') {
                document.getElementById(id).style.position = 'fixed';
            } else {
                document.getElementById(id).style.position = 'absolute';
            }
        }
Tu sam umjesto 'id' u zagradi stavio ime svog pravog "id-a".

Kod:
#fix_div {
background: #00000;
position: absolute;
width: 100%;
height: 40px;
}
To je CSS dakle.

Kod:
<div id="fix_div">
   <p class="menu" style="margin-left: 10px; margin-top: 9px">
   <font size="1" color="#FF6666" face="Trebuchet MS">ČLANOVI:</font><font color="#C0C0C0" face="Trebuchet MS"> <a href="/forum">Početna</a></font><font color="#E0E0E0" face="Trebuchet MS">&nbsp;•&nbsp;</font><font color="#C0C0C0" face="Trebuchet MS"><a href="/faq">Č.P.P</a><font color="#E0E0E0" face="Trebuchet MS"> • </font> <a href="/h1">Partneri</a><font color="#E0E0E0" face="Trebuchet MS">&nbsp;•&nbsp;
   </font>
   <a href="http://blink-design.forumotions.in/privmsg?folder=inbox">Poruke</a><font color="#E0E0E0" face="Trebuchet MS">&nbsp;•&nbsp;</font><a href="logout">Odjava</a>&nbsp;&nbsp;&nbsp; </font>
   <font face="Trebuchet MS" size="1" color="#FF6666">GOSTI:</font><font color="#C0C0C0" face="Trebuchet MS"><font color="#E0E0E0" face="Trebuchet MS">&nbsp;•&nbsp;</font><a href="/register">Registracija</a><font color="#E0E0E0" face="Trebuchet MS">&nbsp;•&nbsp;</font><a href="/login">Prijava</a><font color="#E0E0E0" face="Trebuchet MS">&nbsp;
   | <a href="#" onclick="toggle('fix_div');">Tagiraj</font></font></div>

Link do stranice ćeš dobiti u PM...
Šta nije uredu. BTW pokušao u prvom kodu o ovom mom postu i staviti (fix_div) bez navodnika ili samo (id) ali ne ide.


[You must be registered and logged in to see this image.]
I LIVE TO LOVE
avatar
Prince.
Dizajner
Dizajner

Broj poruka Broj poruka : 1901
D4U Novac D4U Novac : 2116
Reputacija Reputacija : 3
Godina Godina : 21
Lokacija Lokacija : Stol'ca :P
Poso/dokolice Poso/dokolice : Umjetnost :)


Pogledaj profil korisnika http://we-are-teens.com/

Nazad na vrh Ići dole

Re: Show/Hide div

Počalji od MRKO taj Sub Feb 11, 2012 6:08 am

Ne radi skripta ili ti se ne prikazuje taj bar? background: #00000; imaš 5 nula, treba da imaš 6 za apsolutnu crnu.
avatar
MRKO
Administrator
Administrator

Broj poruka Broj poruka : 3710
D4U Novac D4U Novac : 5149
Reputacija Reputacija : 40
Godina Godina : 20
Lokacija Lokacija : drowned world


Pogledaj profil korisnika http://www.design4-u.net

Nazad na vrh Ići dole

Re: Show/Hide div

Počalji od Prince. taj Sub Feb 11, 2012 6:25 am

Ne radi skripta, vidim ja bar.


[You must be registered and logged in to see this image.]
I LIVE TO LOVE
avatar
Prince.
Dizajner
Dizajner

Broj poruka Broj poruka : 1901
D4U Novac D4U Novac : 2116
Reputacija Reputacija : 3
Godina Godina : 21
Lokacija Lokacija : Stol'ca :P
Poso/dokolice Poso/dokolice : Umjetnost :)


Pogledaj profil korisnika http://we-are-teens.com/

Nazad na vrh Ići dole

Re: Show/Hide div

Počalji od Mr.Joker taj Sub Feb 11, 2012 6:50 am

Zašto menjaš javascriptu ako ne znaš javascript? Ostavi kako jeste i samo prati tutorial Very Happy
Ti si u javascripti dodao umesto id ime tvoj nekog diva. A skritpa radi dok je ti ne promeniš.


Who says anarchy, says negation of government;
Who says negation of government, says affirmation of the people;
Who says affirmation of the people, says individual liberty;
Who says individual liberty, says sovereignty of each;
Who says sovereignty of each, says equality;
Who says equality, says solidarity or fraternity;
Who says fraternity, says social order.

Mr.Joker
Administrator
Administrator

Broj poruka Broj poruka : 1709
D4U Novac D4U Novac : 1871
Reputacija Reputacija : 31
Godina Godina : 24
Lokacija Lokacija : Svet Foruma
Poso/dokolice Poso/dokolice : Programiranje


Pogledaj profil korisnika

Nazad na vrh Ići dole

Re: Show/Hide div

Počalji od Prince. taj Sub Feb 11, 2012 9:06 am

Uspio sam, imao sam jednu drugu javaskriptu koja je bila pogrešna pa ni jedna nije radila koja je bila ubačeno xD
Edit : mogu li nešto dodati tako da se zapamti ono što ste kliknuli cijelo vrijeme dok prelazite i na druge teme foruma ??


[You must be registered and logged in to see this image.]
I LIVE TO LOVE
avatar
Prince.
Dizajner
Dizajner

Broj poruka Broj poruka : 1901
D4U Novac D4U Novac : 2116
Reputacija Reputacija : 3
Godina Godina : 21
Lokacija Lokacija : Stol'ca :P
Poso/dokolice Poso/dokolice : Umjetnost :)


Pogledaj profil korisnika http://we-are-teens.com/

Nazad na vrh Ići dole

Re: Show/Hide div

Počalji od Mr.Joker taj Sub Feb 11, 2012 9:20 am

Nisam razumeo šta hoćeš reći sada?


Who says anarchy, says negation of government;
Who says negation of government, says affirmation of the people;
Who says affirmation of the people, says individual liberty;
Who says individual liberty, says sovereignty of each;
Who says sovereignty of each, says equality;
Who says equality, says solidarity or fraternity;
Who says fraternity, says social order.

Mr.Joker
Administrator
Administrator

Broj poruka Broj poruka : 1709
D4U Novac D4U Novac : 1871
Reputacija Reputacija : 31
Godina Godina : 24
Lokacija Lokacija : Svet Foruma
Poso/dokolice Poso/dokolice : Programiranje


Pogledaj profil korisnika

Nazad na vrh Ići dole

Re: Show/Hide div

Počalji od Prince. taj Sub Feb 11, 2012 9:23 am

Pa kad jednom klikneš na taguj da ostane tako, odnosno da ako odem na drugu temu da zadrži poziciju fixed sve dok ponovno ne pokrenem komp ili zauvijek xd osim ako ponovno kliknem taguj pa postane absolute... imaš link pa vidi ;)


[You must be registered and logged in to see this image.]
I LIVE TO LOVE
avatar
Prince.
Dizajner
Dizajner

Broj poruka Broj poruka : 1901
D4U Novac D4U Novac : 2116
Reputacija Reputacija : 3
Godina Godina : 21
Lokacija Lokacija : Stol'ca :P
Poso/dokolice Poso/dokolice : Umjetnost :)


Pogledaj profil korisnika http://we-are-teens.com/

Nazad na vrh Ići dole

Re: Show/Hide div

Počalji od MRKO taj Sub Feb 11, 2012 9:46 am

Preko kolačića to uradi. Smile
avatar
MRKO
Administrator
Administrator

Broj poruka Broj poruka : 3710
D4U Novac D4U Novac : 5149
Reputacija Reputacija : 40
Godina Godina : 20
Lokacija Lokacija : drowned world


Pogledaj profil korisnika http://www.design4-u.net

Nazad na vrh Ići dole

Re: Show/Hide div

Počalji od Prince. taj Sub Feb 11, 2012 9:47 am

Molim te napiši kako, ja ne znam.


[You must be registered and logged in to see this image.]
I LIVE TO LOVE
avatar
Prince.
Dizajner
Dizajner

Broj poruka Broj poruka : 1901
D4U Novac D4U Novac : 2116
Reputacija Reputacija : 3
Godina Godina : 21
Lokacija Lokacija : Stol'ca :P
Poso/dokolice Poso/dokolice : Umjetnost :)


Pogledaj profil korisnika http://we-are-teens.com/

Nazad na vrh Ići dole

Re: Show/Hide div

Počalji od MRKO taj Sub Feb 11, 2012 9:48 am

to su my_setcookie i my_getcookie funkcije iz forumotion sistema.
avatar
MRKO
Administrator
Administrator

Broj poruka Broj poruka : 3710
D4U Novac D4U Novac : 5149
Reputacija Reputacija : 40
Godina Godina : 20
Lokacija Lokacija : drowned world


Pogledaj profil korisnika http://www.design4-u.net

Nazad na vrh Ići dole

Re: Show/Hide div

Počalji od Prince. taj Sub Feb 11, 2012 9:51 am

Ako znaš ili ako možeš napisati kod koji da dodam pored ovih pa da se to sačuva. Hvala ;)


[You must be registered and logged in to see this image.]
I LIVE TO LOVE
avatar
Prince.
Dizajner
Dizajner

Broj poruka Broj poruka : 1901
D4U Novac D4U Novac : 2116
Reputacija Reputacija : 3
Godina Godina : 21
Lokacija Lokacija : Stol'ca :P
Poso/dokolice Poso/dokolice : Umjetnost :)


Pogledaj profil korisnika http://we-are-teens.com/

Nazad na vrh Ići dole

Re: Show/Hide div

Počalji od Prince. taj Sub Feb 11, 2012 11:42 pm

Hoće li meni ko pomoći ili ?


[You must be registered and logged in to see this image.]
I LIVE TO LOVE
avatar
Prince.
Dizajner
Dizajner

Broj poruka Broj poruka : 1901
D4U Novac D4U Novac : 2116
Reputacija Reputacija : 3
Godina Godina : 21
Lokacija Lokacija : Stol'ca :P
Poso/dokolice Poso/dokolice : Umjetnost :)


Pogledaj profil korisnika http://we-are-teens.com/

Nazad na vrh Ići dole

Re: Show/Hide div

Počalji od Mr.Joker taj Ned Feb 12, 2012 12:33 am

Imaš ovde sve lepo objašnjeno:
[You must be registered and logged in to see this link.]


Who says anarchy, says negation of government;
Who says negation of government, says affirmation of the people;
Who says affirmation of the people, says individual liberty;
Who says individual liberty, says sovereignty of each;
Who says sovereignty of each, says equality;
Who says equality, says solidarity or fraternity;
Who says fraternity, says social order.

Mr.Joker
Administrator
Administrator

Broj poruka Broj poruka : 1709
D4U Novac D4U Novac : 1871
Reputacija Reputacija : 31
Godina Godina : 24
Lokacija Lokacija : Svet Foruma
Poso/dokolice Poso/dokolice : Programiranje


Pogledaj profil korisnika

Nazad na vrh Ići dole

Re: Show/Hide div

Počalji od Prince. taj Ned Feb 12, 2012 12:53 am

Hvala, pokušat ću Smile
Edit : Pokušao, ne ide. Ne znam ni gdje početi. Ja ne znam toliko puno o JS i ne ide mi to najbolje, pa ako može neka mi neko doda "skriptu za pamćenje opcije" unutar ove skripte što je već napisao Aleksandar. Ne tražim ja od vas "linkove do nekih drugih stranica" već tražim pomoć od vas. Valjda ćete mi ovaj put pravo pomoći.


[You must be registered and logged in to see this image.]
I LIVE TO LOVE
avatar
Prince.
Dizajner
Dizajner

Broj poruka Broj poruka : 1901
D4U Novac D4U Novac : 2116
Reputacija Reputacija : 3
Godina Godina : 21
Lokacija Lokacija : Stol'ca :P
Poso/dokolice Poso/dokolice : Umjetnost :)


Pogledaj profil korisnika http://we-are-teens.com/

Nazad na vrh Ići dole

Re: Show/Hide div

Počalji od MRKO taj Ned Feb 12, 2012 3:03 am

Otvori novu temu za pomoć, ovo je tutorijal.
avatar
MRKO
Administrator
Administrator

Broj poruka Broj poruka : 3710
D4U Novac D4U Novac : 5149
Reputacija Reputacija : 40
Godina Godina : 20
Lokacija Lokacija : drowned world


Pogledaj profil korisnika http://www.design4-u.net

Nazad na vrh Ići dole

Re: Show/Hide div

Počalji od Sponsored content


Sponsored content


Nazad na vrh Ići dole

Pogledaj prethodnu temu Pogledaj sledeću temu Nazad na vrh


 
Dozvole ovog foruma:
Ne možete odgovarati na teme u ovom forumu