Foros del Web » Programando para Internet » Javascript »

obtener valor atributo style

Estas en el tema de obtener valor atributo style en el foro de Javascript en Foros del Web. Mi duda es la siguiente: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original < script > function EditColor ( ) {     var nodo = ...
  #1 (permalink)  
Antiguo 22/10/2012, 16:05
 
Fecha de Ingreso: octubre-2012
Mensajes: 2
Antigüedad: 11 años, 6 meses
Puntos: 0
obtener valor atributo style

Mi duda es la siguiente:
Código Javascript:
Ver original
  1. <script>
  2. function EditColor() {
  3.     var nodo=document.getElementsByTagName('input');
  4.     var color = nodo.getAttribute('name');
  5. }
  6. </script>
  7.  
  8. <div id="menuC">
  9. <input type="button" id="rojo" name="#E00000" value="Rojo" onclick="EditColor();">
  10. <input type="button" id="azul" name="#1700C8" value="Azul" onclick="EditColor();">
  11. </div>

Quiero que al pulsar por ejemplo en el boton "Rojo" me realice la funcion EditColor de forma que la variable color sea = al atributo name del input. No se si me explico bien
  #2 (permalink)  
Antiguo 22/10/2012, 16:06
Avatar de marlanga  
Fecha de Ingreso: enero-2011
Ubicación: Murcia
Mensajes: 1.024
Antigüedad: 13 años, 3 meses
Puntos: 206
Respuesta: obtener valor atributo style

nodo.style.backgroundColor=color;
  #3 (permalink)  
Antiguo 22/10/2012, 16:19
 
Fecha de Ingreso: julio-2011
Mensajes: 220
Antigüedad: 12 años, 9 meses
Puntos: 72
Respuesta: obtener valor atributo style

Lo más sencillo es pasar this como parámetro a la fución EditColor() cuando se le llama desde el evento onclick.

Código Javascript:
Ver original
  1. <script>
  2. function EditColor(elemento) {
  3.         var color = elemento.name;
  4.         alert(color);
  5.     }
  6. </script>
  7.  
  8. <div id="menuC">
  9. <input type="button" id="rojo" name="#E00000" value="Rojo" onclick="EditColor(this);">
  10. <input type="button" id="azul" name="#1700C8" value="Azul" onclick="EditColor(this);">
  11. </div>
  #4 (permalink)  
Antiguo 22/10/2012, 17:00
 
Fecha de Ingreso: octubre-2012
Mensajes: 2
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: obtener valor atributo style

Cita:
Iniciado por lubtufano Ver Mensaje
Lo más sencillo es pasar this como parámetro a la fución EditColor() cuando se le llama desde el evento onclick.

Código Javascript:
Ver original
  1. <script>
  2. function EditColor(elemento) {
  3.         var color = elemento.name;
  4.         alert(color);
  5.     }
  6. </script>
  7.  
  8. <div id="menuC">
  9. <input type="button" id="rojo" name="#E00000" value="Rojo" onclick="EditColor(this);">
  10. <input type="button" id="azul" name="#1700C8" value="Azul" onclick="EditColor(this);">
  11. </div>
Gracias me salio

Etiquetas: elemento, funcion, atributos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:49.