Ich habe mal zur Veranschaulichung ein "Vorschautest" gebastelt. Ich hoffe es ist verständlich und zum Üben/Reinfinden nachvollziehbar.
<?php
# Support: www.ilch.de
defined ('main') or die ( 'no direct access' );
# Ajax Vorschau
function vorschau($form) {
global $info;
$resp = new xajaxResponse();
// Vorname auslesen
$vorname = $form['vorname'];
// Vorname ausgeben
$resp->assign('vorschau_vorname', 'innerHTML' , $vorname);
// Nachname auslesen
$nachname = $form['nachname'];
// Nachname ausgeben
$resp->assign('vorschau_nachname', 'innerHTML' , $nachname);
// Vorschau anzeigen
$resp->script("document.getElementById('vorschau').style.display = 'block';");
// BBCode Bildgröße
if (isset($info['ImgMaxBreite'])) { $resp->script("ResizeBBCodeImages()"); }
return $resp;
}
$xajax = new xajax();
$xajax->configureMany(array('decodeUTF8Input' => true ,'characterEncoding' => 'ISO-8859-1', 'requestURI' => 'index.php?vorschautest'));
$xajax->register(XAJAX_FUNCTION, 'vorschau');
$xajax->processRequest();
# Dokument
$title = $allgAr['title'].' :: Vorschautest';
$hmenu = 'Vorschautest';
$design = new design ( $title , $hmenu );
$design->header();
$tpl = new tpl ( 'vorschautest.htm' );
$ar = array (
'vorname' => '',
'nachname' => '',
'xajax' => $xajax->printJavascript()
);
$tpl->set_ar_out($ar,0);
$design->footer();
?>
<h2>VORSCHAUTEST</h2>
<!-- AJAX -->
{xajax}
<!-- JS für Vorschau schließen -->
<script language="JavaScript" type="text/javascript">
<!--
function close_vorschau(){
document.getElementById('vorschau').style.display = 'none';
}
//-->
</script>
<!-- Vorschau ausgeben -->
<div id="vorschau" style="border:1px dotted red; display:none; margin-bottom:20px; padding:2px;">
<!-- Vorname anzeigen -->
<span>Vorname:</span> <span id="vorschau_vorname"></span> <br />
<!-- Nachname anzeigen -->
<span>Nachname:</span> <span id="vorschau_nachname"></span> <br /><br />
<!-- Vorschau aktualisieren -->
<input type="button" value="aktualisieren" onclick="xajax_vorschau(xajax.getFormValues('form'));">
<!-- Vorschau schließen -->
<input type="button" value="schließen" onclick="close_vorschau();" />
</div>
<!-- Dokument / Formular -->
<form action="index.php?vorschautest" method="POST" name="form" id="form">
<fieldset>
<!-- Vorname -->
<label style="float:left; width:100px">Vorname:</label>
<input type="text" value="{vorname}" tabindex="1" name="vorname" id="vorname"> <br />
<!-- Nachname -->
<label style="float:left; width:100px">Nachname:</label>
<input type="text" value="{nachname}" tabindex="2" name="nachname" id="nachname"> <br />
</fieldset>
<fieldset>
<label style="float:left; width:100px"> </label>
<!-- Absenden -->
<input type="submit" value="Absenden" tabindex="3" name="submit">
<!-- Vorschau anzeigen -->
<input type="button" value="Vorschau" onclick="xajax_vorschau(xajax.getFormValues('form'));javascript:scroll(0,0);">
</fieldset>
</form>