[JavaScript][CSS][HTML] Przekazanie zmiennej z JS do HTML/CSS Opcje

[peja1990]

Witam,
mam pewien problem z przekazaniem zmiennej z JavaScript do HTML/CSS.
Mianowicie napisałem sobie skrypt JS, którego zadaniem jest zliczanie szerokości listy poziomego menu:

[XML] pobierz, plaintext 
$(document).ready(function() {
  var menuWidth = 0;
  $('div.menu ul li.menuSize').each(function(){
    menuWidth += ($(this).width() + (10 * 2));
  });
  $.post("css.php", {zmienna: menuWidth});
});
[XML] pobierz, plaintext 

Skrypt działa poprawnie gdyż sprawdziłem to funkcją alert();

Jak widać w 6 linii kodu próbowałem przekazać zmienną ajax'em do PHP lecz sprawdzając firebug'iem zmienna okazała się być pustą.
Dlatego proszę Was o pomoc.

Chciałbym zdefiniować wartość zmiennej menuWidth w tym kodzie CSS:

[HTML] pobierz, plaintext 
<style type="text/css" media="all">
div.menu ul {width:+WARTOŚĆ ZMIENNEJ+px;}
</style>
[HTML] pobierz, plaintext 

Za wszelką pomoc będę niezmiernie wdzięczny.

Serdecznie pozdrawiam,
Kamil Dunaj

Ten post edytował peja1990 23.12.2011, 16:32:05

[mortus]

Metoda .post() służy do czegoś innego, a dokładniej do komunikacji z serwerem www, na którym postawiona jest strona. Takie coś realizujesz w taki sposób:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
 var menuWidth = 0;
 $('div.menu ul li.menuSize').each(function() {
  menuWidth += ($(this).width() + (10 * 2));
 });
 $('div.menu ul').css('width', menuWidth);
});
[JAVASCRIPT] pobierz, plaintext 

Jednakże rozwiązania tego typu rzadko się stosuje, a sposobów na wyśrodkowanie (bo chyba temu ma to służyć) menu jest wiele.

Ten post edytował mortus 23.12.2011, 16:47:44