Automatish optellen form

[Verwijderd]

Ik heb een form gemaakt voor onze werknemers waar ze kunnen invullen van maandag t/m vrijdag van hoelaat tot hoelaat ze gewerkt hebben. In dat zelfde schema kan je invullen hoeveel overuren er gemaakt zijn per dag. Vervolgens is er onderaan een vakje waar het totaal overuren in moet komen te staan. Nou is de vraag hoe kan ik ervoor zorgen dat het totaal automatish opgetelt word zonder op een button te klikken?

Het is de bedoeling dat als het ingevult is de werknemers gelijk hun totaal aantal overuren zien van de hele week en de gegevens verzonden kunnen worden.

even voor de duidelijkheid het bestand is asp.

[Verwijderd]

Dat zul je met Javascript op moeten lossen, in combinatie met het afvangen van een onKeyUp-event. Zie o.a. de MSDN website van Microsoft voor details, en ik gok dat je draadje verplaatst wordt naar de buren.. succes.

code:

<input type="text" onKeyUp="zelf_gemaakte_js_functie(this.value)">

[ Voor 17% gewijzigd door Verwijderd op 04-01-2005 15:51 ]

[Verwijderd]

Verwijderd schreef op dinsdag 04 januari 2005 @ 15:50:
Dat zul je met Javascript op moeten lossen, in combinatie met het afvangen van een onKeyUp-event. Zie o.a. de MSDN website van Microsoft voor details, en ik gok dat je draadje verplaatst wordt naar de buren.. succes.

code:

<input type="text" onKeyUp="zelf_gemaakte_js_functie(this.value)">

Ik heb al op javascript gezocht maar het lastige ervan is het automatish berekenen
moeilijk te vinden ben er al lang mee bezig vandaar deze post

[sopsop]

Er staat al een grote hint in de reactie die je quote.
Na iedere toetsaanslag wordt er een functie aangeroepen, die functie rekent vervolgens het hele formulier door en zet de waarde in een veld.

En dit is iig geen webscripting of programming.

[Verwijderd]

PHP:

<script language="Javascript">
//<!--

function count_values(obj, objValue)
{

    var reg = new RegExp("^[0-9]+$");
    
    // init
    // waarde van obj als string
    str = String(objValue);
    
    // invoer check
    if(!reg.test(objValue))
    {

        obj.value = '';
        obj.value = str.substring(0, (str.length-1));

    }

    // alles optellen
    document.all['totaal'].value = Number(document.all['getal_een'].value) + Number(document.all['getal_twee'].value);

}

//-->
</script>

<form id="formulier">
<p>
Getal 1:<br>
<input type="text" id="getal_een" onKeyUp="count_values(this, this.value)">
</p>

<p>
Getal 2:<br>
<input type="text" id="getal_twee" onKeyUp="count_values(this, this.value)">
</p>

<p>
Totaal:<br>
<input type="text" id="totaal" value="0" DISABLED>
</p>
</form>

Hap. Slik. Weg.

[Verwijderd]

boppert schreef op dinsdag 04 januari 2005 @ 16:11:
Er staat al een grote hint in de reactie die je quote.
Na iedere toetsaanslag wordt er een functie aangeroepen, die functie rekent vervolgens het hele formulier door en zet de waarde in een veld.

En dit is iig geen webscripting of programming.

idd sorry i see heb het verkeerd gepost en ivy bedankt ga het proberen

[Verwijderd]

trouwens kan je php wel combineren met asp ? ben nog niet zo pro
en al helemaal niet thuis in php.

[ Voor 21% gewijzigd door Verwijderd op 04-01-2005 16:19 ]

[Denker]

Verwijderd schreef op dinsdag 04 januari 2005 @ 16:17:
trouwens kan je php wel combineren met asp ? ben nog niet zo pro
en al helemaal niet thuis in php.

ASP draait op Microsoft servers, PHP op Apache. Het kan wel, maar dan heel ingewikkeld.
Makkelijkst is om alles hetzelfde te houden.

[Verwijderd]

Denker schreef op dinsdag 04 januari 2005 @ 16:23:
[...]

ASP draait op Microsoft servers, PHP op Apache. Het kan wel, maar dan heel ingewikkeld.
Makkelijkst is om alles hetzelfde te houden.

Het is me gelukt in php ook al heb ik nog nooit php geschreven ( hulp van ivy )
hoefte alleen een fout eruit te halen volgens mij met opzet laat mij ook maar is zien hoe het werkt

aangezien ik geen php kan schrijven en het formulier al in asp is gemaakt zou ik dit kleine stukje php in het asp formulier willen toevoegen dan is nu de vraag hoe moet dit ?
heb apache en Microsoft server tot mijn beschrikking dus.

[Obliterator]

De code van ivy is geen PHP (de tags staan er wel...) maar Javascript. Laat dit door je ASP genereren, en je bent klaar.

Wat je wilt kan alleen maar clientside, anders moet je altijd ergens op een knop drukken om de getallen naar de server te sturen. Dus alles wat je bedenkt in PHP of ASP kan gewoon niet zonder knoppen drukken.

