Comunidad de diseño web y desarrollo en internet online

introducir codigo CSS en un documento *JS

Citar            
MensajeEscrito el 07 Ago 2012 01:46 pm
la cosa es que tengo un foro y quiero redimencionar las imagenes con CSS pero desde el archivo js...
ejemplo: cuando pongan las etiquetas [img] imagen [/img] la imagen sea redimencionada ... ya tengo el codigo CSS pero no se como ni donde ponerlo en el js... les dejo los codigos

esto supongo que es el boton para agregar la imagen

Código Javascript :

if(typeof(options.sprite) != 'undefined')
      {
         var img = document.createElement('span');
         img.className = 'toolbar_sprite toolbar_sprite_'+options.sprite;
      }
      else
      {
         var img = document.createElement('img');
         img.src = this.themePath + "/images/" + options.image;
      }
      button.appendChild(img);



y este el CSS para redimencionar la imagen

Código CSS :

#div {
width: 300px;
margin: 0 auto 0 auto;
padding: 5px;
background-color: #000000;
color: #fff;
}
#div img { max-width: 99%; }


datos extras... poseo 2 archivos que manejan los botones del editos un "editor.js" que se encarga del funcionamiento del boton y un stylesheet.css que segun estube viendolo es solo para la parte de la imagen del boton

el codigo css lo saque de aqui : [url=http://www.wsoulrc.com/redimensionar-imagenes-con-css/][/url]

Por throttle

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Ago 2012 04:30 pm
Antes de que venga DriverOP que lo mas seguro te dira que uses Jquery por que es más sencillo y si que lo es :D

Pero bueno con tu archivo .CSS por aparte el JS lo que debe hacer es asignar la clase...

Si lo haces con Jquery

Código Javascript :

$("img").addClass('nombre de tu clase');

más info en http://docs.jquery.com/Addclass

Si lo haces con Javascript

Código Javascript :

img.setAttribute('class','nombre de la clase');

mas info en http://reference.sitepoint.com/javascript/Element/setAttribute

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

firefox
Citar            
MensajeEscrito el 07 Ago 2012 07:02 pm
mmm ok gracias ! vere que tal funciona :B

Por throttle

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 10 Ago 2012 03:52 am
Podrias obtener los elementos img y aplicarle un nombre clase

Código :

var img = document.getElementsByTagName('img');
img[0].className='nombredeclase';


Tene encuenta que en mi ejemplo obtengi todos los img del documento pero podrias hacerlo obteniendo los elementos dentro de un div especifico o lo que quieras,siempre devuelve un array por lo cual con un bucle recorrerias el array y le aplicarias el className.

Por alez91

46 de clabLevel



 

Desarrollador Web

safari

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.