Forum PHP.pl

Witam,

w funckji js mam coś takiego

[HTML] pobierz, plaintext 
function funkcjaNazwa (){
 
var values1 = new Array(100,34,56,78,99,112);
var values2 = new Array(55,23,5,33,80,59);
.
.
.
}
[HTML] pobierz, plaintext 

chciałbym te tablice wypełnić tablicami z php

użyłem

[PHP] pobierz, plaintext 
echo json_encode($tab); // otrzymuję ["123","223","123","97"]
[PHP] pobierz, plaintext 

jak to teraz zapakować do funkcji JS?
próbowałem przez parametry, ale nie daje to efektu

Witaj.

Może tak:

[PHP] pobierz, plaintext 
var values1 = <?php echo $tab; ?>;
[PHP] pobierz, plaintext 

JSONa nie musisz rozkodowywać jeśli chcesz go używać w JavaScript.

Pozdrawiam.

hej, no tak też nie działa.
gdy jest tak jak teraz i wywołam np. pod jakimś buttonem onClick działa ok.
values1 i 2 pochodzą z zapytania sql

Array ( [0] => 123 [1] => 223 [2] => 123 [3] => 97 )

próbowałem też implode i potem showChart(<?php echo <toCoZimplode> ?>, <?php echo inneImplode ?>)
ale to jest do luftu, nie działa.

[HTML] pobierz, plaintext 
 
function showChart() 
{
    var values1 = new Array(100,50);
    var values2 = new Array(50,100);
[HTML] pobierz, plaintext 

A tam nie działa.
Nie ma prawa nie działać.

http://ideone.com/EhEggu
http://jsbin.com/ajeguf/1/

Przy drugim przykładzie zobacz w konsoli.

Masz coś dalej w skrypcie nie tak.

no nie działa,

w skrypcie js w prostej pętli przesuwam się po tych tablicach z osobna. gdy zakodowałem jak wskazałeś tak jakbym jechał po każdej cyferce po kolei a nie liczbie.

new Array(123, 123, 1123)

potrzebuję to w js dokładnie w takiej postaci

Pokaż więcej kodu jeśli możesz.

jak odpale to z onClick to działa ładnie, ale chce tą funkcję sparametryzować
js ( kod by Sephirus )

[HTML] pobierz, plaintext 
 
function showChart() 
{
    var values1 = new Array(100,50);
    var values2 = new Array(50,100);
    var bar1Width = 30;
    var bar1Spacing = 5;
 
    var chart = document.getElementById('chart');
    chart.innerHTML = '';
    for(var i = 0; i < values1.length; i++) 
    {
        var bar = document.createElement('div');
        bar.className = 'bar';
        bar.style.left= i*(bar1Width+bar1Spacing+2)+'px';
        bar.style.height = values1[i]+'px';
        bar.style.width = bar1Width+'px';
        chart.appendChild(bar);
 
        var bar = document.createElement('div');
        bar.className = 'bar orange';
        bar.style.left= i*(bar1Width+bar1Spacing+2)+3+'px';
        bar.style.height = values2[i]+'px';
        bar.style.width = bar1Width-6+'px';
        bar.style.zIndex = 2;
        chart.appendChild(bar);
    }
}
 
[HTML] pobierz, plaintext 

Wiesz co my się chyba nie rozumiemy.
Może kto inny Ci pomoże.

Mnie to działa:
http://jsbin.com/enidic/2/edit

HTML, który tworzy skrypt:

[HTML] pobierz, plaintext 
<div class="bar" style="left: 0px; height: 12px; width: 30px;"></div>
<div class="bar orange" style="left: 3px; height: 3px; width: 24px; z-index: 2;"></div>
<div class="bar" style="left: 37px; height: 3px; width: 30px;"></div>
<div class="bar orange" style="left: 40px; height: 13px; width: 24px; z-index: 2;"></div>
<div class="bar" style="left: 74px; height: 7px; width: 30px;"></div>
<div class="bar orange" style="left: 77px; height: 17px; width: 24px; z-index: 2;"></div>
[HTML] pobierz, plaintext 

Powodzenia.