[ Voor 48% gewijzigd door Obliterator op 04-01-2005 16:36 ]

[JHS]

Dat stuk van ivy lijkt me gewoon js hoor, en geen php .

[Verwijderd]

Obliterator schreef op dinsdag 04 januari 2005 @ 16:33:
De code van ivy is geen PHP (de tags staan er wel...) maar Javascript. Laat dit door je ASP genereren, en je bent klaar.

Wat je wilt kan alleen maar clientside, anders moet je altijd ergens op een knop drukken om de getallen naar de server te sturen. Dus alles wat je bedenkt in PHP of ASP kan gewoon niet zonder knoppen drukken.

Maar het lukt me nu toch ? het is een form voor op het intranet

[kenneth]

Denker schreef op dinsdag 04 januari 2005 @ 16:23:
ASP draait op Microsoft servers, PHP op Apache.

Oh Wij draaien al tijden PHP en ASP op dezelfde IIS-webserver hoor

[/muggenzift]

[Verwijderd]

Jaja het lukt niet helemaal ik krijg niet meer als 2 textfields die getelt worden dan houd het op
heb ze wel allemaal unieke naam gegeven getal_een getal_twee ga zo maar door..
tot 12 *hint* wat doe ik fout ?

code:

<script language="Javascript"> 
//<!-- 

function count_values(obj, objValue) 
{ 

    var reg = new RegExp("^[0-9]+$"); 
     
    // init 
    // waarde van obj als string 
    str = String(objValue); 
     
    // invoer check 
    if(!reg.test(objValue)) 
    { 

        obj.value = ''; 
        obj.value = str.substring(0, (str.length-1)); 

    } 

    // alles optellen 
    document.all['totaal'].value = Number(document.all['getal_een'].value) + Number(document.all['getal_twee'].value); 
    document.all['totaal'].value = Number(document.all['getal_drie'].value) + Number(document.all['getal_vier'].value);
    document.all['totaal'].value = Number(document.all['getal_vijf'].value) + Number(document.all['getal_zes'].value); 
    document.all['totaal'].value = Number(document.all['getal_zeven'].value) + Number(document.all['getal_acht'].value); 
    document.all['totaal'].value = Number(document.all['getal_negen'].value) + Number(document.all['getal_tien'].value);  
    document.all['totaal'].value = Number(document.all['getal_elf'].value) + Number(document.all['getal_twaalf'].value); 
} 

//--> 
</script>

code:

<form id="formulier"> 
<p> 
Getal 1:<br> 
<input type="text" id="getal_een" onKeyUp="count_values(this, this.value)"> 
</p> 

<p> 
Getal 2:<br> 
<input type="text" id="getal_twee" onKeyUp="count_values(this, this.value)"> 
</p> 

<p> 
Getal 3:<br> 
<input type="text" id="getal_drie" onKeyUp="count_values(this, this.value)"> 
</p> 

<p> 
Getal 4:<br> 
<input type="text" id="getal_vier" onKeyUp="count_values(this, this.value)"> 
</p> 

<p> 
Totaal:<br> 
<input type="text" id="totaal" value="0" DISABLED> 
</p> 
</form>

doe ik wat fout ?

[ Voor 117% gewijzigd door Verwijderd op 04-01-2005 17:25 ]

[sopsop]

Dit moet zo:

HTML:

    document.all['totaal'].value = Number(document.all['getal_een'].value) + Number(document.all['getal_twee'].value); 
    document.all['totaal'].value += Number(document.all['getal_drie'].value) + Number(document.all['getal_vier'].value);
    document.all['totaal'].value += Number(document.all['getal_vijf'].value) + Number(document.all['getal_zes'].value); 
    document.all['totaal'].value += Number(document.all['getal_zeven'].value) + Number(document.all['getal_acht'].value); 
    document.all['totaal'].value += Number(document.all['getal_negen'].value) + Number(document.all['getal_tien'].value);  
    document.all['totaal'].value += Number(document.all['getal_elf'].value) + Number(document.all['getal_twaalf'].value);

Je overschrijft document.all['totaal'].value iedere keer weer, met += tel je de waarden achter de += op bij de waarde voor de +=

Verder zie ik niet alle formfields terugkomen in je onderste lap code. Die gaat maar tot getal_vier.

Tot slot de tip van de dag: leer eerst het verschil tussen serverside scripten, clientside scripten en HTML. Werk vervolgens wat tutorials door over het DOM (document object model) i.c.m. (clientside)javascript. Dan moet je een heel eind komen, want dit is vrij basic stuff.

[ Voor 10% gewijzigd door sopsop op 04-01-2005 17:51 ]

[gorgi_19]

En met bovenstaande hints moet je er verder wel zelf uit kunnen komen Voro de volgende keer: Zie P&W FAQ - De "quickstart" voor de eisen die we stellen aan een topic, qua inhoud en titel.

Verder horen clientside topics in Webdesign & Graphics