Navigare rapidă

Ultimele subiecte
» Criptare sursa html in cifre
Scris de nicutzy Joi 23 Mar - 2:09
» Bine v-am gasit !
Scris de Andrei34 Mier 22 Mar - 15:19
» Cum retusam imaginile
Scris de razvan112 Vin 17 Mar - 15:00
Cuvinte-cheie

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

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
avatar
la data de Dum 21 Oct - 16:40
Vizitato Vizitator
Conectat
Un preview...
Vizitator
avatar
la data de Dum 21 Oct - 16:56
Vizitato Vizitator
Conectat


Si

Membru ET
avatar
la data de Dum 21 Oct - 18:38
Soricelul Membru ET
Conectat
Este bun codul dar nu prea imi place cum arata...
Vizitator
avatar
la data de Dum 21 Oct - 18:59
Vizitator Vizitator
Conectat
Nici macar nu ai pus sursa reala
Vizitator
avatar
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
avatar
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
avatar
la data de Dum 21 Oct - 19:24
Vizitato Vizitator
Conectat

Sa stii ca am cerut permisiunea de al posta pe acest forum!
Vizitator
avatar
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
avatar
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
avatar
la data de Vin 25 Oct - 16:05
RedGames Membru ET
Conectat
trb sa lasi un copyright ..
Membru ET
avatar
la data de Lun 28 Oct - 9:34
vLaDyX Membru ET
Conectat
Intresant