Foros del Web » Programando para Internet » Javascript »

Obtener titulo en nombre para modificar esta variable de un elemento Div

Estas en el tema de Obtener titulo en nombre para modificar esta variable de un elemento Div en el foro de Javascript en Foros del Web. Hola Maestros del forosdelweb..siempre me paso a menudo por aca solo que nunca publico ni comento nada porque ya estoy aprendiendo mucho de a poco ...
  #1 (permalink)  
Antiguo 31/08/2018, 23:59
Avatar de Ivanaruto  
Fecha de Ingreso: agosto-2013
Ubicación: Buenos Aires
Mensajes: 12
Antigüedad: 5 años, 3 meses
Puntos: 2
Pregunta Obtener titulo en nombre para modificar esta variable de un elemento Div

Hola Maestros del forosdelweb..siempre me paso a menudo por aca solo que nunca publico ni comento nada porque ya estoy aprendiendo mucho de a poco viendo tutoriales,demos y demas..Sin embargo hoy en dia necesito una ayuda con foroactivo..Si alguno conoce Shutskins sabra que soy uno de los que ayuda a adaptar increibles temas para estos foros gratuitos totalmente gratis..Bueno en particular como hace no menos de 1 año estoy aprendiendo de a poco el uso de javascript y jquery para foroactivo pues estoy muy liado...Lo que quiero lograr es modificar el titulo de los Anuncios-sticky en la visualizacion de los temas,lamentablemente por las limitaciones de foroactivo solo tengo acceso a los titulos de estos apartados por ejemplo:

(main head:)Anuncio y Post-it:
(.tcl.tdtopics:
Anuncio: (topic-title)Prueba
Post-it: (topic-title)Prueba 2)

tcl topics es la tabla la cual contiene dichos temas por ejemplo prueba y prueba 2


Por el momento solo tengo esto actualmente funciona:

$(document).ready(function (){
$(".tcl.tdtopics").css("background-color", "lightblue");
});



Bien yo lo que necesito es saber como puedo obtener o modificar dichos elementos dentro de tcl.topics bajos los prefijos de Anuncio y Post-it ..La verdad no entiendo estuve probando varias variables como por ejemplo .tcl.topics has Anuncio seguido del css solo para probar y pues sin resultado osea el java no me funciona directamente..Nose si lo eh dejado bien en claro pero ahora adjunto una imagen.

Desde ya muchas gracias si alguien pudiera ayudarme este codigo seria implementado a futuro en foroactivo y futuras modificaciones con el debido copyright de o de los desarrolladores que pudieran ayudar a completar o formar el codigo..Y ademas agregar que hacen cosas inimaginables y como dije gracias por tanto conocimiento y espero puedan ayudarme.

Última edición por Ivanaruto; 01/09/2018 a las 00:11
  #2 (permalink)  
Antiguo 06/09/2018, 15:34
Avatar de Ivanaruto  
Fecha de Ingreso: agosto-2013
Ubicación: Buenos Aires
Mensajes: 12
Antigüedad: 5 años, 3 meses
Puntos: 2
Respuesta: Obtener titulo en nombre para modificar esta variable de un elemento Div

Paso 1 semana y no creo que sea considerado como spam..vamos nadie puede ayudarme? ..como leo mucho se que quieren o promueven que uno lo intente y esto estoy haciendo:

Código Javascript:
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.  
  5. <p id="p2">Hello World!</p>
  6.  
  7. <div class="main-head">
  8. <h2>Hello World33!</h2></div>
  9.  
  10. <script>
  11. document.getElementById("p2").style.color = "blue";
  12. document.getElementById("p2").style.fontFamily = "Arial";
  13. document.getElementById("p2").style.fontSize = "larger";
  14. </script>
  15. <script>
  16. var x = document.getElementById(".main-head");
  17. var y = x.getElementsByTagName("h2").style.color = "red";
  18. </script>
  19.  
  20. </body>
  21. </html>

Para profundizar en lo que quiero obtener es de una linea h2 y tengo otras consultas ademas del tema principal..porque en me codigo donde main head y h2 no se comunican entre si? que es lo que pase por alto o no le preste atencion? estoy estudiando desde w3school pero aun asi sigo sin identificar porque no puedo cargar el div class con una tag que en si esta dentro del propio div inicial..quien puede ayudarme le doy le doy pero no encuentro la correcta funcionalidad del script que quiero crear
  #3 (permalink)  
Antiguo 09/09/2018, 13:59
Avatar de alvaro_trewhela  
Fecha de Ingreso: octubre-2012
Ubicación: localhost
Mensajes: 933
Antigüedad: 6 años, 1 mes
Puntos: 106
Respuesta: Obtener titulo en nombre para modificar esta variable de un elemento Div

Puedes mostrar la estructura de la web para ver como se podría tener acceso a esos elementos?
  #4 (permalink)  
Antiguo 09/09/2018, 15:12
Avatar de alvaro_trewhela  
Fecha de Ingreso: octubre-2012
Ubicación: localhost
Mensajes: 933
Antigüedad: 6 años, 1 mes
Puntos: 106
Respuesta: Obtener titulo en nombre para modificar esta variable de un elemento Div

