Page 1 of 1

Add a close/open java klappe to the news box

Posted: Thu Jan 22, 2015 5:33 am
by graaf
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

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");
    }
} 
Javaklappe code:

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';
    }
}

Re: Add a close/open java klappe to the news box

Posted: Thu Jan 29, 2015 4:53 am
by graaf
Any help please?

Re: Add a close/open java klappe to the news box

Posted: Thu Jan 29, 2015 6:34 am
by Celauran
Something like this? http://jsfiddle.net/c24csw5r/

Re: Add a close/open java klappe to the news box

Posted: Mon Feb 02, 2015 7:56 am
by graaf
Celauran wrote:Something like this? http://jsfiddle.net/c24csw5r/
Yeah just like that. I added css and js in index.php, but something not right for the code.

Code: Select all

print("<table border='1' width='100%' cellspacing='0' cellpadding='10'><tr><td class='text'>\n<ul>");
        
foreach ($news2 AS $array) {

	print("<li><p><a href='#'>- <strong>".format_comment($array['title'],0)."</strong> [".gmdate("d.m.Y", strtotime($array['added']))."]</a>");
        print("".format_comment($array['body'], 0));
	print("<br />");
        print("</p></li>");			
        }
        print("</ul></td></tr></table>\n");
    }
} // END
It shows the first news item and other items is "hidden" and title not showing. + And when I click first news item it not hide the item.

Re: Add a close/open java klappe to the news box

Posted: Mon Feb 02, 2015 9:05 am
by Celauran
Did you just copy/paste, or did you look at my example and adapt it to your code?

Re: Add a close/open java klappe to the news box

Posted: Mon Feb 09, 2015 4:00 pm
by graaf
Yeah I trying to get it working. Results = All my links not working in index.php etc...