Top subiecte apreciate

Optiuni experimentale
  • Foloseste AJAX in formulare ori de cate ori este posibil

Navigare rapidă

Ultimele subiecte
» Legenda s-a intors XD
Scris de EDGE Sam 24 Sept - 20:42
» salut
Scris de Andrei34 Dum 18 Sept - 18:53
» Salut
Scris de Andrei34 Dum 18 Sept - 18:52
» Wireless ipb theme [punBB]
Scris de cristii571 Lun 12 Sept - 14:34
Cuvinte-cheie

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

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