Autor Tema: [Duda] Seleccionar Divs  (Leído 289 veces)

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.168
  • Karma: 105
  • Sexo: Masculino
  • Quamclifix, a new method. Coming soon!
    • Ver Perfil
    • IsoMap
[Duda] Seleccionar Divs
« en: 02 de Julio de 2010, 03:25:04 am »
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...
La confianza es un privilegio que pocos obtienen...

Comunidad PHPeros

[Duda] Seleccionar Divs
« en: 02 de Julio de 2010, 03:25:04 am »

Desconectado Warlox

  • Moderadores PHP
  • PHPero Master
  • ****
  • Mensajes: 1.206
  • Karma: 74
  • Sexo: Masculino
  • A veces hay que aprender a correr antes de caminar
    • Ver Perfil
    • Página personal
Re:[Duda] Seleccionar Divs
« Respuesta #1 en: 02 de Julio de 2010, 05:27:05 am »
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 ^^
- Moderador de PHP


Desconectado Drek !

  • PHPer@
  • **
  • Mensajes: 81
  • Karma: -1
  • Nuev@ PHPer@
    • Ver Perfil
Re:[Duda] Seleccionar Divs
« Respuesta #2 en: 02 de Julio de 2010, 17:19:28 pm »
te falto la div

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

Desconectado Warlox

  • Moderadores PHP
  • PHPero Master
  • ****
  • Mensajes: 1.206
  • Karma: 74
  • Sexo: Masculino
  • A veces hay que aprender a correr antes de caminar
    • Ver Perfil
    • Página personal
Re:[Duda] Seleccionar Divs
« Respuesta #3 en: 02 de Julio de 2010, 17:26:07 pm »
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 ^^
- Moderador de PHP


Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.168
  • Karma: 105
  • Sexo: Masculino
  • Quamclifix, a new method. Coming soon!
    • Ver Perfil
    • IsoMap
Re:[Duda] Seleccionar Divs
« Respuesta #4 en: 02 de Julio de 2010, 22:10:20 pm »
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
La confianza es un privilegio que pocos obtienen...

Desconectado Warlox

  • Moderadores PHP
  • PHPero Master
  • ****
  • Mensajes: 1.206
  • Karma: 74
  • Sexo: Masculino
  • A veces hay que aprender a correr antes de caminar
    • Ver Perfil
    • Página personal
Re:[Duda] Seleccionar Divs
« Respuesta #5 en: 03 de Julio de 2010, 00:45:04 am »
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 :P, si tienes algún problema más con cualquier cosa, ya sabes, me lo preguntas o creas el tema (obvio xD).

Saludos ^^
- Moderador de PHP