JS alterando Div

[start2013 0]

Boa noite pessoal , estou com um problema , comecei agora pouco a mexer com js . Pois bem , estou querendo alterar o status da "Div" com o JavaScript . Agradeço desde já !

 

Ao clicar no próximo "Vermelho" mudar o "Preto" .

[LeoO_DF 22]

Se eu entendi bem:

Javascript:

<button value="Proximo" onclick="Proximo()" />Clique Aqui</button>
<div id="AlterarDIV">Conteudo da Div antes de clicar</div>

function Proximo()
{
	document.getElementById("AlterarDIV").innerHTML = "Clicou no Botão :P";	
}

em jQuery:

<button value="Proximo" id="Proximo" />Clique Aqui</button>
<div id="AlterarDIV">Conteudo da Div antes de clicar</div>

$(function(){
	$("#Proximo").click(function(){ 
		$("#AlterarDIV").html("Clicou no Botão :P");
	});
});

[start2013 0]

vlw mano , eu consegui fazer !

 

o único problema que eu estou é o seguinte :

 

quando estiver no text01 eu colocar próximo e ir para o text02 e assim por diante .

 

porém na mesma "Div" como eu faço isso ?

[LeoO_DF 22]

Você pode comprar o conteudo da div:

$(function(){
	$("#Proximo").click(function(){ 
		var textoatual = $("#AlterarDIV").html();
		if(textoatual == "Texto 1")
		{
			$("#AlterarDIV").html("Texto 2");
		}
		else if(textoatual == "Texto 2")
		{
			$("#AlterarDIV").html("Texto 3");
		}
	});
});

Ou Armazenar a informação em algum lugar:

$(function(){
	$("#Proximo").click(function(){ 
		var textoatual = $("#AlterarDIV").attr("class");
		if(textoatual == "1")
		{
			$("#AlterarDIV").html("Texto 2");
			$("#AlterarDIV").attr({class: "2" });
		}
		else if(textoatual == "2")
		{
			$("#AlterarDIV").html("Texto 3");
			$("#AlterarDIV").attr({class: "3"});
		}
	});
});

Ou ainda pegar por uma variavel PHP:

$(function(){
	$("#Proximo").click(function(){ 
		var textoatual = "<?php echo $TextoID; ?>";
		if(textoatual == "1")
		{
			$("#AlterarDIV").html("Texto 2");
		}
		else if(textoatual == "2")
		{
			$("#AlterarDIV").html("Texto 3");
		}
	});
});

Mais pegando pela variavel php não sei se tem como altera-la, pelo menos eu desconheço um modo de altera-la

[start2013 0]

LeoO_DF Desculpe minha ignorância , mas não consegui !

 

Obrigado pela ajuda .Estou tentando fazer uma com o botão de Próximo e Anterior, até agora fail . rsrs