Onderwerp: div naar variable omzetten

Ik ben bezig met google afstand berekening en ik kom er niet uit..

De afstand in Km staat in <div id="afstand"></div>
Nu wil ik de afstand in km omzetten naar $afstand omdat deze in een andere form overgenomen moet worden.

PHP Code:

    function set_distance() 
    {
    // extra: foutafhandeling, kan handig zijn!!!
    handleErrors(); 
    document.getElementById("afstand").innerHTML = gdir.getDistance().html; 
    } 


Form1:

PHP Code:

<form action="#" onsubmit="setDirections(this.locatieontv.value, this.locatiezndr.value, 'nl'); return false">
<table border="0">
<tr>
<td align = "right" ><font face="Verdana" size="2" color="********">Locatie Ontvanger :</font></td><td><input type="text"  id="fromAddress" name="locatieontv" value=""/></td>
</tr>
<tr>
<td align = "right" ><font face="Verdana" size="2" color="********">Locatie Zender :</font></td><td><input type="text"  id="toAddress" name="locatiezndr" value="" /></td>
<td><input tabindex="1" name="submit" type="submit" value="Bereken afstand!" /></td>
</tr>
</tr>
</table>
</form> 


In form2 staat een regel en daar wil ik $afstand in verwerken

PHP Code:

<tr>
<td align = "right" ><font face="Verdana" size="2" color="********">Kilometer :</font></td>
<td><input type = "text" name = "kilometer" value = "<? echo $afstand; ?>"</td>
</tr>

Hoe los ik dit op?

Het is onpraktisch en bijna onmogelijk om een javascript variabele in een php variabele te zetten. Onderstaande kan echter wel mits de afstand div en form2 op dezelfde pagina staan...

Code:

<tr>
<td align = "right" ><font face="Verdana" size="2" color="********">Kilometer :</font></td>
<td><input type = "text" name = "kilometer" id ="kilometer" value = ""</td>
</tr>

Code:

<script type="text/javascript">

document.getElementById('kilometer').value = document.getElementById('afstand').innerHTML;

</script>

Ahmed dit werkt niet, ik kan de berekening dan niet meer uitvoeren.
Ik moet er denk ik 1 form van maken, alleen dit gaat denk ik niet..
Hieronder de 2 form headers:

Code:

<form action="#" onsubmit="setDirections(this.locatieontv.value, this.locatiezndr.value, 'nl'); return false">

Code:

<form action="insert.php" method="POST">

Ik heb de eerste regel bij de functie ingezet, hij doet het... alleen ik krijg nog rare tekens erbij.

De bovenste form zet de afstand in de div toch? De tweede form gebruik je waarschijnlijk om het in een database te proppen?

Wat doet de functie setDirections ? Is die beschikbaar in je script of is dat van Google? Je kunt in die functie mijn script zetten:

Code:

document.getElementById('kilometer').value = document.getElementById('afstand').innerHTML;

heb je de afstand input veld wel de id kilometer meegegeven?

Als je bij die functie kan dan kun je direct de afstand die gereturnd wordt invoegen in de tweede form.. heb je misschien een online link?
edit

Ahh ik zie nu pas je edit;

Kan wel kloppen. Je zou even de waarde die je ophaalt uit de div kunnen parsen naar een INT of double (ik weet niet of je ook 15.25 kunt krijgen) of eerst even alerten wat er uit de div komt alert(document.getElementById('afstand').innerHTML ); en deze wegfilteren

Hij doet het wel, maar ik krijg 2,6&nbsp;km terug.
Normaal kan ik &nbsp; wel wegfilteren, nu weet ik nog niet hoe je dat uit de innerHTML kunt filteren.
Als de &nbsp; weg is dan het het helemaal goed..
Weet je toevallig ook hoe dat kan dat ik de &nbsp; ertussen krijg nu?

edit:
Hij doet het Ahmed

Code:

    document.getElementById('kilometer').value = document.getElementById('afstand').innerHTML.replace(/\&nbsp\;/g,' ');

Heel erg bedankt voor de hulp!!

Ahh mooizo! Graag gedaan!

is hier eigenlijk geen API beschikbaar voor?

Mag ik je even een algemene tip geven? zeker als je .value of .innerHTML doet aan de hand van een name,id etc.. gebruik prototype of jquery. Weet je zeker dat t in alle browsers werkt.

En... kun je ook meteen met AJAX een waarde naar PHP schieten, die doet er iets mee en dan heb je ook "echt" je $waarde terug.

Oorspronkelijk geplaatst door Ramon Fincken

Mag ik je even een algemene tip geven? zeker als je .value of .innerHTML doet aan de hand van een name,id etc.. gebruik prototype of jquery. Weet je zeker dat t in alle browsers werkt.

En... kun je ook meteen met AJAX een waarde naar PHP schieten, die doet er iets mee en dan heb je ook "echt" je $waarde terug.

Wilde ik inderdaad ook adviseren, maar de form waar hij $waarde in wilde hebben staat op dezelfde pagina. Zelfs met een ajax request (bijv opslaan in een sessie) kom je er dan niet onderuit om de pagina te refreshen zodat de sessie opgehaald kan worden...

Oorspronkelijk geplaatst door Ahmed

Wilde ik inderdaad ook adviseren, maar de form waar hij $waarde in wilde hebben staat op dezelfde pagina. Zelfs met een ajax request (bijv opslaan in een sessie) kom je er dan niet onderuit om de pagina te refreshen zodat de sessie opgehaald kan worden...

je kan met met ajax de div toch opnieuw laten inladen?

Oorspronkelijk geplaatst door Piwi-Web

je kan met met ajax de div toch opnieuw laten inladen?

Dan kun je 'm net zo goed direct het inputveld inschieten, maar het punt was dat de waarde in de div één op één in het inputveld moest komen..

of via ajax naar php schieten in een sessie.