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

Ivanaruto · #1 (**permalink**) 31/08/2018, 22:59

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.

Ivanaruto · #2 (**permalink**) 06/09/2018, 14:34

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<!DOCTYPE html>
<html>
<body>
 
<p id="p2">Hello World!</p>
 
<div class="main-head">
<h2>Hello World33!</h2></div>
 
<script>
document.getElementById("p2").style.color = "blue";
document.getElementById("p2").style.fontFamily = "Arial";
document.getElementById("p2").style.fontSize = "larger";
</script>
<script>
var x = document.getElementById(".main-head");
var y = x.getElementsByTagName("h2").style.color = "red";
</script>
 
</body>
</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**) 09/09/2018, 12:59

Puedes mostrar la estructura de la web para ver como se podría tener acceso a esos elementos?

#4 (**permalink**) 09/09/2018, 14:12

Si quieres obtener los elementos de un mismo tag de con un elemeneto padre con id puedes hacer esto:

Código Javascript:

Ver originalfunction some(id,elem){
var el = document.getElementById(id);
var h2 = el.getElementsByTagName(elem);
    for(var k=0;k<h2.length;k++){
    //change or get things with h2[k]
    //ex:
    //h2[k].style.backgroundColor="#ff0000";
    }
}
 
 
some("p2","H2");

Ivanaruto · #5 (**permalink**) 27/09/2018, 09:34

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<!DOCTYPE html>
<html>
<body>
 
<div id="mainhead">
<h2>Hola</h2></div>
 
<script>
function myFunction(){
var el = document.getElementById(mainhead);
var h2 = el.getElementsByTagName(Hola);
    for(var k=0;k<h2.length;k++){
    //change or get things with h2[k]
    //ex:
    //h2[k].style.Color="#232354";
    }
}
 
 
some("p2","H2");
</script>
</body>
</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**) 03/10/2018, 05:01

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

Ivanaruto · #7 (**permalink**) 03/10/2018, 19:41

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**) 05/10/2018, 08:37

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 originalfunction foo(id,tag){
var el= document.getElementById(id);
var tags = el.getElementsByTagName(tag);
    for(var k=0;k<tags.lenght;k++){
    //you get each element using: tags[k]
    //ex:
        if(tags[k].innerHTML == "pinned"){
        tags[k].style.backgroundColor="red";
        }
    }
}

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