[jQuery] Problemen met variabele

**B. van de pol** · 10-03-2011, 17:49

Ik heb een probleem met het zetten van een variabele.
Een PowerShell script geeft het percentage dat een mailbox gebruikt wordt door middels "GetMailboxPercentageUser.php"

Deze waarde wil ik gebruiken om een progressbar te vullen. Het PowerShell script geeft niet meer dan terug dan de waarde 24.6 (in dit test geval)

Nu dacht ik het als volgt te doen, helaas blijkt dit niet te werken...

PHP Code:


<tr>

    <td>Percentage verbruikt</td>

    <td id="mailboxpercentageuser">

        <div id="percentagebaroutline">

            <div id="percentagebarinline"></div>

        </div>

    </td>

</tr>    



<script type="text/javascript"> 

    $(function() {

        $("#percentagebarinline").load("php/GetMailboxPercentageUser.php");

        var percentage = $("#percentagebarinline").val(); <-- dit werkt niet

        $('#percentagebarinline').delay(2000).animate({'width':percentage+'%'}, 1500);        

    }); 

</script>

Wanneer ik de waarde van de variabele "hard" meegeef, dan werkt het wel.

PHP Code:


<tr>

    <td>Percentage verbruikt</td>

    <td id="mailboxpercentageuser">

        <div id="percentagebaroutline">

            <div id="percentagebarinline"></div>

        </div>

    </td>

</tr>    



<script type="text/javascript"> 

    $(function() {

        $("#percentagebarinline").load("php/GetMailboxPercentageUser.php");

        var percentage = 24.6; <-- dit werkt

        $('#percentagebarinline').delay(2000).animate({'width':percentage+'%'}, 1500);        

    }); 

</script>

Wat doe ik fout?!
Alle hulp is welkom!

**Lodewijk d.V.** · 10-03-2011, 17:52

Heb je een live voorbeeld op een website staan? Dan kan ik even met FireBug (firefox extentie) kijken wat het probleem is.

**B. van de pol** · 10-03-2011, 17:53

Origineel gepost door Lodewijk d.V.

Heb je een live voorbeeld op een website staan? Dan kan ik even met FireBug (firefox extentie) kijken wat het probleem is.

Helaas. Dit draait intern en authenticeerd middels Active Directory.

**J. Buitenhuis** · 10-03-2011, 18:07

probeer eens .html() ipv .val()

**B. van de pol** · 10-03-2011, 18:50

Origineel gepost door J. Buitenhuis

probeer eens .html() ipv .val()

Hmm.. Als ik hard de waarde 80 geef in "percentagebarinline" en ik laad de variabele met .html() dan werkt alles wel...

Het lijkt erop dat op het moment dat de variabele wordt gezet, deze nog niet beschikbaar is?!
percentage = $("#percentagebarinline").html(); moet uitgevoerd worden nadat $("#percentagebarinline").load("php/GetMailboxPercentageUser.php"); is uitgevoerd.

Is dat ook zo in dit geval, of loopt het als een "batch" door.

Ik weet dat het PowerShell script er zo'n 12 seconden over doet om het percentage te berekenen...

PHP Code:


<tr>

    <td>Percentage verbruikt</td>

    <td id="mailboxpercentageuser">

        <div id="percentagebaroutline">

            <div id="percentagebarinline">80</div>

        </div>

    </td>

</tr>    

    <script type="text/javascript"> 

    $(function() {

        $("#percentagebarinline").load("php/GetMailboxPercentageUser.php");

        percentage = $("#percentagebarinline").html();

        $('#percentagebarinline').delay(3000).animate({'width':percentage+'%'}, 1500);        

    }); 

</script>

**J. Buitenhuis** · 10-03-2011, 19:00

Origineel gepost door B. van de pol

Ik weet dat het PowerShell script er zo'n 12 seconden over doet om het percentage te berekenen...

Daar ligt je probleem, zorg eerst dat de data - percentage - beschikbaar is en ga dan pas de waarde ophalen uit de div en ga dan animeren.

Code:

$('#percentagebarinline').load('php/GetMailboxPercentageUser.php', function() {
   percentage = $("#percentagebarinline").html(); 
    $('#percentagebarinline').delay(3000).animate({'width':percentage+'%'}, 1500);
});

**B. van de pol** · 10-03-2011, 19:44

Ik heb werkelijk waar geen idee hoe dit aan te pakken. Hoe zorg ik ervoor dat eerst de waarde word opgehaald, vervolgens word geplaatst in #percentagebarinline, om vervolgens deze waarde weer in de variabele "percentage" te krijgen.
Eerder genoemde oplossing van J. Buitenhuis heeft helaas niet gewerkt.

Het zetten van de variabele gaat goed, als ik zelf een waarde ingeef dan loopt alles mooi door.

Wat ik heb is als volgt:

PHP Code:


