Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][CSS][HTML] Przekazanie zmiennej z JS do HTML/CSS
Forum PHP.pl > Forum > Przedszkole
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:
  1. $(document).ready(function() {
  2. var menuWidth = 0;
  3. $('div.menu ul li.menuSize').each(function(){
  4. menuWidth += ($(this).width() + (10 * 2));
  5. });
  6. $.post("css.php", {zmienna: menuWidth});
  7. });

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:
  1. <style type="text/css" media="all">
  2. div.menu ul {width:+WARTOŚĆ ZMIENNEJ+px;}

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

Serdecznie pozdrawiam,
Kamil Dunaj
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
  1. $(document).ready(function() {
  2. var menuWidth = 0;
  3. $('div.menu ul li.menuSize').each(function() {
  4. menuWidth += ($(this).width() + (10 * 2));
  5. });
  6. $('div.menu ul').css('width', menuWidth);
  7. });
[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.
peja1990
Cytat(mortus @ 23.12.2011, 16:47:22 ) *
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
  1. $(document).ready(function() {
  2. var menuWidth = 0;
  3. $('div.menu ul li.menuSize').each(function() {
  4. menuWidth += ($(this).width() + (10 * 2));
  5. });
  6. $('div.menu ul').css('width', menuWidth);
  7. });
[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.



Fakt, działa... O tym nie pomyślałem tongue.gif
Dzięki wielkie smile.gif
Wiem, że są różne sposoby na wyśrodkowanie elementów na stronie ale w moim przypadku tylko ten działa tak jak należy smile.gif
Jeszcze raz wielkie dzięki za pomoc, oczywiście pomógł już poleciał i życzę Wesołych Świąt i szczęśliwego Nowego Roku smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.