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 > JavaScript

Document.write ()

stenno - 05/08/2005 13:11 (laatste wijziging 05/08/2005 17:36)

PHP interesse

Ik heb nu dit script:

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

                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<script language="JavaScript"> 
function a()
{
document.form2.result1.value=parseFloat(document.form1.sp1.value)+parseFloat(document.form1.sp2.value)+parseFloat(document.form1.sp3.value);
}
function b()
{
document.getElementById('tekst').style.display  = 'block';
document.getElementById('tekst1').style.display = 'none';
}
function c()
{
{ if (parseFloat(document.form1.sp1.value)< (parseFloat(document.form1.sp2.value)+parseFloat(document.form1.sp3.value)))
{document.getElementById('tekst5').style.display  = 'block'
document.getElementById('tekst7').style.display  = 'block';}
}}
</script>
</head>


<div style='display:block' id='tekst1'>
<body>
<form name="form1">
<table width="600" border="3" style="border-collapse:collapse;" cellpadding="3" cellspacing="0">
<tr>
<td><input type="text" name="sp1" size="10"button value="0" ></td>
<td><input type="text" name="sp2" size="10"button value="0" ></td>
<td><input type="text" name="sp3" size="10"button value="0" ></td>
</tr>
</table>
</form>
<BUTTON type="submit" onClick="a(),b(),c()">Calculate</BUTTON>
</body>
</div>


<div style='display:none' id='tekst'>
<body>
<form name="form2">
<table>
<tr><td>resultaat 1:</td><td><div style='display:none' id='tekst5'><font size="4" color="red">Note:</font> this will be your <b>Spy rating</b> if you train <div style='display:none' id='tekst7'>
<script language="javascript"> 
var spies =parseFloat(document.form1.sp1.value)+parseFloat(document.form1.sp2.value)+parseFloat(document.form1.sp3.value); document.write(spies)
</script>
</div>
spies more.</div>

<input type="text" name="result1" id="txtExample" size="20" onFocus="blur()" /></td>
</table>
</form>
</body>
</div>
</html>


            
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
<head>
<script language="JavaScript"> 
function a()
{
document.form2.result1.value=parseFloat(document.form1.sp1.value)+parseFloat(document.form1.sp2.value)+parseFloat(document.form1.sp3.value);
}
function b()
{
document.getElementById('tekst').style.display  = 'block';
document.getElementById('tekst1').style.display = 'none';
}
function c()
{
{ if (parseFloat(document.form1.sp1.value)< (parseFloat(document.form1.sp2.value)+parseFloat(document.form1.sp3.value)))
{document.getElementById('tekst5').style.display  = 'block'
document.getElementById('tekst7').style.display  = 'block';}
}}
</script>
</head>
 
 
<div style='display:block' id='tekst1'>
<body>
<form name="form1">
<table width="600" border="3" style="border-collapse:collapse;" cellpadding="3" cellspacing="0">
<tr>
<td><input type="text" name="sp1" size="10"button value="0" ></td>
<td><input type="text" name="sp2" size="10"button value="0" ></td>
<td><input type="text" name="sp3" size="10"button value="0" ></td>
</tr>
</table>
</form>
<BUTTON type="submit" onClick="a(),b(),c()">Calculate</BUTTON>
</body>
</div>
 
 
<div style='display:none' id='tekst'>
<body>
<form name="form2">
<table>
<tr><td>resultaat 1:</td><td><div style='display:none' id='tekst5'><font size="4" color="red">Note:</font> this will be your <b>Spy rating</b> if you train <div style='display:none' id='tekst7'>
<script language="javascript"> 
var spies =parseFloat(document.form1.sp1.value)+parseFloat(document.form1.sp2.value)+parseFloat(document.form1.sp3.value); document.write(spies)
</script>
</div>
spies more.</div>
 
<input type="text" name="result1" id="txtExample" size="20" onFocus="blur()" /></td>
</table>
</form>
</body>
</div>
</html>
 

Die document.write () geeft nu altijd 0, omdat bij het laden van de pagina sp1,sp2 en sp3 op nul staan en dus bij elkaar op geteld 0 is. Maar ik wil dat hij de ingevoerde waarde van de variable (sp1+sp2+sp3) pas weergegeven wordt na de druk op de calculatebutton. Maar als je de document.write () dan pas uitvoerd krijg je een hele lege witte pagina met alleen de document.write () functie.

Weet iemand een goede oplossing voor dit probleem?? Of is er misschien een beter object dan document.write() om de variable weer te geven. laat het me weten.

edit: Die <div>'s werken gewoon hoor.

4 antwoorden

Gesponsorde links

Metalhead - 05/08/2005 13:42 (laatste wijziging 05/08/2005 13:43)

HTML gevorderde

Ik heb niet je hele script bekeken, maar functie c open je 2 x met accolades, lijkt me een beetje overbodig (als het al werkt) en je bent daar een punt-komma vergeten:

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

                	function c()
	{
		if (parseFloat(document.form1.sp1.value)< (parseFloat(document.form1.sp2.value)+parseFloat(document.form1.sp3.value)))
		{
			document.getElementById('tekst5').style.display  = 'block';
			document.getElementById('tekst7').style.display  = 'block';
		}
	}
            
function c()
	{
		if (parseFloat(document.form1.sp1.value)< (parseFloat(document.form1.sp2.value)+parseFloat(document.form1.sp3.value)))
		{
			document.getElementById('tekst5').style.display  = 'block';
			document.getElementById('tekst7').style.display  = 'block';
		}
	}
 

stenno - 05/08/2005 18:21
PHP interesse		Nee dat doet het allemaal gewoon hoor

NCube - 05/08/2005 18:26 (laatste wijziging 05/08/2005 18:35)
HTML beginner		Neem een divje met een id: php code - Bekijk de code zonder highlighting - Klap code in <div id="resultaat"></div> <div id="resultaat"></div> in de javascript functie gebruik je dan: php code - Bekijk de code zonder highlighting - Klap code in document.getElementById('resultaat').innerHTML = 'resultaat'; document.getElementById('resultaat').innerHTML = 'resultaat'; Resultaat zou dan de opgetelde waardes moeten zijn, maar dat moet kan je zelf wel aanpassen lijkt mij.

stenno - 05/08/2005 19:38
PHP interesse		ok bedankt mag gesloten !

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten