Login Retreive lost passwordRegister
Search

Forum Index / NL Forum / FH en formulieropmaak

[ This topic is solved ]

  marcel 27 January 12 / 13:17  
Ik ben bezig een FH form te splitsen in delen en met behulp van JQUERY TABS in tabs te zetten. Echter het formulier valt compleet buiten de DIVS van tabs.

Ik heb op het forum al gezocht naar een oplossing/antwoord maar kan het niet vinden.

Vraag: Waarom blijft het formulier buiten de DIVS ? Als ik de source bekijk van het formulier een dan de HTML code binnen de div zet, dan is het item wel in de tab aanwezig.

Hopelijk heeft iemand antwoord ..

  Johan Wiegel (Admin) 27 January 12 / 14:12  
Heb je toppic nu een paar keer gelezen, maar heb geen idee wat je bedoeld?

Kun je in code laten zien wat je bedoeld?

  marcel 27 January 12 / 14:22  
Changed at 27 January 12 / 14:34
<?php
FH laden..
$form->useTable( true );


// jquery
echo"<script src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js\"></script>
<script src=\"http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js\"></script>";



$form->AddHTML("
<ul class=\"tabs\">
<li><a href=\"#\">Datum</a></li>
<li><a href=\"#\">TAB 2</a></li>
</ul>");


$form->AddHTML("<div class=\"panes\">");

// TAB
$form->AddHTML("<div><p>tab 1</p>");

// Dit komt wel in de TAB (DiV)
$form->AddHTML("<select name=\"reageren\" id=\"reageren\" size=\"1\"> <option value=\"0\" >nee</option>
<option value=\"1\" >ja</option></select> ");

// Deze opties vallen buiten de TAB (DiV)
$form->jsdateField("Publicatie datum", "startdatum", null, true, 'd-m-y', '5:3');
$form->timeField('Publicatie tijd', 'starttijd');
$form->jsdateField("Publicatie deactiveren op *", "einddatum", null, false, 'd-m-y', '1:3');

$form->AddHTML("</div>"); // End of tab


// Opties vallen buiten de TAB (DiV)
$form->AddHTML("<div><p>extra tab</p>");
$form->submitButton("Plaatsen", "submit");
$form->cancelButton("Annuleren", "list_nieuws.php");
$form->AddHTML("</div>");

$form->onSaved ( "doRun" );

$form->AddHTML("</div>"); // End of all tabs

echo"<script>
$(function() {
$(\"ul.tabs\").tabs(\"div.panes > div\");
});
</script>";



$form->flush();

//Save form
function doRun ( $id, $data ) {
}
>?

  Johan Wiegel (Admin) 27 January 12 / 14:30  
En hoe ziet je masker eruit?

want wat je via addhtml neerzet gebruikt geen masker, de velden die je neerzet wel

  marcel 27 January 12 / 14:33  
Changed at 27 January 12 / 14:35
Ik gebruik de functie

$form->useTable( true );


SetMask(); wordt (voorzover ik nog weet) dan automatisch aangemaakt a.d.v. de standaard waarde in de config.

update: vorig post met code aangepast

  Johan Wiegel (Admin) 27 January 12 / 14:38  
Dan zou ik meer eens naar de source van je gegenereerde pagina gaan kijken, eerst wordt een table gestart, en dan ga je via addhtml zomaar een div plaatsen, kan bijna niet goed gaan.

  marcel 27 January 12 / 14:47  
Die is goed! Wat stom van me.. :(

Die tip was nuttig! Mijn dank!

  Top


powered by PHP-GLOBE   © 2004 - 2012 FormHandler. All rights reserved.   -   Open source license