<script type="text/javascript">

    $(function(){

        $("#percentagebarinline").load("php/GetMailboxPercentageUser.php");

        percentage = $("#percentagebarinline").html();

        $('#percentagebarinline').delay(3000).animate({'width':percentage+'%'}, 1500);                      

    });

</script>

**Lodewijk d.V.** · 10-03-2011, 19:47

Waarschijnlijk ben je op zoek naar de callback van de load. Probeer eens:

PHP Code:


<script type="text/javascript">
    $(function(){
        $("#percentagebarinline").load("php/GetMailboxPercentageUser.php", function(){
            percentage = $("#percentagebarinline").html();
            $('#percentagebarinline').delay(3000).animate({'width':percentage+'%'}, 1500);
        });              
    });
</script>

Daarnaast zou ik je jQuery ook binnen $(document).ready() zetten om conflicten te voorkomen:

PHP Code:


$(document).ready(function() {

     #Je javascript-code

});

**J. Buitenhuis** · 10-03-2011, 20:09

Raar dat het bij jou niet werkt, hierbij een testje; http://dev.5dstudio.nl/pbar/table.html
druk op het linkje om telkens een nieuw getal op te halen.

**B. van de pol** · 10-03-2011, 20:23

Origineel gepost door J. Buitenhuis

Raar dat het bij jou niet werkt, hierbij een testje; http://dev.5dstudio.nl/pbar/table.html
druk op het linkje om telkens een nieuw getal op te halen.

Tjah. Wat moet ik daarvan zeggen.
Je hebt het inderdaad werkend.

Shoot me...

PHP Code:


...

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>

<script src="https://github.com/malsup/blockui/raw/master/jquery.blockUI.js?v2.31"></script>    

....

<div id="content">

    <table class="w100p">

        <tr>

            <td>Percentage verbruikt</td>

            <td id="mailboxpercentageuser">

                <div id="percentagebaroutline">

                    <div id="percentagebarinline"></div>

                </div>

            </td>

        </tr>

        <tr>

            <td class="w200">Primair email adres</td>

            <td><?php echo $userdata->email();?></td>

        </tr>

        <tr>

            <td>Alternatieve email adressen</td>

            <td id="alternatesmtpuser"><img src="images/loading12bal.gif" alt="Loading" /></td>                

        </tr>

        <tr>

            <td>Grootte mailbox</td>

            <td id="mailboxsizeuser"><img src="images/loading12bal.gif" alt="Loading" /></td>                

        </tr>

        <tr>

            <td>Mailbox verbruik</td>

            <td id="mailboxusageuser"><img src="images/loading12bal.gif" alt="Loading" /></td>

        </tr>

        <tr>

            <td>Aantal items in mailbox</td>

            <td id="mailboxitemsuser"><img src="images/loading12bal.gif" alt="Loading" /></td>

        </tr>

        <tr>

            <td>Grootte PST</td>

            <td id="pstsizeuser"><img src="images/loading12bal.gif" alt="Loading" /></td>

        </tr>

    </table>

</div>

...

<script type="text/javascript">

    $(document).ready(function() {

        $(function(){

            $("#percentagebarinline").load("php/GetMailboxPercentageUser.php", function(){

                percentage = $("#percentagebarinline").html();

                $('#percentagebarinline').delay(3000).animate({'width':percentage+'%'}, 1500);

            });

            $("#alternatesmtpuser").load("php/GetMailboxAlternateSMTPUser.php");                         

            $("#mailboxsizeuser").load("php/GetMailboxQuotaUser.php");                         

            $("#mailboxusageuser").load("php/GetMailboxSizeUser.php");                         

            $("#mailboxitemsuser").load("php/GetMailboxItemCountUser.php");                         

            $("#pstsizeuser").load("php/GetPSTSizeUser.php");                         

        });

    });

</script>

...

**J. Buitenhuis** · 10-03-2011, 20:31

Roep anders eens de url; php/GetMailboxPercentageUser.php in je browser en check of het echt een float is en geen andere rotzooi zoals linebreaks gereturnt worden.

**B. van de pol** · 11-03-2011, 06:54

Origineel gepost door J. Buitenhuis

Roep anders eens de url; php/GetMailboxPercentageUser.php in je browser en check of het echt een float is en geen andere rotzooi zoals linebreaks gereturnt worden.

Je bent mijn held!!!

GetMailboxPercentageUser.php

PHP Code:


<?php 

    session_start();

    require_once '../functions/userdata.php';

    $userdata = new userdata();

    

    $output =    shell_exec('powershell.exe -ImportSystemModules -command ../powershell/exchange/GetMailboxPercentageUser.ps1 '.$userdata->email().'');

    $output =    str_replace(" ", "", $output);

    $output =    str_replace("\t", "", $output);

    $output =    str_replace("\n", "", $output);

    echo $output;

?>

[jQuery] Problemen met variabele