i have got php file uses include
function import article. article php file. create table_of_contents()
function, place inside file want contents list appear (like on wikipedia articles). function should scan article <h2>
tags ids beginning "article-
", , output list of these headings links.
eg:
<h1>article</h1> <?php table_of_contents() ?> <h2 id="article-intro">introduction</h2> <p>text</p> <h2>middle</h2> <p>text</p> <h2 id="article-conclusion">conclusion</h2> <p>text</p>
would render
<h1>article</h1> <ul> <li><a href="#article-intro">introduction</a></li> <li><a href="#article-conclusion">conclusion</a></li> </ul> <h2 id="article-intro">introduction</h2> <p>text</p> <h2>middle</h2> <p>text</p> <h2 id="article-conclusion">conclusion</h2> <p>text</p>
<h1>article</h1> <ul id="menu"> </ul> <h2 id="article-intro">introduction</h2> <p>text</p> <h2>middle</h2> <p>text</p> <h2 id="article-conclusion">conclusion</h2> <p>text</p> <script> $('h2[id^="article-"]').each(function(){ $('#menu').append('<li><a href="#article-'+$(this).html()+'">'+$(this).html()+'</a></li>'); }); </script>
i think work. don't forget include latest jquery.
Comments
Post a Comment