Radiobutton zorgt voor input?

Door niek s op 02-09-2006 17:48

348 views

Hi mensen!

eerst mijn html:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="default.css"/>
<title></title>
    <script language="javascript" type="text/javascript">
        var _radio1, _radio2, extra;
        window.onload = init;
        
        function init () {
            _radio1 = new getObj ('radio1');
            _radio2 = new getObj ('radio2');
            _extra = new getObj ('extra');
            
            _radio1.obj.onclick = make_invisible;
            _radio2.obj.onclick = make_visible;
        }
        
        function make_visible () {
            _extra.obj.className = 'visible';
        }
        function make_invisible () {
            _extra.obj.className = 'invisible';
        }
    </script>
    <style type="text/css">
        .visible {
            display: block;
        }
        .invisible {
            display: none;
        }
    </style>
</head>
<body>
			<form>
			<table>
			<tr><td>Naam: </td><td><input type="text" name="naam" /></td></tr>
			<tr><td>Wachtwoord: </td><td><input type="password" name="pass1" /></td></tr>
			<tr><td>Wachtwoord(herhaal): </td><td><input type="password" name="pass2" /></td></tr>
			<tr><td>E-mail adres: </td><td><input type="text" name="mail" /></td></tr>
			<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
			<tr><td>Site naam: </td><td><input type="text" name="titel" /></td></tr>
			<tr><td>Black template: </td><td><input type="radio" id="radio1" name="radios" value="black" /></td></tr>
            <tr><td>Pro template: </td><td><input type="radio" id="radio2" name="radios" value="pro" /></td></tr>
			<tr id="extra" class="invisible"><td>Naam van een blok aan linker kant:</td><td><input name="lnaam" type="text" /></td></tr>
			</table>
			</form>
</div>
</body>
</html>

Nu mijn probleem/vraag:
ik heb op de site van Jan Koehoorn een soort van scriptje gebruikt/nagemaakt.
MaaR: het werkt best niet!

Weet iemand wat het probleem is?

Willem Jan Z

02-09-2006 18:01

Omdat jij de file microapi.js niet inlaad. Daarin staat een functie die getObj omzet naar een werkende variant. Het is een erg handige functie van Peter Paul Koch.

niek s

02-09-2006 18:14

hm, het werkt nu wel!
Maar, de formulier word vervormd.
Nu is het namelijk zo dat de bovenste inputs te ver weg staan zeg maar:


blabla:           [input]
blabla:           [input]
blabla:           [input]
blabla:           [input]
blabla:           [input]
blabla:           [input]
blabla:           [radio]
blabla:           [radio]
blabla: [input]

en dat gebeurt dus alleen als ik de onderste radio button 'beklik' oftewel, het onderste veld (wat wel goed staat) erbij komt. Anders, zónder het onderste veld, is alles gewoon goed...

De afstand is evengroot als die van de onderste input.. dus de afstand die bij de bovenste inputs er tussen zit.

niek s

02-09-2006 18:48

niek schreef op 02.09.2006 18:14
hm, het werkt nu wel!
Maar, de formulier word vervormd.
Nu is het namelijk zo dat de bovenste inputs te ver weg staan zeg maar:
blabla:           [input]
blabla:           [input]
blabla:           [input]
blabla:           [input]
blabla:           [input]
blabla:           [input]
blabla:           [radio]
blabla:           [radio]
blabla: [input]
en dat gebeurt dus alleen als ik de onderste radio button 'beklik' oftewel, het onderste veld (wat wel goed staat) erbij komt. Anders, zónder het onderste veld, is alles gewoon goed...

De afstand is evengroot als die van de onderste input.. dus de afstand die bij de bovenste inputs er tussen zit.

[edit]moest edit zijn...
[/edit]

niek s

03-09-2006 14:18

hm, beetje vroeg.. maar goed:

Niemand? want ik moet er vandaag zo ongeveer wel een punt achter gaaan zetten, achter dit project...

Jan Koehoorn

03-09-2006 14:21

Geef eens een link naar die pagina? Dan kan ik even kijken hoe je het gedaan hebt.

niek s

03-09-2006 15:00

De pagina draait locaal, en ik heb momenteel geen beschikking tot mijn webhost.

Ik kan anders wel meer van de pagina geven?


	<div class="content">
	<div class="date">Registreer</div>
	<div class="newsitem">
		<div class="title">Jou site online?</div>
		<div class="body">
			Je kunt hier zelf een account aan maken! Dat betekent, een eigen website!<br />
			Uw gegevens invullen:<br /><br />
			<form>
			<table>
			<tr><td>Naam: </td><td><input type="text" name="naam" /></td></tr>
			<tr><td>Wachtwoord: </td><td><input type="password" name="pass1" /></td></tr>
			<tr><td>Wachtwoord(herhaal): </td><td><input type="password" name="pass2" /></td></tr>
			<tr><td>E-mail adres: </td><td><input type="text" name="mail" /></td></tr>
			<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
			<tr><td>Site naam: </td><td><input type="text" name="titel" /></td></tr>
			<tr><td>Black template: </td><td><input type="radio" id="radio1" name="radios" value="black" /></td></tr>
            <tr><td>Pro template: </td><td><input type="radio" id="radio2" name="radios" value="pro" /></td></tr>
			<tr id="extra" class="invisible"><td>Naam van een blok aan linker kant:</td><td><input name="lnaam" type="text" /></td></tr>
			</table>
			</form>
		</div>
		<div class="clear"></div>
	</div>
</div>

niek s

03-09-2006 16:29

er is nog een probleem bijgekomen, maar de eerste is belangrijker:

<?
if(!isset($_POST['naam'])) {
echo "Je hebt geen naam ingevuld";
} elseif(!isset($_POST['pass1'])) {
echo "Je hebt geen wachtwoord ingevuld";
} elseif(!isset($_POST['pass2'])) {
echo "Je hebt geen wachtwoord ingevuld";
} elseif(!isset($_POST['mail'])) {
echo "Je hebt geen E-mail adres ingevuld";
} elseif(!isset($_POST['titel'])) {
echo "Je hebt geen Site Titel ingevuld";
} elseif(!isset($_POST['radios'])) {
echo "Je moet wel een template kiezen";
} else {
echo "henk";
}
?>

henk is dus de output die moet komen als alles is ingevuld, gek genoeg werkt alleen de template keuze!

niek s

05-09-2006 21:31

ok, de laatste is gefixt. was simpel, isset moest natuurlijk empty zijn...
haha!

Maar ik zit nog steeds met het probleem dat het er zo fout uit ziet. (zie vorige posts..)

[edit]Ik denk dat dit een bescheiden genoeg soort van bump is? én ná 24 uur!.. ik hou me gewoon aan de regels (denk ik)[/edit]

Jan Koehoorn

05-09-2006 21:44

Zo'n hele rij met elseif's is een beetje omslachtig. Je zou net zo goed dit kunnen doen:
<?php
$errors = array ();
foreach ($_POST as $key => $value) {
if (empty ($value)) (
$errors[] = '<p>' . $key . ' is niet ingevuld.</p>';
}
}
if (!empty ($errors)) {
foreach ($errors as $value) {
echo $value;
}
}
?>

niek s

05-09-2006 21:48

hm, ik ga het even aanpassen.

Maar weet u of anderen wat het probleem is met de design?

Reageren

Inloggen om te reageren