Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > HTML & CSS

invulveld en + AND -

Schokkie - 28/06/2005 06:33
Nieuw lid		Hallo, Wie kan er mij een klein voorbeeldje maken : op een html pagina moet er een invulveld staan die gewoon via het intypen van een getal kan gewijzigd worden. maar daar naast moeten er ook 2knoppen komen (of iets dergelijk) (omhoog/omlaag) waardaar men het getal dat in het invulveld staat ook met 1 kan verhogen of verlagen. Alvast van harte bedankt .... Johan

7 antwoorden

Gesponsorde links

prorsoft - 28/06/2005 10:12 (laatste wijziging 28/06/2005 10:22)

PHP gevorderde

php code - Bekijk de code zonder highlighting - Klap code in

                <html>
<head>
<script>
function verhoog()
{
  invulveld.value+=1;
}
function verlaag()
{
  invulveld.value-=1;
}
</script>
</head>
<body>
<input name="invulveld" id="invulveld" type="text" value=5 />
<input type="button" onClick="verhoog();" value="Verhoog" />
<input type="button" onClick="verlaag();" value="Verlaag" />
</body>
</html>
            
<html>
<head>
<script>
function verhoog()
{
  invulveld.value+=1;
}
function verlaag()
{
  invulveld.value-=1;
}
</script>
</head>
<body>
<input name="invulveld" id="invulveld" type="text" value=5 />
<input type="button" onClick="verhoog();" value="Verhoog" />
<input type="button" onClick="verlaag();" value="Verlaag" />
</body>
</html>
 

Schokkie - 28/06/2005 11:12 (laatste wijziging 28/06/2005 13:51)

Nieuw lid

Ik krijg het terug niet werkende
:s

(ps edit knop gevonden)

bedankt, ik heb het geprobeerd maar het wil nog niet werken....

Wil je nog effe helpen aub.

php code - Bekijk de code zonder highlighting - Klap code in

                <html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="stylesheet_ie.css" rel="stylesheet" type="text/css">

<script>
Function verhoog() {
	Fouten.value+=1;	
}
Function verlaag() {
	Fouten.value-=1;	
}

</script>

</head>
<body>
<form method="post" action="/vwb_burner/edit.php">						
  <table width="543" border="1" align="center">
    <tr class="tekst_k1">
							<td width="409" class="tekst_k5">Montant B Salle</td>
							<td width="118" class="tekst_k5"><input name="Fouten" type="text" id="Fouten" value="3" size="2" maxlength="2">
							 <input type="button" onClick="verhoog();" value="+" >
							 <input type="button" onClick="verlaag();" value="-" >
							 <input name="hiddenField_id" type="hidden" value="68"></td>
						  </tr>
						</table>
				
    <div align="center">
    <input name="verzenden" type="submit" onMouseOver="Enregistrer et Fermer" value="Enregistrer et Fermer">
    <input name="verzenden" type="submit" onMouseOver="Fermer sans Registrer" value="Fermer sans Registrer"></div> 
  </div>
</form>
</body>
</html>
            
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="stylesheet_ie.css" rel="stylesheet" type="text/css">
 
<script>
Function verhoog() {
	Fouten.value+=1;	
}
Function verlaag() {
	Fouten.value-=1;	
}
 
</script>
 
</head>
<body>
<form method="post" action="/vwb_burner/edit.php">						
  <table width="543" border="1" align="center">
    <tr class="tekst_k1">
							<td width="409" class="tekst_k5">Montant B Salle</td>
							<td width="118" class="tekst_k5"><input name="Fouten" type="text" id="Fouten" value="3" size="2" maxlength="2">
							 <input type="button" onClick="verhoog();" value="+" >
							 <input type="button" onClick="verlaag();" value="-" >
							 <input name="hiddenField_id" type="hidden" value="68"></td>
						  </tr>
						</table>
 
    <div align="center">
    <input name="verzenden" type="submit" onMouseOver="Enregistrer et Fermer" value="Enregistrer et Fermer">
    <input name="verzenden" type="submit" onMouseOver="Fermer sans Registrer" value="Fermer sans Registrer"></div> 
  </div>
</form>
</body>
</html>
 

Legolas - 28/06/2005 13:51
Onbekend		Waar haal je 'Fouten' vandaan?:s

Ontani - 28/06/2005 13:59

-1

php code - Bekijk de code zonder highlighting - Klap code in

                <html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="stylesheet_ie.css" rel="stylesheet" type="text/css">

<script type="text/javascript">
<!--
function verhoog() {
	var waarde = parseInt(document.register.Fouten.value);
	waarde += 1;
	document.register.Fouten.value = waarde;
}

function verlaag() {
	var waarde = parseInt(document.register.Fouten.value);
	waarde -= 1;
      document.register.Fouten.value = waarde;  
}
-->
</script>

</head>
<body>
<form method="post" action="/vwb_burner/edit.php" name="register">                        
  <table width="543" border="1" align="center">
    <tr class="tekst_k1">
                            <td width="409" class="tekst_k5">Montant B Salle</td>
                            <td width="118" class="tekst_k5"><input name="Fouten" type="text" id="Fouten" value="3" size="2" maxlength="2">
                             <input type="button" onClick="verhoog();" value="+" >
                             <input type="button" onClick="verlaag();" value="-" >
                             <input name="hiddenField_id" type="hidden" value="68"></td>
                          </tr>
                        </table>
                
    <div align="center">
    <input name="verzenden" type="submit" value="Enregistrer et Fermer">
    <input name="verzenden" type="submit" value="Fermer sans Registrer"></div>
  </div>
</form>
</body>
</html>

            
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="stylesheet_ie.css" rel="stylesheet" type="text/css">
 
<script type="text/javascript">
<!--
function verhoog() {
	var waarde = parseInt(document.register.Fouten.value);
	waarde += 1;
	document.register.Fouten.value = waarde;
}
 
function verlaag() {
	var waarde = parseInt(document.register.Fouten.value);
	waarde -= 1;
      document.register.Fouten.value = waarde;  
}
-->
</script>
 
</head>
<body>
<form method="post" action="/vwb_burner/edit.php" name="register">                        
  <table width="543" border="1" align="center">
    <tr class="tekst_k1">
                            <td width="409" class="tekst_k5">Montant B Salle</td>
                            <td width="118" class="tekst_k5"><input name="Fouten" type="text" id="Fouten" value="3" size="2" maxlength="2">
                             <input type="button" onClick="verhoog();" value="+" >
                             <input type="button" onClick="verlaag();" value="-" >
                             <input name="hiddenField_id" type="hidden" value="68"></td>
                          </tr>
                        </table>
 
    <div align="center">
    <input name="verzenden" type="submit" value="Enregistrer et Fermer">
    <input name="verzenden" type="submit" value="Fermer sans Registrer"></div>
  </div>
</form>
</body>
</html>
 

Schokkie - 28/06/2005 18:22
Nieuw lid		Hartelijk dank. Nog 1 Vraagje : en als men nu via de toetsen + en - ook wil verhogen of verlagen .... :s

Ontani - 28/06/2005 18:32

-1

php code - Bekijk de code zonder highlighting - Klap code in

                document.onkeypress =
  function (evt) {
    var c = document.layers ? evt.which 
            : document.all ? event.keyCode
            : evt.keyCode;
    alert('pressed ' + String.fromCharCode(c) + '(' + c + ')');
    return true;
  };

if (document.layers) {
  document.captureEvents(Event.KEYPRESS);
}

            
document.onkeypress =
  function (evt) {
    var c = document.layers ? evt.which 
            : document.all ? event.keyCode
            : evt.keyCode;
    alert('pressed ' + String.fromCharCode(c) + '(' + c + ')');
    return true;
  };
 
if (document.layers) {
  document.captureEvents(Event.KEYPRESS);
}
 

Bron:
http://www.faqt...l/aid/1189

Thomas - 28/06/2005 18:54 (laatste wijziging 28/06/2005 18:59)

Moderator

Je kan beter een onClick-event maken voor die button lijkt me ?

EDIT:

php code - Bekijk de code zonder highlighting - Klap code in

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>html template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
//-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function next(frm, elt, dir) {
  var a = parseInt(document.forms[frm].elements[elt].value);
  document.forms[frm].elements[elt].value = (isNaN(a)) ? 0 : a+dir;
}
//-->
</script>
</head>

<body>
<form name="frm" action="..." method="post">
<input type="text" name="teller" size="3" maxlength="3" value="0" />
<button type="button" onclick="next('frm','teller', 1);">+</button>
<button type="button" onclick="next('frm','teller', -1);">-</button>
</form>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>html template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
//-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function next(frm, elt, dir) {
  var a = parseInt(document.forms[frm].elements[elt].value);
  document.forms[frm].elements[elt].value = (isNaN(a)) ? 0 : a+dir;
}
//-->
</script>
</head>
 
<body>
<form name="frm" action="..." method="post">
<input type="text" name="teller" size="3" maxlength="3" value="0" />
<button type="button" onclick="next('frm','teller', 1);">+</button>
<button type="button" onclick="next('frm','teller', -1);">-</button>
</form>
</body>
</html>

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten