davidpadua
12/4/2013 - 12:16 PM

Create articles dynamically

Create articles dynamically

var total_articles = 20;

/////////////////////////////////////////////////DYNAMIC CONSTRUCTION OF ARTICLES
for (i=1; i<=total_articles; i++){
	
	///////////////////////////////////////////////////CONTEUDO HTML
	var html_content ="<!--//////////////////NEWS ///////////////////////////////--> \
<div class='container_empresa_article' id='container_empresa_article"+i+"'> \
	<div class='empresa_element_title'> \
		<div class='empresa_article_title' id='empresa_article_title"+i+"'> \
    </div> \
	</div> \
    <div style='clear:both;'></div> \
	<!--::::::::article--> \
	<div class='empresa_element_article' id='empresa_article_text_"+i+"'> \
		<div class='article_text' id='empresa_text_"+i+"'> \
		</div> \
		<div class='article_image'> \
                <img src='images/page2/empresa_article_"+i+".jpg' width='300' height='300'/> \
		</div> \
</div>";
	
	//:::::::::::::::::::CREAT ARTICLES ON $('#container_page2')
	$('#container_page2').append(html_content);
	//::::::::::::::::::::::::::title
  $('#empresa_article_title' + i).text(window["title_empresa_article_" + i]);
	//::::::::::::::::::::::::::news_large_1
	$('#empresa_article_text_' + i + ' .article_text').html(window["content_empresa_article_" + i]);
	//using eval
	//$('#empresa_article_text_' + i + ' .article_text').html(eval("content_empresa_article_" + i));
	//::::::::::::::::::::::::::change the background color of empresa_element_article
	$(".empresa_element_article:even").css("background-color", "rgba(235, 235, 235, 0.8)");

	
}