Navigare rapidă

Ultimele subiecte
» Bulletin ipb theme
Scris de Iustin Vin 17 Feb - 14:49
» Sliding Menu Bar V5
Scris de RAKSONE Mier 15 Feb - 1:13
» Cereri intrare in staff[Deschise]
Scris de Madross Sam 11 Feb - 21:11
» Cum iti creezi propriul joc online
Scris de xTeRm0 Sam 11 Feb - 14:47
» Informatii Primul Post [IPB Animate]
Scris de bablil Sam 11 Feb - 0:22
Cuvinte-cheie

tutorial  reclama  legenda  meniu  punbb  Metin2  menu  profil  html  subiecte  Mesaje  radio  ultimele  navigare  Statistici  tema  cautare  chenar  drop  Bara  subforumuri  edit  phpBB2  banner  animate  avatar  

Categorii in tabel


Buna ziua, va voi arata un script pentru a va pune categoriile intr-un tabel!
Acest tabel are un cod in parte pentru fiecare versiune, sper sa va placa

Pentru Invision:
Cod:
function tttf(n) {
var tables = document.getElementById("main-content").getElementsByTagName("table")[n].parentNode;
document.getElementById("ttid").innerHTML = tables.innerHTML;
}
$(function() {
if (location.pathname=="/forum" || location.pathname=="/") {
var tables = $(".index-box").get();
var tf = document.getElementById("main-content");
var ttab = document.createElement("ul");
ttab.setAttribute("id","ttcl");
for (i=0; i<tables.length; i++) {
tables[i].parentNode.style.display="none";
ttab.innerHTML += "<li><a href='javascript:void(0);' onclick='tttf(" + [i] + ")'>" + tables[i].previousSibling.childNodes[0].innerHTML + "</a></li>";
tf.parentNode.insertBefore(ttab,tf);
}
var tl = document.createElement("div");
tl.innerHTML = "<div id='ttid'>Click mai sus pentru a deschide categoriile</div>";
tf.parentNode.insertBefore(tl,tf);
}
});


Phpbb2:
Cod:
function tttf(n) {
var tables = $("#page-body table.forumline")[n];
document.getElementById("ttid").innerHTML = "<table class='forumline' width='100%' cellspacing='1' cellpadding='0' border='0'>" + tables.innerHTML + "</table>";
}
$(function() {
if (location.pathname=="/forum" || location.pathname=="/") {
var tables = $("#page-body table.forumline").get();
var tf = document.getElementById("page-body");
var ttab = document.createElement("ul");
ttab.setAttribute("id","ttcl");
for (i=0; i<tables.length; i++) {
if (i==tables.length-1) {
break;
}
tables[i].style.display="none";
ttab.innerHTML += "<li><a href='javascript:void(0);' onclick='tttf(" + [i] + ")'>" + document.getElementById('page-body').getElementsByTagName('h2')[i].innerHTML + "</a></li>";
tf.parentNode.insertBefore(ttab,tf);
}
var tl = document.createElement("div");
tl.innerHTML = "<div id='ttid'>Click mai sus pentru a deschide categoriile</div>";
tf.parentNode.insertBefore(tl,tf);
}
});

Phpbb3:
Cod:
function tttf(n) {
var tables = $("#main-content .forabg")[n];
document.getElementById("ttid").innerHTML = "<div class='forabg'>" + tables.innerHTML + "</div>";
}
$(function() {
if (location.pathname=="/forum" || location.pathname=="/") {
var tables = $(".forabg").get();
var tf = document.getElementById("main-content");
var ttab = document.createElement("ul");
ttab.setAttribute("id","ttcl");
for (i=0; i<tables.length; i++) {
tables[i].style.display="none";
ttab.innerHTML += "<li><a href='javascript:void(0);' onclick='tttf(" + [i] + ")'>" + tables[i].childNodes[0].childNodes[1].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].innerHTML + "</a></li>";
tf.parentNode.insertBefore(ttab,tf);
}
var tl = document.createElement("div");
tl.innerHTML = "<div id='ttid'>Click mai sus pentru a deschide categoriile</div>";
tf.parentNode.insertBefore(tl,tf);
}
});

PunBB:
Cod:
function tttf(n) {
var tables = document.getElementById("main-content").getElementsByTagName("table")[n].parentNode;
document.getElementById("ttid").innerHTML = tables.innerHTML;
}
$(function() {
if (location.pathname=="/forum" || location.pathname=="/") {
var tables = document.getElementById("main-content").getElementsByTagName("table");
var tf = document.getElementById("main-content");
var ttab = document.createElement("ul");
ttab.setAttribute("id","ttcl");
for (i=0; i<tables.length; i++) {
tables[i].parentNode.style.display="none";
tables[i].parentNode.previousSibling.style.display="none";
ttab.innerHTML += "<li><a href='javascript:void(0);' onclick='tttf(" + [i] + ")'>" + tables[i].parentNode.previousSibling.childNodes[0].childNodes[0].innerHTML + "</a></li>";
tf.parentNode.insertBefore(ttab,tf);
}
var tl = document.createElement("div");
tl.innerHTML = "<div id='ttid'>Click mai sus pentru a deschide categoriile</div>";
tf.parentNode.insertBefore(tl,tf);
}
});

Si in CSS:
Cod:
#ttcl {
display: block;
list-style-type: none;
margin: 10px 0px 10px 0px;
}
#ttcl li {
display: inline;
padding: 5px;
margin: 0px 0px 0px 5px;
background: #FFFFFF;
border-radius: 5px;
border: 1px solid #000000;
}
#ttid {
display: block;
background: #FFFFFF;
border-radius: 5px;
border: 1px solid #000000;
padding: 5px;
margin: 5px;
}

Comentariile utilizatorilor
Vizitator
la data de Dum 21 Oct - 16:40
Vizitato Vizitator
Conectat
Un preview...
Vizitator
la data de Dum 21 Oct - 16:56
Vizitato Vizitator
Conectat


Si

Membru ET
la data de Dum 21 Oct - 18:38
Soricelul Membru ET
Conectat
Este bun codul dar nu prea imi place cum arata...
Vizitator
la data de Dum 21 Oct - 18:59
Vizitator Vizitator
Conectat
Nici macar nu ai pus sursa reala
Vizitator
la data de Dum 21 Oct - 19:04
Vizitato Vizitator
Conectat
@Soricelul a scris:Este bun codul dar nu prea imi place cum arata...

Se poate modifica dupa bunul plac din CSS
Membru veteran
la data de Dum 21 Oct - 19:20
Raykim Membru veteran
Conectat
Wanse,va reamintim ca mesajele duble nu sunt acceptate,folositi obtiunea de editare a postului.
Multumim de intelegere!
Vizitator
la data de Dum 21 Oct - 19:24
Vizitato Vizitator
Conectat

Sa stii ca am cerut permisiunea de al posta pe acest forum!
Vizitator
la data de Dum 21 Oct - 19:28
Vizitator Vizitator
Conectat
Asta sa io spui lui maicata nu mie
si in plus puteai sa ai putin bun simt si sa pui un link sau macar sa lasi copyright
Vizitator
la data de Dum 21 Oct - 19:30
Vizitato Vizitator
Conectat
WhatsUP a scris:Nu te certa cu un idiot,deoarece te va duce la grad-ul lui de inteligenta si te va bate cu experienta.
Membru ET
la data de Vin 25 Oct - 16:05
RedGames Membru ET
Conectat
trb sa lasi un copyright ..
Membru ET
la data de Lun 28 Oct - 9:34
vLaDyX Membru ET
Conectat
Intresant