dificultad con la acción del formulario y las identificaciones únicas

Question

Tengo este código en un foreach que las listas de enlaces uniquecode:

<a id="<?php echo $id_to ?>" href="<?php echo ADDRESS; ?>messageSent.php?id=<?php echo $id_to ?>" class="charcoal_link" style="line-height: 20px;" onclick="showMessageArea(this); return false;" > 
    <?php echo $uniqueCode1?><span class="pink_text"><?php echo $uniqueCode2?></span><?php echo $uniqueCode3?> 
</a>  
<form id="message_area" style="display:none" method="post" action="<?php echo ADDRESS; ?>messageSent.php?id=<?php echo $id_to ?>">         
    <textarea name="message" rows="10" cols="20"></textarea> 
    <input name="Submit" type="submit" value="Send"></input> 
</form> 

esto es lo que me pasa cuando veo la fuente de la página:

<a href="http://www-rainbowcode-mobi/messageSent.php?id=36" class="charcoal_link" style="line-height: 20px;" onclick="showMessageArea(this); return false;" > 
    KUZELJA<span class="pink_text">000</span>RC 
</a>  
<form id="message_area" style="display:none" method="post" action="http://www-rainbowcode-mobi/messageSent.php?id=36">         
    <textarea name="message" rows="10" cols="20"></textarea> 
    <input name="Submit" type="submit" value="Send"></input> 
</form> 
<a href="http://www-rainbowcode-mobi/messageSent.php?id=38" class="charcoal_link" style="line-height: 20px;" onclick="showMessageArea(this); return false;" > 
    ALANZIM<span class="pink_text">000</span>RC 
</a>  
<form id="message_area" style="display:none" method="post" action="http://www-rainbowcode-mobi/messageSent.php?id=38">         
    <textarea name="message" rows="10" cols="20"></textarea> 
    <input name="Submit" type="submit" value="Send"></input> 
</form> 

el problema es cuando la acción se dispara y la página va al mensaje enviado y veo la fuente de la página de nuevo $id_to NO es la identificación del enlace en el que hice clic. Toma el ID del primer enlace, independientemente del enlace en el que hago clic

aquí la fuente de la página messageSent (I hecho clic en el enlace con id 38 NO 36): donde tengo una print_r($_REQUEST) y le da:

Array 
(
    [id] => 36 
    [message] => bj,nbgj, 
    [Submit] => Send 
) 

.

function showMessageArea(link) 
{ 
    var message_area = document.getElementById('message_area'); 
    message_area.parentNode.removeChild(message_area); 
    link.parentNode.insertBefore(message_area, link.nextSibling); 
    message_area.style.display="block"; 
} 

Answer 1

El problema son los identificadores que no son únicos.

Pruebe anexar $to_id a los ID de formulario, para que sean únicos (por ejemplo, <form id="message_area_<?php echo $to_id; ?>" ...).

Y luego actualizar showMessageArea función para hacer esto:

var message_area = document.getElementById('message_area_'+this.id); 

De esta manera usted estará operando en el elemento de la forma deseada.

Como sugerencia refactorización, se recomienda usar un único formulario en lugar y hacer id parámetro a ser <input type='hidden' name='id' id='message_id' value=''> y establecer su valor desde el showMessageArea(...) así:

document.getElementById('message_id').value = this.id; 

Answer 2

¿No debería tener punto y coma después de las declaraciones de php?

EDIT:

Creo que el problema es que hay dos elementos con el id "message_area", por lo que siempre se refiere a la primera. Intente solo tener un formulario y establezca la acción de ese formulario cuando se haga clic en uno de los enlaces.

Answer 3

No sé si esto lo arreglará porque no puedo ver un problema, pero podría intentar el siguiente código:

<a id="<?php echo $id_to ?>" href="<?php echo ADDRESS; ?>messageSent.php class="charcoal_link" style="line-height: 20px;" onclick="showMessageArea(this); return false;" > 
    <?php echo $uniqueCode1?><span class="pink_text"><?php echo $uniqueCode2?></span><?php echo $uniqueCode3?> 
</a> 
<form id="message_area" style="display:none" method="post" action="<?php echo ADDRESS; ?>messageSent.php?id=<?php echo $id_to ?>"> 
    <textarea name="message" rows="10" cols="20"></textarea> 
    <input type="hidden" name="id" value="<?php echo $id_to ?>" /> 
    <input name="Submit" type="submit" value="Send" /> 
</form> 

Y luego tratar print_r($_POST)

EDIT:

Bien, siguiendo su comentario Helloise, creo que lo siguiente puede funcionar:

<a id="messageid_<?php echo $id_to ?>" href="javascript:void(0);" class="charcoal_link" style="line-height: 20px;" onclick="showMessageArea(this,'<?php echo $id_to ?>'); return false;" > 
    <?php echo $uniqueCode1?><span class="pink_text"><?php echo $uniqueCode2?></span><?php echo $uniqueCode3?> 
</a>  
<form id="message_area" style="display:none" method="post" action="<?php echo ADDRESS; ?>messageSent.php">         
    <textarea name="message" rows="10" cols="20"></textarea> 
    <input name="Submit" type="submit" value="Send" /> 
    <input type="hidden" id="message_id" name="id" value="" /> 
</form> 

<script type="text/javascript"> 
    function showMessageArea(link,messageId) 
    { 
     document.getElementById('message_id').value=messageId; 
     message_area.parentNode.removeChild(message_area); 
     link.parentNode.insertBefore(message_area, link.nextSibling); 
     document.getElementById('message_area').style.display="block"; 
    } 
</script> 

Por lo tanto, aquí el punto principal es tener una forma como usted ha indicado, pero pasar la identificación que estamos utilizando en la función javascript. Desde allí, puede establecer el valor de la entrada oculta que luego se incluirá en los valores POST.

Answer 4

intentar algo como esto:

después de hojear rápido ...

• su falta $ antes ADDRESS . Debe ser $ADDRESS. Supongo que es una variable (ignore esto, se pasa por alto que es solo una constante)

• falta su punto y coma después de muchas líneas de php.

  <a id="<?php echo $id_to; ?>" 
      href="<?php echo $ADDRESS;?>messageSent.php?id=<?php echo $id_to; ?>" 
      class="charcoal_link" 
      style="line-height: 20px;" 
      onclick="showMessageArea(this); return false;" 
      <?php echo $uniqueCode1;?> 
      <span class="pink_text"> 
       <?php echo $uniqueCode2?> 
      </span> 
      <?php echo $uniqueCode3;?> 
  ></a>  
  
  <form id="message_area" style="display:none" method="post" action="<?php echo $ADDRESS; ?>messageSent.php?id=<?php echo $id_to; ?>">       
      <textarea name="message" rows="10" cols="20"></textarea> 
      <input name="Submit" type="submit" value="Send"></input> 
  </form>