Menu per caricamento aree di un form

sabato 23 aprile 2011 - 23.45

dandi.box Profilo | Junior Member

Ciao a tutti, ho una pagina strutturato in questo modo:

Menu superiore
Area laterale
Area centrale

io ho un form molto complesso da gestire, intendo con molti campi e vorrei semplificare la gestione lato UI....

vorrei quindi fare in modo che cliccando nelle voci dell'elenco di sinistra (Area1, Area2, Area3....) vengano visualizzate le aree di riferimento tra i campi del form .... quindi vorrei visualizzare solo determinati campi (ad esempio contenuti in un panel) cliccando sulle voci dell'elenco Area1, Area2, Area3, Area4.....


Grazie a tutti!!! posto un esempio della pagina





codice:




<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="Email">
<div id="actions">
<ul id="jsddm">
<li id="action_reply">
<a class="" style="opacity: 1;" href="http://localhost/appname/backoffice/public/index.php?cmd=customer.showall">
<span>
<img src="demo_files/list_icon.png">
<strong style="cursor: pointer;">Menu 1</strong>
</span>
</a>
</li>
<li id="action_reply">
<a class="" style="opacity: 1;" href="http://localhost/appname/backoffice/public/index.php?cmd=customer.shownew">
<span>
<img src="demo_files/add.png">
<strong style="cursor: pointer;">Menu 2</strong>
</span>
</a>
</li>
<li id="action_reply">
<a class="" style="opacity: 1;">
<span>
<img src="demo_files/user_edit.png">
<strong style="cursor: pointer;">Menu 3</strong>
</span>
</a>
</li>
<li id="action_reply">
<a class="" style="opacity: 1;">
<span>
<img src="demo_files/close.png">
<strong style="cursor: pointer;">Menu 4</strong>
</span>
</a>
</li>
<li id="action_reply">
<a class="" style="opacity: 1;">
<span>
<img src="demo_files/user_search.png">
<strong style="cursor: pointer;">Menu 5</strong>
</span>
</a>
</li>
</ul>
</div><div id="primary">
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="messageList">

<div class="" id="primary_header">
<span id="loading"></span>
<div id="back_button">
<a href="java-script:submitForm('CustForm')">
<span class="stronglastword"><strong>Salva modifiche</strong></span>
</a>
</div>
</div>

<div id="primary_content">

<img id="ajax-loader" alt="" style="position: absolute; display: none;" src="demo_files/ajax-loader_s.gif">

<table cellpadding="0" cellspacing="0">
<tbody><tr>
<td style="padding: 0pt;" width="100%">
<div id="#bodycontent">

<form id="CustForm" method="post" action="index.php">

<div class="form_inputs" style="position: relative;">
<table class="settings">
<tbody>
<tr>
<td class="label">Address</td>
<td>
<input class="medium required" name="address" id="address" type="text">
<small>Customer's address</small>
</td>
</tr>
<tr>
<td class="label">ZIP</td>
<td>
<input class="medium required" name="zip" id="zip" type="text">
<small>Customer's zip code</small>
</td>
</tr>
</tbody>
</table>
</div>
<div class="divider"></div>
</form>

</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="secondary">
<ul id="nav_secondary">
<li>
<div isselectable="true" id="folder_inbox" class="current"><a class="ui-droppable" href="#"> <span class="label">Area 1</span> <span class="unread" style=""><strong>6</strong></span>
</a></div>
</li>
<li>
<div class="" isselectable="true" id="folder_drafts"><a class="ui-droppable" href="#"> <span class="label">Area 2</span> <span class="unread" style="display: none;"><strong>0</strong></span>
</a></div>
</li>
<li>
<div class="" isselectable="true" id="folder_sent"><a class="ui-droppable" href="#"> <span class="label">Area 3</span> <span class="unread" style="display: none;"><strong>0</strong></span>
</a></div>
</li>
<li>
<div class="" isselectable="true" id="folder_spam"><a class="ui-droppable" href="#"> <span class="label">Area 4</span> <span class="unread" style="display: none;"><strong>0</strong></span>
</a></div>
</li>
<li>
<div class="" isselectable="true" id="folder_trash"><a class="ui-droppable" href="#"> <span class="label">Area 5</span> <span class="unread" style="display: none;"><strong>0</strong></span>
</a></div>
</li>
</ul>
</div>

</div><div id="ui-datepicker-div" style="display: none;"></div>

alx_81 Profilo | Guru

>Ciao a tutti, ho una pagina strutturato in questo modo:
Ciao

>io ho un form molto complesso da gestire, intendo con molti campi
>e vorrei semplificare la gestione lato UI....
>vorrei quindi fare in modo che cliccando nelle voci dell'elenco
>di sinistra (Area1, Area2, Area3....) vengano visualizzate le
>aree di riferimento tra i campi del form .... quindi vorrei visualizzare
>solo determinati campi (ad esempio contenuti in un panel) cliccando
>sulle voci dell'elenco Area1, Area2, Area3, Area4.....
per queste gestioni ti consiglio di utilizzare qualche semilavorato, magari con jQuery:
http://www.yotamb.co.il/projects/jTaskBar/example/jTaskBar-Popups.html#

>Grazie a tutti!!! posto un esempio della pagina
di nulla!
--
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://www.alessandroalpi.net
http://blogs.dotnethell.it/suxstellino
http://mvp.support.microsoft.com/profile/Alessandro.Alpi
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2017
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5