En aquest exemple veurem com passar paràmetres entre dos programes PHP: prog1.php –paràmetre –> prog2.php (admin.php) ubicats al mateix servidor.
[php]
<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" />
[/php]
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:
[php]
a onclick=’admin()’ href=’javascript:void(0); ‘> admin
[/php]
I la funció javascript es:
[php]
function admin(){
//alert ("boto go_admin");
document.getElementById("idex_go_admin").click();
}
[/php]
Finalment el codi de “top_menu.php” es
[php]
<!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>
[/php]
i el CSS
[php]
* {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;
}
[/php]
