Staff en línea
Últimos temas
[Aporte]ayudaaaa
por Chalo Hoy a las 9:37 am

[Ocio] ¿De que país sois?
por Chalo Ayer a las 11:07 am

[Ocio] Contemos hasta el 5000
por Chalo Ayer a las 10:03 am

Hola a todos
por AnaMolinelli Miér Mayo 23, 2018 3:51 pm

[Resuelto] CSS dentro de un JS error
Tema iniciado por y Añadir a favoritos

[Resuelto] CSS dentro de un JS error 
el Dom Abr 17, 2016 11:21 pm
URL:: http://musicinstant.host-es.com
Versión de mi foro:: PunBB
Navegador:: Chrome
Descripcion del problema: Lo copie tal cual me los da la consola de CSS pero bueno, ya entiendo eso, todo debe ir pegado entonces? No acostumbro a ver mucho eso... Es decir, código CSS dentro de uno JS, pero no es malo saberlo, de hecho, seria muy util hacer un tutorial de este tipo para usuario del foro que como a mi nos pasan estos errores...
Capturas de pantalla del problema:



Mensaje automático



[ok]Cierro tema, y muevo a Temas resueltos[/ok]
mrsrz
avatar

¿Que estoy pensando? :

... [table class=fecha_up][td]Se modifico:25/11/16 - 19:20 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

424


Puntos :

596


Me gusta :

62


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


Ver perfil de usuario http://musicinstant.host-es.com/

Volver arriba Ir abajo

Re: [Resuelto] CSS dentro de un JS error 
el Dom Abr 17, 2016 11:22 pm
staff
asi como lo copiaste de la consola, lo colocas aqui
http://htmlcompressor.com/compressor/

después la linea junta la colocas en el js
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6680


Puntos :

8741


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Re: [Resuelto] CSS dentro de un JS error 
el Dom Abr 17, 2016 11:23 pm
staff
esto lo hare por la mañana ya me estoy durmiendo
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6680


Puntos :

8741


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Re: [Resuelto] CSS dentro de un JS error 
el Dom Abr 17, 2016 11:26 pm
Esta bien, hasta entonces...
mrsrz
avatar

¿Que estoy pensando? :

... [table class=fecha_up][td]Se modifico:25/11/16 - 19:20 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

424


Puntos :

596


Me gusta :

62


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


Ver perfil de usuario http://musicinstant.host-es.com/

Volver arriba Ir abajo

Re: [Resuelto] CSS dentro de un JS error 
el Miér Jun 01, 2016 4:56 pm
staff
@mrsrz sigues ocupando que arregle esto? sorry tuve lios este ultimo mes
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6680


Puntos :

8741


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Re: [Resuelto] CSS dentro de un JS error 
el Mar Jun 07, 2016 7:58 am
Mi portátil se había dañado, y estoy con la universidad, pero si, seria bueno que me ayudaras con esto.
mrsrz
avatar

¿Que estoy pensando? :

... [table class=fecha_up][td]Se modifico:25/11/16 - 19:20 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

424


Puntos :

596


Me gusta :

62


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


Ver perfil de usuario http://musicinstant.host-es.com/

Volver arriba Ir abajo

Re: [Resuelto] CSS dentro de un JS error 
el Miér Ago 31, 2016 6:30 pm
staff
si vamos a añadir elementos de html y css en javascript debemos evitar los saltos de página porque esto generan errores.

entonces si tenemos:
esto :

Código:
<div id="box_info" class="nuevospost" style="display:none">
        <a id="close" style="float:right;cursor:pointer;" onclick="$(this).parent().add('#lightBG').fadeOut();$(this).parent().find('.Ncontenedor').html('');"><img src="http://illiweb.com/fa/prosilver/icon_post_delete.gif" />
        </a>
        <center>
            <h3 class="box_titulo" style="border-bottom:3px double #66CCFF!important"></h3>
        </center>
        <br/><span class="Ncontenedor"><br/><center><i style="color:#000;font-size:32px"class="fa fa-spinner fa-spin"></i></center></span>
    </div>

y lo queremos usar en una linea de jQuery o javascript
Código:
$('body').append('<div id="box_info" class="nuevospost" style="display:none">
        <a id="close" style="float:right;cursor:pointer;" onclick="$(this).parent().add('#lightBG').fadeOut();$(this).parent().find('.Ncontenedor').html('');"><img src="http://illiweb.com/fa/prosilver/icon_post_delete.gif" />
        </a>
        <center>
            <h3 class="box_titulo" style="border-bottom:3px double #66CCFF!important"></h3>
        </center>
        <br/><span class="Ncontenedor"><br/><center><i style="color:#000;font-size:32px"class="fa fa-spinner fa-spin"></i></center></span>
    </div>');

^eso esta mal y dara error:

Lo coreecto es colocar todo el html junto sin espacios, ni saltos de pagina:
Código:
$('body').append('<div id="box_info" class="nuevospost" style="display:none"><a id="close" style="float:right;cursor:pointer;" onclick="$(this).parent().add('#lightBG').fadeOut();$(this).parent().find('.Ncontenedor').html('');"><img src="http://illiweb.com/fa/prosilver/icon_post_delete.gif" /></a><center><h3 class="box_titulo" style="border-bottom:3px double #66CCFF!important"></h3></center><br/><span class="Ncontenedor"><br/><center><i style="color:#000;font-size:32px"class="fa fa-spinner fa-spin"></i></center></span></div>');

lo mismo sucede con el CSS

Código:
$('body').append('<div id="box_info" class="nuevospost" style="display:none"><a id="close" style="float:right;cursor:
pointer;
font-size:24px;
float:left;
margin-left:-35px
;margin-top:0!important;
border:none;
width:30px;
margin-right:-35px;
color:rgb(255, 255, 255);
background-color:rgb(242, 102, 81);
border-radius:100%;
height:30px;line-height:1.1;
text-indent:2px;" onclick="$(this).parent().add('#lightBG').fadeOut();$(this).parent().find('.Ncontenedor').html('');"><img src="http://illiweb.com/fa/prosilver/icon_post_delete.gif" /></a><center><h3 class="box_titulo" style="border-bottom:3px double #66CCFF!important"></h3></center><br/><span class="Ncontenedor"><br/><center><i style="color:#000;font-size:32px"class="fa fa-spinner fa-spin"></i></center></span></div>');

Error ^^^^^^^^^^

Lo correcto es sin espacios:
Código:

$('body').append('<div id="box_info" class="nuevospost" style="display:none"><a id="close" style="float:right;cursor: pointer; font-size:24px; float:left; margin-left:-35px ;margin-top:0!important; border:none; width:30px; margin-right:-35px; color:rgb(255, 255, 255);background-color:rgb(242, 102, 81);border-radius:100%;height:30px;line-height:1.1;text-indent:2px;" onclick="$(this).parent().add('#lightBG').fadeOut();$(this).parent().find('.Ncontenedor').html('');"><img src="http://illiweb.com/fa/prosilver/icon_post_delete.gif" /></a><center><h3 class="box_titulo" style="border-bottom:3px double #66CCFF!important"></h3></center><br/><span class="Ncontenedor"><br/><center><i style="color:#000;font-size:32px"class="fa fa-spinner fa-spin"></i></center></span></div>');
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6680


Puntos :

8741


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Re: [Resuelto] CSS dentro de un JS error 
el Miér Ago 31, 2016 6:31 pm
staff
[ok]deje la explicación, no encontré ya el problema en tu foro cierro el tema[/ok]
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6680


Puntos :

8741


Me gusta :

1004


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

 En la misma categoria


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