PHP. 2 Pas de paràmetres al servidor

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;
}

Deixa un comentari

L'adreça electrònica no es publicarà. Els camps necessaris estan marcats amb *

Aquest lloc utilitza Akismet per reduir els comentaris brossa. Apreneu com es processen les dades dels comentaris.