Javascript ausführen wenn vorheriges Script fertig ist....

Hallo zusammen,

ich bin neu hier, sowie auch in der Welt von Javascript usw.

Vor langer langer Zeit habe ich ein wenig über HTML, CSS und PHP gelernt, allerdings nur die Grundkenntnisse.

Und da steh ich nun und will etwas umsetzten das vermutlich vom ganzen Konstrukt oder auch Gedankengang her vermutlich nicht sehr elegant ist aber das der einzige Weg ist der mir bisher eingefallen ist.

Und nun zu meinem Anliegen.

Ich habe eine Seite, diese enthält 3 DIVs. Das erste Div enthält 1 Button. Die andern beiden Divs sind erstmal leer.

Bei Click auf den Button wird per Javascript Inhalt aus einer andern Datei in DIV 2 angezeigt. Hier befinden sich mehrere Dropdown Auswahlfelder, die je nach Auswahl ein Bild und einen Preis einblenden. Der Preis wird aus einer Datenbank geladen.

In DIV 3 soll der Gesamtpreis angezeigt werden.

Da ich auf die schnelle das direkte weitergeben innerhalb einer Funktion nicht hinbekommen habe habe ich sowas fabriziert

function Bildwechsel_sticklogo_skoda() {
        var selected_option_value_skodasticklogo=$("#Sticklogo_skoda option:selected").val(); 
        
        $.post("./Skoda/Skript_Bilder/Sticklogo_skoda.php", {option_value2: selected_option_value_skodasticklogo},
         function(data) {
            $('#SticklogoSkodaBild').html(data);    
        }
     );
        $.post("./Skoda/Skript_Preise/Sticklogopreise_skoda.php", {option_value2: selected_option_value_skodasticklogo},
         function(data) {
            $('#SticklogoPreis').html(data);    
        }
     );
         $.post("./gesamtpreis.php", {option_value2: selected_option_value_skodasticklogo},
         function(data) {
            $('#gesamtpreis').html(data);    
        }
     );     
    }

das erste und zweite $.post funktionieren einwandfrei, da jenachdem welche Auswahl ich in meienr Combobox getroffen habe unterschiedliche Sachen passieren sollen ist der mmitgegebene Value wichtig. das 3. $.post wiederum bräuchte gar keine weitergabe der option_value2, vielleicht kann mir da eienr auf die Sprünge helfen wie ich das an der Stelle besser löse um in Div3 die Daten zu ändern.

Aber mal abgesehen davon habe ich jetzt das Problem das ich den Gesamtpreis über Session-Variablen zusammen addieren möchte. Allerdings passiert es nun das die Daten vom gesamtpreis.php schneller eingefügt werden, als das Sticklogopreise_skoda.php die Session_Variable anpasst.

Hier noch der Anfänger Code für die andern beiden Dateien:

Sticklogopreise_skoda.php:

<?php $selected_skodasticklogo=$_POST['option_value2'];
require_once ('../../configuration.php');
$db_link = mysqli_connect (
                     MYSQL_HOST, 
                     MYSQL_BENUTZER, 
                     MYSQL_KENNWORT, 
                     MYSQL_DATENBANK
                    );
if ( !$db_link )
{
   die('keine Verbindung möglich: ' . mysqli_error());
}
else
{
    $query = "SELECT Preis FROM artikel where artikel.Bezeichnung='".$selected_skodasticklogo."'";
    $results = mysqli_query($db_link, $query);
    while ($preisLogo = mysqli_fetch_assoc( $results)){
        echo $preisLogo['Preis']." €";
        $_SESSION['Sticklogopreis']=$preisLogo['Preis'];
    }

} ?>

sowie gesamtpreis.php:

<?php
//sleep(1);
$_SESSION['Gesamtpreis']=$_SESSION['Ziernahtpreis']+$_SESSION['Sticklogopreis'];
echo $_SESSION['Gesamtpreis'];
?>

Aja das sleep(1); war nur zum testen ob es wirklich an der Geschwindigkeit liegt.

Kurze Zusammenfassung: Ich möchte durch eine Auswahl an Teilen die Preise für die Einzelteile aus einer Datenbank auslesen und anzeigen lassen und auf der gleichen Seite an einer anderen Stelle einen Gesamtpreis anzeigen lassen, ohne das die Seite neu geladen werden muss, so eine Art Konfigurator.

Eine Callback Funktion habe ich schon ausprobiert, allerdings war das Ergebnis das selbe.

Da mein Kopf heute schon ein wenig Wirr durh das Ganze ist, hoffe ich das ich mich verständlich ausgedrückt habe und Ihr mir einen kleinen Rat geben könnt, was mein Problem lösen würde.

Vielen Dank schonmal.

Ok ich hab es jetzt gelöst, aber irgendwie kommt mir das komisch vor.

Ich lasse das 3. $.post weg, und rufe in der ersten Seite die ich einblenden lasse dann per include die andere Seite auf und lasse dann dort per PHP echo dann das DIV "gesamtpreis" neu anzeigen.

<body>
<?php $selected_ziernahtfarbe=$_POST['option_value1'];
if($selected_ziernahtfarbe==""){ ?>
--
<?php $_SESSION['Ziernahtpreis']=0;} else{
require_once ('../../configuration.php');
$db_link = mysqli_connect (
                     MYSQL_HOST, 
                     MYSQL_BENUTZER, 
                     MYSQL_KENNWORT, 
                     MYSQL_DATENBANK
                    );
if ( !$db_link )
{
   die('keine Verbindung möglich: ' . mysqli_error());
}
else
{
    $query = "SELECT Preis FROM artikel where artikel.Bezeichnung='".$selected_ziernahtfarbe."'";
    $results = mysqli_query($db_link, $query);
    while ($preisZiernaht = mysqli_fetch_assoc( $results)){
        echo $preisZiernaht['Preis']." €";
        $_SESSION['Ziernahtpreis']=$preisZiernaht['Preis'];        
    }
    include('../../gesamtpreis.php');
}
} ?>
</body>

und bei der anderen Datei sieht es jetzt so aus:

<?php
//sleep(1);
$_SESSION['Gesamtpreis']=0;
$_SESSION['Gesamtpreis']=$_SESSION['Ziernahtpreis']+$_SESSION['Sticklogopreis'];
echo "
    <script type=\"text/javascript\">
    document.getElementById('gesamtpreis').innerHTML = \"".$_SESSION['Gesamtpreis']."\";
    </script>
"
?>

Ich vermute elegant ist anders , aber es funktioniert immerhin mal.