Home Page
Articoli
Tips & Tricks
News
Forum
Archivio Forum
Blogs
Sondaggi
Rss
Video
Utenti
Chi Siamo
Contattaci
Username:
Password:
Login
Registrati ora!
Recupera Password
Home Page
Stanze Forum
HTML, Javascript, CSS, DHTML, XHTML
Menu per caricamento aree di un form
sabato 23 aprile 2011 - 23.45
Elenco Threads
Stanze Forum
Aggiungi ai Preferiti
Cerca nel forum
dandi.box
Profilo
| Junior Member
178
messaggi | Data Invio:
sab 23 apr 2011 - 23:45
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
8.814
messaggi | Data Invio:
ven 13 mag 2011 - 12:44
>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
Torna su
Stanze Forum
Elenco Threads
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 !