Add a close/open java klappe to the news box
Posted: Thu Jan 22, 2015 5:33 am
I have news box in index.php and now I get working open/close news, but I need some help.
I wanted first 2 items expanded and others in closed. I'm very thankfull who can help me with this problem
My news code
Javaklappe code:
I wanted first 2 items expanded and others in closed. I'm very thankfull who can help me with this problem
My news code
Code: Select all
print("<table class='main' border='0' width='100%' cellspacing='0' cellpadding='0'><tr><td class='embedded'>");
print("<h2>Site news</h2>\n");
$news_file = CACHE_DIR."news.txt";
$expire = 15 * 60; # 15 Min
if (file_exists($news_file) && filemtime($news_file) > (time() - $expire)) {
$news2 = unserialize(file_get_contents($news_file));
} else {
$res = mysql_query("SELECT id,userid,added,body,title FROM news WHERE added + ( 3600 *24 *45 ) > ".time()." ORDER BY added DESC LIMIT 10") or sqlerr(__FILE__, __LINE__);
while ($news1 = mysql_fetch_assoc($res)) {
$news2[] = $news1;
$news_flag = 0;
}
$output = serialize($news2);
$fp = fopen($news_file, "w");
fputs($fp, $output);
fclose($fp);
}
if ($news2) {
print("<table border='1' width='100%' cellspacing='0' cellpadding='10'><tr><td class='text'>\n<ul style='list-style: none;'>");
foreach ($news2 AS $array) {
// Show first 2 items expanded
if ($news_flag < 2) {
$disp = "block";
$pic = "minus";
} else {
$disp = "none";
$pic = "plus";
}
print("<br /><li><a href=\"javascript: klappe_news('a1".$array['id']."')\">");
print("<li>- <strong>".format_comment($array['title'],0)."</strong> [".gmdate("d.m.Y", strtotime($array['added']))."]</li>");
print("<li><div id=\"ka1".$array['id']."\" style=\"display: none\"> ".format_comment($array['body'], 0));
print("<br />");
$news_flag++;
print("</li>");
}
print("</ul></td></tr></table>\n");
}
} Code: Select all
function klappe(id) {
var klappText = document.getElementById('k' + id);
var klappBild = document.getElementById('pic' + id);
if (klappText.style.display == 'none') {
klappText.style.display = 'block';
} else {
klappText.style.display = 'none';
}
}
function klappe_descr(id) {
var klappText = document.getElementById('k' + id);
if (klappText.style.display == 'none') {
klappText.style.display = '';
} else {
klappText.style.display = 'none';
}
}
function klappe_news(id) {
var klappText = document.getElementById('k' + id);
var klappBild = document.getElementById('pic' + id);
if (klappText.style.display == 'none') {
klappText.style.display = 'block';
klappBild.src = '/img/minus.png';
} else {
klappText.style.display = 'none';
klappBild.src = '/img/plus.png';
}
}
function klappe_changelog(id) {
var klappText = document.getElementById('k' + id);
var klappBild = document.getElementById('pic' + id);
if (klappText.style.display == 'none') {
klappText.style.display = 'block';
klappBild.src = '/img/minus.png';
} else {
klappText.style.display = 'none';
klappBild.src = '/img/plus.png';
}
}