Hola a todos,
Necesito un include dinámico que haga referencia a una o más páginas según la selección de los usuarios a partir de un select múltiple y se desplieguen en una nueva página. Como se muy poco de programación, he partido de un ejemplo encontrado en la web (No se me deja poner el link)
En el ejemplo, la página de salida "tutorial004_nw.html" se imprime con
selSea=PageTest.htm
si el usuario eligió la segunda opción (sea one). Lo que necesito es que se imprima:
<? include("PageTest.htm"); ?>
para cada opción del usuario (El select es múltiple). Hasta ahora he conseguido pasar sólo ("PageTest.htm"); ?> pero no encuentro cómo completar la línea de php. Ojalá me puedan ayudar.
Aqui va el código original, nada más con un pequeño cambio:
1.- HTML Principal:
// La página que se abrirá
<form action="tutorial004_nw.html" method="get">
<table border="1" cellpadding="10" cellspacing="0">
<tr>
<td valign="top">
<input type="button" value="Submit" onclick="openInNewWindow(this.form);" />
<input type="button" value="Loop Selected" onclick="loopSelected();" />
<br />
<select name="selSea" id="selSeaShells" size="5" multiple="multiple">
<option value="Val0" selected>sea zero</option>
// Cambié el Value por el nombre de una página
<option value="PageTest.htm">sea one</option>
<option value="val2">sea two</option>
<option value="val3">sea three</option>
<option value="val4">sea four</option>
</select>
</td>
<td valign="top">
<input type="text" id="txtSelectedValues" />
selected array
</td>
</tr>
</table>
</form>
// Aquí el Script
<script language="JavaScript" type="text/javascript">
<!--
function loopSelected()
{
var txtSelectedValuesObj = document.getElementById('txtSelectedValues');
var selectedArray = new Array();
var selObj = document.getElementById('selSeaShells');
var i;
var count = 0;
for (i=0; i<selObj.options.length; i++) {
if (selObj.options[i].selected) {
selectedArray[count] = selObj.options[i].value;
count++;
}
}
txtSelectedValuesObj.value = selectedArray;
}
function openInNewWindow(frm)
{
// open a blank window
var aWindow = window.open('', 'Tutorial004NewWindow',
'scrollbars=yes,menubar=yes,resizable=yes,toolbar= no,width=400,height=400');
// set the target to the blank window
frm.target = 'Tutorial004NewWindow';
// submit
frm.submit();
}
//-->
</script>
2.- Código en tutorial004_nw.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Tutorials - Select list - Multiple values in an array </title>
<script language="JavaScript">
<!--
function printToPage()
{
var pos;
var searchStr = window.location.search;
var searchArray = searchStr.substring(1,searchStr.length).split('&') ;
var htmlOutput = '';
for (var i=0; i<searchArray.length; i++) {
htmlOutput += searchArray[i] + '<br />';
}
return(htmlOutput);
}
//-->
</script>
</head>
<body>
<b>MREDKJ's Tutorials - Select list - Multiple values in an array</b>
<br />
Below should be the form values that were submitted:
<p>
<script language="JavaScript">
document.write(printToPage());
</script>
</p>
</body>
</html>
