Forum PHP.pl

Witam

Napisałem taki kod:

[HTML] pobierz, plaintext 
 
.....
<select class="inputSelectGray" name="formStyle">
<optgroup label="Pojedyńczy wykres">
<option value="single_series_charts/FCF_Column2D.swf">Column 2D</option>
<option value="single_series_charts/FCF_Column3D.swf">Column 3D</option>
<option value="single_series_charts/FCF_Line.swf">Line 2D</option>
<option value="single_series_charts/FCF_Area2D.swf">Area 2D</option>
<option value="single_series_charts/FCF_Bar2D.swf">Bar 2D</option>
<option value="single_series_charts/FCF_Pie2D.swf">Pie 2D</option>
<option value="single_series_charts/FCF_Pie3D.swf">Pie 3D</option>
<option value="single_series_charts/FCF_Doughnut2D.swf">Doughnut 2D</option>
</select>
......
<script type="text/javascript">
	 $(document).ready(function(){
		 var formStyle = "";
 
		 $("[name=formStyle]").change(function(){
             $("select option:selected").each(function () {
                 formStyle = $(this).val();
             });
		 });
 
		 $.ajax({
             url: "modulesALL/ranking/preview.php?style="+formStyle,
             success: function(results) { $('#preview').html(results); }
         });
     });
</script>
[HTML] pobierz, plaintext 

PLIK PHP

[PHP] pobierz, plaintext 
<?php ob_start(); session_start();
$_GET['style'] = isset($_GET['style']) ? $_GET['style'] : '';
 
include("../../../class/fusionCharts/includes/fusionCharts.php");
 
if($_GET['style'] == false){
     $_GET['style'] = 'single_series_charts/FCF_Column3D.swf';
}
 
print renderChartHTML($_SESSION['DB_DOMAIN_ALL']."class/fusionCharts/flash/".$_GET['style'], $_SESSION['DB_DOMAIN_ALL']."class/fusionCharts/flash/single_series_charts/schemat.xml", "", "myFirst", 450, 450)
?>
[PHP] pobierz, plaintext 

I teraz chciałbym metodą get przekazać wybraną wartość do pliku php bez odświerzenia strony.

Może ktoś mnie naprowadzić co robię nie tak?

Pozdrawiam

Ten post edytował einter-project 16.04.2012, 18:24:28

Jeśli chcesz coś przesłać jakąś wartość za pomocą .ajax, to powinieneś uruchomić tę funkcję w momencie, kiedy ta wartość istnieje, a nie kiedy ładuje się strony i wartość jest pusta.

[HTML] pobierz, plaintext 
$("select option:selected").each(function () {
    formStyle += $(this).val() + " ";
    // <--- TUTAJ POWINIEN BYĆ AJAX
});
[HTML] pobierz, plaintext 

Ty zrobiłeś tak, że strona się ładuje i próbuje wysłać zmienną, która w ogóle wtedy nie istnieje i tym samym nic się nie dzieje.

Poza tym, do czego Ci jest potrzebne to .each w tym skrypcie, skoro nie masz możliwości wyboru wielu pól tylko jedno?

[HTML] pobierz, plaintext 
$("[name=formStyle]").change(function(){
    formStyle = $("select option:selected").val();
    // AJAX
});
[HTML] pobierz, plaintext 

Ten post edytował lukesh 16.04.2012, 18:29:54

Może powiem o co mi chodzi.
Chce zrobić konfiguracje fusionCharts z podglądem bez przeładowania strony. Pól formularza będzie około 20 (input, select, checbox); I teraz przy wpisaniu każdej wartości chciałem aby się zmieniał się podgląd. Czyli przy zmianie każdego pola powinno odświerzyć preview.php. Ma to sens? I jak zrobić aby przy każdej zmianie odświerzało preview.php.

Pozdrawiam

W przypadku select i checkbox użyj $.change(). W przypadku input możesz użyć również .change() i wtedy wartość będzie wysyłana jak ktoś wyjdzie z pola (np. kliknie myszką gdzieś indziej) albo .keyup, jeśli chcesz żeby zmiany były wprowadzane po wpisaniu jednej litery, i wtedy pobierz tę wartość do zmiennej globalnej i sprawdź, czy poprzednia wartość w zmiennej jest inna i jeśli tak, wyślij dane.
Nie wiem, jak działa fusionCharts, ale jak chcesz przesyłać zmienną po każdej zmianie, to wystarczy, że zrobisz tak, jak wspomniałem.
Możesz oczywiście za każdym razem przesłać wszystkie pola, jeśli będzie to konieczne.

Dzięki derdeczne za pomoc. Doszedłem do wniosku że jednak dam przycisk i po kliknięciu będzie odświeżał stronę.

Pozdrawiam