Si quieres obtener los elementos de un mismo tag de con un elemeneto padre con id puedes hacer esto:
Código Javascript:
Ver original
  1. function some(id,elem){
  2. var el = document.getElementById(id);
  3. var h2 = el.getElementsByTagName(elem);
  4.     for(var k=0;k<h2.length;k++){
  5.     //change or get things with h2[k]
  6.     //ex:
  7.     //h2[k].style.backgroundColor="#ff0000";
  8.     }
  9. }
  10.  
  11.  
  12. some("p2","H2");
  #5 (permalink)  
Antiguo 27/09/2018, 10:34
Avatar de Ivanaruto  
Fecha de Ingreso: agosto-2013
Ubicación: Buenos Aires
Mensajes: 12
Antigüedad: 5 años, 3 meses
Puntos: 2
Respuesta: Obtener titulo en nombre para modificar esta variable de un elemento Div

Hola Alvaro al fin alguien responde..Muchisimas gracias por ayudar,sin embargo no creo que sea lo que busco ,aca te dejo muchisimo mas simplificado lo que busco en realidad,creo que con el titulo y demas no quedo del todo claro..

Código Javascript:
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.  
  5. <div id="mainhead">
  6. <h2>Hola</h2></div>
  7.  
  8. <script>
  9. function myFunction(){
  10. var el = document.getElementById(mainhead);
  11. var h2 = el.getElementsByTagName(Hola);
  12.     for(var k=0;k<h2.length;k++){
  13.     //change or get things with h2[k]
  14.     //ex:
  15.     //h2[k].style.Color="#232354";
  16.     }
  17. }
  18.  
  19.  
  20. some("p2","H2");
  21. </script>
  22. </body>
  23. </html>

Ves el Hola? eso seria lo que quiero obtener de los foros,sea anuncio,post-it,etc.. No es como cuando pedi ayuda de PHP sin saber nada hace varios años jaja..Pero podrias explicar mejor como o donde h2[k] iria puesto? yo asumo que seguidamente donde finaliza<h2.length;k++){ aunque no lo se con seguridad soy principiante en javascript por eso te pregunto...Y aun asi y todo como ves deje tu codigo casi igual a como tu lo pusiste pero no lo renoce,igual intente del tagID con h2 y demas pero aun asi sigue sin reconocerlo..y menos mal que solo son 2 lineas porque la verdad sigo sin entender porque no toman los estilos a los elementos que estoy especificando..
  #6 (permalink)  
Antiguo 03/10/2018, 06:01
Avatar de alvaro_trewhela  
Fecha de Ingreso: octubre-2012
Ubicación: localhost
Mensajes: 933
Antigüedad: 6 años, 1 mes
Puntos: 106
Respuesta: Obtener titulo en nombre para modificar esta variable de un elemento Div

Estimado
Tanto getelementbyid como getelementsbytagname requieren por argumento un string (entre doblecomillas ex. "mainhead") dicho esto cabe señalar que getelementsbytagname como bien hace referencia el nombre del método quiere decir
Obtener elementos por nombre de etiqueta.
Entonces si tienes los siguiente
<h2>hola</h2>
Para obtener dicho elemento debes hacer referencia al h2 y no a su contenido hola.

Saludos
  #7 (permalink)  
Antiguo 03/10/2018, 20:41
Avatar de Ivanaruto  
Fecha de Ingreso: agosto-2013
Ubicación: Buenos Aires
Mensajes: 12
Antigüedad: 5 años, 3 meses
Puntos: 2
Respuesta: Obtener titulo en nombre para modificar esta variable de un elemento Div

Ahh ok,entonces por eso no daba..Pues si eso es lo que estaba preguntando...hay alguna manera dinamica o algo por estilo para editar el contenido en si inaccesible? es porque no puedo modificar la estructura del foro de foroactivo,osea no lo permite,es codigo escondido por asi decirlo y no tenemos acceso a esas partes por ende ,por eso estoy buscando la manera de editarlo mediante css,jquerry y javascript..Muchisimas gracias por tu ayuda Alvaro pero aun estoy muy lejos de los que necesito obtener...Si quieres puedo poner luego el PHP que dispongo de la plantilla pero no creo la verdad que sea de gran ayuda pero asi podras ver por ti mismo el apartado al que me refiero y porque son inaccesibles..Saludos
  #8 (permalink)  
Antiguo 05/10/2018, 09:37
Avatar de alvaro_trewhela  
Fecha de Ingreso: octubre-2012
Ubicación: localhost
Mensajes: 933
Antigüedad: 6 años, 1 mes
Puntos: 106
Respuesta: Obtener titulo en nombre para modificar esta variable de un elemento Div

Si el elemento pertenece al dom es accesible, tanto lectura como escritura.
Nuevamente si tienes

<div id="var">
<h2>some1</h2>
<h2>some2</h2>
...
<h2>someN-1</h2>
<h2>someN</h2>
</div>



Puedes acceder a c/h2 así
Código Javascript:
Ver original
  1. function foo(id,tag){
  2. var el= document.getElementById(id);
  3. var tags = el.getElementsByTagName(tag);
  4.     for(var k=0;k<tags.lenght;k++){
  5.     //you get each element using: tags[k]
  6.     //ex:
  7.         if(tags[k].innerHTML == "pinned"){
  8.         tags[k].style.backgroundColor="red";
  9.         }
  10.     }
  11. }

Entonces

foo("var","h2");

Cambiara todos los fondos a rojo de los elementos h2 del elemento padre con id "var" y que contengan "pinned" en su interior

Última edición por alvaro_trewhela; 05/10/2018 a las 09:48



La zona horaria es GMT -6. Ahora son las 13:56.