Pomoć oko div-a

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

Pomoć oko div-a

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

Ovako, ja na forumu pravim jedan 'div' kao na ovome forumu samo što mu baš i nije uloga ista. Uglavnom na tom divu ima jedan 'button' koji je zapravo tekst i kad se na njega pritisne onda taj 'div' više nije pozicioniran pod "absolute" već "fixed". To sam uspio da uradim, međutim hoću da se to i zadrži kada odem na neku drugu temu tako da ne moraš svaki put klikćati na "Tagiraj" da bi promjenio poziciju iz "absolute" u "fixed".

Evo kodove koje sam koristio.

HTML ( nalazi se u overall_header)
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>

JavaScript koja se nalazi u JS Menedžmentu ( Modules )
Kod:
function toggle(id) {
        var state = document.getElementById(id).style.position;
            if (state == 'fixed') {
                document.getElementById(id).style.position = 'absolute';
            } else {
                document.getElementById(id).style.position = 'fixed';
            }
        }

CSS koji sam stavio

Kod:
#fix_div {
  position: absolute;
  width: 100%;
  height: 75px;
  z-index: 1;
  left: 0px;
  top: 0px;
  background-image: url('http://www.dodaj.rs/f/2d/m9/2zKUZHLF/1/statusbar.png');
  background-repeat: repeat-x;
}

Dakle sve radi samo mi treba nešto dodat u js da bi kad kliknem na "tagiraj (button je to)" da se zapamti da sam to kliknuo i da me bar prati sve dok ja ne odlučim drugačije, kasnije jednom. Eto nadam se da je sve jasno.



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: Pomoć oko div-a

Počalji od MRKO taj Pon Feb 13, 2012 7:36 am

Kod:
function setdiv(bla) {
    if (bla=='fixed') {
        document.getElementById('fix_div').style.display='fixed';
    }
    else {
        document.getElementById('fix_div').style.display='absolute';
    }
}
function toggle() {
    var x = my_getcookie('togglc');
    if (x=='fixed') {
        x='absolute';
    }
    else {
        x='fixed';
    }
    my_setcookie('togglc',x,true);
    setdiv(x);
}
$(function() {
    var x = my_getcookie('togglc');
    if (x == null) {x = 'fixed';}
    my_setcookie('togglc',x,true);
    setdiv(x);
});
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: Pomoć oko div-a

Počalji od Prince. taj Pon Feb 13, 2012 8:33 am

Hvala skripta nije radila ( morao sam da promjenim .style.display u .style.position Very Happy
Al sam skontao odmah Very Happy
Hvala punooo Very Happy



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: Pomoć oko div-a

Počalji od Mr.Joker taj Pon Feb 13, 2012 2:30 pm

Tema > Zaključana.


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: Pomoć oko div-a

Počalji od MRKO taj Pon Feb 13, 2012 9:57 pm

Radio sam na osnovu show/hide. Pa je ostalo u skripti display.
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: Pomoć oko div-a

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