Pagina 1 din 1

Extrage valoare numar din proprietate css

Scris: Dum Mai 13, 2012
de steell
salut, vreau sa fac o banda gen loading

Cod: Selectaţi tot

<script type="text/javascript"><!--
$(document).ready(function() {
  $('.cls').click(function(){
var nr = $('.cls').css('width');   //extrage valoarea width din acel div
var nr1=nr*2;    //dubleaza valoarea width
$('.cls').css('width', nr1);   //seteaza noua valoare width
  });
});
--></script>

<div class="cls"> &nbsp; </div>
problema este ca valoarea extrasa nu este un numar si nu poate fi modificata
am pus un alert la script sa-mi arate valoarea width si imi zice 50px, cum fac sa-o transform in numar adica sa arate doar 50 fara px ?


edit:
pana la urma am rezolvat asa

Cod: Selectaţi tot

<script type="text/javascript"><!--
$(document).ready(function() {
  $('.cls').click(function(){

$(this).animate({'width':'500px'},20000);

  });
});
--></script>
dar tot vreau sa stiu cum transform acea proprietate width din sir in numar

Extrage valoare numar din proprietate css

Scris: Dum Mai 13, 2012
de MarPlo
Salut
Uite un exemplu din care poti sa intelegi cum se extrage valoarea numerica din sir cu valori css.

Cod: Selectaţi tot

<script type="text/javascript"><!--
var width1 = '15px';
var width2 = '8%';

// extrage doar partea numerica
width1 = width1.match(/[0-9]+/);
width2 = width2.match(/[0-9]+/);

alert(width1);       // 15
alert(width2);       // 8
--></script>