Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por Chalo Lun Ago 13, 2018 8:29 am

[CSS] Re diseña la toolbar
por lnymph Lun Ago 13, 2018 2:47 am

[ocio] Tus frases favotitas
por lnymph Lun Ago 13, 2018 2:29 am

[cine] ¿Cual es tu pelicula favorita?
por lnymph Lun Ago 13, 2018 2:20 am

[Ocio] ¿De que país sois?
por lnymph Lun Ago 13, 2018 2:17 am

Página 1 de 2. 1, 2  Siguiente

[Resuelto] Que al pasar el mouse sobre un foro/subforo aparezca una imagen abajo.
Tema iniciado por y Añadir a favoritos

staff


Última edición por Fibo el Sáb Feb 25, 2017 7:28 pm, editado 1 vez
[problema]URL::
Versión de mi foro:: phpBB3
Navegador:: Chrome
Descripcion del problema: Efecto en los nombres de los foros.
Quiero que al pasar el mouse en el nombre del foro aparezca una imagen abajo.
Capturas de pantalla del problema: No es necesaria
[/problema]


Gracias
Fibo
avatar

¿Que estoy pensando? :

Estamos en Open, Estamos en Familia [table class=fecha_up][td]Se modifico:1/02/17 - 19:06 hrs.[/td][/table]


Banner en temas :

https://i.imgur.com/R9vnOcf.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

409


Puntos :

618


Me gusta :

121


ingreso :

11/09/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
hice algo rápido

bien en este code tengo 14 imagenes que corresponden a los 14 categorias que hay:

Código:

var img = [
    'http://media.globaltv.com/uploadedimages/pages/shows/the_simpsons/the_simpsons_smartforms/simpsonsnighttv.jpg',
    'http://cimg.tvgcdn.net/i/r/2016/03/19/e03e16b2-f7d1-42fe-ae3b-a06cc6e88de3/thumbnail/1300x867/1cd9d470871d0b2fc69c2dd6ed16d2ab/160318-news-the-simpsons.jpg',
    'https://upload.wikimedia.org/wikipedia/en/a/aa/Bart_Simpson_200px.png',
    'http://cdn.playbuzz.com/cdn/5a7cbf0a-6f44-47e8-850a-f7c39ac1525a/c82a2522-7137-4a60-85e5-e1bf75d3c646.jpg',
    'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg',
    'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg',
    'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg',
    'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg',
    'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg',
    'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg',
    'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg',
    'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg',
    'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg',
    'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg'
],
    a = document.getElementsByClassName('forumtitle'),
i = a.length;
while(i--){
    a[i].setAttribute('onmouseover', 'loadImg(this, "'+ img[i] +'")');
    a[i].setAttribute('onmouseout', 'closeImg()');
}
function loadImg(c, d){
    var b = document.createElement('img');
    c.parentNode.insertBefore(b, c);
    b.src = d;
    b.id = 'imgloading';
    b.style.cssText = 'position:absolute;width:50%;max-height:200px;border:5px solid #fff;border-radius:5px'
};
function closeImg(){
  var a =  document.getElementById('imgloading');
    a.parentNode.removeChild(a);
};

basicamente eso hace lo que deseas
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

He probado este código en mi foro y no me ha funcionado. Soy algo novato en estos temas. Por si acaso lo he puesto tanto en el CSS como en Javascript pero parece que no surte efecto. Pongo a continuación el URL de mi foro en caso de que sirviese de ayuda: http://falloutrol.foroactivo.com/
Destino
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

6


Puntos :

10


Me gusta :

2


ingreso :

23/02/2017


Sexo :

Masculino

Plataforma :

phpbb2


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

staff
va en javascript, pero es para la duda de fibo es un ejemplo
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Como se podria adaptar ese codigo para mi foro?
Destino
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

6


Puntos :

10


Me gusta :

2


ingreso :

23/02/2017


Sexo :

Masculino

Plataforma :

phpbb2


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

staff
para empezar abre tu propio tema de soporte, y con gusto
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
Hola gracias por la rapidez

