AYUDA POR FAVOR! JavaScript y PHP

[UkySoft]

Hola a tod@s, bueno necesito una ayudita con JavaScript y PHP, no hay manera de conseguir unirlos.
Bien os comento, tengo un JavaScript que lo que me hace es crear INPUTS cada vez que le doy a un botton, hasta ahi bien, el problema viene al querer que al crear un INPUT y que al lado del INPUT haya un codigo PHP y cada vez se repita ya que el funcionamiento es el siguiente, tenemos un INPUT type=text, entonces al lado tenemos un texto que poner BUSCAR PRODUCTO, se abre una nueva capa y salta una página, es decir, la de buscarproducto.php, vale buscamos seleccionamos el que queremos y nos inserta en el INPUT el CODIGO del producto y donde ponia BUSCAR PRODUCTO pondrá el nombre del producto, vale para hacerlo una vez bien, ahora es repetir la secuencia JavaScript y PHP cada vez que le doy al boton añadir un nuevo INPUT

El codigo JavaScript con el HTML es este:

Código PHP:

  <script> 
 
var i=1; 
 
function fEscribeDir() 
{ 
addFormField(document.formu1,'text','producto'+i); 
document.formu1.numficheros.value=i; 
i=i+1; 
} 
function addFormField (form, fieldType, fieldName, fieldValue) 
{ 
if (document.getElementById) 
{ 
var input = document.createElement('INPUT'); 
var div = document.createElement('DIV'); 
var input = document.createElement('INPUT'); 
 
if (document.all) 
{  
input.type = fieldType; 
input.name = fieldName; 
input.value = fieldValue; 
} 
else if (document.getElementById) 
{  
input.setAttribute('type', fieldType); 
input.setAttribute('name', fieldName); 
 
 
 
} 
 
input.style.width="320px"; 
div.appendChild(input); 
document.getElementById('ficheros').appendChild(div); 
} 
} 
</script> 
 
 
 
 
<table width="723" border="0."> 
  <tr> 
    <td width="329"><form name="FrmUpload"> 
 
<div id="ficheros"> 
  <input type="text" name="fichero0" style="width: 320px;"> 
<label></label> 
</div> 
 
</form> </td> 
    <td width="186">&nbsp;</td> 
    <td width="194"><input type="button" name="boton" id="boton" value="Añadir otro fichero" onClick="javascript:fEscribeDir()"></td> 
  </tr> 
  <tr> 
    <td colspan="3">&nbsp;</td> 
  </tr> 
</table>  
  

y este es el codigo php:

Código PHP:

  <? 
              $nproducto = $_GET['nproducto']; 
              if(!isset($nproducto)) { 
              ?> 
 
            <div id="buscarproducto" style=" background-color: #FFFFFF; width: 600px; height: 420px; position: absolute; float: left; left: 192px; top: 28px;display: none;"> 
<div align="right"><a href="#" onClick="document.getElementById('buscarproducto').style.display='none';return false;">CERRAR VENTANA</a></div> 
                        <script> 
 
    document.write('<iframe src="buscarproducto.php?idc='+document.getElementById('id').value+'&nombrec='+document.getElementById('nombreclient').value+'" width=600 height=400 border=0 scrolling=no></iframe>'); 
</script>    </div> 
          <a href="#" onClick="document.getElementById('buscarproducto').style.display='';return false;">BUSCAR PRODUCTO </a> 
            <? 
              } else { 
              echo $nproducto; 
              } 
?>   

JUNTO quedaría asi:

Código PHP:

 <script> 
 
var i=1; 
 
function fEscribeDir() 
{ 
addFormField(document.formu1,'text','producto'+i); 
document.formu1.numficheros.value=i; 
i=i+1; 
} 
function addFormField (form, fieldType, fieldName, fieldValue) 
{ 
if (document.getElementById) 
{ 
var input = document.createElement('INPUT'); 
var div = document.createElement('DIV'); 
var input = document.createElement('INPUT'); 
 
if (document.all) 
{  
input.type = fieldType; 
input.name = fieldName; 
input.value = fieldValue; 
} 
else if (document.getElementById) 
{  
input.setAttribute('type', fieldType); 
input.setAttribute('name', fieldName); 
 
 
 
} 
 
input.style.width="320px"; 
div.appendChild(input); 
document.getElementById('ficheros').appendChild(div); 
} 
} 
</script> 
 
 
 
 
<table width="723" border="0."> 
  <tr> 
    <td width="329"><form name="FrmUpload"> 
 
<div id="ficheros"> 
  <input type="text" name="fichero0" style="width: 320px;"> 
<label></label> 
</div> 
 
</form> </td> 
    <td width="186"><? 
              $nproducto = $_GET['nproducto']; 
              if(!isset($nproducto)) { 
              ?> 
 
            <div id="buscarproducto" style=" background-color: #FFFFFF; width: 600px; height: 420px; position: absolute; float: left; left: 192px; top: 28px;display: none;"> 
<div align="right"><a href="#" onClick="document.getElementById('buscarproducto').style.display='none';return false;">CERRAR VENTANA</a></div> 
                        <script> 
 
    document.write('<iframe src="buscarproducto.php?idc='+document.getElementById('id').value+'&nombrec='+document.getElementById('nombreclient').value+'" width=600 height=400 border=0 scrolling=no></iframe>'); 
</script>    </div> 
          <a href="#" onClick="document.getElementById('buscarproducto').style.display='';return false;">BUSCAR PRODUCTO </a> 
            <? 
              } else { 
              echo $nproducto; 
              }?></td> 
    <td width="194"><input type="button" name="boton" id="boton" value="Añadir otro fichero" onClick="javascript:fEscribeDir()"></td> 
  </tr> 
  <tr> 
    <td colspan="3">&nbsp;</td> 
  </tr> 
</table>  

De esta manera, el codigo funciona bien, pero a la hora de dar al boton Añadir otro fichero, se añade otro INPUT pero no se pone otra vez el codigo PHP y eso es realmente lo que necesito hacer


DEsde ya muchas gracias y espero una solucion
MIL GRACIAS!!

[UkySoft]

¿Alguien? Siento el doble POST, pero esque se fuee a tomar x ai ya el post...

SORRY!!

[AlvaroG]

Estás mezclando demasiado.
No se repetirá el código PHP por un motivo muy simple: php se ejecuta EN EL SERVIDOR y su salida es html. Jamás verás código PHP mezclado con HTML.

Tendrás que reestructurar tu página, que lo que tenga que hacer javascript lo haga javascript, y si necesitás peticiones tendrás que recargar la página, o abrir una nueva.


Saludos.