Modal repentido o primeiro resultado sql

[wneo 5]

Oláa,

 

pessoal estou obtendo resultados do banco, e os mesmos estão em um while, e quando clico em uma das linhas quero que abra uma modal mostrando o resultado relativo aquela linha específica, mas independente de qual eu clico, vem sempre o primeiro resultado dentro da modal...

 

estou fazendo assim:

SQl

<?php

require("conecta.php");
 
$strSQL = "SELECT * FROM work_center";

$rs = mysql_query($strSQL);

while($row = mysql_fetch_array($rs)) {

$id_tarefa= $row ['id_tarefa'];
$tarefa= $row ['tarefa'];
$status= $row ['status'];
$tempo_estim= $row ['tempo_estim'];
$descreve= $row ['descreve'];

?>

Mostrando resultado:

<div class="area_de_tarefas">

<form method="POST" action="update_work.php">
<div class="area_de_tarefas_txt" id="tarefa">
<input type="text" class="input_tarefas" name="tarefa" value="<?php echo $tarefa; ?>" />
</div><!-- /area_de_tarefas_txt-->

<div class="area_de_tarefas_txt">
<select class="input_tarefas" name="status" />
<option value="<?php echo $status; ?>"><?php echo $status; ?></option>
<option value="Aguardando">Aguardando</option>
<option value="Em Andamento">Em Andamento</option>
<option value="Concluído">Concluído</option>
</select>
</div><!-- /area_de_tarefas_txt-->

<div class="area_de_tarefas_txt">
<select class="input_tarefas" id="tempo_estim" name="tempo_estim" />
<option value="<?php echo $tempo_estim; ?>"><?php echo $tempo_estim; ?></option>
<option value="30min">30min</option>
<option value="60min">60min</option>
<option value="1h">1h</option>
<option value="2h">2h</option>
<option value="3h">3h</option>
<option value="Turno">Turno</option>
</select>
</div><!-- /area_de_tarefas_txt-->

<div class="area_de_tarefas_txt" id="descreve_txt">
<input type="text" class="input_tarefas" name="descreve" value="<?php echo $descreve; ?>"/>
</div><!-- /area_de_tarefas_txt-->

<input name="id_tarefa" type="hidden" id="id_tarefa" value="<? echo $id_tarefa; ?>">

<button type="submit" id="atualizar" title="atualizar" 
class="icon-floppy-disk"></button >

<div class="ver_detalhes openBox" name="box1" id="<?php echo $id_tarefa; ?>">+</div><!-- /ver_detalhes--><!--aqui eu clico para aparecer a modal -->

</form>
</div><!-- /area_de_tarefas-->

Modal:

<!-- Modal_ver detalhes-->
<script>
$(document).ready(function(){
    $(".openBox").click(function(){
        var windowName = $(this).attr("name"),
            height = ($(window).height() - $('.dialog').outerHeight())/2;
        $(".fullScreen").fadeIn("fast");
        $("#"+windowName).css("margin-top",height+"px").fadeIn("fast");
    });
    
    $(".button").click(function(){
        $(".fullScreen, .dialog").fadeOut("fast");
    });
});    
</script>

<style>
.fullScreen {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.dialog {
    position: relative;
    background: rgba(0,0,0,1.0);
    color: #eee;
    width: 500px;
    height: 200px;
    border-radius: 10px;
    margin: 0 auto;
    padding: 15px;
    z-index: 999;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    display: none;
    font-size: 14px;
}

.button {
    position: absolute;
    display: block;
    bottom: 15px;
    background: #cc0000;
	color: #fff;
	width: 100px;
    border-radius: 4px;    
    margin-left: 185px;
    padding: 5px;
    text-align: center;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
	font-size: 13px;
}

.button:hover {
    background-color: #ee0000;
    cursor: pointer;
}
</style>

<div class="fullScreen">
	<div class="dialog" id="box1"><?php echo $compara_modal;?> 
		<a class="button">Ok</a>
	</div>
	
</div>

<!-- /Modal_ver detalhes-->

<?php
}
?>

Como posso resolver isssssooo???

to tentando a um tempão..

[ESerra 744]

Movendo para a área correta, JS.

[angelorubin 142]

Mas onde esta o conteúdo que você quer colocar na modal?

[wneo 5]

Mas onde esta o conteúdo que você quer colocar na modal?

o conteudo seria aqui:

<div class="fullScreen">

<div class="dialog" id="box1"><?php echo $compara_modal;?>

 

CONTEUDO

<a class="button">Ok</a>

</div>

</div>

[wneo 5]

Boa tarde!!! resolvi a questão...

precisei utilizar uma modal diferente:

<a data-toggle="modal" data-id="<?php echo $id_tarefa; ?>" title="Add this item" class="open-AddBookDialog btn btn-primary ver_detalhes " href="#<?php echo $id_tarefa; ?>">+</a>

<div class="modal hide" id="<?php echo $id_tarefa; ?>">
 <div class="modal-header">
    <button class="close" data-dismiss="modal">×</button>
    <h3><?php echo $status; ?></h3>
  </div>
    <div class="modal-body">
        <p><?php echo $tarefa; ?></p>
    </div>
</div>

Dessa forma consegui passar através do id ao clicar no link para dentro da modal, mostrando o conteudo desejado q for relativo aquela linha do registro do banco...