创建一个搜索框,搜索div的id

时间:2013-02-21 20:57:35

标签: php javascript

嗯我在网络编程方面有点新意,我确信我违反了一些规则,但我真的需要帮助。好吧我的想法是我创建了一个滑块,其中包含我从数据库中提供的信息,所以我正在使用php,我正在使用php中的一段代码填充滑块的所有li和div,并且我将id提供给div,其中包含数据库用户名称的所有详细信息,因此我需要有一个搜索字段来查看我拥有的所有div,并在搜索之后它只显示您在搜索字段中查找的用户的名称。 所以这是我在页面中的php代码,我尝试使用ajax但是当信息来自php文件时它不尊重div的大小并打印所有信息而我不得到滑块。

<div class="slider" id="slider">   


<?php
    $cont = 0;
    $bandera=0;
    $tamano = 0;
    $nombreUsuario = "";
    $arrayIDs = array();
    $i = 0;
    $query_Total = "SELECT u.FOTO_HIJO_USUARIOS, u.ID_USUARIOS, u.NOMBRE_USUARIOS, u.NOMBRE_HIJO_USUARIOS, u.FB_ID_USUARIOS, m.ID_MOMENTOS_MAGICOS, m.TEXTO_MOMENTOS_MAGICOS FROM MOMENTOS_MAGICOS AS m, USUARIOS AS u WHERE u.ID_USUARIOS = m.ID_USUARIOS AND u.ESTADO_USUARIOS =  '1'";
    $todas_Total = mysql_query($query_Total, $MM_db) or die(mysql_error());
    echo "<ul>";
    while(($row = mysql_fetch_array($todas_Total, MYSQL_ASSOC))){
        $nombreUsuario = $row['NOMBRE_USUARIOS'];
        $arrayIDs[$i] = $nombreUsuario;
        $i++;
        $bandera++;
        if($cont++%3==0){
            echo '<li>';
        }

            echo '<div class="participantes" id="'.$nombreUsuario.'" style="float:left; padding-left:10px;width:145px;margin-right:25px;margin-left:15px; margin-top:15px">';
                echo '<div class="face_foto"><img src="https://graph.facebook.com/'.$row['FB_ID_USUARIOS'].'/picture" width="52" height="52" /></div>';
                echo '<h1 align="right">'.$nombreUsuario.'</h1>';
                echo '<img class="bebe_participante" src="uploads/'.$row['FOTO_HIJO_USUARIOS'].'" width="153" height="89" />';
                echo '<h2 align="center">'.$row['NOMBRE_HIJO_USUARIOS'].'</h2>';
                echo '<div id="botMas"> <a href="momMagPag.php?id='.$row['ID_USUARIOS'].'"><img class="img_votos" src="images/bt_ver_mas.png" width="89" height="35"/></a> </div>';
                $query_Votos = "SELECT COUNT( * ) AS VOTOS FROM VOTOS WHERE ID_MOMENTOS_MAGICOS =  '".$row['ID_MOMENTOS_MAGICOS']."'";
                $todos_Votos = mysql_query($query_Votos, $MM_db) or die(mysql_error());
                while(($row = mysql_fetch_array($todos_Votos, MYSQL_ASSOC))){
                     echo '<div class="votos">'.$row['VOTOS'].' VOTOS </div>';
                }                                    
            echo '</div>';
            $tamano++;
    }
    if($cont%3==0 || $cont==$bandera ){
        echo '</li>';
    }                            
    echo "</ul>";
?>
</div>

所以我想用javascript或jquery进行搜索,但经过一些尝试后我无法做到。 所以我真的希望你们能帮助我。 谢谢您的时间:))

1 个答案:

答案 0 :(得分:0)

请使用http://ivaynberg.github.com/select2/

请参阅:Many-to-Many Ajax Forms (Symfony2 Forms)了解实现(忽略这是标记为symfony2的事实,它也与php相关)