[b]Credits:[/b] :arrow: [b]script.aculo.us[/b] [b]Feruzz[/b] [b]Nopatz[/b] [b]Nescafe + Rokok Viceroy[/b] :D :arrow:[b]Cross Browser Compatibility: I
You are viewing a post by _indra_kurniawan_13. View all 107 posts in [b]Credits:[/b] :arrow: [b]script.aculo.us[/b] [b]Feruzz[/b] [b]Nopatz[/b] [b]Nescafe + Rokok Viceroy[/b] :D :arrow:[b]Cross Browser Compatibility: I.
2008-07-25 06:11:32
- _indra_kurniawan_13
- » FTalkFreak
1922
0
1969-12-31
Re: [b]Credits:[/b] :arrow: [b]script.aculo.us[/b] [b]Feruzz[/b] [b]Nopatz[/b] [b]Nescafe + Rokok Viceroy[/b] :D :arrow:[b]Cross Browser Compatibility: I
[quote=anime_mania_01]nanya lageh... umm...
itu... klo aku misalny mo nambahin box laen, yg hrs ditambahin ap?[/quote]
prhatikan bagian ini.. 
[quote]var contentbox = [b]["0", "1", "13", "12", "6", "18", "10", "15", "14", "2", "7", "8"][/b];
var x, y;
for (x = 0, y = contentbox.length; x < y; x += 1) {
try {
EFFECTS.toggleHide("content_" + contentbox[x] + "");
} catch (e) {}
}
for (var val in EFFECTS.image) {
if (typeof EFFECTS.image[val] !== "function") {
try {[/quote]
yang aku tebalin itu adalah content box yang kmu gunakan 
mau lihat contentnya..? 
contoh kode dibawah ini
[quote]//Controlpanel
EFFECTS.x = EFFECTS.boxClassName(/controlpanel/i)[0].getElementsByTagName("h1")[0];
EFFECTS.x.innerHTML = "<div style=\"float: right;padding: 4px 11px;\" class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'[b]content_0[/b]','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
"<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Controlpanel\"></a>" + "</div>" + EFFECTS.ownername + "";
} catch (Controlpanel) {
EFFECTS.x = "";
} try {[/quote]
nah yang aku tebelin itu content boxnya..
jadi..
klo km mau nambahin box yang standar seperti controlpanel , grouph dan sebagainya di showhide
tinggal kamu perhatiin content sama code2nya ja..
contoh..
di fs kamu mau pake showhide media box, fan , dan friend galery..
maka akan memjadi seperti ini.
perhatikan bagian ini saja
[quote]var contentbox = [[b]"0", "10", "2"[/b]];
var x, y;
for (x = 0, y = contentbox.length; x < y; x += 1) {
try {
EFFECTS.toggleHide("content_" + contentbox[x] + "");
} catch (e) {}
}
for (var val in EFFECTS.image) {
if (typeof EFFECTS.image[val] !== "function") {
try {
//Controlpanel
EFFECTS.x = EFFECTS.boxClassName(/controlpanel/i)[0].getElementsByTagName("h1")[0];
EFFECTS.x.innerHTML = "<div style=\"float: right;padding: 4px 11px;\" class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'[b]content_0[/b]','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
"<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Controlpanel\"></a>" + "</div>" + EFFECTS.ownername + "";
} catch (Controlpanel) {
EFFECTS.x = "";
} try {
//Media Box
EFFECTS.x = EFFECTS.boxClassName(/scrapbook/i)[0].getElementsByTagName("h2")[0];
EFFECTS.x.innerHTML = "<div style=\"float: right;padding: 4px 11px;\" class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'[b]content_10[/b]','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
"<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Media Box\"></a>" + "</div>" + EFFECTS.ownername + "'s Media Box";
} catch (Media) {
EFFECTS.x = "";
} try {
//Friends
EFFECTS.x = EFFECTS.boxClassName(/friends/i)[0].getElementsByTagName("h2")[0];
EFFECTS.x.innerHTML = "<div style=\"float: right;padding: 4px 11px;\" class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'[b]content_2[/b]','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
"<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Friends\"></a>" + "</div>" + EFFECTS.ownername + "'s Friends";
} catch (Friends) {
EFFECTS.x = "";
} try {[/quote]
dan ingat.. jika kode trakhir lihat ini
[quote]//Friends
EFFECTS.x = EFFECTS.boxClassName(/friends/i)[0].getElementsByTagName("h2")[0];
EFFECTS.x.innerHTML = "<div style=\"float: right;padding: 4px 11px;\" class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'[b]content_2[/b]','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
"<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Friends\"></a>" + "</div>" + EFFECTS.ownername + "'s Friends";
} catch (Friends) {
EFFECTS.x = "";
[b]} try {[/b][/quote]
yang indra tebelin harus di hapus
setelah itu baru kita tambahin ini di bawahnya 
[quote]}
}
}
},
$: function () {
var elements = [];
for (var i = 0, j = arguments.length; i < j; i += 1) {
var element = arguments[i];
if (typeof element === "string") {
element = document.getElementById(element);
}
if (arguments.length === 1) {
return element;
}
elements.push(element);
}
return elements;
},
boxFX: function (srcElm, divid, effect, fImg, sImg) {
Effect.toggle(divid, effect, {
afterFinish: function () {
var image = srcElm.getElementsByTagName("img")[0];
image.src = image.src.match(fImg) ? sImg: fImg;
}
});
return true;
},
boxClassName: function (sClass, parentElement) {
var children = (EFFECTS.$(parentElement) || document.body).getElementsByTagName("*");
var elements = [], child;
var length = children.length;
for (var x = 0, y = length; x < y; x += 1) {
child = children[x];
if (new RegExp(sClass).test(child.className)) {
elements.push(child);
}
}
return elements;
}
};
})();
//For IE5.0
if (![].push) {
Array.prototype.push = function () {
for (var x = 0, y = arguments.length; x < y; x += 1) {
this[this.length] = arguments[x];
}
return this.length;
};
}
exJS.loader("http://script.aculo.us/prototype.js", 0);
exJS.loader("http://script.aculo.us/effects.js", 0);
EventHandler.add(window, "load", EFFECTS.init);[/quote]
[quote]var contentbox = [b]["0", "1", "13", "12", "6", "18", "10", "15", "14", "2", "7", "8"][/b];
var x, y;
for (x = 0, y = contentbox.length; x < y; x += 1) {
try {
EFFECTS.toggleHide("content_" + contentbox[x] + "");
} catch (e) {}
}
for (var val in EFFECTS.image) {
if (typeof EFFECTS.image[val] !== "function") {
try {[/quote]
yang aku tebalin itu adalah content box yang kmu gunakan
mau lihat contentnya..?
contoh kode dibawah ini
[quote]//Controlpanel
EFFECTS.x = EFFECTS.boxClassName(/controlpanel/i)[0].getElementsByTagName("h1")[0];
EFFECTS.x.innerHTML = "<div style=\"float: right;padding: 4px 11px;\" class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'[b]content_0[/b]','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
"<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Controlpanel\"></a>" + "</div>" + EFFECTS.ownername + "";
} catch (Controlpanel) {
EFFECTS.x = "";
} try {[/quote]
nah yang aku tebelin itu content boxnya..
jadi..
klo km mau nambahin box yang standar seperti controlpanel , grouph dan sebagainya di showhide
tinggal kamu perhatiin content sama code2nya ja..
contoh..
di fs kamu mau pake showhide media box, fan , dan friend galery..
maka akan memjadi seperti ini.
perhatikan bagian ini saja
[quote]var contentbox = [[b]"0", "10", "2"[/b]];
var x, y;
for (x = 0, y = contentbox.length; x < y; x += 1) {
try {
EFFECTS.toggleHide("content_" + contentbox[x] + "");
} catch (e) {}
}
for (var val in EFFECTS.image) {
if (typeof EFFECTS.image[val] !== "function") {
try {
//Controlpanel
EFFECTS.x = EFFECTS.boxClassName(/controlpanel/i)[0].getElementsByTagName("h1")[0];
EFFECTS.x.innerHTML = "<div style=\"float: right;padding: 4px 11px;\" class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'[b]content_0[/b]','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
"<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Controlpanel\"></a>" + "</div>" + EFFECTS.ownername + "";
} catch (Controlpanel) {
EFFECTS.x = "";
} try {
//Media Box
EFFECTS.x = EFFECTS.boxClassName(/scrapbook/i)[0].getElementsByTagName("h2")[0];
EFFECTS.x.innerHTML = "<div style=\"float: right;padding: 4px 11px;\" class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'[b]content_10[/b]','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
"<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Media Box\"></a>" + "</div>" + EFFECTS.ownername + "'s Media Box";
} catch (Media) {
EFFECTS.x = "";
} try {
//Friends
EFFECTS.x = EFFECTS.boxClassName(/friends/i)[0].getElementsByTagName("h2")[0];
EFFECTS.x.innerHTML = "<div style=\"float: right;padding: 4px 11px;\" class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'[b]content_2[/b]','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
"<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Friends\"></a>" + "</div>" + EFFECTS.ownername + "'s Friends";
} catch (Friends) {
EFFECTS.x = "";
} try {[/quote]
dan ingat.. jika kode trakhir lihat ini
[quote]//Friends
EFFECTS.x = EFFECTS.boxClassName(/friends/i)[0].getElementsByTagName("h2")[0];
EFFECTS.x.innerHTML = "<div style=\"float: right;padding: 4px 11px;\" class=\"" + val + "\">" + "<a href=\"javascript:void(0);\" onclick=\"EFFECTS.boxFX(this,'[b]content_2[/b]','" + EFFECTS.effect + "','" + EFFECTS.image[val][0] + "','" + EFFECTS.image[val][1] + "');\" title=\"header=[Kata-Kata Kamu] body=[Kata-Kata Kamu]\">" +
"<img src=\"" + EFFECTS.image[val][0] + "\" title=\"Friends\"></a>" + "</div>" + EFFECTS.ownername + "'s Friends";
} catch (Friends) {
EFFECTS.x = "";
[b]} try {[/b][/quote]
yang indra tebelin harus di hapus
setelah itu baru kita tambahin ini di bawahnya
[quote]}
}
}
},
$: function () {
var elements = [];
for (var i = 0, j = arguments.length; i < j; i += 1) {
var element = arguments[i];
if (typeof element === "string") {
element = document.getElementById(element);
}
if (arguments.length === 1) {
return element;
}
elements.push(element);
}
return elements;
},
boxFX: function (srcElm, divid, effect, fImg, sImg) {
Effect.toggle(divid, effect, {
afterFinish: function () {
var image = srcElm.getElementsByTagName("img")[0];
image.src = image.src.match(fImg) ? sImg: fImg;
}
});
return true;
},
boxClassName: function (sClass, parentElement) {
var children = (EFFECTS.$(parentElement) || document.body).getElementsByTagName("*");
var elements = [], child;
var length = children.length;
for (var x = 0, y = length; x < y; x += 1) {
child = children[x];
if (new RegExp(sClass).test(child.className)) {
elements.push(child);
}
}
return elements;
}
};
})();
//For IE5.0
if (![].push) {
Array.prototype.push = function () {
for (var x = 0, y = arguments.length; x < y; x += 1) {
this[this.length] = arguments[x];
}
return this.length;
};
}
exJS.loader("http://script.aculo.us/prototype.js", 0);
exJS.loader("http://script.aculo.us/effects.js", 0);
EventHandler.add(window, "load", EFFECTS.init);[/quote]
 |
You are viewing a post by _indra_kurniawan_13. View all 107 posts in [b]Credits:[/b] :arrow: [b]script.aculo.us[/b] [b]Feruzz[/b] [b]Nopatz[/b] [b]Nescafe + Rokok Viceroy[/b] :D :arrow:[b]Cross Browser Compatibility: I.