Recien lo probe y no me ha funcionado.

No se si debo hacerle algunos cambios o hay algun error.

Voy a hacerle algunas modificaciones a ver que pasa. Si no logro hacerlo funcionar te doy acceso al foro.

Feliz día


EDITO:


Código:
 a = document.getElementsByClassName('forumtitle'),
  i = a.length;

hice un alert para ver que valor tiene i, me salio 0.

Creo que ahi es el error, supongo podria editarlo con la cantidad de foros que tengo y poner
i=5; por ejemplo.


EDITO:

Luego de poner el numero de foros directamente, mire la consola y me aparece el siguiente error:
Código:
Uncaught TypeError: Cannot read property 'setAttribute' of undefined
    at 10299.js:1

Fibo
avatar

¿Que estoy pensando? :

Estamos en Open, Estamos en Familia [table class=fecha_up][td]Se modifico:1/02/17 - 19:06 hrs.[/td][/table]


Banner en temas :

https://i.imgur.com/R9vnOcf.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

409


Puntos :

618


Me gusta :

121


ingreso :

11/09/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
no el valor inicial de i siempre será 0, cuando los itera, obtiene el valor, si no aumenta exponencial es porque el selector no es el adecuado, yo lo hice pensando en phpbb3, y lo probe aqui, forumtilte es para pasar el mouse sobre el nombre de los foros en el indice @Fibo
y por supuesto que funciona!!
Chalo
avatar

¿Que estoy pensando? :

yo también [table class=fecha_up][td]Se modifico:1/08/18 - 8:41 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6720


Puntos :

8787


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
Hola,


Este es el codigo que funcionó:

Código:
var img = ['http://media.globaltv.com/uploadedimages/pages/shows/the_simpsons/the_simpsons_smartforms/simpsonsnighttv.jpg', 'http://cimg.tvgcdn.net/i/r/2016/03/19/e03e16b2-f7d1-42fe-ae3b-a06cc6e88de3/thumbnail/1300x867/1cd9d470871d0b2fc69c2dd6ed16d2ab/160318-news-the-simpsons.jpg', 'https://upload.wikimedia.org/wikipedia/en/a/aa/Bart_Simpson_200px.png', 'http://cdn.playbuzz.com/cdn/5a7cbf0a-6f44-47e8-850a-f7c39ac1525a/c82a2522-7137-4a60-85e5-e1bf75d3c646.jpg', 'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg', 'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg', 'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg', 'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg', 'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg', 'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg', 'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg', 'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg', 'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg', 'http://static-media.fxx.com/img/FX_Networks_-_FXX/106/391/Simpsons_Treehouse_of_Horror_XIII.jpg'];

$._init = function () {
    var a = document.getElementsByClassName('forumtitle'),
       
        i = a.length;
    while (i--) {
        var b = a[i].parentNode.parentNode.parentNode;
        b.setAttribute('onmouseover', '$._loadImg(this, "' + img[i] + '")');
        b.setAttribute('onmouseout', '$._closeImg()');
    }
};
$._loadImg = function (c, d) {
    var b = document.createElement('img');
    c.parentNode.insertBefore(b, c);
    b.src = d;
    b.id = 'imgloading';
    b.style.cssText = 'position:absolute;width:50%;max-height:200px;border:5px solid #fff;border-radius:5px;background:#fff;margin-top:10px';
};
$._closeImg = function () {
    var a = document.getElementById('imgloading');
    a.parentNode.removeChild(a)
};
$(function () {
    $._init()
});

@Destino prueba con esto
Fibo
avatar

¿Que estoy pensando? :

Estamos en Open, Estamos en Familia [table class=fecha_up][td]Se modifico:1/02/17 - 19:06 hrs.[/td][/table]


Banner en temas :

https://i.imgur.com/R9vnOcf.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

409


Puntos :

618


Me gusta :

121


ingreso :

11/09/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Funciono! Gracias a ambos!
Destino
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

6


Puntos :

10


Me gusta :

2


ingreso :

23/02/2017


Sexo :

Masculino

Plataforma :

phpbb2


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.