En aquest exemple veurem com passar paràmetres entre dos programes PHP: prog1.php –paràmetre –> prog2.php (admin.php) ubicats al mateix servidor.
<form class="form" method="post" name="f1" > <input name="admin" type="button" id="idex_admin" style="display: yes" value="admin" onclick='document.f1.action="admin.php";document.f1.submit();'/> <input name="admin" />
Aquí tenim un exemple de menús tipus TINYdropdown veurem que no es possible passar paràmetres quant un d’aquests fa referencia a un programa diferent. El mètode que detallo aquí l’he utilitzat molt fent el software del “POLIDICCCIONARI”. Si escrivim qualsevol cosa a la casella admin, veurem que si la volem passar al modul “admin” nomes ho posem fer amb “HTML” amb $_POST[admin].
El que si que permet TINYdropdown es simular que prem el boto “admin” amb una bunció javascript:
a onclick='admin()' href='javascript:void(0); '> admin
I la funció javascript es:
function admin(){ //alert ("boto go_admin"); document.getElementById("idex_go_admin").click(); }
Finalment el codi de “top_menu.php” es
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>TinyDropdown 2 - animated javascript dropdown</title> <link rel="stylesheet" href="tinydropdown.css" type="text/css" /> <script type="text/javascript" src="default.js"></script> <div class="nav"> <p class="title"> <img src="cat.png" style="float:right; margin: 0 20px;" alt="FAS logo" />Gramàtica Catalana <form class="form" method="post" name="f1" > <input name="admin" type="button" id="idex_admin" style="display: yes" value="admin" onclick='document.f1.action="admin.php";document.f1.submit();'/> <input name="admin" /> </p> <ul id="menu" class="menu"> <li><a href="#" title="Fonètica i ortografia" target="_top">Inici</a> <ul> <li><a href="#" target="_top">Inici</a></li> <li><a href="#" target="_top">contactar</a></li> </ul> <li><a href="#" title="Fonètica i ortografia" target="_top">Fonètica i ortografia</a> <ul> <li><a href="#" title="Vocalisme: fonètica" target="_top">Vocalisme: fonètica</a></li> <li><a href="#"title="Vocalisme: A/E " target="_top">Vocalisme: A/E </a></li> <li><a href="#"title="Vocalisme: O/U " target="_top">Vocalisme: O/U </a></li> <li><a href="#"title="Separació de síl·labes " target="_top">Separació de síl·labes </a></li> <li><a href="#"title="Accents i dièresi" target="_top">Accents i dièresi </a></li> <li><a href="#"title="Archived photo portfolio" target="_top">- regles d’accentuació</a></li> </ul> <li><a href="#" title="Current work for sale" target="_top">Morfologia i sintaxi</a> <ul> <li><a href="#" title="Recent work for sale" target="_top">Lèxic</a></li> <li><a href="#"title="Archived photo portfolio" target="_top">Gènere: casos especials</a></li> <li><a href="#"title="Archived photo portfolio" target="_top">Nombre: casos especials</a></li> <li><a href="#"title="Archived photo portfolio" target="_top">adjectiu</a></li> <li><a href="#"title="Archived photo portfolio" target="_top">Q o C</a></li> <li><a href="#"title="Archived photo portfolio" target="_top">Article apòstrof i contracció</a></li> </ul> <li><a href="#" title="Current work for sale" target="_top">lèxic i expressió</a> <ul> <li><a href="#" title="Recent work for sale" target="_top">Lèxic</a></li> <li><a href="#"title="puntuació: ús de la coma" target="_top">puntuació: ús de la coma</a></li> <li><a href="#"title="La descripció" target="_top">La descripció</a></li> <li><a href="#"title="guió per parlar d'una novel·la" target="_top">guió per parlar d'una novel·la</a></li> <li><a href="#"title="text argumentatiu" target="_top">text argumentatiu</a></li> <li><a href="#"title="Article d'opinió" target="_top">Article d'opinió</a></li> </ul> </li> <li class="nodiv"><a onclick='admin()' href='javascript:void(0); '> Admin </a> </li> </ul> <script type="text/javascript"> var dropdown=new TINY.dropdown.init("dropdown", {id:'menu', active:'menuhover'}); </script> </head> <body> </body> </html>
i el CSS
* {margin:0; padding:0; outline:0} /* menu bar background and text */ .nav { height:100%; min-height:500px; width:100%; padding: 5px 10px 5px 10px; background:url(images/verd_claret.gif); /*background-color:#BDB9C3;*/ color:#4D4959; text-shadow:0px 0px #888; z-index:100; } .nowrap { white-space: nowrap ; /* mateixa linia*/ } /* link */ .menu a {float:left; color:#4D4959; text-decoration:none; width:130px; height:40px; padding-top:8px; font-weight:bold;} .menu span {float:left; color:#4D4959; text-decoration:none; width:130px; height:40px; padding-top:8px} /* link hover, background pale-blue, text dk-grey */.menu a:hover {color:#FFFFFF; background:#9EBFE2} .menu {list-style:none; font:16px Arial,Verdana; text-align:center; margin:0 0; padding: 0 0;} .menu li {position:relative; float:left; width:130px; z-index:100;} /* drop menu, background darker-green, text smaller */ .menu ul {display:none; position:absolute; font:normal 14px Arial,Verdana; top:36px; left:0; url(images/verd_claret.gif); display:none; list-style:none} .menu ul li {float:none; width:130px; border-top:0px solid #ccc;} .menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:#d5eeee; height:35px; padding-top:5px; margin: 5px 0px;} /* drop menu link hover, background pale-blue, text white 21007F */ .menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:#9EBFE2; color:#FFFFFF; } .menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:22px; padding-top:5px} .menu ul ul {left:130px; top:0} .menu li.submenu {font-weight:bold} .menu li.noborder {border-top:none} /* drop menu link hover, background pale-blue, text dk-grey */ li.menuhover a, li.menuhover li.menuhover a {color:#4D4959; background:#9EBFE2} li.menuhover span, li.menuhover li.menuhover span {color:#4D4959; background:#9EBFE2} /* following added by me for the header - nothing to do with the menu above */ p.title { color: #4D4959; background-color: inherit; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 26px; font-weight: bold; padding: 8px; text-align: center; }