2016-10-04 5 views
0

Я пытаюсь передать информацию из кнопки в столбце «действия» в модальный div, я вызываю модальный с помощью JS, однако я не уверен, как отправлять информацию из таблицы в div. (Помните, что это должно быть различная информация для каждой кнопки, поскольку каждая кнопка находится в другом ряду)Как передать информацию через jQuery

<?php 
error_reporting(0); 
    $con = new mysqli("localhost","****","****","****");  
if(mysqli_connect_errno()){   
echo(mysqli_connect_error());  
} 
$cuser = $_COOKIE['c_user']; 

$result = $con->query("SELECT * FROM calls");  
echo" 

<table class=\"table table-bordered responsive\"> 
     <thead> 
      <tr> 
       <th width=\"5%\">#</th> 
       <th>Call Status</th> 
       <th>Player ID</th> 
       <th>Player Name</th> 
       <th width=\"33%\">Actions</th> 
      </tr> 
     </thead> 
<tbody>";    
    while($row = $result->fetch_assoc()){ 
            echo "<tr> ";  
             echo("<td>" . $row['id'] . "</td> "); 
             echo("<td>" . $row['status'] . "</td> "); 
             echo("<td>" . $row['pid'] . "</td> "); 
             echo "<td>" . $row['pname'] . "</td> "; 
       echo "<td> "; 
            if($row['status'] == 'Pending'){ 
             echo "<a button type=\"button\" class=\"btn btn-warning\" href=\"calls.php?claim=true&callid=$row[id]\">Claim Call</button /a> "; 
            } else if($cuser == $row['claimedby']) { 
             echo "<a button type=\"button\" class=\"btn btn-danger\" href=\"calls.php?closecall=true&callid=$row[id]\">Close Call</button /a> "; 
            } else { 
                          echo "<a button type=\"button\" class=\"btn btn-warning disabled\">Claimed</button /a> "; 
            } 
            echo "<a button type=\"button\" href=\"javascript:;\" onclick=\"jQuery('#modal-2').modal('show');\" class=\"btn btn-info\">Call Info</button /a> "; 
            echo "<a button type=\"button\" id = $row[id] href=\"javascript:;\" onclick=\"jQuery('#modal-1').modal('show');\" class=\"btn btn-success\">Server Info</button /a> "; 
            echo "<a button type=\"button\" class=\"btn btn-primary\">Join Server</button /a> "; 
             echo "</td> "; 
} 
      echo "</tr> 
     </tbody> 
    </table>"; 

echo"<div class=\"modal fade\" id=\"modal-1\"> 
<div class=\"modal-dialog\" style=\"width: 50%\"> 
    <div class=\"modal-content\"> 

     <div class=\"modal-header\"> 
      <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;</button> 
      <h4 class=\"modal-title\">Call Info</h4> 
     </div> 

     <div class=\"modal-body\" id=\"serverHandle\"> 

     </div> 

     <div class=\"modal-footer\"> 
      <button type=\"button\" class=\"btn btn-default\" data-dismiss=\"modal\">Close</button> 
     </div> 
    </div> 
</div> 
</div>"; 
    ?> 
+0

Вы используете модальные Bootstrap в? –

+0

@NorlihazmeyGhazali Я включил модальный код, его обычай. –

+0

@ICostaExDesigns: вы хотите отправить любую информацию с кнопок на Modal DIV, когда кто-то нажимает на эти кнопки? – mi6crazyheart

ответ

0

Вы хотите отправить какую-либо информацию с помощью кнопок в модальных DIV, когда кто-то нажимает на эти кнопки? Если вы этого захотите, вы можете добавить один пользовательский атрибут к вашей кнопке, как этот <button info='my-info' id=''>Click</button>, а затем, когда кто-то нажмет на эту кнопку, вы можете извлечь значение из этого атрибута с помощью JavaScript this & поместите это в окно MODAL с помощью любого ID из Modal DIV ,

0

Вы можете добавить что-то подобное к своей кнопке вместе с событием клика.

 data-value="<?php echo $Something->SomeValue;?>" 

Затем, когда событие щелчка сработал, вы можете получить значение, как это:

$(this).data("value"); 

вы можете использовать различные данных- [тег], чтобы передать несколько фрагментов информации.

Или как альтернатива, добавьте в каждую кнопку:

onclick='someFunction("<?php echo $Something->SomeValue;?>")'; 
Смежные вопросы