[Duda] Seleccionar Divs

[SoyJoaquin.]

Bueno.. Tengo una duda..
E visto algunas webs que al seleccionar un div esta cambia su fondo.. Ok hasta hay ya se pero lo que no me cuadra es esto..
Que si presionas otro div el fondo se le restablece al que estaba presionado y al otro se le cambia :S

Es mas que nada como una opción de selección...
¿Alguien sabe un ejemplo o algo que pudiera observar?
De lo contrario.. Me pueden decir como se llama eso que les digo? :S

Saludos...

[Warlox]

No es ningún código en especial, solo debes de averiguar si ya el div estaba marcado, con un if y variables. Algo así:

Código: [Seleccionar]

<script>
var ant;
function cambiarFondo(id)
{
if(ant)
{
document.getElementById('contenedor-' + ant).className = 'normal';
}

document.getElementById('contenedor-' + id).className = 'resaltado';
ant = id;
}
</script>

<style>
.normal
{
border:1px solid #000;
background-color: #CCC;
}

.resaltado
{
border:1px dashed #000;
background-color: #999;
}
</style>

<span id='contenedor-1' class='normal' onclick='cambiarFondo("1");'>Contenedor 1</span>
<span id='contenedor-2' class='normal' onclick='cambiarFondo("2");'>Contenedor 2</span>
Espero que te sirva, cualquier pregunta me la haces
Saludos ^^

[Drek !]

te falto la div

<div id="contenedo">Lalalalalalala</div>

[Warlox]

Es lo mismo, yo puse un <span> por comodidad a la hora de hacerlo, pero si el quiere puede cambiar la etiqueta por <div>, con eso no hay ningún problema

Saludos ^^

[SoyJoaquin.]

No es ningún código en especial, solo debes de averiguar si ya el div estaba marcado, con un if y variables. Algo así:

Código: [Seleccionar]

<script>
var ant;
function cambiarFondo(id)
{
if(ant)
{
document.getElementById('contenedor-' + ant).className = 'normal';
}

document.getElementById('contenedor-' + id).className = 'resaltado';
ant = id;
}
</script>

<style>
.normal
{
border:1px solid #000;
background-color: #CCC;
}

.resaltado
{
border:1px dashed #000;
background-color: #999;
}
</style>

<span id='contenedor-1' class='normal' onclick='cambiarFondo("1");'>Contenedor 1</span>
<span id='contenedor-2' class='normal' onclick='cambiarFondo("2");'>Contenedor 2</span>
Espero que te sirva, cualquier pregunta me la haces
Saludos ^^

Sabes que te amo no?
Gracias.. Exactamente era lo que quería hacer :S

[Warlox]

Sabes que te amo no?
Gracias.. Exactamente era lo que quería hacer :S

Jajaja, ¡no es para tanto!, sólo me gusta ayudar a los usuarios de PHPeros , si tienes algún problema más con cualquier cosa, ya sabes, me lo preguntas o creas el tema (obvio xD).

Saludos ^^